.select { 
    padding:6px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #E5E5E5;
    color:#383838;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.select {padding-right:18px}
}

.label {position:relative}
.label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#383838;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#E5E5E5;
    position:absolute;
    pointer-events:none;
    display:block;
}


#txtbus{ 
        height:20px; 
	width:200px; 
	padding:5px 8px;
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:4px;
	color: #888;
	font-size: 12px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}

.submit {
    padding: 3px 17px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 5px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
   
}
.submit:hover {
	opacity:.70;
	cursor: pointer; 
	color: #fff;
}
.submit:active {
	border: 1px solid #222;
	box-shadow: 0 0 10px 5px #444 inset; 
}

div#header #buscar{
float:left;
padding-top:20px;
font: normal 18px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif ;
color:white !important;
}



div#buscar a:link {text-decoration:none;color:#FFFFFF;} 
div#buscar A:visited {text-decoration:none;color:#FFFFFF;} 
div#buscar A:active {text-decoration:none;color:#A0F7D6;} 
div#buscar A:hover {text-decoration:none;color:#F3E656; } 


div#imgLOAD{
text-align:center;
width:150px;
margin-left:auto;
margin-right:auto;
}

.fixed {
    position:fixed;
    top:0; 
    z-index:1000;
}

div#linkmu{
	float:right;
	/*
	z-index:99 !important ;
	position:fixed !important; 
	*/
	right:0;
	margin-right:0px;

}

div#botonNoti{
	float:left;
	margin-top:10px;
	text-decoration:none;
	
}

.botonNot{
    background:#0D98FB; 
    background-image: -webkit-linear-gradient(top,#0D98FB,#1A5DB3);
    background-image: -moz-linear-gradient(top,#0D98FB,#1A5DB3);
    background-image: -o-linear-gradient(top,#0D98FB,#1A5DB3);  
    background-image: linear-gradient(to bottom,#0D98FB,#1A5DB3);   
    border: 1px solid #125CB5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;  
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #71C0FD inset;
    -webkit-box-shadow: 0 1px 1px #71C0FD inset;
    -o-box-shadow: 0 1px 1px #71C0FD inset; 
    box-shadow: 0 1px 1px #71C0FD inset;
    padding: .8em 1.8em;
    color: white;
    font-weight:normal;
    text-decoration:none;
}
.botonNot:hover {
    background:#1A5DB3;
    background-image: -webkit-linear-gradient(bottom,#0D98FB,#1A5DB3);
    background-image: -moz-linear-gradient(bottom,#0D98FB,#1A5DB3);
    background-image: -o-linear-gradient(bottom,#0D98FB,#1A5DB3);   
    background-image: linear-gradient(to top,#0D98FB,#1A5DB3);
    cursor: pointer;
}

div#CORMA{
	margin-left:auto;
	margin-right:auto;	
	font: normal 22px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif ;
	color:#F00;
	width:55px;
	height:54px;
	background-color:#FFF !important; /*prueba si no borrar por si sale el logo de fondo*/	
	text-align:center;

}
body {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
	margin: 0;

}

div#pagina { 

	height:800px auto;
    left: 0;
    right: 0;
	background:url(../images/logob.png);

}

div#contenedor{
    width: 900px;
    height: 900px auto;
    margin-top:20px;
    margin-left:auto;
	margin-right:auto;	
	background-color:#FFF;
	font-family: "Arial",Arial,sans-serif;
	font-size:15px;
	color:#333;
			
}

div#header1{
height:30px;
width:900px;
background-color:#FFF;
margin-left:auto;
margin-right:auto;	
}

div#bienvenido{
	width:500px;
	height:15px;
	float:left;
    padding-top:7px;
	font: 14px "Arial Black", Gadget, sans-serif;
	font-weight:bold;
	color:#86B404;
}

div#sesion{
	width:200px;
	height:15px;
	float:right;
    padding-top:3px;
	font: 11px "Arial Black", Gadget, sans-serif;
	color:#666;
}

div#header{
	padding-top: 0px;
	height: 180px;
	font: 20px ' x-large';
	background-color:#86B404;		
}

div#contenedor_banner{
	width:900px;
	height: 180px;
	margin-left:auto;
	margin-right:auto;
		
}


