/**********************/
/*  AJUSTES GENERALES */
/**********************/

*{
	padding:0;
	margin:0;
}
  a:link{
	color:#999999;
}
  a:hover{
	color:#006633;
}
  a:visited{
	color:#999999;
}

.Gold {
	color: #CAA200;
}

.sombrasimple{
	padding: 7px 10px;
	background: url(../img/sombra.jpg) no-repeat;
}

.sombra{
	padding: 7px 10px;
	background: #7cbbaf url(../img/sombra.jpg) no-repeat;
}

.sombragris{
	padding: 7px 10px;
	background: #939 url(../img/sombra.jpg) no-repeat;
}

.izquierda{
	text-align:justify;
	list-style-type:none;
	float:left;
	text-indent:20px;
	font-size:12px;
	clear:both;
}

.izquierda li a{
	font-size:16px;
}

.derecha li a{
	font-size:16px;
}

.derecha{
	text-align:justify;
	list-style-type:none;
	float:right;
	text-indent:20px;
	font-size:12px;
	clear:both;
}

.portada {
	font-size: 12px;
	color: #666;
	text-align: justify;
}

.nrecientes{
	font-size: 14px;
	color:#09E;
	font-weight: bold;
	padding:4px 250px 4px 4px;
}

.enlacesPie{
	clear:both; 
	font-size:11px; 
}

.enlacesPie a:link {
	font-weight:normal;
	color:#888;
}

.enlacesPie a:visited {
	font-weight:normal;
}

.enlaceCorto a:link{
		font-size:11px; 
	font-weight:normal;
}

.enlaceCorto a:visited{
	font-size:11px; 
	font-weight:normal;
}

 body {
	font-size:55%; /*Font-size: 1.0em = 10px when browser default size is 16px*/
	/*background: url(../img/back.gif) repeat-x #E2EAEF;	/* Gradiente de fondo */
	font-family: verdana,arial,sans-serif;
	margin-top: 10px;
} 

.tablabienvenido {
	background-position: center center;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.page-container {
	width:920px;
	margin-bottom:10%;
	/*	border:solid 1px;*/
	font-size:1em;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
}

.main {
	clear:both;
	width:900px;
	padding-bottom:30px;
}

.main-content {
	/*display:inline; /*Fix IE floating margin bug*/
	/*float:left;*/
	width:96%;
	overflow:hidden!important /*Firefox*/;
	overflow:hidden /*IE6*/;
	margin-left: 30px;
	padding-top: 10px;
}

.main-content #id {
	/*display:inline; /*Fix IE floating margin bug*/
	/*float:left;*/
	width:96%;
	overflow:hidden!important /*Firefox*/;
	overflow:hidden /*IE6*/;
	margin-left: 30px;
	padding-top: 10px;
}

.footer {
	clear:both;
	width:920px;
	padding:1.0em 0 1.0em 0;
	font-size:1em;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	background-image: url(../img/bg_foot.gif);
	background-repeat: no-repeat;
	top: -5px;
	margin-bottom: -5px;
	height: 80px;
}

#formulario label.error {
	color: red;
	padding-left: 10px;
}

/*input.error { border: 1px dotted red; }*/

/******************/
/*     HEADER     */
/*****************/

.header {
	width:920px;
	font-family:"trebuchet ms",arial,sans-serif;
	background: url('../img/sombrascuerpo.gif') repeat-y;
}

.header-top {
	width:920px;
	height:100px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	padding-bottom: 40px;
}
.header-middle {
	width:920px;
	height:160%;
	overflow:inherit/*Firefox*/;
	overflow:hidden !important/*IE6*/;
	background-color: #FFFFFF;
}
.header-bottom {
	width:900px;
	height:100%;
	background-color: rgb(255,255,255);
	padding-left: 11px;
}
.header-breadcrumbs {
	clear:both;
	width:900px;
	padding:1.0em 0.5em 1.5em 0.5em;
	border-width: 1px 1px 1px 1px;
	margin-right: 15px;
}



/******************/
/*  CABECERAS     */
/*****************/

.visible{
	display:block;
}

.oculta{
	display:none;
}
.sitelogo {
	width:60px; 
	height:40px; 
	position:absolute; 
	z-index:1; 
	margin:22px 0 0 20px; 
	background:url(../img/bg_head_top.jpg); 
}
.sitename {
	width:97%;
	position:relative;
	z-index:1;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	left: 0;
	margin: 0px 20px 20px 20px;
}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

/********************/
/*  MENU HORIZONTAL */
/********************/

/*Parte basica */
ul.nav>li{display: table-cell; position: relative;}

