@charset "utf-8";
/* CSS Stylesheet Lite2 */

* { padding: 0; margin: 0; }



body {
   color: #fff;
   background-color: #151C25;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   }


/* Encabezado */  

#encabezado {
   margin: 0px auto;
   padding: 0;
   height: 176px;
   background:#151C25 url(../images/bg_body.png) bottom left repeat-x;
   margin-bottom:10px;
   }

/* Logo Cabecera */

#sitelogo {
	margin: 30px 30px 0 250px;
	padding: 0;
	float: left;
	width: 300px;
	height: 110px;
	display: inline; /* Truco IE Coloca el logo en la posicion correcta */
	/* TRUCO IE: http://www.maxdesign.com.au/presentation/workshop/slide49.htm */
	}
	
	#sitelogo h1, #sitelogo h1 img  {
		margin: 0;
		padding: 0;
		border: 0;
		width: 300px;
		height: 110px;
		}
	
	#sitelogo a:hover { border: none; }


/* Navegacion Cabecera */

#cabeceranav {
	margin: 60px 0 0 0;
	width: 300px;
	height: 60px;
	float: left;
	}

	#cabeceranav ul {
		margin: 0;
		padding: 0;
		width: 300px;
		list-style: none;
		float: left;
		}

	#cabeceranav ul li {
		display: inline;
		width: 60px;
		height: 60px;
		font: bold 0.75em "Trebuchet MS", Helvetica, Arial, sans-serif;
		color: #fff;
		text-align: center;
		float: left;
		}

	#cabeceranav ul li a {
		display: block;
		color: #fff;
		width: 60px;
		height: 60px;
		text-decoration: none;
		margin: 0;
		padding: 0;
		border: 0;
		}
	
	#cabeceranav ul li a strong {display: block;} 
	
	#cabeceranav ul li:hover, #cabeceranav ul li .current {
		color: #fff;
		top:10px;
		width: 60px;
		height: 74px;
		text-decoration: none;
		background: #00CCFF /*url(../images/hover.jpg) no-repeat bottom center*/;
		border: 0;
		}

	.clear {clear:both;}
	
	/* Navegacion Cabecera Activo */

	#cabeceranav .home {
		background: url(../images/navigation_hover.png) no-repeat center;
		height: 60px; 
		}


/* WRAPPER */
	
#wrapper {
   background-color: #151C25;
   width: 850px;
   padding: 5px;
   margin: 0 auto;
   }
   

   
/* Navegación Servicios */

#menu {
   height: 36px;
   line-height: 36px;
   background: url(../images/menu_izq.png) repeat-x;
   padding: 1px 10px;
   }

	#menu ul {list-style-type:none; }
	#menu li {float:left; display:inline;}
	#menu li a {
   		padding: 0 5px;
   		display: block;
   		color: #fff;
   		margin-right: 1px;
   		}
	#menu li a:hover, #menu .current {
  		background: url(../images/bg-menu-hover.gif) no-repeat center center;
   		text-decoration: none;
   		}
		
/* Banner Header */

#banner {
   color: #036;
   height: 205px;
   background : #036 url(../images/banner_1.jpg);
   margin-top:10px;
   }
   
/* Contenido */

#contenido {
   float:left;
   color: #fff;
   width: 829px;
   background-color: #19354B;
   padding: 10px 10px 50px 10px;
   margin: 10px 0; 
   }