div#logo{
	width:200px;
	float:left;
	padding-top:15px;	
}

div#viewport-shadow{
	width:700px;
	height:200px;
	float:right;
		
}
	

/*
#menu {
	margin:0px; margin-top:0px; margin-bottom:30px !important; 
	 height:55px;
    background:url(../images/nav-bg.png) repeat-x;
    _background:url(../images/nav-bg.gif) repeat-x;
	
	
	box-shadow:  0 0 15px #009; 
	-webkit-box-shadow: 0 0 15px #009;
   -moz-box-shadow: 0 0 15px #009; 
}

	

body.ie6 div#box,
body.ie7 div#box,
body.ie8 div#box {
	background-color: #ffffff;
    height:45px;
    margin-left: -5px;
   margin-top: -8px;
   padding-top:5px;
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=270);
}

*/


/*Menu Principal*/

#menu {
    height:50px;
    background:url(../images/nav-bg.png) repeat-x;
    _background:url(../images/nav-bg.gif) repeat-x;
    box-shadow:  0px 0px 15px #000; 
    width: 100%;		
}


div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    	
}
div#menu ul.menu {
	width: 900px;
	margin-left:auto;
	margin-right:auto;	
   
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}
   
div#menu li:hover>ul {
    left: -2px;
}

div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    top: 50px;
    left: 0;
    width: 208px;
    z-index: 11;
    visibility: hidden;
    padding: 0 0 9px 7px;
    _padding: 0 0 9px 3px;
    background: url(../images/submenu-bottom.png) no-repeat 7px bottom;
    _background-image: url(../images/submenu-bottom.gif);
    margin: 0 0 0 -9px;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu li.current a {}

/* menu::level1 */
div#menu a {
    position: relative;
    z-index: 10;
    height: 55px;
    display: block;
    float: left;	
    padding: 0 10px 0 10px;
    line-height: 55px;
    text-decoration: none;
}
div#menu span {
    font: normal 12px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
    padding-top: 18px;
    color: #dbff92;
    font-weight:bold;
    text-transform:uppercase;
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;		
}

div#menu ul a:hover span {
    color: #455821;
	/*background: url(../images/submenu-selected-bottom.gif) no-repeat 8px bottom;*/
	background: url(../images/submenu-selected-top.gif) no-repeat 0px 0px;
}

div#menu ul li a span.seleccionado {
color: #fff;	
background: url(../images/submenu-selected-top.gif) no-repeat 0px 0px;
}

div#menu li { background: url(../images/nav_separator.png) top left no-repeat; }
div#menu li.last span{
    background: url(../images/nav_separator.png) top right no-repeat;
    padding: 18px 10px 16px 0;
}

/* menu::level2 */
div#menu ul ul li {
    background: url(../images/nav_dropdown_sep.gif) left bottom repeat-x;
    padding: 4px 0;
    z-index: 9;	
}
div#menu ul ul {
    z-index: 12;	
    padding: 0;
    background: rgb(102,136,35) url(../images/nav_dropdown_grad.png) right top no-repeat;
    margin-top:0px;
    margin-left:4px;
    margin-right:5px;
}
div#menu ul ul a {
  	width: 184px;
	  padding: 0px 7px 3px 8px;
    height: auto;
    float: none;
    display: block;
    background:none;
    margin-bottom: 2px;
    z-index: -1;
}
div#menu ul ul a span {
	  padding: 0 10px 0px 10px;
    line-height: 20px;
    color: #364619;
    font-weight:normal;
    text-transform: none;
    background:none;
}
div#menu ul ul a:hover {
    background: url(../images/submenu-selected-bottom.gif) no-repeat 8px bottom;
}
div#menu ul ul a:hover span {
    background: url(../images/submenu-selected-top.gif) no-repeat 0px 0px;
    color: #fff;
}

div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 208px;
    margin: -50px 0 0 190px !important;
    height: auto;
    _padding: 0 0 9px 3px;
}
div#menu ul ul ul {
	_padding-right:1px;
}








/*Slider fotos*/

