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


body {
	background: #fff;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	font-family:Geneva, Arial, Helvetica, sans-serif;/*Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color:#000;
}
img{
	border:0px;
}
a {color: #685c53; text-decoration:none;}
a:visited {color: #685c53;}
a:hover {color: #685c53; text-decoration:underline;}
a:active {color: #685c53;}

a img {
	border:none;
	cursor:pointer;
}

h3 {
	margin:0;
	font-size:12px;
	font-weight:normal;
}
h4 {
	margin:0 0 20px 0;
	font-size:16px;
	font-weight:bold;
}

h5 {
	margin:0px;
	font-size:14px;
	font-weight:bold;
}

hr {
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#C9C2BF;
	height:1px;
}

input, textarea {
	border:1px solid #CCCCCC;
}

/*-------------estructura-----------------*/


#Content{
	width:900px;
	margin:0 auto; 
}

#Cabecera{
	width:900px;
	height:30px;
	margin:0;
	padding:0;
}

#Cabecera a {
	font-size:11px;
	text-decoration:underline;
}
#Cabecera ul {
	display:block;
	list-style:none;
	margin:0;
	padding-top:15px;
}
#Cabecera li {
	float:right;
	display:block;
	margin:0px;
	padding:0 4px 0 4px;
	line-height:10px;
}
#Cabecera li.separador {	
	border-right:2px dotted #666;
}

#Contenido{
	width:878px;
	padding:10px;
	margin:0px;
	text-align:left;
	border:1px solid #c9c2bf;
}

#ColumnaIzq{
	float:left;
	width:200px;
	overflow:hidden;
}
#ColumnaIzq #Logo {
	display:block;
	margin-bottom:10px;
}
#ColumnaIzq #MenuSeccion {
	width:190px;
	margin: 10px 0;
	padding:5px;
}
#ColumnaIzq #MenuSeccion h3 {
	display:block;
	width:190px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #685C53;
	font-size:24px;
	color:#FFF;	
}
#ColumnaIzq #MenuSeccion a {
	display:block;
	margin:5px 0 5px 0;
}

#Suscripcion{
	width:178px;
	margin:10px 0 0 0;
	padding:10px;
	border:1px solid #c9c2bf;
	background-image:url(../img/fondos/bg-suscripcion.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#Suscripcion h3{
	font-size:14px;
	color:#685c53;
	font-weight:bold;
	margin: 0 0 5px 0;
}




#Central{
	float:right;
	width:666px;
	margin-left:10px;
}
#MenuGuiado {
	padding:5px;
	font-weight:bold;
	color:#C9C2BF;
}
#MenuGuiado a {
	padding:5px;
	color:#FFF;
}
#Cita {
	float:left;
	width:600px;
	margin:20px 0 10px 0;
}

.citaComillas1, .citaComillas2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#685c53;
	overflow:hidden;
}
#Cita .citaComillas1 {
	margin-top:0px;
	float:left;
	height:50px;
	width:45px;
	font-size:100px;
}
#Cita .citaComillas2 {
	margin-top:30px;
	float:right;
	height:50px;
	width:45px;
	font-size:100px;
}
#Cita .citaTexto {
	font-size:14px;
	text-align:center;
	margin-top:20px; 
}
#CitaLateral {
	float:left;
	width:200px;
	margin:10px 0 10px 0;
	border-top:1px solid #C9C2BF;
	font-size:10px;
}
#CitaLateral .citaComillas1 {
	float:left;
	height:30px;
	width:24px;
	font-size:50px;
}
#CitaLateral .citaComillas2 {
	margin-top:90px;
	float:right;
	height:30px;
	width:24px;
	font-size:50px;
}
#CitaLateral .citaTexto {
	font-size:10px;
	text-align:center;
	margin:10px 20px 0 20px;
	width:152px;
}

#Destacados {
	float:left;
	width:657px;	
	border-top:1px solid #685c53;
	padding:8px 0 0 9px;
	_padding:8px 0 0 0px;
}
#Destacados h3 {
	 display:block;
	 height:17px;
	 width:200px;
	 padding:3px 0 0 10px;
	 color:#FFF;
	 font-weight:bold;
 }
.destacado {
	float:left;
	width:210px;
	height:210px;
	margin-right:9px;
	_margin-right:9px;
	background-color:#c9c2bf;
}
#SepInterior{
	padding:5px;
}

