@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0;}
p { margin:5px 0;}

body { background:url(../images/bg_muni.jpg) #FFF repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#contenedor { width:800px; margin:0 auto;}
#contenedor #cabeza { height:354px; background:url(../images/topFront.jpg) no-repeat top right;}
#contenedor #cabeza #top { height:68px; }
#contenedor #cabeza #top #logo {height:68px; width:57px; margin:0 0 0 26px; position:relative;  }
#contenedor #cabeza #top #logo h1 { font-size:1px;display:none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #contenedor #cabeza #top #logo h1 { font-size:0.1px;display:none;}
}
#contenedor #cabeza #top #logo a img { border:0; position:absolute; top:0; left:0;}
#contenedor #cabeza #top .multi { position:absolute; top:-3px; left:280px; }
#contenedor #cabeza #top .multi img { vertical-align:middle;}
#contenedor #cabeza #top .multi h2 .one { font-size:20px; color:#FFF;}
#contenedor #cabeza #top .multi h2 .two { font-size:50px; color:#FFF;}

#contenedor #cabeza #flash object { z-index:1; _position:relative;}

#contenedor #contenido { margin:-60px 0 0 27px; padding:60px 0 15px 0; float:left; width:745px; background:url(../images/bg_contenido.gif) repeat-y; z-index:-1; _margin:-60px 0 0 14px;}
#contenedor #contenido #wrapper { width:594px; float:left;}
#contenedor #contenido #wrapper #panelizq { width:150px; float:left; }
#contenedor #contenido #wrapper #panelizq  ul.sidenav {
	float: left;
	margin: 0;
	padding: 0;
	width: 148px;
	list-style: none;
	font-size:11px;
}
#contenedor #contenido #wrapper #panelizq ul.sidenav li {
	position: relative; /*--Add a relative positioning--*/
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	background: url(../images/bg_subnavs.jpg) repeat-y;
}
#contenedor #contenido #wrapper #panelizq ul.sidenav li h3 a{
	padding: 6px 0 6px 6px;
	display: block;
	color: #348389;
	text-decoration: none;
	width: 140px;
	background:url(../images/triangulo.gif) right no-repeat;
	position: relative; /*--Add a relative positioning--*/
	z-index: 2; /*--z-index allows the popup to tuck underneath the nav--*/
	font-weight:normal;
	font-size:11px;
}
#contenedor #contenido #wrapper #panelizq ul.sidenav h3 li a:hover {
	text-decoration:underline;
}


#contenedor #contenido #wrapper #panelizq ul.sidenav li div { 
	display: none; 
	position: absolute; 
	top: 2px; 
	right: 0; 
	width:186px; 
	font-size: 11px; 
	background: url(../images/bubble_top.gif) no-repeat left top; 
}
#contenedor #contenido #wrapper #panelizq ul.sidenav li div p { 
	
	margin: 4px 0; 
	line-height: 1.6em; 
	padding: 0 25px 5px 5px; 
	background: url(../images/bubble_btm.gif) no-repeat left bottom; 
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

#contenedor #contenido #wrapper #panelcentral { float:right; width:437px; }
#contenedor #contenido #wrapper #panelcentral #panel_principal {width:415px; float:left;}
#contenedor #contenido #wrapper #panelcentral #panel_principal .contet {border-left:1px solid #f7e2c4; border-right:1px solid #f7e2c4; padding:3px 10px;}
#contenedor #contenido #wrapper #panelcentral #panel_principal .contet h2 { font-size:22px; color:#348389; border-bottom:1px solid #efc794; display:block; _z-index:-1; margin:0 0 5px 0;}
#contenedor #contenido #wrapper #panelcentral #panel_principal .top { background:url(../images/top_panel.jpg) no-repeat top; width:415px; height:5px; _margin:0 0 -9px 0;}
#contenedor #contenido #wrapper #panelcentral #panel_principal .btm { background:url(../images/btm_panel.jpg) no-repeat bottom;  width:415px; height:6px;  _margin:-9px 0 0 0;}


#contenedor #contenido #wrapper #panelcentral #panel_secundario {width:415px; margin:20px 0 0 0; float:left;}
#contenedor #contenido #wrapper #panelcentral #panel_secundario .contet {border-left:1px solid #f7e2c4; border-right:1px solid #f7e2c4; padding:3px 10px;}
#contenedor #contenido #wrapper #panelcentral #panel_secundario .contet h3 { font-size:14px; color:#573b1c; border-bottom:1px solid #efc794; display:block; _z-index:-1; margin:0 0 5px 0;}
#contenedor #contenido #wrapper #panelcentral #panel_secundario .contet .vermas { text-align:right; display:block;  margin:5px 0 0 0;}
#contenedor #contenido #wrapper #panelcentral #panel_secundario .contet .vermas a {color:#a22430;}
#contenedor #contenido #wrapper #panelcentral #panel_secundario .contet .public {color:#a22430;}
#contenedor #contenido #wrapper #panelcentral #panel_secundario .contet .vermas img { border:0; }
#contenedor #contenido #wrapper #panelcentral #panel_secundario .top { background:url(../images/top_panel.jpg) no-repeat top; width:415px; height:5px; _margin:0 0 -9px 0;}
#contenedor #contenido #wrapper #panelcentral #panel_secundario .btm { background:url(../images/btm_panel.jpg) no-repeat bottom;  width:415px; height:6px;  _margin:-9px 0 0 0; z-index:-1;}


#contenedor #contenido #wrapper #panelcentral #panel_terciario {width:430px; margin:20px 0 0 0; float:left;}
#contenedor #contenido #wrapper #panelcentral #panel_terciario h3{ font-size:14px; color:#573b1c; border-bottom:1px solid #efc794; display:block; _z-index:-1; margin:0 0 5px 0; text-align:right;}
#contenedor #contenido #wrapper #panelcentral #panel_terciario ul { list-style:none; margin:3px 0 0 10px;}
#contenedor #contenido #wrapper #panelcentral #panel_terciario ul li { background:url(../images/vineta.gif) no-repeat left; padding:0 0 0 15px;}
#contenedor #contenido #wrapper #panelcentral #panel_terciario ul li a{color:#a22430; font-weight:bold; text-decoration:underline; }


#contenedor #contenido #panelderecho { width:150px; float:right;}
#contenedor #contenido #panelderecho .panel_infor { background:url(../images/bgpanelder.jpg) repeat-y; padding:4px; margin:5px 0 0 0;}
#contenedor #contenido #panelderecho .panel_infor h3 { color:#348389; font-size:11px; background:url(../images/triangulo.gif) right no-repeat;}
#contenedor #contenido #panelderecho .panel_infor a {text-align:right; display:block; color:#a22430; margin:5px 0 0 0;}
#contenedor #contenido #panelderecho .panel_infor a img { border:0; }


#footer { background:url(../images/btmfooter.jpg) repeat-x; padding:30px 0 0 0; clear:both; display:block;}
#footer #navegador { width:800px; margin:0 auto; text-align:center;}
#footer #navegador a { text-decoration:none; color:#573b1c;}
#footer #navegador a:hover {text-decoration:underline;}