/* CSS Document */

BODY {
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*color : #CCCCCC;*/
	background: #FFFFFF 
} 
#contenedor{
	width: 762px;
	height:20px;
	padding-top:5px;
	margin-top:2px;
	background-color:#666666;
	}  
#contenedor2{
	background :  url(./imagenes/banner_oficial2.jpg) no-repeat;
	background-position: top;
	/*width: 760px;*/
	width: 730px;
	height:65px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:right;
	padding-top:1px;
	margin-bottom:1px;	
}  
#acceso{
	width: 762px;
	
} 
#OBRAS{
	text-transform : uppercase;
	font-size:9px;
	background :  url(imagenes/c23_2.jpg) no-repeat;
	width: 254px;
	height:71px;
	float: left;
	padding-top: 5px;		
	padding-left:5px;
	margin-left:0.5px;
}
#busqueda{
	background :  url(imagenes/c32_2.jpg) no-repeat;
	width: 313px;
	height:65px;
	float:left;
	text-transform : uppercase;
	font-size:9px;	
	padding-top: 5px;
	padding-left:5px;	
	text-align:left;
}
#cont_noticia {
	clear:both;
}
#area_texto{
	background :  url(imagenes/esq_sup_izq.jpg) no-repeat;
	font-size:10px;
	width: 450px;
	height:65px;
	float: left;
	padding-top: 5px;
	padding-left:20px;
	text-align:left;
}
#area_texto_enc{
	background :  url(imagenes/esq_sup_izq.jpg) no-repeat;
	font-size:10px;
	width: 400px;
	height:65px;
	float: left;
	padding-top: 5px;
	padding-left:20px;
	text-align:left;
}
#area_texto2{
	background :  url(imagenes/esq_sup_izq.jpg) no-repeat;
	font-size:10px;
	width: 510px;
	height:65px;
	float: left;
	padding-top: 5px;
	padding-left:20px;
	text-align:left;
}
#area_texto3{
	background :  url(imagenes/esq_sup_izq.jpg) no-repeat;
	font-size:10px;
	width: 280px;
	height:65px;
	float: left;
	padding-top: 5px;
	padding-left:20px;
	text-align:left;
}
#area_panel{
	clear : both;
	background :  url(imagenes/box_panel.png) no-repeat;
	font-size:10px;
	width: 300px;;
	height:170px;
	float: left;
	padding-top: 10px;
	padding-left:20px;
	text-align:left;
	float:left
}
#area_panel_right{
	clear : both;
	background :  url(imagenes/box_panel.png) no-repeat;	
	font-size:10px;
	width: 300px;;
	height:170px;
	float: left;
	padding-top: 10px;
	padding-left:20px;
	text-align:left;
	float:right
}
#area_texto h3{
	text-transform : uppercase;
	font-size:12px;
	float: left;
	padding-top: 2px;
	padding-left:2px;
	text-align:left;
}


#noticias{	
	width: 420px;
	background: #ffffff ;	
	padding:3px 3px 3px 3px;
	margin:2px 2px 2px 2px;
	border:1px solid #606060	
}
#noticia{
	background: #CCCCCb url(imagenes/noti.gif) no-repeat;
	width: 408px;
	padding:5px 5px 5px 5px;
	margin:2px 2px 2px 2px;
	border:1px solid #FF3300;
	text-align:left;
	
}
#camara1{
	width: 175px;
	padding:0px 0px 30px 0px;
	float: left
}
#atencion{	
	width: 175px;
	PADDING: 0px 0px 2px 0px;
	float: left;
	border-right:1px solid #cccccc;
}
h1, h2, h3 {
	font-size: 11px; 
	line-height: 14px;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left; 
	margin: 0px; 
	padding: 0px;
	}
#OBRAS h3 {
	color: #ffffff;
	background-position:left;	
	font-size: 11px; 
	line-height: 16px;
	text-transform: uppercase;
	padding-left:1px;
	}
