html {margin:0;padding:0}
body{font:normal 11px Verdana, Helvetica, Arial}
.site_body {margin:0;padding:0}
.intro_body{margin:0;padding:0;background-color:#fff}
/* página de entrada */
#mainContainer {margin:0 auto 0 auto;padding:0;width:960px;font:normal 11px Verdana, Helvetica, Arial;color:#636363}
#homeTitle {margin:10px 0 0 30px;font:normal 11px Helvetica,Arial}
#homeImages{text-align:center;font:normal 11px Helvetica,Arial}
#homeImages p{margin:0 0 4px 0;padding:0}
/* Página de inicio */
.banner_center {background-color:#fff;height:190px;vertical-align:top;width:760px}
.banner_center img{vertical-align : bottom;}
.banner_right {width:200px}
#page_title {width:250px;height:25px;float:left;line-height:25px;margin:7px 0 0 10px;font:normal 11px Verdana, Helvetica, Arial;color:#7a7a7a}
#top_links {width:250px;height:25px;float:left;line-height:25px;margin:7px 0 0 180px;font:normal 11px Verdana, Helvetica, Arial;text-align:right;color:#7a7a7a}
#top_links a:link{text-decoration:none;color:#7a7a7a}
#top_links a:active{text-decoration:none;color:#7a7a7a}
#top_links a:visited{text-decoration:none;color:#7a7a7a}
#top_links a:hover{text-decoration:underline;color:#7a7a7a}
#search_bar {width:272px;height:38px;float:right;background:url(../images/search_bg.jpg) top left no-repeat}
#search_left {width:45px;height:20px;float:left;margin:10px 0 0 70px;color:#FFFFCC;font:normal 11px Verdana, Helvetica, Arial;line-height:22px}
#search_center {width:120px;height:20px;float:left;margin:10px 0 0 0}
#search_right {width:25px;height:20px;float:left;margin:11px 0 0 0}
#txtSearch {width:110px;font:normal 11px Arial,Verdana}
.body_center {background-color:#fff;vertical-align:top}
.body_right {vertical-align:top;padding-left:10px}
.page_footer {background-color:#000;color:#fff;text-align:center;vertical-align:top;padding:10px;font-size:14px}
#leftdiv{margin:5px 0 0 0;padding:0;float:left;width:200px;font:normal 11px Helvetica,Arial;line-height:15px}
#leftdiv img{vertical-align : bottom}
#leftdiv a img{border:0}
#rightdiv{margin:5px 0 0 2px;padding:0;float:left;width:555px;font:normal 11px Verdana, Helvetica, Arial}
#rightdiv img{vertical-align:bottom}
#rightdiv table{}
#rightdiv table td{vertical-align:top}
#rightdiv p {margin:0 0 15px 0;color:#555;letter-spacing:0px}
#rightdiv p a {color:#3399FF;text-decoration:none;font-weight:normal;}
#rightdiv p.blacklinks a {color:#000 !important;text-decoration:none;font: bold 11px Verdana, Helvetica, Arial;display:inline-block;padding:3px}
#rightdiv p.blacklinks a:hover {background-color:#FEF102;}
.contentitem {margin:20px 20px 10px 30px;line-height:20px;color:#999}
.contentitem p {margin:0 0 15px 0;color:#999;letter-spacing:0px}
.contentitem p a {color:#3399FF;text-decoration:none;font-weight:normal}
.contentitem h2 {margin:0;font:normal 22px Garrison Sans,Helvetica;color:#999;line-height:16px}
.contentitem h2 span{font-style:italic;font-size:18px}
.contentitem h3 {margin:3px 0 10px 0;font:bold 11px Verdana, Helvetica, Arial;color:#999}
.contentitem h3 span {font:normal 14px Helvetica,Arial;font-style:italic}
.contentitem h4 {margin:0 0 10px 0;font:normal 13px Helvetica,Arial;color:#369}
.contentitem ul li a {color:#999}
.contentitem ul li a.current {color:#996}
.linkstable .centeredtd {text-align:center}
.linkstable .contenttd {text-align:justify}
.cceform {color:#555}
.cceform input[type=text] {width:250px;border:1px solid #888}
.cceform textarea {width:250px;border:1px solid #888}
.cceform input[type=submit] {border:1px solid #000;background-color:#555;color:#fff}
#ccesv_info {width:160px;margin:0 auto 0 auto;text-align:right;font:normal 13px Helvetica,Arial;color:#7a7a7a}
#ccesv_info a{color:#555}
.ccesv_info_text {color:#CD402A}
.ccesv_info_black {color:#000}
.ccesv_info_gray {color:#666}
#menudiv {height:38px;background-color:#fff}
#sections {height:120px}
#sections p {color:#666;padding:5px 10px 0 10px;margin:0;text-align:justify;font:normal 11px Verdana, Helvetica, Arial}
.section {float:left;width:250px;height:120px;margin:15px 0 0 10px;background:#fff url(../images/section_bg.jpg) top left repeat-x}
.section h2 {color:#996;margin:5px 10px 0 40px;font:normal 22px Garrison Sans,Helvetica,Arial}
.section div {text-align:right;margin:0 10px 0 0}
.section div a {font:normal 22px Helvetica,Arial;color:#666;line-height:12px;text-decoration:none}
.rightitem {margin:5px 0px 0 8px;line-height:20px;color:#555}
.rightitem h2 {margin:7px 0;font:normal 11px Helvetica;color:#fff;background-color:#000;margin-top:15px;padding:2px 6px;display:inline-block}
.rightitem h2 span{font-style:italic;font-size:12px}
.rightitem h3 {margin:12px 0 0 0;font:normal 26px Garamond, "Times New Roman";line-height:24px;color:#CD402A}
.rightitem h3 span{font-style:italic;font-size:18px;color:#CD402A}
.rightitem h3 a{font:normal 26px Garamond, "Times New Roman";line-height:24px;color:#CD402A;text-decoration:none}
.rightitem h3 a:hover{text-decoration:none;border-bottom:1px dotted #CD402A}
.rightitem h4 {margin:7px 0 7px 0;font:normal 13px Verdana, Helvetica, Arial;color:#000}
.rightitem h4 span {font:normal 18px Helvetica,Arial}
.rightitem h5 {margin:0;padding:0;font-weight:normal;font-size:11px}
.rightitem p {margin:0 0 15px 0;color:#555;letter-spacing:0px}
.rightitem p img{border:0}
.rightitem p a {color:#3399FF;text-decoration:none;font-weight:normal}
.rightitem .centered {text-align:center;margin:10px}
#bottommenu {margin:20px 0 0 0;text-align:center;font:normal 13px Helvetica,Arial;color:#b4b4b4}
#bottommenu a {color:#666;text-decoration:none}
#bottommenu a:hover {border-bottom:1px dotted #666}
#breadcrum {float:left;margin:20px 40px 0 30px;font:normal 11px Verdana, Helvetica, Arial;color:#a0a0a0;width:460px}
#breadcrum h1 {margin:4px 0 6px 0;font:normal 18px Helvetica;color:#333;line-height:16px}
#breadcrum h3 {margin:0;font:normal 12px Helvetica;color:#996;line-height:12px}
#breadcrum a{margin:0;font:normal 13px Helvetica;color:#666;line-height:13px;text-decoration:none}
#breadcrum a:hover{text-decoration:none;border-bottom:1px dotted #666}
.clearFloat {clear:both}
/* Calendar styles*/
table.calendar {border:1px #f1f1f1 solid;font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#fff; font-size:10px;width:200px;margin-bottom:3px}
table.calendar th {font:bold 11px Verdana, Helvetica, Arial;color:#000;background-color:#FEF102;width:22px;height:22px;text-align: center}
table.calendar td {width:22px;height:22px;font-size:11px;color:#fff;text-align:center;border:0px;background-color:#000}
table.calendar td a{color:#f00 !important;font-weight:bold !important;font:normal 11px Arial,Helvetica;margin-left:2px;text-decoration:underline;display:block;width:22px;height:18px}
table.calendar td.today a{color:#fff !important;font:normal 11px Arial,Helvetica;margin-left:2px;text-decoration:none}
table.calendar td.today {background-color:#f00}
table.calendar td.none {background-color:#fff}
table.calendar td a {color:#000}
table.calendar td.event {font-size: 11px; color:#006699; background-color:#F9EDDD; border-bottom:1px #EDCB9D solid;}
table.calendar .calendar-month {font:bold 12px Verdana,Helvetica, Arial;color:#000;margin-top:3px;text-align:center;padding:2px 0px 2px 0px}
table.calendar .calendar-month a{text-decoration: none}
table.calendar .calendar-prev, table.calendar .calendar-next {font-weight: normal;}
table.prevnext {width: 100%; margin-top: .3em;}
table.prevnext td{font-size: smaller}
table.prevnext td a{text-decoration: none}
.movelinks:link{font:Helvetica, Arial;font-size:100%;color:#000000;text-decoration:underline;font-weight:bold}
.movelinks:visited{font:Helvetica, Arial;font-size:100%;color:#000000;text-decoration:underline;font-weight:bold}
.movelinks:active{font:Helvetica, Arial;font-size:100%;color:#000000;text-decoration:underline;font-weight:bold}
.movelinks:hover{font:Helvetica, Arial;font-size:100%;color:#000000;text-decoration:underline;font-weight:bold}
.newstitle{text-align:justify;font-weight:bold;color:#6791A9}
.newsdate{text-align:left;font-weight:bold;color:#000000}
#publications {float:left;width:100px;margin:20px 0px 0 10px}
.highlightedItem{background-color:#ffc}
/* Para la galería */
.backlink a {
font-size: 10px;
text-decoration: none;
color: #AAA;
}
.backlink a:hover,
.backlink a:visited:hover {
color: #000;
}
img {
border: none;
}
#page_nav {
color: #999;
clear:both;
text-align: center;
}
#page_nav a:link, #page_nav a:visited, #page_nav a:hover, #page_nav a:visited:hover {
text-decoration: none;
color: #222;
}
#breadcrumb_nav {
color: #999;
}
#breadcrumb_nav a:link, #breadcrumb_nav a:visited, #breadcrumb_nav a:hover, #breadcrumb_nav a:visited:hover {
}
.hidden {
visibility: hidden;
position:absolute;
top:0;
left:0;
display:inline;
}
/* ---------- gallery styles start here ----------------------- */
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
padding: 10px;
margin: 0;
float: left;
position: relative;
width: 130px;
height: 180px;
}
.gallery li:hover img {
border-color: #000;
background: #ddd;
}
.gallery img {
background: #fff;
border: solid 1px #888;
padding: 5px;
}
.gallery em {
background: #fff url(images/grey-gradient.gif) repeat-y;
color: #000;
font-style: normal;
padding: 2px 10px;
display: block;
position: absolute;
top: 145px;
left: 9px;
line-height:15px;
}
.gallery a {
text-decoration: none;
}
.gallery a:hover em {
background: #ffdb01 url(images/orange-gradient.gif) repeat-y;
border-color: #c25b08;
}
.newversion {
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
border: none;
float: none;
}
.newversion a img {
background-color: transparent;
color: white;
border: none;
text-decoration: none;
}
/* tendedero */
#tendedero-main-td {background-color:#FFF100}
#tendedero-menu{}
#tendedero-menu ul{list-style:none;padding-left:0 !important}
#tendedero-menu ul li a{display:block;width:146px;height:22px;font-size:10px;font-weight:bold;color:#000;text-decoration:none;background-color:#98999D;margin:3px 0;line-height:20px;padding-left:4px;text-transform:uppercase}
#tendedero-menu ul li p a{display:block;width:146px;height:18px;font-size:12px;font-weight:normal;color:#000;text-decoration:none;background-color:#FFF100;margin:3px 0;line-height:16px;padding-left:4px}
#tendedero-menu ul li p a:hover{background-color:#fff100;color:#CD402A;text-decoration:underline}
#tendedero-menu ul li a.selected{background-color:#000;color:#fff}
#tendedero-menu ul li a:hover{background-color:#000;color:#fff}
#tendedero-foto {background-color:#fff}
#tendedero-foto img{border:1px solid #888;padding:5px;display:block;}
.new-form-table{font-family:Verdana,Arial;font-size:10px;font-weight:bold;color:#fff;width:500px;background-color:#D2232A}
.new-form-table th{padding:8px 8px 12px 8px}
.new-form-table th{text-align:center;height:50px;font-size:12px !important}
.new-form-table td{padding:8px}
.new-form-table td.new-form-table-rtd{text-align:right}
.new-form-input{border:#fff !important;background-color:#fff;color:#555;height:20px;font-family:Verdana,Arial;font-size:11px;padding:4px}
.new-form-textarea{border:#fff !important;background-color:#fff;color:#555;font-family:Verdana,Arial;font-size:11px;padding:4px}
.new-form-submit{font-size:10px;padding:2px;color:#000 !important;background-color:#fff !important;border:#000;font-weight:bold}
/* Slider */
*{outline: none;}
img {border: 0;}
.container {
width: 760px;
padding: 0;
margin: 0 auto;
}
.folio_block {
position: absolute;
}
/*--Main Container--*/
.main_view {
float: left;
position: relative;
}
/*--Window/Masking Styles--*/
.window {
height:190px; width: 760px;
overflow: hidden; /*--Hides anything outside of the set width/height--*/
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}
/*--Paging Styles--*/
.paging {
position: absolute;
bottom: 5px; left: -7px;
width: 178px; height:30px;
z-index: 100; /*--Assures the paging stays on the top layer--*/
text-align: center;
line-height: 40px;
display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
padding: 5px;
text-decoration: none;
color: #fff;
}
.paging a.active {
font-weight: bold;
background-color: #FE0002;
border: 1px solid #FE0002;
}
.paging a:hover {font-weight: bold;}
.overflow-scroll{overflow:auto;height:1300px;}