#Error404 {
	background-image:url(../img/copa.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:20px;
	height:400px;
}
/****************************************************************/
#Articulo, #ArticuloSeccion, #Audiovisuales {
	margin:10px 0 0 0;
	float:left;
}
#Audiovisuales {
	width:100%;
}

#Audiovisuales div.player {
	margin:10px auto 0 auto;;
}
#Audiovisuales div.player, #Audiovisuales div.player embed {
	display: block;
	width: 522px;
	height: 378px;
}
#Articulo a.vermas, #ArticuloSeccion a.vermas {
	font-size:10px;
	color:#000;
}
#Articulo h3, #ArticuloSeccion h3, #Audiovisuales h3 {
	font-size:20px;	
}
#Articulo h4, #ArticuloSeccion h4, #Audiovisuales h4 {
	font-size:14px;
	margin:10px 0 5px 0;
	font-weight:bold;
}
#Articulo p, #Audiovisuales p {
	margin:5px 0 5px 0;
}
#Audiovisuales #Thumbs {
	width:100%;
	margin-top:10px;	
}
/*****************************************************************/
#Paginado {
	float:left;
	width:666px;
	/*height:0;*/
	margin-top:10px;
	border-top:1px solid #c9c2bf;
}
#Paginado #Paginas { 
	float:right;
	padding:5px 5px 5px 0;
	background-color:#FFF;
}
#Paginado #Paginas a.pagina { 
	float:left;
	display:block;
	text-align:center;	
	margin-left:5px;
	padding:0 4px 0 4px;
	height:15px;
	border:1px solid #c9c2bf;
}
#Paginado #Paginas a.pagina:hover { 
	text-decoration:none;
	background-color:#CCCBCB;
}
#Paginado #Paginas span.nopagina { 
	float:left;
	display:block;
	text-align:center;
	margin-left:5px;
	padding:0 4px 0 4px;
	height:15px;
	border:1px solid #c9c2bf;
	background-color:#CCCBCB;
}

#FormSuscripcion{
	width:400px;
	margin:20px 0 10px 50px;
	padding:10px;
}

/*****************************************************************/
#Pie{
	width:900px;
	height:20px;
	background-color:#c9c2bf;
	text-align:center;
	font-size:11px;
	color:#685c53;
	padding:5px 0 0 0;
}


/*---------------------------------------- clases ------------------------*/
.oculto {
	display:none;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a.boton{
	display:block;
	border:1px solid #FFF;
	background-color:#000;
	color:#FFF;
	padding:3px 5px 3px 5px;
	font-size:10px;	
}
a.boton:hover {
	background-color:#685c53;
	text-decoration:none;
}
a.boton.selected {
	/*background-color:#685c53;*/
	text-decoration:none;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.open {
	display:block;
	width:8px;
	height:8px;
	border:1px solid #C9C2BF;
	color:#FFF;
	padding:3px;
	font-size:10px;
	text-align:center;
	line-height:9px;
}
.open2 {
	display:block;
	width:5px;
	height:5px;
	border-top:1px solid #FFF;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #FFF;
	color:#FFF;
	padding:3px 3px 3px 2px;
	margin-right:5px;
	font-size:10px;
	text-align:center;
	line-height:5px;
}
.bqstart {
     float: left;
     font-size: 700%;
     color: #FF0000;
}
.bqend {
     float: right;
     font-size: 700%;
     color: #FF0000;
}
/*******************************************************************/
.txtBlancoBold {
	color:#FFF;
	font-weight:bold;
}

.titulo {
	color:#4f4640;
	font-weight:bold;
}
.txtDestacado {
	color:#F00;
}
.peq {
	font-size:10px;
}

.med {
	font-size:11px;
	margin:0;
}
.med p {
	margin:2px 0 0 0;
	padding:0;
}

.infoDestacado:hover{
	color:#FF0000;
	text-decoration:underline;
	}
	
.infoDestacado{
	color:#FF0000;
}

.infoDestacado:visited{
	color:#FF0000;
}

.cajagris{
    background-color: #C9C2BF;
    color: #685C53;
    float: left;
    font-size: 12px;
    padding: 20px 40px;
	font-weight:bold;
	font-size:13px;
	width:558px;
	margin-top:10px;
}

.fondoClaro{background-color:#c9c2bf;}
.fondoMedio{background-color:#685c53;}
.fondoOscuro{background-color:#666;}

.bordeClaro{border:1px solid #c9c2bf;}