#featured{
	width: 650px;
	padding-right: 250px;
	position: relative;
	height: 350px;
	overflow: hidden;
	background: #fff;
	/*box-shadow: 0px 0px 15px #000; /* Sombra */
	margin-left:auto;
	margin-right:auto;
}
#featured .ui-tabs-panel .info{
	width: 650px;
	display:none;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:650px; 
	list-style:none; 
	padding:0; margin:0; 
	margin-top:35px;
	width:250px; height:350px;
	overflow:auto;
	overflow-x:hidden;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; text-decoration:none;
	color:#333;  background:#fff; 
	line-height:20px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('../images/selected1.png') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:#4fec47;  /*color fondo seleccionado*/
}
#featured .ui-tabs-panel{ 
	width:650px; height:350px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:70px; 
	background: url('../images/transparent-bg.png'); 
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:1.2em; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}



div#ultimasNoticias{
	width: 900px;
	height: 40px;
	
	
}

div#titulo{
float:left;	
width:120px;
height: 50px;
text-align:center;
background-image:url(../images/noticia.png) ;


}

div#cuerpo{
float:right;	
width:772px;	
height: 40px;	
text-align:center;
font-family: "Arial",Arial,sans-serif;
font-size:13px;
color:#00C;
text-emphasis:center;
}


/* Menú vertical desplegable
----------------------------------------------- */
.menu_list { 
width: 200px; /* Ancho del menú */
float:right;
margin-top: 10px;

}

.menu_body {
display:none;
}
.menu_body a{
display:block;
color:#848484; /* Color de los enlaces */
background-color:#3333FF; /* Color de fondo de los enlaces */
padding-left:10px;
text-decoration:none;
}
.menu_body a:hover{
color: #FFFFFF; /* Color de los enlaces al pasar el cursor */
text-decoration:underline;
background-color:#21610B;
}

.menu_list p:hover { 
color: #FFFFFF; /* Color de los enlaces al pasar el cursor */
text-align:center;
text-decoration:underline;
background-color:#39F;
/*background-image:url(../images/tick.png) ;*/
box-shadow: 0px 0px 35px #009; /* Sombra */

}



div#menuGobierno{
	width: 650px;
	padding-bottom:10px;
	float:left;
	text-align:center;
		
}



div#eventos{
    float:left; 
	width:680px;
	height:512px;	
	margin-top:32px;
	background-color:#EBEBEB;
	overflow-x:scroll;
	overflow-y:scroll;
}

.tituloTrasparencia{
font: normal 22px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
color:#006;
font-weight:bold;
text-decoration: underline;	
padding-left:8px;
padding-top:50px;

}

div#menuTransparencia .menu span{
font: normal 11px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
    /*padding-top: 18px;*/
    color: #000;

}

div#menuTransparencia .menu span1{
font: normal 14px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
    /*padding-top: 18px;*/
    color:#006;
    font-weight:bold
}


div#primero{
padding-top: 10px;	
float:left;
max-width:33%;
min-width:33%;	
list-style-type:none;	
}

div#segundo{
padding-top: 10px;	
float:left;
max-width:33%;
min-width:33%;
list-style-type:none;	
}

div#tercero{
padding-top: 10px;	
float:right;
max-width:33%;
min-width:33%;	
list-style-type:none;
}





div#tiempo{
	margin-top:10px;
	float:right;
	width:200px;
	height:200px;
	background-color:#F90;
	box-shadow: 0px 0px 15px #0B1993; /* Sombra */
}

div#cont_aa18b29f133ea7ec0f0def56fab88305{
	margin-top:10px;
	float:right;
	width:200px;
	height:200px;
	border:0px !important;	
}

div#daem{
	margin-top:20px;
	float:right;
	width:200px;
	height:100px;	
}

div#space{
	height:180px;
	width:150px;
	float:right;
	
}

#barra{
	margin-bottom:15px;
	height: 20px; 
	width:900px;	
	background-image:url(../images/mainShadow1.png)
	
}

div#destacados{
	margin-top:20px;
	width:900px;
	height:280px;
	float:left;	
	background-color:#FFF; /*prueba si no borrar por si sale el logo de fondo*/	
}

div#destacadosCont{
	width:860px;
	margin-left:auto;
	margin-right:auto;
}

