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

html{
	margin:0px;
	padding:0px;
}

body{
	width: 100%; 
	height:100%;
	margin:0px;
	padding:0px;
	background-color:white;


}



#todo{
	width:975px;
	height:580px;
	margin:0 auto;
	padding:0px;
	
}



h1, h2, h3, h4, h5, h6{
	margin:0px;
	padding:0px;
}



h1{
	font-size:15px;
	font-style:normal;
	font-weight:bold;
	color:#FF6600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	margin-top:10px;
	}

h2{
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:100;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	margin-top:5px;	
	}
	
h3{
	font-size:15px;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	color:#0066FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	margin-top:10px;
	}	

h4{
	font-size:15px;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	color:#FF4077;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	margin-top:10px;
	}

h5{
	font-size:15px;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	color:#00CC00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	margin-top:10px;
	}

h6{
	font-size:15px;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	color:#FF6600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	margin-top:10px;
	}

h7{
	font-size:15px;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	color:#330066;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	margin-top:10px;
	}

h8{
	font-size:15px;
	font-style:normal;
	font-variant:small-caps;
	font-weight:bold;
	color:#FFFF00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	margin-top:10px;
	}

p{
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:100;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	padding-right:6px;
	line-height:14px;
	text-align:justify;		
	}	

p1{
	font-size:11px;
	font-weight:bold;
	color:#0066FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:3px;
	font-stretch:condensed;
	margin-top:10px;
	float:left;
	
	
	}

p2{
	font-size:10px;
	font-weight:100;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:3px;
	float:left;		
	}
	




/**encabezado**/

#head{
	
	width:975px;
	height:80px;
	margin:auto;
	padding:0px;
	
	
}

#banner1{
	width:698px;
	height:80px;
	margin:auto;
	padding:auto;
	float:left;
	background-color:#fff;
	
}

#banner2{
	width:273px;
	height:80px;
	margin:auto;
	padding:auto;
	float:left;
	background-color:#fff;
	
}

/**desarrolo**/


#central{
	width:975px;
	height:425px;
	margin:5px auto;
	padding:auto;
	
}

#flash{
	width:270px;
	height:425px;
	margin:auto;
	padding:auto;
	float:left;
}

#desarrollo{
	width:700px;
	height:423px;
	margin:0;
	padding:0;
	float:right;
	background-color:WHITE;
	border:1px solid silver;
		
}

#sub-desarrollo{
	width:550px;
	height:423px;
	margin:0;
	padding:0;
	margin-left:20px;
	float:left;
	background-color:white;
	
	
}


#menu_index{
	width:630px;
	height:160px;
	margin:255px auto 0 auto;
	padding:auto;
	text-align:center;
	background-color:black;
}

#menu{
	width:305px;
	height:57px;
	margin:5px auto;
	padding:auto;
	text-align:center;
	
}

#texto{
	width:470px;
	height:250px;
	margin:10px auto;
	background-color:white;
	overflow: auto;
}

#texto2{
	width:535px;
	height:350px;
	margin:3px auto;
	background-color:white;
	overflow: auto;
	
}

#galeria{
	width:470px;
	height:81px;
	margin:10px auto;
	padding:auto;
	text-align:center;
	background-color:white;
	boder:1px solid silver;
	overflow: auto;
}

#servicio{
	width:357px;
	height:51px;
	margin:10px auto;
	padding:auto;
	text-align:left;
	background-color:white;
	boder:1px solid silver;
}

#mapa1{
	width:210px;
	height:200px;
	float:left;
	border:1px solid silver;
	margin-left:10px;
	margin-top:20px;
	padding:3px;
	border: solid 1px #ccc;
	background-color:#EFEFEF;

}



#mapa2{
	width:210px;
	height:200px;
	float:right;
	margin-right:10px;
	margin-top:20px;
	padding:3px;
	border: solid 1px #ccc;
	background-color:#EFEFEF;

}



/**** disposicion de los botones ******/	

.ddcolortabs{
padding: 0;
width: auto;
margin-top:5px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs img{
padding:3px 3px 3px 3px;
border: solid 1px #ccc;
margin:5px 5px 5px 5px;
background-color:#f5f5f5;
text-align:center;


}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 0 0 0;
padding:0;

}


.ddcolortabs a{
float:left;
color: white;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
padding: 0 0 0 0 ;
}

.ddcolortabs a span{
float:none;
}






/**** botones de menu index******/	
	

a.miboton{
	display:block;
	width: 90px;
	height: 160px;
	background:url(../images/info_.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	
	}

a.miboton:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
	}



	