#titulo { width:405px; padding:5px 0 0 5px; margin:0 0 20px 185px;}

   
/* Submenu  */
   
   	.i_rightarea {width:150px; float:left;}
   	.i_rightarea .i_contents { padding:0; }
	
	.blue_cont2{ width:170px; }
	.bluemid2 { background:#0873A1; background-repeat:repeat-y; }
	.bm_head{
		background-image:url(../images/bm_head_arrow.gif);
		background-position:0 50%;
		background-repeat:no-repeat;
		font-size:1em;
		color:#fff;
		font-weight:bold;
		padding:5px 20px 10px;
		}
	.bm_pad { padding-left:2px;}
	.bm_details { background:#0873A1; /* min-height:200px; */
		height:auto !important;
		height:200px;
		background-repeat:no-repeat;
		padding:5px 10px 25px 10px;
		}
	* html .bm_details { padding-top:10px; }
	
	#bluenav ul { margin:0; padding:0; }
	#bluenav li { margin:0; padding:0px; list-style-type:none; background-image:url(../images/bmenu_sep.gif); background-repeat:repeat-x; background-position:bottom;}
	#bluenav li a { display:block; color:#fff; font-weight:bold; text-decoration:none; padding:8px 0px 8px 15px; display:block;}
	#bluenav li a:hover, #bluenav .current { background:#02B0E6; color:#07546F;} /*url(../images/arrowbullet.gif); background-position:2% 51%; background-repeat:no-repeat; background-color:transparent; } */
	* html #bluenav li a { display:block; padding:3px 0px; line-height:100%; }


/* Area Texto */

#areatexto {float:left; width:430px; padding:5px; margin:0 5px 0 30px;}

	#areatexto p {text-align:justify;}

/* -- TABLA -- */
.tabla {
  margin-left:-15px;
  width:95%;
  font-size:80%;
  border-collapse:collapse;
	}
.tabla th {
  padding:8px 10px;
  color:#747171;
  text-align:left;
  border:1px solid #224E6F;
  background:#B6E41A;
	}
.tabla td {
  padding:8px 10px;
  border:1px solid #224E6F; 
	}

.tabla tr.primera {background: #9BC0CF;}
.tabla tr.nivel1 {background: #224E6F;}
.tabla tr.nivel2 {background: #0873A1;}



/* -- Banner Derecha --  */

#bannerbox {
   float: left;
   margin-left:15px;
   padding: 3px;
   width: 150px;
   height: 600px;
   border: 1px solid #0873A1;
   background: #19354B;
   }


/* footer area */

	.footer_area {
		background-image:url(../images/footer_area.gi);
		background-repeat:repeat-x;
		background-color:#202A30;
		}
	
	.main_cont { width:850px; margin:auto; }
	
	.bottom { 
		background-image:url(../images/footer_area.gi);
		background-repeat:repeat-x ;
		background-color:#202A30;
		}
	
	.bot_cont { padding-top:10px; padding-bottom:10px; }
	
	.col1 { width:232px; }
		.col1_details { padding:5px; 0 0 5px}
	
			td.fieldname {
				vertical-align:text-top;
				text-align:right;
				color:#02B0E6;
				font-weight:bold;
				font-size:10px;
				}
			td.fieldvalue {
				text-align:left;
				vertical-align:text-top;
				font-size:12px;
				color:#FFFFFF;
				}
				
			.mail_link a { color:#00CCFF !important; text-decoration:none; }
			.mail_link a:hover { background-color:transparent; text-decoration:underline; }
			
	.right { float:right; }
	.left { float:left; }
		
	.botmenu { width:600px; }
	.botmenu_inner { padding-left:2px; }
	.botmenu_item { width:130px; margin:0px 7px; }
	

    /* .botmenu left, .botmenu_inner, */

	.bi_head{
		color: #CC0066;
		background-image:url(../images/bi_bord.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		font-weight:bold;
		font-size:12px;
		padding:1px 0px;
		}
		
	#links_nav, #descargas_nav, #recursos_nav, #preguntas_nav { margin:0; padding:0; }
	#links_nav li, #descargas_nav li, #recursos_nav li, #preguntas_nav li {
		list-style-type:none;
		margin:0;
		padding:2px 0px;
		}
	#links_nav li a, #descargas_nav li a, #recursos_nav li a, #preguntas_nav li a, .copyright a {
		color:#999;
		text-decoration:none;
		}
	#links_nav li a:hover, #descargas_nav li a:hover, #recursos_nav li a:hover, #preguntas_nav li a:hover, .copyright a:hover{
		background-color:transparent;
		text-decoration:underline;
		}
	
	
	.footer{
		background-image:url(../images/bi_bord.gif);
		background-repeat:repeat-x;
		background-position:top;
		font-size:10px;
		color:#666;
		padding:10px 0px;
		}




/* Estilos Textos */

span {color: #23B6DC; font-weight:600;}

a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-decoration: none;
   outline:0; /* QUITA LOS PUNTITOS AL HACER CLICK EN UN BOTON */
   }

	a:link { color:#fff; }
	a:visited { color:#fff; }
	a:hover, a:focus { text-decoration:underline; }
	a:active { color:#fff; background-color:#0099FF;}

h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:120%;
	letter-spacing:0.2em;
	color:#BEDA33;
	font-size:130%;
	}
	
h2 { font-size:110%; margin-bottom:1em; }
h6 {color:#0099CC; font-size:9px;}

p, ul { margin: 0 0 1em 0; }
li { margin: 0 0 0 1em; }

address {
   text-align: center;
   font-size: 80%;
   font-style: normal; /* no-cursiva */
   letter-spacing: 2px;
   line-height: 1.5em;
   }
   

   
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear, .clearB {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
	}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}