div#social{
	margin-top:20px;
	float:right;
	width:160px;
	height:55px;
	text-align:center;
	background-color:#FFF; /*prueba si no borrar por si sale el logo de fondo*/	
}


div#footer {
	
    height:300px;
	background:rgb(83,129,22);
	/*margin-top: 330px;*/
	padding: 0px;
	box-shadow: 0px 0px 15px #0B1993; /* Sombra */
	margin-bottom:0px;
	
	
}

.footer0{
	width: 70px;
	height: 230px;
    margin-left:auto;
	margin-right:auto;	
	float:left;
	text-align:center;
}

.footer1{
	width: 250px;
	height: 230px;
    margin-left:auto;
	margin-right:auto;	
	float:left;
	margin-top:10px;
	border-right:inset #CC0 2px;
}

.footer2{
	width: 340px;
	height: 230px;
	margin-left:auto;
	margin-right:auto;		
	float:left;
	margin-top:10px;
	border-right:inset #CC0 2px;
	padding-left:15px;
	
}

.footer3{
	width: 200px;
	height: 230px;
	margin-left:auto;
	margin-right:auto;	
	float:right;
	margin-top:10px;	
}

div#descripcion1{
	width: 900px;
	height: 48px;
    margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	color:#FFF;	
	text-align:center;	
}

div#descripcion{
	height: 49px;
	padding-top:0px;
	background-color:#060;
	color:#FFF;		
	bottom:0px;
	margin-bottom:0px;
}

div#fono{
	width: 900px;
	height: 250px;
    margin-left:auto;
	margin-right:auto;
	
}



#navigationMenu li{
	list-style:none;
	height:39px;
	padding:2px;
	width:40px;
}

#navigationMenu span{
	/* Container properties */
	width: 0;
	left: 37px;
	padding: 0;
	position: absolute;
	overflow: hidden;
	/* Text properties */
	font-family: 'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.6px;
	white-space: nowrap;
	line-height: 39px;
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
	top: 0px;
}

#navigationMenu a{
	background:url('../images/navigation.jpg') no-repeat;

	height:39px;
	width:38px;
	text-align:left;
	margin-left: -43px;
	display:block;
	position:relative;
	margin-top:auto;
	
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #9ddff5;
	-webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5;
}

/* Green Button */

#navigationMenu .home {	background-position:0 0;}
#navigationMenu .home:hover {	background-position:0 -39px;}
#navigationMenu .home span{
	background-color:#7da315;
	color:#3d4f0c;
	text-shadow:1px 1px 0 #99bf31;
}

/* Blue Button */

#navigationMenu .about { background-position:-38px 0;}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
	background-color:#1e8bb4;
	color:#223a44;
	text-shadow:1px 1px 0 #44a8d0;
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
	background-color:#c86c1f;
	color:#5a3517;
	text-shadow:1px 1px 0 #d28344;
	font-size:12px;
}

/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
	background-color:#d0a525;
	color:#604e18;
	text-shadow:1px 1px 0 #d8b54b;
}

/* Purple Button */

#navigationMenu .contact { background-position:-152px 0;}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
	background-color:#af1e83;
	color:#460f35;
	text-shadow:1px 1px 0 #d244a6;
}

/* The styles below are only needed for the demo page */

#main{
	position:fixed !important; 
	z-index:0 !important ;
	margin-left:0px;
	float:left;
	width:0px;
	margin-top:0px;
}


h1{
	color:#fff;
	font-size:30px;
	font-weight:normal;
	padding:60px 0 20px;
	text-align:left;
}

h2{
	font-weight:normal;
	text-align:left;
}

h1,h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

a, a:visited,a:active {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}

p.note{
	color:#707070;
	font-size:10px;
	text-align:left;
	margin:0px;
}






/*carousel infinite*/

#carousel_inner {
margin-top:20px;
float:left; /* important for inline positioning */
width:830px; /* tenia 630px  important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #F0F0F0;

}

#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:1000000px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:200px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:110px;
background: #000000;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
margin-top:20px;
float:left; 
height:130px; 
width:15px; 
background: #C0C0C0; 
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;

}




.tamano{
width:272px;
height:144px;	
}


ul.slideshow {
	list-style:none;
	width:272px;
	height:144px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	margin-top:18px;
	float:right;
	box-shadow: 0px 0px 45px #FFFF00; /* Sombra */
	border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}	

