@charset "utf-8";





/*----------------------------------------*
**  Global
**----------------------------------------*/

body {
  font: 80% Arial,sans-serif;
  color: #888;
}

h1{
	text-align:left;
/*	color: #E7F1F8
*/	color: #888888;
	font-size: large;
	font-weight: bold;
	margin-bottom:30px;
}

img{
	margin:5px;
	border:0;
} 
  
/*----------------------------------------*
**  Links
**----------------------------------------*/

a:link	{ color: #49f;  text-decoration: none;}
a:link img { border:0;}
a:visited { color: #9DBDEB;  text-decoration: none; }
a:hover   { color: #0066FF;  text-decoration: none; }


/*----------------------------------------*
**  Pie
**----------------------------------------*/
#pie {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #DDF2F7;
	border-right-color: #DDF2F7;
	border-bottom-color: #DDF2F7;
	border-left-color: #DDF2F7;
	border-top-style: solid;
	text-align: center;
}

/*----------------------------------------*
**  Cabecera
**----------------------------------------*/
#cabecera {

}

#cabecera #logoCabecera {
	text-align:right;
	margin-left:10px;
	margin-top:10px;
}

div#menu{
	float:left;
	width: 100%;

padding-top:35px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #0066FF;
}
ul#nav,ul#nav li{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#nav{
margin-left: 50px;
/*width:650px*/
}
ul#nav li{
float:left;
margin-right: 3px;
text-align: center
}
ul#nav a{
	float:left;
	width: 9em;
	padding: 5px 0;
	background: #E7F1F8;
	text-decoration:none;
	color: #666
}
ul#nav a:hover{
	background: #FFA826;
	color: #FFF
}

ul#nav li.activelink a,ul#nav li.activelink a:hover{
	background: #DFDFDF;
	color: #003;
}

/*----------------------------------------*
**  Centro
**----------------------------------------*/
#centro {
	text-align:center;
	margin-bottom:100px;
	margin-left:10%;
	margin-right:10%;
	margin-top:50px;

}


/*  Webcam
**-----------*/
#webcam #imagenesDiaWebcam h2 {
	text-align: center;
}


#menuWebcam{
padding-top:45px;

	width: 100%;
	text-align: right;
	margin-right: 20%;
}
#menuWebcam li{
	list-style-type:none;
	text-align: center;
	display: inline;
	padding: 0px; /*Separar el texto*/
	margin:5px; /* Separar los botones */
	text-align: center;
}

#menuWebcam a{

	width:12em;
	padding: 5px ;
	background: #E7F1F8;
	text-decoration:none;
	color: #666
}
#menuWebcam a:hover{
	background: #FFA826;
	color: #FFF
}

#menuWebcam li.activelink a,#menuWebcam li.activelink a:hover{
	background: #DFDFDF;
	color: #003;
}



/*  Imagenes del dia
**-----------*/
#imagenesDia img{
	margin:5px	
}

#centro #webcam #patrocinador {
	margin: 20px;
}



/*  Notas
**-----------*/
#centro #nota {
	margin-bottom: 75px;
}

#centro #nota #fecha {
	text-align:left;
	color: #DFDFFF;
	font-size: large;
	font-weight: bold;

	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #DFDFFF;

}

/*Quienes Somos
**-----------------*/
#quienes{
	text-align:left;
	margin-top:100px;
}

/*Contacto
**-----------------*/
form { text-align:left;}
label {display:block;font-weight:bold;} 
legend {font-size:120%;}  
input, textarea {
	border:1px solid #5483DA;
} 
input:focus, textarea:focus {background:#E7F1F8}