/*------------------------------- pagina ---------------------------------*/
body{margin:0px;padding:0px;background-image:url(images/body-bg.gif);font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;text-align:center;background-color:#a782c0;background-repeat:repeat-x}
/*------------------------------- contenedor general ---------------------------------*/
#web{width:891px;margin:0 auto;padding:0px;text-align:left;overflow:hidden;border-bottom:1px solid #886a9c}
/*------------------------------- cabecera ---------------------------------*/
#top1{float:left;width:891px;height:46px;background-image:url(images/top1.jpg);color:#fff}
#top1 h1{padding:0px;margin:0px;display:none}
#top1 h2{padding:0px;margin:0px;display:none}
#top1 p{margin:0px;padding:31px 0 0 30px;width:185px;float: left}
#top1 p.social { padding: 10px 0 0 30px; }
#top1 p.social a { margin-right: 8px;}
#top1 a:hover{text-decoration:underline}
#top2{float:left;width:891px;height:150px;background-image:url(images/top2.jpg)}
#top2 h3{padding:0px;margin:0px;display:none}
#top3{float:left;width:891px;height:180px;background-image:url(images/top3.jpg)}
/*------------------------------- content ---------------------------------*/
#content{float:left;width:891px;background-image:url(images/content-bg.gif)}
/*------------------------------- seccion ---------------------------------*/
#seccion{float:left;width:620px}
#seccion2{float:left;width:585px;line-height:1.8em;text-align:justify}
/*------------------------------- img ---------------------------------*/
img{border-style:none}
.f-l-index{float:left;margin:0 30px 0px 0}
.f-r-index{float:right;margin:0 0 0 20px}
.imgalTD{vertical-align:top;width:292px}
.imgal{float:left;width:268px;height:218px;overflow:hidden;margin:0px;background-image:url(images/img-bg.gif)}
.imgal2{float:left;width:230px;height:180px;overflow:hidden;padding:17px 0 0 19px}
.imgalTEXT{float:left;width:268px;text-align:center;font-weight:bold;padding-bottom:30px;font-size:0.9em}
.imgalTEXT a{color:#333}
.imgalSEPARA{float:left;width:268px;height:15px}
/*------------------------------- colors ---------------------------------*/
.f{color:#fff}
.r{color:#eb2c00}
.m{color:#886a9c}
.b6{color:#666}
.m2{color:#969}
.ok{color:#093}
/*------------------------------- decoracion ---------------------------------*/
.bold{font-weight:bold}
.none{text-decoration:none}
.boton{float:left;width:40px;height:21px;overflow:hidden}
.botonITEM{color:#000;background-color:#99c;font-size:0.8em;text-decoration:none;padding:1px 2px 1px 2px;border:1px dashed #333}
.botonITEM:hover{background-color:#903;color:#fff}
/*------------------------------- index-news ---------------------------------*/
.index-news{float:left;width:585px;padding:10px 0 20px 0}
.index-news h4{font-size:1.3em;padding:0 0 5px 0;margin:0px}
.index-news a:hover{color:#000}
/*------------------------------- pie ---------------------------------*/
#pie{width:891px;margin:0 auto;text-align:left;overflow:hidden;padding:20px 0 20px 0;color:#333;line-height:1.5em}
#credits{float:right;color:#fff}
#credits a{text-decoration:none;color:#fff}
#credits a:hover{text-decoration:underline}
/*------------------------------- google map ---------------------------------*/
#map{float:left;width:585px;height:500px;margin:20px 0 30px 0;line-height:1.3em}
/*------------------------------- dinamics ---------------------------------*/
.titleHTML{color:#636;font-size:2.5em;font-weight:bold;border-bottom:12px solid #eee;padding:.9em 0;background:url(images/sello.jpg) no-repeat right}
.subtitleHTML{color:#969;font-size:1.9em;font-weight:bold;padding-top:20px;border-bottom:1px dashed #886a9c}
.subtitle2HTML{color:#969;font-size:1.2em;font-weight:bold;padding-top:20px;border-bottom:1px dashed #886a9c}
.textoHTML{font-size:1em;letter-spacing:0px;padding-top:15px}
.imgOnLeft{padding:15px 20px 20px 0;float:left}
.imgOnRight{padding:15px 0 20px 20px;float:right}
.linkHTML{font-weight:bold;letter-spacing:0.3em;padding-top:10px}
.linkHTML a{color:#f90;letter-spacing:0em;text-decoration:none;border-bottom:1px dashed #960}
.linkHTML a:hover{color:#666}
.downHTML{font-weight:bold;padding:10px 0 10px 30px;background-image:url(images/icon-down.jpg);background-repeat:no-repeat;background-position:0em 0.9em}
.downHTML a{color:#666;letter-spacing:0em;text-decoration:none;border-bottom:1px dashed #960}
.downHTML a:hover{color:#000}
/*------------------------------- enlaces
.linkLISTA{list-style:none;padding:0 0 30px 30px;margin:0px}
.linkLINEA{font-weight:bold;padding:10px 0 2px 30px;background-image:url(images/icon-link.jpg);background-repeat:no-repeat;background-position:0em 0.9em}
.linkLINEA a{color:#666;letter-spacing:0em;text-decoration:none;border-bottom:1px dashed #960}
.linkLINEA a:hover{color:#000}----- */
.tablenlaces td{text-align:center;font-size:11px;vertical-align:middle}
.tablenlaces p{padding:0;margin:0}
/*------------------------------- colaboradores ---------------------------------*/
.tablacols{width:585px}
.tablacols td{text-align:center;font-size:11px;vertical-align:middle}
.tablacols p{padding:0;margin:0}
/*------------------------------- cal ---------------------------------*/
#cal{float:left;width:211px;padding:10px}
/*------------------------------- form ---------------------------------*/
.inputField{border:1px solid #ccc;width:300px;background:#fff url(images/input-back.gif) repeat-x}
.inputArea{border:1px solid #ccc;width:400px;height:150px;overflow:auto;background:#fff url(images/input-back.gif) repeat-x;font-size:110%}
/*------------------------------- comentarios ---------------------------------*/
#comments, #comments li{margin:0;padding:20px 0 20px 0;list-style:none}
#comments li{padding:.5em;margin:.5em 0;background:#fcfcfc;border:1px solid #e1e1e1}
#comments li .info{padding:.2em 20px;background:#f1f1f1 url(../images/ico-comments.gif) no-repeat 2px 50%;margin:0;color:#333}
#comments li .body{padding:.5em 20px}
/*------------------------------- menu ---------------------------------*/
#menu{
	float:left;
	width:271px;
}
#menu2{
	float:left;
	width:231px;
}
#menu2 ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#menu2 li{
	margin:0px;
	padding:0px;
	height:29px;
	background-image:url(images/menu-bg.jpg);
	clear:both;
	float:left;
	width:231px;
}
#menu2 a{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	/*display:block;*
	/*height:1em;*/
	padding:7px 0 0 45px;
	display:block;
	float:left;
	width:186px;
}
#menu2 a:hover{
	text-decoration:underline;
}

#menu2 li li{background-image:url(images/menu-bg2.jpg)}
#menu2 li li li{background-image:url(images/menu-bg3.jpg)}

/*Estilos nuevos para el menu desplegable*/
#menu2{
	position:relative;
}
#menu2 ul li{
	clear:both;
	margin-bottom:0px;
	padding-bottom:0px;
	height:29px!important;
	overflow:hidden!important;
}

#menu2 ul li,
#menu2 ul li:hover{
	behavior:url(hover.htc);
}

#menu2 ul li ul{
	visibility:hidden;
	position:absolute;
	float:left;
	/*margin:-19px 0 0 231px;
	_margin:-22px 0 0 231px;*/
	margin:0px 0 0 231px;
	_margin:0px 0 0 0px;
	/margin:0px 0 0 0px;
	z-index:999;
	width:231px;
	padding-bottom:0px;
}
#menu2 ul li ul{
	width:231px;
}

/*#menu2 ul li.hover ul{
	visibility:hidden;
}*/

#menu2 ul li:hover ul,
#menu2 ul li.hover ul{
	visibility:visible;
}

#menu2 ul li:hover ul li ul,
#menu2 ul li.hover ul li ul{
	visibility:hidden;
}

#menu2 ul li ul li:hover ul,
#menu2 ul li ul li.hover ul{
	visibility:visible;
}