#borde{	
	width: 800px;	
	margin:auto;
	background: #FFFFFF url(imagenes/fnd.jpg) repeat-y;
	padding-left:18px;
} 
#cabecera{
	width: 760px;
	height:120px;
} 
#navegador{
	background : #F5F4C3 url(images/fondonav.gif);
	padding : 3px 10px 5px 10px;
	border-top : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	width: 640px;
}
.boton{
	background : #F5F4C3 url(imagenes/bck_hoover.jpg);
	width: 60px;
}
table{
	clear:both
} 
#side-b {
	clear:right;
	width: 178px;
	float: right;	
	color: #333333;	
	border-left: 1px solid #909090; 
	margin-top:4px;
}

#side-b2 {
	clear:right;
	width: 178px;
	float: right;	
	color: #333333;	
	margin-top:4px;
}




#content { 
	width:578px;
	float: left;
	color:#333333;
	padding:2px 0px 2px 0px;
}
.fotoder{
	border-color: #333333;
	margin:4px 0px 0px 4px;
	}
	
.fotoizq{
	border-color: #333333;
	margin:4px 4px 0px 0px;
	}	
	A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{
	color: #494E6B;
}
A.enlacenav:HOVER{
	color: #3F7DE3;
} 
#cuerpo{
	padding-left:2px;
	width:762px;
	color: #000000;	

} 
H1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	position: static;	
} 
#navabajo{
font-weight : bold;
} 
.titlat{
	background: #ffffff url(imagenes/atencion.jpg) no-repeat;
	color:#ffffff;
	font-size:9px;
	text-transform : uppercase;
	text-align:center;
	height:30px;
	font-weight : normal;
	letter-spacing : 2px;
	margin: 0px 0px 0px 0px;
}
.titlat2{
	background: #666666;
	color:#ffffff;
	font-size:9px;
	text-transform : uppercase;
	text-align:left;
	padding: 2px 2px 2px 2px;
	font-weight : normal;
	letter-spacing : 2px;
	margin: 0px 0px 0px 0px;
}
.cuerpolateral{
	padding: 5px 4px 13px 10px;
	color: #000000;
}
INPUT
 {
font-size : 8pt;
}  
#fbuscar{
margin-bottom : 0px;
margin-top : 0px;

} 
#campotexto{
float: left;
} 
#campotexto input{
width:100px;
}
#botonbuscar {
padding-top : 3px;
padding-left: 106px;
} 
#botonbuscar input{
border : 0px none;
}
.radio{
clear:both;
}  
#otras ul{
margin : 5px 10px 0px 0px;
padding: 0px 0px 0px 4px;
list-style: none;
} 
#otras li{
	padding-left: 20px;
	background: transparent url("imagenes/alerta.jpg")  no-repeat;
	margin-bottom: 10px;
	width: 160px;
	/*height: 20px;*/
	
} 
#pie{
	clear : both;
	width:720px;
	color : #909090;
	text-align : right;
	margin-left: 20px;
	font-size: 9px;	
	border-top: 1px solid #909090;
	} 
#navcontainer {
	border: 1px solid #9CC;
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;		
}

#navlist {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	float:right;
}

@media all {
        #navlist {
                text-align: center
        }
}

#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlist li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
        background: #900;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #66CC00;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist a:hover {
        background: #C00;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist li#active {
        background: #369;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}
#side-a {
	float: left;
	width: 130px;
}

/* Carlos
#menu {
	PADDING: 2px 2px 2px 2px; 
	FLOAT: left; 
}
#menu UL {
	PADDING: 0px 0px 0px 0px; 
	MARGIN: 0px; 
	LINE-HEIGHT: 15px; 
}
#menu LI {
	MARGIN: 0px; 
	BORDER-BOTTOM: #ececec 1px solid; 
	LIST-STYLE-TYPE: none
}
#menu A {
	DISPLAY: block; 
	PADDING-LEFT: 20px; 
	BACKGROUND: #ffffff url(imagenes/cono.jpg) no-repeat; 
	WIDTH: 150px; 
	COLOR: #666666; 
	TEXT-DECORATION: none
}
#menu A:hover {
	COLOR: #909090;
	background-color: #f0fde2;
}

Carlos
*/