a.miboton2{
	display:block;
	width: 90px;
	height: 160px;
	background:url(../images/servicio.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	
	}
	

a.miboton2:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
	}



a.miboton3{
	display:block;
	width: 90px;
	height: 160px;
	background:url(../images/programa.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboton3:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
	}



a.miboton4{
	display:block;
	width: 90px;
	height: 160px;
	background:url(../images/ubicacion.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboton4:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
}



a.miboton5{
	display:block;
	width: 90px;
	height: 160px;
	background:url(../images/invitacion_.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboton5:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
}



a.miboton6{
	display:block;
	width: 90px;
	height: 160px;
	background:url(../images/sorteo.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboton6:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
}



a.miboton7{
	display:block;
	width: 90px;
	height: 160px;
	background:url(../images/consulta.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboton7:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
}







/**** botones de menu ******/	
	

a.miboto_{
	display:block;
	width: 38px;
	height: 57px;
	background:url(../images/home2.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboto_:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
}


a.miboto{
	display:block;
	width: 38px;
	height: 57px;
	background:url(../images/info_2.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboto:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);;
	}	


a.miboto2{
	display:block;
	width: 38px;
	height: 57px;
	background:url(../images/servicios2.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboto2:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
	}



a.miboto3{
	display:block;
	width: 38px;
	height: 57px;
	background:url(../images/programa2.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboto3:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
	}



a.miboto4{
	display:block;
	width: 38px;
	height: 57px;
	background:url(../images/ubicacion2.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboto4:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
	}



a.miboto5{
	display:block;
	width: 38px;
	height: 57px;
	background:url(../images/invitacion2.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboto5:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
	}



a.miboto6{
	display:block;
	width: 38px;
	height: 57px;
	background:url(../images/sorteo2_.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboto6:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
}



a.miboto7{
	display:block;
	width: 38px;
	height: 57px;
	background:url(../images/consulta2.png) top left;
	opacity: 100;
	filter: alpha(opacity=100);
	}

a.miboto7:hover{
	opacity: 0.70;
	filter: alpha(opacity=80);
	}




/**** galeria de foto ******/	
	

a.foto{
	display:block;
	width: 51px;
	height: 51px;
	background:url(../images/foto.png) top left;
	
	}
a.fotoac{
	width:70px;
	height:61px;
	float:left;
	margin:9px 9px 9px 9px;
		
	
}



/*Boton busqueda*/
.buttonSubmit {
	width:70px;
	height:24px;
	background-image:url(../imag/enviar.png);
	opacity: 100;
	filter: alpha(opacity=100);
	
}
.buttonSubmit:hover {
	opacity: 0.70;
	filter: alpha(opacity=80);
	
}

.buttonSubmit2 {
	width:70px;
	height:24px;
	background-image:url(../imag/borrar.png);
	opacity: 100;
	filter: alpha(opacity=100);
	
}
.buttonSubmit2:hover {
	opacity: 0.70;
	filter: alpha(opacity=80);
	
}

/***div´s de servicios***/

#foto{
	width:235px;
	height:70px;
	float:left;
	margin:6px 6px 6px 6px;
	
	}

#texto-azul{
	width:158px;
	height:30px;
	float:right;
	margin-top:5px;
	
	
	}

#texto-gris{
	width:158px;
	height:30px;
	float:right;
	
	}

#foto p{
	font-size:11px;
	font-weight:bold;
	color:#0066FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:3px;
	font-stretch:condensed;
	margin-top:1px;
	float:left;
	
	
	}

#foto span{
	font-size:10px;
	font-weight:100;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:3px;
	float:left;
			
}

#foto img{
	padding:3px;
	border: solid 1px #ccc;
	margin:3px 3px 3px 3px;
	text-align:center;

}
	



/**pie**/

#pie{
	width:975px;
	height:20px;
	}

	
#pie p{

	font-size:0.7em;
	color:gray;
	text-indent: 2px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}


#pie p:hover{
	color: red;
	text-decoration:none;
}

#pie a{
	color: #red;
	text-decoration:none;
}

#pie a:visited{
	color: #red;
	text-decoration:none;
}

#pie a:actived{
	color: #red;
	text-decoration:none;
}
#pie span{
	color: red;
	font-weight:bold;
}

/*** logo e info al pie de los mapas de ubicacion**/

#logo{
	width:90px;
	height:415px;
	float:left;
	margin-top:7px;
	margin-left:7px;
	background-color:white;
	
}

#info{
	width:500px;
	height:50px;
	margin:10px auto;
	padding:0;
	float:left;
	margin-left:10px;
	text-align:center;
}	

#info p{

	text-align:center;
}