/********************************************
   AUTHOR:  	  	
   WEBSITE:   		 
   TEMPLATE NAME: 	 	
   VERSION:          1.0          	
 *******************************************/
 
/* reset */

/* reset */

html {
  height: 100%;
  margin-bottom: 1px;
}


html, body {
	margin:0;
	padding: 0;
}


/* headers */

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0		
}

p, ul, ol, dd {
	padding:0;		
	margin: 0;
}

ul, ol, dd {
	padding:0;		
	margin: 0;
	list-style:none;
}




/* images */

img {
	border:0;
	margin:0;
}


td {
	vertical-align:top;
	}



/* form elements */

form, input, label, textarea {
	margin:0;
	padding:0;
}



div{
	text-align:left;
	display:block}



body{
	background:#F5F7F9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3d3d3e;
	}
	
a {
	color:#004899;
	text-decoration:none;}
	
a:hover {text-decoration:underline;}	
	
/**************************************
   LAYOUT 
***************************************/	

/* ajustes de anchos fijos para el layout */
.cuerpo				{background:#F5F7F9 url(../img/body-fondo.gif) repeat-x; width:100%}
.contenedor-fondo	{background:url(../img/cuerpo-fondo.gif) repeat-y; }
.contenedor		{background:url(../img/tope-fondo.gif) no-repeat; }
.contenedor-fondo,
.contenedor{
	width: 995px;
	}



.encabezado		{height:125px;}
.sub-contenedor	{margin-left:20px;}
.menu-lateral	{width:188px; padding-top:5px;}
.principal 	{width:556px; margin-left:20px;}
.lateral	{width:187px; margin-left:20px; overflow:hidden}
.pie	{clear:left; width:972px;}


.menu-lateral, .principal, .lateral{
	float:left;}

.slogan{
	margin-top:58px;
	height:37px;
	width:760px;
	/*background:red;*/}

/**************************************
   MENUES
***************************************/	

/*menu-h*/
.menu{

	width:770px;
	text-align:center;
	line-height:17px;
	height:20px; vertical-align:middle;
	overflow:hidden;
	text-align:center;
	font-size:11px
	}
	
.menu a{
	padding:0 3px;}
	
.menu, .menu a{
	color:#FFFFFF;
	text-decoration:none;
	}

.menu a:hover{
color:#84e4ff;
}

/*menu-v*/

.caja-menu{
	width:170px;
	margin-left:18px;
	margin-bottom:20px;}
	
.caja-menu h1{
	background:url(../img/tope-seccion-fondo.gif) no-repeat;
	height:25px;	
	overflow:hidden;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	line-height:26px;
	padding-left:20px;
	}
.caja-menu	ul{
	background:url(../img/caja-seccion-fondo.gif) repeat-y;
	padding:6px 0;
	}

.caja-menu	ul li {
	margin-left:10px;
	padding:2px 10px;
	background:url(../img/btn-flecha-01.gif) no-repeat 0 7px;
	}

.caja-menu	ul li a{
	color:#004899;
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
	}
	
.caja-menu	ul li a:hover{
	text-decoration:underline;	
	}
/**************************************
   CONENIDOS
***************************************/

.principal h1, .principal h1 a{
	color:#bd381e;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
	line-height:115%}
	
.titulo-seccion, h3{
	background: url(../img/titulo-seccion-fondo.gif) no-repeat 0 50%;
	height:22px;
	overflow:hidden;
	padding-left:20px;
	line-height:20px;
	margin-bottom:5px;
	margin-top:40px;
	}

.titulo-seccion, .titulo-seccion a, h3, h3 a{	
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	}
	
.nota{
	padding-top:30px;
	background:url(../img/clip.gif) no-repeat top left;
	line-height:145%;}	

.nota2{
	padding-top:22px;
	margin: 120px 100px 0px 100px;
	background:url(../img/clip.gif) no-repeat top right;
	line-height:145%;}	
	
.pre, .pre *{
	color: #789BAF;
	font-size:10px;
	position:relative;
	color:#004899;
	display:block;
	}	
	

	
.nota-tools	{
	clear:left;
	border-top:#ebebeb 1px solid;
	border-bottom:#c7c7c7 1px solid;
	height:20px;
	margin-top:20px;
	padding:0 5px;}

.nota-tools	td{
	height:20px;
	overflow:hidden;
	vertical-align:middle;}	
	
	
/*ampliada*/
.ampliada .nota h1, .ampliada .nota h1 a{
	font-size:24px;
	line-height:115%;}	
	
.ampliada .nota {
	margin-top:25px;
	font-size:110%;}		

.ampliada p{
	margin-bottom:20px;
	
}

	
/*listado*/

.listado .nota h1, .listado .nota h1 a{
	font-size:16px;
	line-height:125%;}	
	
.listado .nota {
	border-bottom: #CCCCCC 1px solid;
	padding-bottom:10px;
	margin-bottom:10px;
	}	

/*busqueda*/

.aviso{
	padding:10px;
	border: #DDD0B5 1px solid;
	background: #FFFFCC;
	font-size:12px;
	color:#666666;
	margin-bottom:12px;}
	
.resaltado	{
	background: #FFFFCC;}

.comentar{
	background:url(../img/mail-msj_03.gif) repeat-x
	}
	
.comentar h2{
	background:#7088AF;
	padding:3px;
	padding-left:10px;
	font-size:12px;
	color:#fff;}
	
	
	/*adjunto*/
	
.adjunto	{
	background:#EFF8FF;
	border:#D1E2EF 1px solid;
	padding:3px;
	font-size:11px;
	color:#004899;
	margin-top:10px;
	}

.adjunto a{
	color:#004899;
	font-weight:bold;
	}

/**************************************
   LATERAL
***************************************/



	
.caja_01, .caja_01 a, .caja_02, .caja_02 a{
	color:#2a3f54;
	}


	
.caja_01, .caja_02, .caja_03{
	border-bottom:#cddaea 1px solid;
	padding:3px;
	font-size:10px;
	}

.caja_01 h1, .caja_02 h1, .caja_03 h1{
   	font-size:11px;
	font-weight:bold;
	padding-left:13px;
	background:url(../img/bullet.gif) no-repeat 0 50%;
	margin-bottom:6px;
	}
	
.caja_01 input, .caja_02 input {
	border:#8FABBF 1px solid;
	height:19px;
	background:url(../img/input-fondo.gif) no-repeat right;
	width:130px;
	padding-left:3px;
	font-size:12px;
	line-height:17px}	
	

.caja_02{
	background:url(../img/caja-02-fondo.gif) repeat-x bottom;
	color:#818183;
	}	
	
.caja_02 h1{
	color:#BD381E;
	font-weight:normal;
	margin-bottom:0px;
	}
	

.caja_03, .caja_03 h1{
	color:#597EB2;
	}
	
.caja_03 label{
	display:block;
	font-weight:bold;
	padding:0;
	margin:2px 0;}		
	
.caja_03 label input{
	margin:0;
	padding:0;
	}	
	
.caja_03 p{
	margin-bottom:7px;}	
	
.caja_margen{
	margin:10px;
	margin-top:2px;
	}
	
/**************************************
   PIE
***************************************/
.pie{
	background:#F5F7F9;
	border-top:#ECECEE 1px solid;
	padding-top:10px;

	}
	
.pie div{	
	background:white;
	height:44px;
	border:#ECEDEF 1px solid;
	border-bottom:#D8D9DD 1px solid;
	border-top:#B5B4B9 2px solid;
	margin-bottom:10px;
	padding:0 10px;

	}
	
.pie div td{
		vertical-align:middle;
			height:44px;
			font-size:10px;
		
			font-family:Arial, Helvetica, sans-serif}	

.pie div td, .pie div td a{			
	color:#6D6D6F;
	}

/**************************************
   BANNERS
***************************************/

.banner-tope{
	background:#c9d6dd;
	}

.banner-tope div{

	height:50px;
	overflow:hidden;
	width:995px;}
	
.banner-tope a{
	position:absolute;
	margin: 10px;
	margin-left:262px;
	}	

.banner-nota, .banner-nota-tope{
	background:	#F3F3F3;
	padding:10px 0;
	text-align: center;
	margin-bottom:5px;
	}
	
.seccion{	
	margin-bottom:35px;	
	}
.banner-nota-tope{
	background:none;
	padding:15px 0 4px 0;}	
	
.banner-columna{
	text-align: center;
	margin-bottom:15px;
	}
	
.lateral .banner-columna{
	text-align: center;
	margin:0;
	padding:15px 0;
	/*border-bottom:#E0EAEF 1px solid;*/
	}	

.menu-lateral .banner-columna{
	margin-left:20px}		
	
/**************************************
   ELEMENTOS GENERALES
***************************************/

	
.caja_03 input{
	width:auto;
	border:0;
	background:none;
	}	
	
.caja_03 label{
	display:block;
	}	
	
/*input*/
.input_01{
	width:210px;
	}

/* clases de alineacion */

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }



/* fijar alto */

.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */
/* Hack para IE7 */
.clearfix {zoom: 1;}




/**************************************
   TEST 
***************************************/

.test1{background:red;}
.test2{background:blue;}
.test3{background:green;}
.test4{background:orange;}
.test5{background:purple;}
.test6{background:yellow;}
.test7{background: #CCCCCC;}