ul.slideshow li {
	position: absolute;
	left: 0;
	right: 0;
	height: 144px;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:0px;	
}


#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

.autoridades{
	margin-top:5px;	
	float:left; 
	width:900px;
	height:1320px;
	overflow:hidden;
	background-color:#EBEBEB;
}

.autoridades:hover{
	margin-top:5px;	
	float:left; 
	width:900px;
	height:1320px;
	overflow-y:scroll;
	background-color:#EBEBEB;
}


div#capaGrilla{
width:900px;
height:550px auto;
margin-right:auto;
margin-left:auto;
top:10px;
text-align:center;

}

div#capaGrilla:hover{
width:900px;
height:550px auto;
margin-right:auto;
margin-left:auto;
padding-top:10px;
text-align:center;
	
}

.capaTituloGrilla{
width:900px;
margin-right:auto;
margin-left:auto;
padding-left:8px;
margin-top:40px;
height:120px;
}

.tituloGrilla{
width:900px;
float:left;
margin-right:auto;
margin-left:auto;

font: normal 22px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
color:#006;
font-weight:bold;
text-decoration: underline;	
	
}

.fechaGrilla{
width:200px;
float:left;
margin-right:auto;
margin-left:auto;
font: normal 12px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
color:#03F;	
padding-top:23px;
}

.fechaGrilla1{
width:100px;
float:left;
margin-right:auto;
margin-left:auto;
font: normal 12px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
color:#03F;	
padding-top:23px;
padding-right:10px;
padding-left:4px;
font-weight:bold;
}

.textoGrilla{
width:900px;
float:left;
margin-right:auto;
margin-left:auto;
text-align:left;
font: normal 12px 'Lucida Sans Unicode','Lucida Grande',Helvetica,Arial,sans-serif;
color:#333;	
padding-top:15px;
}

div#logoTransparencia{
	width:900px ;
	height:80px;
	padding-top:5px;
}

.tamanoLogo{
	text-align:center;
	width:240px ;
	height:80px;
}
div#logoLink{
	width:900px ;
    margin-left:auto;
	margin-right:auto;
}

div#capaBiografia{
	width:900px ;
	height:400px;
    float:left;
}

div#textoBiografia{
	width:680px ;
	height:300px;
    float:right;
	margin-top:-17px;
	text-align:justify;
}

div#MantNoticia{
	width:870px;
	height:512px;	
	background-color:#EBEBEB;

}

/* Estilo por defecto */
 
input:required:invalid {	
 
}
 
input:required:valid  {

}




#header1 ul {
		list-style: none;
		padding: 0;
		margin: 0;
    }
    
	#header1 li {
		float: left;
		border: 1px solid #bbb;
		border-bottom-width: 0;
		margin: 0;
    }
    
	#header1 a {
		text-decoration: none;
		display: block;
		background: #eee;
		padding: 0.24em 1em;
		width: 10em;
		text-align: center;
    }
	
	#header1 a:hover {
		background: #ddf;
	}
	
	#header1 #selected {
		border-color: black;
	}
	
	#header1 #selected a {
		position: relative;
		top: 1px;
		background: white;
		color: black;
		font-weight: bold;
	}
	
	#content1 {
		border: 1px solid black;
		clear: both;
		padding: 0 1em;
	}
	
	
	
	
	
	
	
	
	

#container {
	width:580px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

#example {
	width:600px;
	height:350px;
	position:relative;
	float:right;
}

/*
	Slideshow style
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	height:270px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	padding:20px;
	width:530px;
	height:230px;
	display:block;
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/noticia/slider_noticia/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Footer


#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}


	Type and anchors
*/

a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}

h1 {
	font-size:2em;
}

p {
	font-size:1.3em;
}

#slides .link {
	display:block;
	margin-top:10px;
	font-weight:800;
}


div#eventos1{
    float:left; 
	width:670px;
	height:70px;	

	background-color:#FFF;
	-webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
     border-top-right-radius: 5px;
     border-bottom-left-radius: 5px;	
}

