body{margin:0px 0px 0px 0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
a{ text-decoration:none; color:#000000;}
a:hover{ text-decoration:underline; color:#000000;}

#centrado{display:block; width:776px; margin:0px auto 0px auto;}
#contenido{display:block; border:1px solid black; float:left;}
#contenido label{display:block;background-color:#A2FE9C;height:17px;text-align:center;color:#000000;font-weight:bold;padding-top:3px;}
#encabezado{ display:block; float:left;}
#encabezado label{display:block; background-color:#313946; height:17px; padding-left:10px; color:#FFFFFF; font-weight:bold; padding-top:3px; text-align:left; float:left; width:756px;}
#mapaanimado{ display:block; width:50px; height:87px; float:left;}
#rotativa2{ display:block; width:307px; height:87px; float:left;}
#izquierdo{display:block; width:168px; float:left; border:1px solid black; margin:1px;}
#izquierdo a{display:block; color:#000000; text-decoration:none; margin-left:5px; margin-right:5px;}
#izquierdo a:hover{ background-color:#CCCCCC;}
#centro{ display:block; width:420px; float:left; border:1px solid black; margin:1px;}
#derecho{display:block; width:165px; float:left; border:1px solid black; margin:1px;}
#derecho div{display:block; text-align:center;}

.f1{ display:block; width:100%; float:left; margin-bottom:5px; font-size:14px; border-bottom:1px solid black;} 
.f1 span{ display:block; width:220px; float:left;}
.f1 p{ display:block; width:410px; float:right; padding:0px; margin:0px; }

.f2{ display:block; width:205px; float:left;} 
.f2 p{ display:block; width:200px; float:right; padding:0px; margin:0px;}

.f3{ display:block; width:215px; float:left; margin-bottom:5px;} 
.f3 p{ display:block; width:210px; float:right; padding:0px; margin:0px;}

.f4{ display:block; width:190px; float:right; margin-bottom:5px; border:1px solid black; margin-right:3px; text-align:center;} 

#secciones{ display:block; width:100%; float:left;}
#notita{ display:block; width:98%; float:left; padding:5px;}
#masvistas{ margin-top:5px;}
#masvistas a{ display:block; text-align:left; margin-bottom:5px; margin-left:5px;}
.vermensajes{border:1px solid #000033;margin: 0px 5px 5px 5px;width:390px;float:left;}
.vermensajes label{display:block;font-size:14px;font-weight:bold;}
.vermensajes em{display:block;border-bottom:1px solid #000033;}
.vermensajes p{	margin-top:0px;text-align:justify;padding: 5px;}
#pie, #publicidad{ display:block; width:766px; text-align:center; float:left}
#vergrande{position:relative; z-index:100000; display:none; width:470px; height:300px;border:2px ridge black; background-color:#FFFFFF; text-align:center;}
.calmes{ display:block; text-align:center; width:155px; margin:5px auto 5px auto;}
.calmes span{ display:block; width:155px; background-color:#000000; color:#FFFFFF; font-weight:bold;}
.calmes table{width:155px;}

/* aqui esta los CSS para poner las paginas tipo google */
#paginacion{display:block;float:left;width:370px;text-align:center;	padding-left:100px;}
#paginacion span{display:block;	width:22px;	float:left;	text-align:center;	padding:0px;}
#paginacion a{	text-decoration:underline;	display:inline;	padding:0px;}
#paginacion a:hover{text-decoration:none;}
#paginacion img{	border:0px;}

/*********************************************************************/