/* #### MENU #### */
#topnav { z-index: 1000; }
ul.topnav { list-style: none; padding: 0 20px; margin: 0; float: left; width: 958px; background: #222; font-size: 1.2em; background: url(/v2/ima/menu/topnav_bg.gif) repeat-x; Position:absolute; z-index:10; }  
ul.topnav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; z-index: 20;}  
ul.topnav li a { padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; }  
ul.topnav li a:hover{ background: url(/v2/ima/menu/topnav_hover.gif) no-repeat center top; }  
ul.topnav li span { width: 17px; height: 35px; float: left; background: url(/v2/ima/menu/subnav_btn.gif) no-repeat center top; }  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer; }
ul.topnav li ul.subnav { list-style: none; position: absolute; left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111; }  
ul.topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #252525; border-bottom: 1px solid #444; clear: both; width: 170px; }  
html ul.topnav li ul.subnav li a { float: left; width: 145px; background: #333 url(/v2/ima/menu/dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; z-index: 20;}  
html ul.topnav li ul.subnav li a:hover { background: #222 url(/v2/ima/menu/dropdown_linkbg.gif) no-repeat 10px centeR; z-index: 20; } 
a.menu_sub_item { font-size: 1em; z-index: 20; }

/* #### TABS #### */
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; }
ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #999; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #e0e0e0; }
ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; outline: none; }
ul.tabs li a:hover { background: #ccc; }
html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; }
.tab_container { border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; }
.tab_content { padding: 20px; font-size: 1.2em; }
/* --- */
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; }
ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #999; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #e0e0e0; }
ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 1em; padding: 0 10px; border: 1px solid #fff; outline: none; }
ul.tabs li a:hover { background: #ccc; }
html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; }
.tab_container { border: 1px solid #999; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; background: #fff; }
.tab_content { padding: 20px; font-size: 1.2em; }


/* ### SLIDE ### */
#slide_base { width:680px; height:263px; background:transparent url(/v2/ima/slideshow/bg_slideshow2.jpg) no-repeat 0 0; padding: 4px 38px; position: relative;}
#slide_inicio { border: 2px solid #555; width: 600px; height: 200px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px px; text-align: center }

/* ### ROTATOR ### */
.main_image {
	width: 598px;
	height: 456px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 10px;
}
.main_image p {
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 10px;
	margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
	font-size: 1em;
	padding: 0 0 0 20px;
	background: url(/v2/ima/rotator/icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;
	left: 0; /*--Stick the desc class to the bottom of our main image container--*/
	width: 100%;
	display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
	background: url(/v2/ima/rotator/btn_collapse.gif) no-repeat left top;
	height: 27px;
	width: 93px;
	text-indent: -99999px;
	position: absolute;
	top: -27px;
	right: 20px;
}
.main_image a.show {background-position: left bottom;}
.image_thumb {
	float: left;
	width: 299px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
}
.image_thumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0;
	padding: 12px 10px;
	background: #f0f0f0 url(/v2/ima/rotator/nav_a.gif) repeat-x;
	width: 279px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 1.5em;
	margin: 5px 0;
	padding: 0;
}
.image_thumb ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/





/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:680px;
	height:263px;
	background:transparent url(/v2/ima/slideshow/bg_slideshow2.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:600px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:580px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
  z-index: -1000;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(/v2/ima/slideshow/control_left3.jpg) no-repeat 0 0;
  z-index: +1;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(/v2/ima/slideshow/control_right3.jpg) no-repeat 0 0;
  z-index: +5;
}

/** 
 * Style rules for Demo page
* {
  margin:0;
  padding:0;
  font:normal 11px Verdana, Geneva, sans-serif;
  color:#ccc;
}
a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
a img {border:2px solid #ccc;}
body {
  background:#393737 url(/v2/ima/slideshow/bg_body.jpg) repeat-x top left;
}
*/
#pageContainer {
  margin:0 auto;
  width:960px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  background:transparent url(/v2/ima/slideshow/bg_pagecontainer_h1.jpg) no-repeat top left;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#4ba5d3;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}
.slide a {
  color: #ccc;
  font-weight:bold;
  text-decoration:none;
}
.slide a:hover {
  color: #FFF;
}
.slide a img {border:2px solid #ccc;}
/*
#footer {
  height:100px;
}
#footer p {
  margin:30px auto 0 auto;
  display:block;
  width:560px;
  height:40px;
}
*/
.escudo {
	width: 359px;
	height: 100px;
	position: relative;
	top: -50px;
	left: 121px;
	z-index: 5;
	}