div#eventosTod{
	width:800px;
	height:70px;	
	margin-top:32px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	background-color:#390;
	-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
     border-top-right-radius: 10px;
     border-bottom-left-radius: 10px;	
}

.titulotodasnoticias{
	text-emphasis:center;
	color:#FFF;
	font-size:36px;
	font-weight:bold;
	text-decoration:inherit;
	padding-top:10px;
	float:right;
	padding-right:108px;
	-ms-transform:scalex(2); /* IE */
	-moz-transform:scalex(2); /* Firefox */
	-webkit-transform:scalex(2); /* Safari and Chrome */
	-o-transform:scalex(2);/* Opera */
	transform:scalex(2);
	text-shadow: 3px 3px 3px #333333;
	
}

div#contenedorSlid{
    float:left; 
	width:670px;
	height:700px;	
	margin-top:5px;
	background-color:#FFFFFF;
	overflow:hidden;
	text-align:center;	
}

div#contenedorSlid:hover{
    float:left; 
	width:670px;
	height:700px;	
	margin-top:5px;
	background-color:#FFFFFF;
	overflow-y:scroll;	
}

div#contenedorSlid1{
    float:left; 
	width:670px;
	height:800px;	
	margin-top:5px;
	background-color:#FFFFFF;
	overflow:hidden;
	text-align:center;	
}

div#contenedorSlid1:hover{
    float:left; 
	width:670px;
	height:800px;	
	margin-top:5px;
	background-color:#FFFFFF;
	overflow-y:scroll;	
}

.noticia{
	margin-top:5px;	
	float:left; 
	width:680px;
	height:800px;
	background-color:#FFFFFF;
}

.bodyNoticia{    
	width:670px;
	height:auto;
    float:left;	
	margin-left:0px;
	margin-bottom:20px;
	text-align:justify;
	/*border:solid ;
	border-color:rgb(148,201,213);*/
	font-family: Arial;
    font-size: 11px;
    color: #009;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;	
	/*box-shadow: 0 0 15px rgba(117,133,142,0.8);*/

}

.bodyNoticia1{    
	width:670px;
	height:auto;
    float:left;	
	margin-left:0px;
	margin-bottom:20px;
	text-align:justify;
	/*border:solid ;
	border-color:rgb(148,201,213);*/
	font-family: Arial;
    font-size: 11px;
    color: #009;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;	
	/*box-shadow: 0 0 15px rgba(117,133,142,0.8);*/

}

.titleNoticia{
	width:660px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;	
	font: 12px "Arial", Gadget, sans-serif;	
}

.imgNoticia{
	width:285px;
	height:160px;
	text-align:left;	
	float:left;
	padding-top:15px;
}

.imgNoticia1{
	width:670px;
    text-align:center;
	float:left;
	padding-bottom:10px;
}

.descNoticia{
	width:320px;
	height:200px auto;
	text-align:left;
	float:right;	
}

.descNoticiaShort{
	width:380px;
	height:160px !important;
	text-align:justify;
	float:right;	
	overflow:hidden;
}

.descNoticia1{
	width:600px;
	height:200px auto;
	text-align:left;
    margin-left:auto;
	margin-right:auto;
	text-align:justify;
		
}

.linkMap{
	width:900px;
	height:100px;
float:left;	
	text-align:center;
}


.Bord{
border:inset;
border-color:#66C;	
}

.color{
	font-family:"Arial",Arial,sans-serif;
	color:#FFF;
}

.colorFooter{
	font-family: "Arial",Arial,sans-serif;
	font-size:15px;
	color:#FFF;
}

.seleccionado{
	color:#FFF;
}

div#contGaleria{
    width: 900px;
	height: 800px;
    margin-left:auto;
	margin-right:auto;	
	background-color:#FFF;	
	overflow-y:hidden ;	
}

div#contGaleria:hover{
    width: 900px;
	height: 800px;
    margin-left:auto;
	margin-right:auto;	
	background-color:#FFF;	
	overflow-y:scroll ;	
}

.section{
 margin-top:50px;
 width: 868px;
 height: 800px;
 margin: 0 auto;
 padding-left: 13px ;
 border-radius: 4px;
 border: solid 1px rgba(250,250,250,0.8);
 text-align:center
 }
 
