@charset "utf-8";
/* CSS Document */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #000;
	margin:0px;
	margin-top:0px;
	background-color:#0774bf;
}
.page{
	width:1000px;
	margin:auto; 
	background:url(../imagenes/fondogris.gif) repeat-y;
}
#cabecera{
	width:1000px;
	text-align:center;
	padding-top:0px;
	margin-bottom:10px;
}
#enlaces{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000;
	font-weight:bold;
	margin-bottom:10px;
	float:left;
}
#enlaces a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000;
	font-weight:bold;
}
#enlaces a:hover{
	color:#0774bf;
	font-weight:bold;
	text-decoration:underline;
}
#contenido{
	width:1000px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin:auto;
	margin-top:40px;
}
#contenido p{
	/*text-indent:2em;*/
	text-align:justify;
	line-height:1.5;
}
#cont_foto_derecha{
	float: right;
   	padding: 5px;
  	margin: 0 auto;
	margin-left:15px;
}
/* Ahora la sombra */
#sombra_derecha{
   margin:10px;
   background:#CCCCCC; /* Color de la sombra */
   border: solid 1px #CCCCCC; /* Color del borde */
}
/* sombra de la foto */
#foto_derecha{
   border:solid 1px #CCCCCC;
   margin:-10px 2px 2px -10px; /* Aqui están los famosos márgenes negativos*/
   padding:2px;
   background:#FFFFFF; /* Le damos un color de fondo */	
}
#cont_galeria{
	float:left;
   	/*padding: 5px;*/
  	margin: 0 auto;
	margin-left:10px;
	width:190px;
	margin-bottom:30px;
}
/* Ahora la sombra */
#sombra_cuadro{
	width:190px;
   	margin:10px;
	background-color:#0774bf;/* Color de la sombra */
   	border: solid 1px #0774bf; /* Color del borde */
}
/* sombra de la foto */
#sombra_galeria{
   border:solid 1px #0774bf;
   margin:-10px 2px 2px -10px; /* Aqui están los famosos márgenes negativos*/
   padding:3px;
   background:#FFFFFF; /* Le damos un color de fondo */	
}
#sombra_derecha_azul{
   margin:10px;
   background:#0775bf; /* Color de la sombra */
   border: solid 1px #0775bf; /* Color del borde */
}
#foto_derecha_azul{
   border:solid 1px #0775bf;
   margin:-12px 2px 2px -10px; /* Aqui están los famosos márgenes negativos*/
   padding:2px;
   background:#FFFFFF; /* Le damos un color de fondo */	
}
#cont_foto_izq{
	float: left;
   	padding: 5px;
  	margin: 0 auto;
	margin-right:15px;
}
#pie{
	background: url(../imagenes/pie.png) no-repeat bottom;
	width:1000px;
	height:120px;
	clear:both;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	font-weight: bold;
}
#pie_texto{
	padding-top:85px;
}
#colA{
	float:left;
	width:220px;
	margin-left:10px;
}
.flash{
	float:left;
	width:210px;
	margin-left:10px;
}
#cabeceraColA{
	height:30px;
	background-color:#ffffff;
	background:url(../imagenes/cabecera_mensajes.gif) no-repeat;
}
#fondoColA{
	background-color:#ebe8e8;
}
#pieColA{
	height:30px;
	background-color:#ffffff;
	background-image: url(../imagenes/pie_mensajes.gif);
	background-repeat:no-repeat;
}
#colB{
	float:left;
	width:580px;
	margin-left:10px;
	margin-right:10px;
}
.demo{
	float:left;
	width:550px;
	margin:10px 0 20px 20px;
}
.demo ul{
	float:left;
	width:550px;
	margin:5px 0 0 4px;
	display:block;
	padding-left:20px;
}
.demo li{
	float:left;
	padding:0;
	margin:0;
	color:white;

}
.demo {
	float:left;
	color:white;

}
.demo a{
	float:left;
	margin:10px 10px 0 0;
	padding:0;
	background:url(bg_thumbs.png);
	width:118px;
	height:118px;
}
.demo  a:hover{
	float:left;
	background: url(bg_thumbs_h.png);
	padding:0;
}
.demo p{
	float:left;
	padding:5px;
}
.demo  a img{
	float:left;
	margin:9px 0 0 9px;
}
#colC{
	float:right;
	width:150px;
	margin-right:10px;
}
.respuesta{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px bold;
	color:#ffffff;
	text-align:left;
	padding-left:5px;
	background-color:#00CCCC;
}	
#tituloPagina{
	text-align:left;
	clear:both;
	color:#0000CC;
	font-weight:bolder;
	font-family:"Comic Sans MS", "Courier New", Courier;
}
.tituloPagina{
	text-align:left;
	color:#0000CC;
	font-weight:bolder;
	font-family:"Comic Sans MS", "Courier New", Courier;
}
.articulo{
	font-family:Arial, Helvetica, sans-serif;
	background-color:white;
	font-size:12px;
}
.articulo ul{
	text-align: right;
}
h3{
	font-family:"Times New Roman", Times, serif;
	color:#0774bf;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
}
.fecha{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font:bold;
	text-align:right;
}
.fecha h3{
	text-align: right;
	background:url(../imagenes/fondo_fechas.gif) right no-repeat;
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
	padding-top:12px;
	padding-right:20px;
	height:42px;	
}
#texto_articulo{
	padding-left:5px;
}
/* imagenes de noticias*/
#cont{
	float:left;
   	padding: 5px;
  	margin: 0 auto;
   	width:250px;
	margin-right:15px;
}
/* Ahora la sombra */
#sombra{
   margin:10px;
   background:#CCCCCC; /* Color de la sombra */
   border: solid 1px #CCCCCC; /* Color del borde */
   width:250px;
}
/* sombra de la foto */
#foto{
   border:solid 1px #CCCCCC;
   margin:-10px 2px 2px -10px; /* Aqui están los famosos márgenes negativos*/
   padding:2px;
   background:#FFFFFF; /* Le damos un color de fondo */
}
.respuesta{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px bold;
	color:#ffffff;
	text-align:left;
	padding-left:5px;
	background-color:#00CCCC;
}
.tablaForo{
	border:1px solid #999999;
	background-color:#ebe8e8;
	width:200px;
}
th{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#ffffff;
	text-align:left;
	padding-left:5px;
	background-color:#0774bf;
	border-bottom:2px solid #000066;
}	
a{
	color:black;
	text-decoration:none;
}
a:hover{
	color:black;
	text-decoration:underline;
}
a:visited{
	color:black;
	text-decoration:none;
}
/* Estilo para los enlaces de las noticias */
.enlaces_noticias{
	color:#0774bf;
	font-size:14px;
	width:350px;
}
.enlaces_noticias a{
	text-decoration:none;
	color:#0774bf;
	font-size:14px;
	width:350px;
}
.enlaces_noticias a:hover{
	border-bottom:1px solid #0774bf;
}