#final {
	clear:left;
	background-image:url(imagenes/pie2.jpg);
	background-repeat:no-repeat;
	width:176px;
	height:10px;
	FLOAT: left;
	padding-top:5px; 
}
#mysql {
	PADDING: 2px 2px 2px 2px;
	width:160px;
	FLOAT: left; 
}
#php {
	PADDING: 2px 2px 2px 2px;
	width:160px;
	FLOAT: left; 
}
#css{
	PADDING: 2px 2px 2px 2px;
	width:160px;
	FLOAT: left; 
}
#menu2 {
	PADDING: 2px 0px 2px 0px;
	width:176px;
	FLOAT: left; 
}
#menu2 UL {
	PADDING: 0px 0px 0px 0px; 
	MARGIN: 0px; 
	LINE-HEIGHT: 15px; 
}
#menu2 LI {
	MARGIN: 0px; 
	BORDER-BOTTOM: #ececec 1px solid; 
	LIST-STYLE-TYPE: none
}
#menu2 A {
	DISPLAY: block;  
	BACKGROUND: #ffffff; 
	WIDTH: 160px; 
	COLOR: #666666; 
	TEXT-DECORATION: none
}
#menu2 A:hover {
	COLOR: #909090;
	background-color: #0099ff;
}


/* MENU */

#menu3 UL {
	PADDING: 0px 1px 0px 1px; 
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	background-color: #FFFFFF;

	color:#FFFFFF;
}
#menu3 LI {
	FLOAT: right; 
	WIDTH: 76px; 
	POSITION: relative
}
#menu3 LI UL {
	DISPLAY: block; 
	LEFT: 0px; 
	POSITION: absolute; 
	TOP: 2.5em
}
UNKNOWN {
	LEFT: auto; TOP: auto
}
 HTML #menu3 UL LI {
	FLOAT: left; HEIGHT: 0%
}
 HTML #menu3 UL LI A {
	HEIGHT: 1%
}
#menu3 LI:hover UL {
	DISPLAY: block
}

#menu3 UL UL {
	VISIBILITY: hidden; 
}

#menu3 UL {
	MARGIN: 0px
}
LI {
	MARGIN: 0px
}
#menu3 UL A {
	BORDER: #ffffff 1px solid; 
	PADDING: 6px 2px 6px 2px; 
	DISPLAY: block;
	/*BACKGROUND-color:#0099FF;*/
	BACKGROUND-color:#283196;
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none
}
#menu3 UL A:hover {
	COLOR: #FFFFFF;
	 BACKGROUND-color:#283196;

}
#menu3 LI UL A {	
	color:#FFFFFF;	/* carlos */
	PADDING: 5px 2px 5px 2px; 	
	TEXT-DECORATION: none;
	BORDER-RIGHT: #666666 1px solid;
	BORDER-TOP: #666666 1px solid; 
	BORDER-LEFT: #666666 1px solid;  
	BORDER-BOTTOM: #666666 1px solid; 
	 BACKGROUND-color:#283196;

}
#menu3 LI UL A:hover {

	color:#000000;	/* carlos */
    BACKGROUND-color: #283196;

}
#menu3 LI A.submenu {
	BACKGROUND: #283196 url(imagenes/bck_A.jpg) no-repeat;

	color:#FFFFFF;	/* carlos */
	
}
#menu3 LI A.submenu:hover {
	BACKGROUND: #283196 url(imagenes/bck_hoover.jpg) no-repeat right 50%;
	
}
#menu3 LI UL A.submenu {
	BACKGROUND: #ffffff url(imagenes/bck_A.jpg) no-repeat;
	color:#FFFFFF;	/* carlos */
}
#menu3 LI UL A.submenu:hover {

	BACKGROUND: #283196 url(imagenes/bck_hoover.jpg) no-repeat right 50%;

	}

#menu3  UL LI A.submenu:hover {

	BACKGROUND: #283196 url(imagenes/bck_hoover.jpg) no-repeat right 50%;

	visibility:visible;
	}




