/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body,html {
    background-color: #dbdbdb; color: #000; height:auto !important; height:100%;
    background: #54626b url("../imgs/bg.gif") repeat;
}

body, input, textarea, select {
    font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a {
color: #478BBA;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: #478BBA;
text-decoration: none;
font-weight: bold;
}

.mas {
font-size: 11px;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#clear {clear:both;}

#pagina {
  width: 948px;
  background-color: #FFFFFF;
  border-right: #000000 1px solid;
  border-left: #000000 1px solid;
}

#header {
width: 948px;
text-align:left;
height: 128px;
background-color: #FFF;
}

#menu {
height: 24px;
background-color: #478BBA;
text-align: left;
width: 948px;
}

#col1 {
float: left;
text-align: left;
width: 538px;
padding: 17px;
background-color: #FFF;
}

#col2 {
width: 359px;
padding-right: 17px;
padding-top: 17px;
padding-bottom: 17px;
float: right;
text-align: left;
background-color: #FFF;
}

#col3 {
float: left;
text-align: left;
width: 731px;
padding-top: 17px;
padding-bottom: 17px;
padding-left: 25px;
background-color: #FFF;
}

#col4 {
width: 175px;
padding-bottom: 17px;
float: right;
text-align: center;
background-color: #FFF;
}

#rectxt {
width: 100%;
background-color: #1B3B4D;
color: #FFF;
}


#recfoto {
float: left;
width: 175px;
}

#recinfo {
float: right;
padding-right: 7px;
width: 340px;
}

#recpri {
width: 357px;
background-color: #1B3B4D;
color: #FFF;
}



#footer{
width:948px;
height: 106px;
padding: 2px 0;
background:  url("../imgs/pie_iu.gif") no-repeat;
text-align: left;
}

.bold {
font-weight: bold;
}

.f10 {
  font-size: 11px;
}

.f11 {
  font-size: 11px;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f15 {
  font-size: 15px;
}

.f16 {
  font-size: 16px;
}

.f17 {
  font-size: 17px;
}

.orange {
  color: #ffad2b;
}

.celeste {
  color: #00CCFF ;
}


.ctab {
  border: #1b3b4d 1px solid;
  background-color: #e4eef5;
}

  /*background-color: #85a3b8;
    background-color: #e4eef5;
      background-color: #cddfec;*/

.ctit {
  background-color: #406178;
  color: #FFF;
  height: 17px;
  font-weight: bold;
  text-align: center;
  font-size: 11px;
}

.cubi {
  color: #000000;
  height: 49px;
  font-size: 11px;
  text-align: center;
}

.cdat {
  color: #000;
  height: 21px;
  font-size: 11px;
  text-align: center;
  background-color: #cddfec;
}


.cpre {
  color: #FFF;
  font-weight: bold;
  font-size: 11px;
  background-color: #406178;
  height: 30px;
  text-align: center;
}

#ctot {
float: left;
width: 172px;
}

#ctot2 {
float: left;
width: 260px;
}

.cubi2 {
  color: #000000;
  height: 38px;
  font-size: 11px;
  text-align: left;
  padding: 5px;
}

.cdesc2 {
  color: #000000;
  background-color: #cddfec;
  height: 75px;
  font-size: 11px;
  text-align: left;
  padding: 5px;
}

#cdest {
width: 523px;
padding-left: 15px;
}

.combo {
	font-size:11px; BORDER-RIGHT: #E8EEF7 1px inset; BORDER-TOP: #E8EEF7 1px inset; FONT-WEIGHT: bold; BACKGROUND: #1b3b4d; BORDER-LEFT: #E8EEF7 1px inset; COLOR: #ffad2b; BORDER-BOTTOM: #E8EEF7 1px inset; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}




/* MENU */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 850px; /*For KHTML*/
	list-style: none;
	height: 24px;
	}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
    z-index: 3;
	}

ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 180px;
	list-style: none;
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu ul li {
	width: 180px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	}

/* Root Menu */
ul#navmenu a {
	border: 1px solid #88B5D2;
	border-right-color: #88B5D2;
	border-bottom-color: #88B5D2;
	padding: 0 8px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #FFF;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background: #006699;
	color: #FFF;
	}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	background: #478BBA;
	color: #FFF;
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #006699;
	color: #FFF;
	}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #478BBA;
	color: #FFF;
	}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #006699;
	color: #FFF;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #478BBA;
	color: #FFF;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #006699;
	color: #FFF;
	}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 180px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}
/* FIN DE MENU*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 538px; /*Width of Carousel Viewer itself*/
height: 266px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 538px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.bus_tit {
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 25px;
color: #2F528C;
border-bottom: #2F528C 1px solid;
}

.bus_eti {
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-size:11px;
color: #2F528C;
}