.nav2 {	float:left; width:900px; background:rgb(225,225,225);color:#FFFFFF; font-size:130%;} /* Barra horizontal */

.nav2 ul {
	list-style-type:none;						/*No mostrar icono de enumeración de lista*/
	display: table;								/*Mostrar como una table */
	width: 100%;								/*Ancho de la tabla*/
	table-layout: fixed;						/*Layout de la tabla fijo*/
} 
.nav2 ul li {
	*float: left; 								/* Hack IE6 */
	*width:149px;								/* Hack IE6 */
	z-index:auto !important;					/*No-IE6 */
	z-index:1000;								/*IE6 */
	border-right:solid 1px rgb(175,175,175);	/*Borde derecho */ 
}

.nav2 ul li.privado {
	border-right: none;
}

.nav2 ul li a {
	 display:block;								/* Mostrar en bloque */
	 height:3.1em; 								/* Alto de la celda */
	 line-height:3.1em; 						/* Alto del renglon */
	 padding:0 16px 0 16px; 					/* Relleno */
	 text-decoration:none; 						/* Decoracion del enlace; subrayado, tachado... */
	 font-weight:bold; 							/* Peso de la fuente: negrita, ligera...*/
	 color: rgb(100,100,100);					/* Color del texto */
}
.nav2 ul li ul { display:none; width:180px;} 	/* Desplegable sin cursor encima */
.nav2 ul li.on{ background: rgb(190,210,190);}	/* Color del enlace remarcado */

/**********Tratamiento cursor encima (hover)*************/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Base del desplegable con cursor encima*/
.nav2 ul li.on:hover a {background-color:rgb(190,210,190); text-decoration:none;} /*Base del desplegable con cursor encima en la clase on*/
.nav2 ul li:hover ul {display:block; position:absolute; z-index:1000} /* Mostrar el desplegable con cursor encima*/
.nav2 ul li:hover ul li a {white-space:normal; display:block; height:auto; *height:16px /*IE6*/; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Estilo del desplegable */
.nav2 ul li.on:hover ul li a {white-space:normal; display:block; height:auto; *height:16px /*IE6*/; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Estilo del desplegable de la clase on*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Iluminar el desplegable */
.nav2 ul li.on:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Iluminar el desplegable de la clase on*/

/*Tratamiento cursor encima especial para IE6 (uso de tablas para contener las listas)*/
.nav2 table {position:absolute; top:0; left:-1px; border-collapse:collapse;} /* Colocacion de la tabla */
.nav2 ul li a:hover {position:relative; z-index:1000; background-color:rgb(210,210,210); text-decoration:none; width:auto !important; width:10.2em; /*IE6*/} /* Base del desplegable con cursor encima */
.nav2 ul li.on a:hover {position:relative; z-index:1000; background-color:rgb(190,210,190); text-decoration:none; width:auto !important; width:10.2em; /*IE6*/} /* Base del desplegable con cursor encima en la clase on*/
.nav2 ul li a:hover ul {display:block; width:10.2em; position:absolute; z-index:999; top:3.1em; top:3.0em; left:0; margin-top:0.1em;} /*Mostrar el desplegable con cursor encima */
.nav2 ul li a:hover ul li a {white-space:normal; display:block; width:10.2em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Estilo del desplegable */
.nav2 ul li.on a:hover ul li a {white-space:normal; display:block; width:10.2em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Estilo del desplegable de la clase on*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Iluminar el desplegable*/
.nav2 ul li.on a:hover ul li a:hover {background-color:rgb(190,210,210); text-decoration:none;} /*Iluminar el desplegable de la clase on*/

/*Parte basica menu verde*/
.nav22 {float:left; width:900px; background:rgb(0,133,104);color:#FFFFFF; font-size:130%} /* Barra horizontal */

.nav22 ul {
	list-style-type:none;						/*No mostrar icono de enumeración de lista*/
	display: table;								/*Mostrar como una table */
	width: 100%;								/*Ancho de la tabla*/
	table-layout: fixed;						/*Layout de la tabla fijo*/
} 
.nav22 ul li {
	*float: left; 								/* Hack IE6 */
	*width:149px;								/* Hack IE6 */
	z-index:auto !important;					/*No-IE6 */
	z-index:1000;								/*IE6 */
	border-right:solid 1px rgb(175,175,175);	/*Borde derecho */ 
}

.nav22 ul li a {
	 display:block;								/* Mostrar en bloque */
	 height:3.1em; 								/* Alto de la celda */
	 line-height:3.1em; 						/* Alto del renglon */
	 padding:0 16px 0 16px; 					/* Relleno */
	 text-decoration:none; 						/* Decoracion del enlace; subrayado, tachado... */
	 font-weight:bold; 							/* Peso de la fuente: negrita, ligera...*/
	 color: rgb(192,192,192);					/* Color del texto */
}
.nav22 ul li ul { display:none; width:150px;} 	/* Desplegable sin cursor encima */

/*Tratamiento cursor encima (hover) menu verde*/
.nav22 ul li:hover a {background-color:rgb(0,163,134); text-decoration:none;} /*Base del desplegable con cursor encima*/
.nav22 ul li:hover ul {display:block; position:absolute; z-index:999;} /* Mostrar el desplegable con cursor encima*/
.nav22 ul li:hover ul li a {white-space:normal; display:block; height:auto; *height:16px /*IE6*/; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(0,133,104); font-weight:normal; color:rgb(192,192,192);} /*Estilo del desplegable */
.nav22 ul li:hover ul li a:hover {background-color:rgb(0,163,134); text-decoration:none;} /*Iluminar el desplegable */

/*Tratamiento cursor encima especial para IE6 (uso de tablas para contener las listas)*/
.nav22 table {position:absolute; top:0; left:-1px; border-collapse:collapse;} /* Colocacion de la tabla */
.nav22 ul li a:hover {position:relative; z-index:1000; background-color:rgb(0,163,134); text-decoration:none; width:auto !important; width:10.2em; /*IE6*/} /* Base del desplegable con cursor encima */
.nav22 ul li a:hover ul {display:block; width:10.2em; position:absolute; z-index:999; top:3.1em; top:3.0em; left:0; margin-top:0.1em;} /*Mostrar el desplegable con cursor encima */
.nav22 ul li a:hover ul li a {white-space:normal; display:block; width:10.2em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(0,163,134); font-weight:normal; color:rgb(192,192,192);} /*Estilo del desplegable */
.nav22 ul li a:hover ul li a:hover {background-color:rgb(0,163,134); text-decoration:none;} /*Iluminar el desplegable*/


/********************/
/*   BREADCRUMBS    */
/********************/

.header-breadcrumbs ul {float:left; width:50%; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

.header-breadcrumbs .searchform {float:right; width:285px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


/******************/
/*  PRINCIPAL     */
/******************/

.column1-unit {
	width:100%;
	margin-bottom:10px!important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-top: 10px;
}
.column1-unit-panel {
	width:100%;
	margin-bottom:0px!important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-top: 10px;
	border-color: #269256;
	border-style: solid none solid none;
	border-bottom-width: 2px;
	border-top-width: 2px;
}

.cuerpo{
	background: url('../img/sombrascuerpo.gif') repeat-y;
}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}


/********************/
/*  FORM   SECTION  */
/********************/
.formselect {
	font:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:right;
}

.button{
	width:5.0em; 
	padding:1px !important /*Non-IE6*/; 
	padding:0 /*IE6*/; 
	background:rgb(230,230,230); 
	border:solid 1px rgb(150,150,150); 
	text-align:center; 
	font-family:verdana,arial,sans-serif; 
	color:rgb(150,150,150); 
	font-size:120%;
	float:right;
	margin-right: 2px;
}

.button:hover{
	cursor:pointer; 
	border:solid 1px rgb(80,80,80); 
	background:rgb(220,220,220); 
	color:rgb(80,80,80);
	float:right;
}

.contactbutton{
	padding:1px !important /*Non-IE6*/; 
	padding:0 /*IE6*/; 
	background:rgb(230,230,230); 
	border:solid 1px rgb(150,150,150); 
	text-align:center; 
	font-family:verdana,arial,sans-serif; 
	color:rgb(150,150,150); 
	font-size:120%;
	margin-right: 2px;
}

.contactbutton:hover{
	cursor:pointer; 
	border:solid 1px rgb(80,80,80); 
	background:rgb(220,220,220); 
	color:rgb(80,80,80);
}

.field{
	width:10.0em; 
	padding:0.2em 0 0.2em 0; 
	border:1px solid rgb(200,200,200); 
	font-family:verdana,arial,sans-serif; 
	font-size:120%; 
	float: right;
}

.contactfield{
	padding:0.2em 0 0.2em 0; 
	border:1px solid rgb(200,200,200); 
	font-family:verdana,arial,sans-serif; 
	font-size:120%; 
}

.check{
	padding:0.2em 0 0.2em 0; 
	border:0px solid rgb(200,200,200); 
	font-family:verdana,arial,sans-serif; 
	font-size:120%; 
	float:right;
}

.contactcheck{
	padding:0.2em 0 0.2em 0; 
	border:0px solid rgb(200,200,200); 
	font-family:verdana,arial,sans-serif; 
	font-size:120%; 
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-content:after, .main-content div:after{display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after {display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {
	clear:both;
	width:58%;
	height:0.1em;
	border:none;
	background:rgb(210,210,210);
	color:rgb(210,210,210);
	float: left;
}


/******************/
/*  HIGHLIGHTING */
/*****************/
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
-moz-opacity: 0.65;	/* Propiedad experimental */
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;   /* Propiedad experimental */
}

/*******************/
/*  STEPCAROUSEL   */
/******************/

	.stepcarousel{
	position: relative; /*leave this value alone*/
	height: 200px;
	}

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

	.stepcarousel .panel{
		float: left; /*leave this value alone*/
		width: 355px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. 485*/
		margin: 20px 30px 0px 30px;
	}

/********************************/
/*  IMPRESION Y MISCELÁNEA      */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:#0000FF; font-size:130%; font-size:130%;}}
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}