/* CSS noticias */
#news {
	padding: 0px 10px 5px 5px;
	BORDER-BOTTOM: #bbe0eb 1px dotted
}
#news H2 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;  
	PADDING-BOTTOM: 0px; 
	MARGIN: 5px 5px 10px 0px; 
	TEXT-INDENT: -3000px; 
	PADDING-TOP: 0px
}
#news-left {
	FLOAT: left; 
	WIDTH: 280px;  
}
#news-right {
	FLOAT: right;
	WIDTH: 280px; 
}
 HTML #news-left {
	WIDTH: 280px
}
 HTML #news-right {
	WIDTH: 280px;
}
.news {
	CLEAR: both; 
	BORDER-top: #bbe0eb 1px solid;
	padding: 0px 0px 0px 2px;
	FLOAT: left; 
	MARGIN: 0px 0px 5px 2px;
	WIDTH: 95%; 
	height:90px;

}
.news A {
	FONT-WEIGHT: bold; 
	COLOR: #CC0000; 
	TEXT-DECORATION: none
}

.news A:hover {
	COLOR: #ffffff; 
	TEXT-DECORATION: none;
	background-color: #4fb3d5 /*#CC0000*/
}
.news STRONG {
	FONT-WEIGHT: normal
}
.news_date {
	FLOAT: left; 
	MARGIN: 0px; 
	WIDTH: 23px; 
	FONT-FAMILY: century gothic; 
	HEIGHT: 27px; 
	TEXT-ALIGN: center
}
.news .month {
	/*CLEAR: both; */
	FONT-SIZE: 0.8em; 
	FLOAT: left; 
	WIDTH: 23px; 
	COLOR: #909090
}
.news .day {
	clear:both;
	FONT-SIZE: 1.2em; 
	FLOAT: left; 
	WIDTH: 23px; 
	COLOR: #909090
}
.news P {
	clear:right;	
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	FONT-SIZE: 0.85em; 
	FLOAT: right; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 2px 0px  10px 0px; 
	BORDER-LEFT: #bbe0eb 1px solid; 
	WIDTH: 220px;
	height:90px;
	PADDING-TOP: 0px;
	text-align:justify;
}
/*.news p:hover {
	background-color: #FF9966;
}*/
#news .more {
	CLEAR: both; 
	PADDING-RIGHT: 15px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 0.85em; 
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; 
	LINE-HEIGHT: 1em; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: right
}
#news .more IMG {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px 0px 0px 5px; 
	VERTICAL-ALIGN: bottom; 
	BORDER-RIGHT-WIDTH: 0px
}

#banner{
	margin-left: 3px;
	width: 756px;
	height: 260px; 
	BACKGROUND: #ffffff url(imagenes/linvial2.gif) no-repeat ; background-position:center;  
	/*BACKGROUND: #283196 url(imagenes/peajeguacara.jpg) no-repeat right 50%;*/

		
}
HTML #banner{
	height: 258px;
}

.foto_texto{
	width:100px;
	font-size:10px;
	color:#000000;
	text-align:justify;
	float:right;
}