.bus_combo {
	font-size:11px; FONT-WEIGHT: bold; BACKGROUND: #697580; COLOR: #ffffff; FONT-FAMILY: Arial,Helvetica, sans-serif; width: 180px;
}

.boton {
	height: 26px; CURSOR: hand; BORDER: #4389cf 1px solid; FONT-SIZE: 11px; COLOR: #ffffff; FONT-WEIGHT: BOLD; width: 80px; background: #0086c2 url("../imgs/bg_boton.jpg") repeat-x;
}

.botonch {
	CURSOR: hand; BORDER: #4389cf 1px solid; FONT-SIZE: 11px; COLOR: #ffffff; FONT-WEIGHT: BOLD; width: 80px; background: #0086c2 url("../imgs/bg_boton.jpg") repeat-x;
}

#pro_sep {
float: left;
padding-right: 7px;
padding-bottom: 7px;
}

#pro {
width: 356px;
height: 141px;
background-color: #e4eef5;
border: #dedfe1 1px solid;
}

#pro_foto {
float: left;
width: 147px;
height: 141px;
background-color: #85a3b8;
text-align: center;
color: white;
font-size: 11px;
}

#pro_foto IMG{
padding-top: 6px;
padding-bottom: 8px;
}

#pro_txt {
float: right;
width: 190px;
height: 141px;
text-align: left;
padding-top: 8px;
padding-right: 6px;
font-size: 11px;
color: #444444;
}

.pro_tipo {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-size: 17px;
  font-weight: bold;
  color: #ff8518;
  line-height: 17px;
}

.pro_tipo A{
  text-decoration: underline;
  color: #ff8518;
  line-height: 17px;
}

.pro_tipo A:hover{
  text-decoration: none;
  color: #ff8518;
  line-height: 17px;
}

.pro_pais {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-size: 16px;
  font-weight: bold;
  color: #2168a0;
}

.pro_ubi {
  font-size: 12px;
  color: #2168a0;
  font-weight: bold;
}

.pro_zon {
  font-size: 11px;
  color: #2168a0;
}

.pro_ope {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-size: 12px;
  color: #ff8518;
  font-weight: bold;
}

.pro_mon {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-size: 12px;
  color: #2168a0;
  font-weight: bold;
}

.pro_pre {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-size: 16px;
  color: #2168a0;
  font-weight: bold;
  line-height: 13px;
}

.combo2 {
	font-size:11px; FONT-WEIGHT: bold; BACKGROUND: #f6f6f6; COLOR: #2168a0; FONT-FAMILY: Arial,Helvetica,sans-serif;
}

#buscar {
width: 722px;
height: 130px;
}

#ancho {
float: left;
width: 722px;
}

.amp_tab {
  border-right: #b4cbdc 1px solid;
  border-top: #b4cbdc 1px solid;
}

.amp_tit {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-size: 17px;
  color: #ff8518;
  font-weight: bold;
}

.amp_ope {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-size: 17px;
  color: #2168a0;
  font-weight: bold;
}

.amp_bar {
  font-family: "Trebuchet MS", Arial, Helvetica;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  padding-left: 7px;
  background-color: #85a3b8;
  border-bottom: #b4cbdc 1px solid;
  border-left: #b4cbdc 1px solid;
}

.amp_dat1 {
  font-family: "Trebuchet MS", Arial, Helvetica;
  color: #000000;
  background-color: #cddfec;
  padding-right: 6px;
  text-align: right;
  font-size: 13px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: #b4cbdc 1px solid;
  border-left: #b4cbdc 1px solid;
}

.amp_dat2 {
  font-family: "Trebuchet MS", Arial, Helvetica;
  color: #000000;
  background-color: #e4eef5;
  padding-left: 6px;
  text-align: left;
  font-size: 13px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: #b4cbdc 1px solid;
  border-left: #b4cbdc 1px solid;
}

#amp_foto {
  background-color: #85a3b8;
  width: 430px;
  height: 322px;
  text-align: center;
}

#amp_ley {
  background-color: #85a3b8;
  width: 430px;
  height: 17px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
}



.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 390px; /*Width of Carousel Viewer itself*/
height: 68px; /*Height should enough to fit largest content's height*/
left: 20px;
}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-left: 5px; /*margin around each panel*/
width: 390px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#amp_min {
  width: 97px;
  height: 68px;
  float: left;
}

#descripcion {
  width: 425px;
  height: 290px;
  padding-right: 5px;
  overflow: auto;
  line-height: 19px;
  text-align: justify;
}

.sec_tit {
  color: #306a8a;
  font-family: "Trebuchet MS", Arial, Helvetica;
}

#errores {
margin-top: 10px;
width: 90%;
font-weight:bold;
background-color:#FF0000;
color:#FFFFFF;
border: #AAAAAA 1px dashed;
padding: 8px;
font-size: 11px;
}