.article{
 display: inline-block;
 width: 190px;
 position: relative;
 vertical-align: top;
 padding: 0.5em;
 
 }
 
.article figure{
 width: 90%;
 }
 
.article figure{padding: 0; margin: 0;}
 
.article figure img{
 width: 100%;
 height: 160px;
 border: solid 5px rgba(250,250,250,0.8);
 border-radius: 3px;
 box-shadow: 0 0 2px rgba(0,0,0,0.5);
 }
 
.article figure figcaption{
 padding: 0px;
 color: rgba(91,117,28);
 font-size:15px;
 font-weight: bold;
 }
 
 .article figure span{
 padding: 0px;
 color:#666;
 font-size:13px;
 }
 
.thumb {
   width: 100%;
 height: 160px;
 border: solid 5px rgba(250,250,250,0.8);
 border-radius: 3px;
 box-shadow: 0 0 2px rgba(0,0,0,0.5);
  }
 
div#headerGaleria{
	width: 868px;
	height: 800px;
	background: rgb(206,226,160);
    margin-left:auto;
	margin-right:auto;		
}

.descripcionAut{
	width: 700px;
	height: 600px auto;
	margin-left:auto;
	margin-right:auto;
	font-family: "Arial",Arial,sans-serif;
	font-size:12px;
	color:#333;
}

.colorMenuVertical{
	font-family: "Arial",Arial,sans-serif;
	margin-left:20px;
	font-size:15px;
	color:#FFF;

}

.colorMenuVertical:hover{
	font-family: "Arial",Arial,sans-serif;
	font-size:15px;
	color:#0FF;
}

.colorMenuVertical1{
	font-family: "Arial",Arial,sans-serif;
	font-size:15px;
	color:#FFF;

}

.colorMenuVertical1:hover{
	font-family: "Arial",Arial,sans-serif;
	font-size:15px;
	color:#0FF;
}

.menu_head {
padding: 5px 10px;
color:#000000; /* Color de las pestañas principales */
cursor: pointer;
position: relative;
margin:1px;
margin-left:0;
margin-right:0;
background-color: #3333FF; /* Color de fondo */
background-position:center left;
background-repeat:no-repeat;
border-radius: 10px 10px 10px 10px;
}

.menu_headAlcalde {
padding: 5px 10px;
color:#000000; /* Color de las pestañas principales */
cursor: pointer;
position: relative;
margin:1px;
margin-left:0;
margin-right:0;
background-color: #3333FF; /* Color de fondo */
background-image:url(../images/iconos/alcalde.png)  ;
background-position:center left;
background-repeat:no-repeat;
border-radius: 10px 10px 10px 10px;
}

.menu_headAlcalde:hover {
background-image:url(../images/iconos/alcaldeH.png);	
}

.menu_headConcejal {
padding: 5px 10px;
color:#000000; /* Color de las pestañas principales */
cursor: pointer;
position: relative;
margin:1px;
margin-left:0;
margin-right:0;
background-color: #3333FF; /* Color de fondo */
background-image:url(../images/iconos/concejal.png)  ;
background-position:center left;
background-repeat:no-repeat;
border-radius: 10px 10px 10px 10px;
}

.menu_headConcejal:hover {
background-image:url(../images/iconos/concejalH.png);	
}

@charset "utf-8";
		.sobmbraUnload{
			display:none;
			top:0px;
			left:0px;
			width:0px;
			height:0px;
			bottom:0px;
		}
  .sombraLoad{
   display: block;
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 350%;
   background-color: black;
   z-index:1000;
   opacity:0.8;
   filter:alpha(opacity=60);
  }

		.windowUnload{
			display:none;
			top:0px;
			left:0px;
			width:0px;
			height:0px;
		}

  .windowLoad{
			display:block;
   position:absolute;
   background-color:#FFFFFF;

   border:#ffffff 5px solid;
   top:200%;
   left:25%;
   width:750px;
   height:370px;
   z-index:1001;
   
   /*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior:url(border-radius.htc);
	*/
        text-align: center;

  }
		.texto{
			margin:20px 20px 20px 20px;
			text-align:center;
		}