/*
.menu {
	FONT-SIZE: 90%; 
	Z-INDEX: 1000; 
	left:0px;
	HEIGHT: 235px;
	float: left;
	color: #FFFFFF;
}

.menu UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 150px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	
	
}
.menu LI {
	BACKGROUND-color: #283196;
	HEIGHT: 26px;
	
}
 HTML .menu LI {
	MARGIN-LEFT: 0px;		
}
.menu TABLE {
	FONT-SIZE: 1em; 
	Z-INDEX: 100; 
	LEFT: 0px; 
	WIDTH: 0px; 
	POSITION: absolute; 
	TOP: 0px; 
	BORDER-COLLAPSE: collapse; 
	HEIGHT: 0px;
	
}
.menu A {
	DISPLAY: block; 
	BACKGROUND-color: #283196; 
	WIDTH: 150px; 
	TEXT-INDENT: 5px; 
	LINE-HEIGHT: 25px; 
	BORDER-BOTTOM: #fff 1px solid; 
	HEIGHT: 25px; 
	TEXT-DECORATION: none;	
	
	
}
HTML .menu UL {
	color:#FFFFFF
}
.menu A:visited {
	DISPLAY: block; 
	BACKGROUND-color: #283196; 
	WIDTH: 150px; 
	COLOR: #ffffff; 
	TEXT-INDENT: 5px; 
	LINE-HEIGHT: 25px; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	HEIGHT: 25px; 
	TEXT-DECORATION: none;
	
}
 HTML .menu A:hover {
	BACKGROUND-color: #999999; 
	COLOR: #FFFFFF;
	}

.menu UL UL {
	LEFT: 150px; 
	VISIBILITY: hidden; 
	POSITION: absolute;
	TOP: -1px
}
.menu a:visited, .menu a:link, .menu a:active{
	color: #FFFFFF;
}
.menu UL LI:hover UL {
	VISIBILITY: visible; 
	HEIGHT: 235px;
	color: #000000;
}
.menu UL A:hover UL {
	VISIBILITY: visible; 
	HEIGHT: 235px;
	color: #000000;
}
.menu UL :hover UL UL {
	VISIBILITY: hidden;
	color: #000000;
}
.menu UL :hover UL :hover UL UL {
	VISIBILITY: hidden;
	color: #000000;
}
.menu UL :hover UL :hover UL {
	VISIBILITY: visible; 
	HEIGHT: 235px;
	color: #000000;
}
.menu UL :hover UL :hover UL :hover UL {
	VISIBILITY: visible; 
	HEIGHT: 235px;
	color: #000000;
}


*/


.xmenu {
	FONT-SIZE: 90%; 
	Z-INDEX: 1000; 
	left:0px;
	HEIGHT: 235px;
	float: left;
	color: #FFFFFF; 
}

.xmenu UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 150px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	
	
}
.xmenu LI {
	BACKGROUND-color: #283196;
	HEIGHT: 26px;
	
}
 HTML .xmenu LI {
	MARGIN-LEFT: 0px;		
}
.xmenu TABLE {
	FONT-SIZE: 1em; 
	Z-INDEX: 100; 
	LEFT: 0px; 
	WIDTH: 0px; 
	POSITION: absolute; 
	TOP: 0px; 
	BORDER-COLLAPSE: collapse; 
	HEIGHT: 0px;
	
}
.xmenu A {
	DISPLAY: block; 
	BACKGROUND-color: #283196; 
	WIDTH: 150px; 
	TEXT-INDENT: 5px; 
	LINE-HEIGHT: 25px; 
	BORDER-BOTTOM: #fff 1px solid; 
	HEIGHT: 25px; 
	TEXT-DECORATION: none;	
	
	
}
HTML .xmenu UL {
	color:#FFFFFF
}
.xmenu A:visited {
	DISPLAY: block; 
	BACKGROUND-color: #283196; 
	WIDTH: 150px; 
	COLOR: #ffffff; 
	TEXT-INDENT: 5px; 
	LINE-HEIGHT: 25px; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	HEIGHT: 25px; 
	TEXT-DECORATION: none;
	
}
 HTML .xmenu A:hover {
	BACKGROUND-color: #999999; 
	COLOR: #FFFFFF;
	}

.xmenu UL UL {
	LEFT: 150px; 
	VISIBILITY: hidden; 
	POSITION: absolute;
	TOP: -1px
}
.xmenu a:visited, .xmenu a:link, .xmenu a:active{
	color: #FFFFFF;
}
.xmenu UL LI:hover UL {
	VISIBILITY: visible; 
	HEIGHT: 235px;
	color: #000000;
}
.xmenu UL A:hover UL {
	VISIBILITY: visible; 
	HEIGHT: 235px;
	color: #000000;
}
.xmenu UL :hover UL UL {
	VISIBILITY: hidden;
	color: #000000;
}
.xmenu UL :hover UL :hover UL UL {
	VISIBILITY: hidden;
	color: #000000;
}
.xmenu UL :hover UL :hover UL {
	VISIBILITY: visible; 
	HEIGHT: 235px;
	color: #000000;
}
.xmenu UL :hover UL :hover UL :hover UL {
	VISIBILITY: visible; 
	HEIGHT: 235px;
	color: #000000;
}