@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0}
img {border:none}
.accesibility {width:500px;
position:absolute;
top:-9990px;
}
body {
	background:#090 url(../imagen/fondo.gif) repeat-x;
	font:12px 'Trebuchet MS', Arial;
	color:#666
}

a {
	color:#007500;
	text-decoration:none
}
h2{
	font:25px 'Trebuchet MS', Arial;
	color:#007500;
}
#pagina {
	width:879px;
	margin:0 auto;
}

#encabezado {
	height:214px;position:relative;
}

#logo a {
	width:250px;
	height:0;
	padding-top:179px;
	display:block;
	overflow:hidden;
	background:url(../imagen/logo.gif)
}

#encabezado #flash {
	position:absolute;
	top:12px;
	right:0;
	width:620px;
	height:158px;
	
}


/****************** NAVEGACION ******************************/
.menu {
	height:28px;width:872px;position: absolute;background:url(../imagen/menu.gif) no-repeat;
	padding:7px 0 0 7px
}
.menu li.top {display:block; float:left;}

.menu li a.top_link {display:block; margin-right:10px;_margin-right:5px; padding:0 2px 0 8px; float:left; height:36px; line-height:25px; color:#fff; text-decoration:none; font-size:13px; 
 cursor:pointer;
 background: url(../imagen/item.gif) no-repeat; position:relative
 
 }

.menu li a.top_link span {float:left; display:block; padding:0 8px 0 8px; height:36px;background:url(../imagen/item2.gif) right no-repeat; position:absolute; right:-6px;top:-5px}

.menu li a.top_link span.isub {background: url(../imagen/item3.gif) right no-repeat;margin-right:-10px; width:16px}


.menu li a.top_link:hover {background: url(../imagen/item4.gif) no-repeat}

.menu li a.top_link:hover span {background:url(../imagen/item5.gif) right no-repeat; }
.menu li a.top_link:hover span.isub {background: url(../imagen/item6.gif) right no-repeat}


.menu li:hover > a.top_link { background: url(../imagen/item4.gif) no-repeat}
.menu li:hover > a.top_link span {background:url(../imagen/item5.gif) right no-repeat}
.menu li:hover > a.top_link span.isub {background: url(../imagen/item6.gif) right no-repeat}



.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #007000; white-space:nowrap; width:170px; height:auto; z-index:300;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:170px; font-weight:normal;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:170px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu :hover ul.sub li a.fly {background:#fff url(drop3/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#007000; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#007000 url(drop3/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#007000 url(drop3/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #007000; white-space:nowrap; width:90px; z-index:400; height:auto;} 
/************************************************************/

#principal {
	background: url(../imagen/fondo-contenido.gif);
}

#contenido {
	width:649px;
	padding:5px 0 0 7px ;
	float:left;
}
#contenido p {
	margin:0 23px 0 20px; text-align: justify
}
#bienvenidos {
	width:253px;
	height:0;
	float:left;
	padding-top:377px;
	overflow:hidden;
	display:block;
	margin:0 5px 0 0
}
.esquinab {margin:0 0 -36px -24px}
.esquinas {
	background:url(../imagen/esquina2.gif) bottom right no-repeat;
	height:60px;
	margin:-40px 0 23px 0;
}

.b1{
	background:url(../imagen/bienvenidos.jpg);
}
.b2{
	background:url(../imagen/b2.jpg);
}
.b3{
	background:url(../imagen/b3.jpg);
}
.b4{
	background:url(../imagen/b4.jpg);
}
.b5{
	background:url(../imagen/b5.jpg);
}
.b6{
	background:url(../imagen/b6.jpg);
}
.b7{
	background:url(../imagen/contacto.jpg);
}
.ultracontent {
	margin:-34px 20px 0 278px;
	padding: 0 20px 30px 0;
}


.imagenes {
	list-style:none; 
	clear:both;
}
.imagenes li {
	float:left;
	margin-right:9px;
}
.imagenes li img {
	border:1px solid #cacbcc
}
#columna-derecha {
	float:right;
	width:206px;
	top:-28px;*top:-35px;
	right:5px;_right:3px;
	position:relative;
	z-index:2
}
#articulos {
	width:194px;
	padding:0 6px 10px 6px;
	*margin-top:-6px;
	font-size:11px;
	color:#fff;
	background:#090 url(../imagen/modulo2.gif) bottom no-repeat;
}

#articulos h3 {
	color:#fff;
	font-size:15px;
}
#articulos h3, #articulos p {
	margin-bottom:10px
}
.leermas {
	background: url(../imagen/leermas.gif);
	width:80px;
	height:0;
	padding-top:16px;
	display:block;
	overflow:hidden;
	margin:5px 0 3px 0;
	float:right
}
.vermas{
	background-image:url(../imagen/vermas.gif);
	background-repeat:no-repeat;
	width:80px;
	height:0;
	padding-top:16px;
	display:block;
	overflow:hidden;
	float:right;
}
.hr
{ background: url(../imagen/hr.gif) repeat-x;
height:2px;
width:100%;
margin:1px 0 4px 0;
clear:both

}
 div.hr hr {display:none}


#pie-de-pagina {
	height:38px;
	background:#090 url(../imagen/pie-de-pagina.gif) no-repeat;
	position:relative;
	top:-20px;*top:-38px;
	
}
#pie-de-pagina p {
	position:relative;
	top:15px;
	text-align:center;
	width:100%;
	color:#fff;
}
#pie-de-pagina p a {
	color:#fff;
	text-decoration:none
}


.link_pg { color:#007600}



.cuadro {
float:left; width:170px;height:220px;margin-right:10px; margin-bottom:20px;_margin-bottom:10px
}
.cuadro2 {
height:200px;border: 1px solid rgb(240, 240, 240);padding:3px 7px 0 7px; line-height:16px; background:#fafafa
}

.compromisotitulo {
	font-size:15px
}
#contenido  p.compromiso {
	padding:20px 15px 20px 0;
	margin-bottom:20px
}

.link {
	color:#666;
	
}



















/*******************************************************************************************************************************************************************************/
* html .clearfix {height: 1%}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}