/* CSS Document */
@import	url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro); 

body {
	color: #666666;
	background-color:#FFFFFF;
	margin: 0;
	font: normal 14px/14px  'Source Sans Pro', Arial, Helvetica, sans-serif;
	text-align:justify; /* Para IE */
}

/* div {border: solid 1px red;
} */

#header, #cuerpo {
	width: 956px;
	margin: 0px auto;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	position:relative;
	padding: 0 10px;
}

#header {
	margin-top: 5px;
	height: 240px;
	background: url(../imagen/header3.png) left top no-repeat;
	text-align: center; /* Para IE */
}

#header .fecha{
	margin: -12px 0px 0px 0px;
	font:normal 11px Verdana, Geneva, sans-serif;
	color: #fff;
	text-align: right;
	padding-right: 20px;
}

#header .menu {
	position: relative;
	top: 167px;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: #999999;
	width:auto;
}

/* #header ul {
	display: inline;
	padding: 30px 15px 0px 10px;
	vertical-align: middle;
	float:left;
	text-align: left;
	} */
	
#header img{
	border: solid 2px #FFFFFF;
	padding: 0px;
	margin: 35px 0px 0px 40px;
	left: 100px;
	top: 50px;
}

#header h1{
	font: bold 32px  Verdana, Geneva, sans-serif;
	color:#FFF;
	text-align:left;
	position:absolute;
	top:50px;
	left:180px;
	letter-spacing: -2px;
	text-transform:uppercase;
	-webkit-text-fill-color: white;
  	-webkit-text-stroke-color: black;
 	-webkit-text-stroke-width: 0.75px;  
	}
	

a {
	text-decoration: none;
	color: #666666;
}

a:hover {
	font-weight: normal;
	color: #0000CC;
}

th {
	font-weight:bold;
	border-bottom:solid 1px #999;
}
td {padding: 10px;}

#foto {
	margin: 0px auto ;
	width: 83.3em;
	height: 125px;
	background: #FFFFFF url(../images/fotbanner.jpg);
}

#cuerpo {
	height:auto;
}

#cuerpo .col {
	width: 290px;
	padding: 0px 0px;
	margin: 0px 0px 0px 24px;
	float:left;
/*	border:solid 1px #CCCCCC; */
	}
	
.finfloat {clear:both;}

#cuerpo h1{
font: bold 16px/140% Verdana, Geneva, sans-serif;	
color:#039;
padding-bottom: 20px;

}

#cuerpo .col h1{
	background-color: #3577A1;
	color:#FFFFFF;
	text-align: center;
	padding: 5px 0px;
	margin: 0px 0px 5px 0px;
	letter-spacing: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

#cuerpo h2{
	color: #3577A1;
	padding: 5px 0px;
	margin: 0px 0px 3px 0px;
	border:none;
	border-bottom: solid 1px #000000;
	font-size: 18px;
}

#cuerpo .col h3{
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: right;
	padding-right: 3px;
	padding-bottom: 2px;	
}

#cuerpo .col h4{
	font: bold 15px "Times New Roman", Times, serif;
	color: #666666;
	text-align: left;
	padding: 5px 3px 0px 5px;;
}

#cuerpo p{
	color: #666666;
	text-align: justify;
	padding: 5px 0;
	margin: 0px;
	
}

#cuerpo .col img {
	padding: 5px;
	margin: 2px 0px;
}

#cuerpo .col .fecha {
	padding: 5px 10px 5px 5px;
	font: normal 12px "Times New Roman", Times, serif;
	color: #990000;
	text-align: right;
}

#cuerpo .borde{
	border:solid 1px #CCCCCC;
	margin: 0px 0px 3px 0px;
}
#cuerpo .borde img {
	padding: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#cuerpo .cuartilla{
	padding: 10px 85px 20px 85px;
	font:normal 14px/160% "Source Sans Pro", Verdana, Arial, Helvetica, sans-serif;
}

#cuerpo .cuartilla .textual{
	padding: 10px 100px 20px 100px;
	font-style:italic;	
}

#cuerpo .cuartilla h5{
	font-weight: bold;
	color: #990000;	
}

#cuerpo .cuartilla .fotor{
	float:right;
	padding: 3px;
	margin: 5px 5px 5px 20px;
	border: solid 1px #999;
	
}

#cuerpo .cuartilla .fotol{
	float:left;
	padding: 5px 60px 5px 0px;
}
	
#cuerpo .cuartilla img{padding: 1px;}
	
#cuerpo .cuartilla a:link, #cuerpo .cuartilla a:visited {
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#990000
}

#cuerpo .cuartilla a:hover{color: #0000CC;}

#menu_inf{
	width: 978px;
	margin: 0px auto 0px auto;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	background-color: #1C3E55; 
	color:#FFFFFF; 
	clear:both;
	text-align: center;
	padding: 2px 0px;
	letter-spacing: 1px;
	font: 10px normal 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-variant: normal;
}

#menu_inf a:link, #menu_inf a:visited{
	color: #FFFFFF;
}

#menu_inf a:hover{
	color:#999999;
}

#footer {
	margin: 10px auto 20px auto;
	width: 976px;
	clear:both;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 2px;
}

.vinotinto {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.fotomini {
	padding: 5px;
	margin: 5px;
	border: solid 1px grey;
}

.cuadromini {
	margin: 0px auto;
	text-align: center;
	width: 800px;
}

.social {
	padding: 3px;
	border: 1px solid #666666;
	width: auto;
}

div.figure {
	float: left;
	width: 48%;
	border: thin silver solid;
	margin: 0.1em;
	padding: 0.4em;
}

div.figure p {
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}

img.scaled {width: 100%;}

#header .flash {
	padding: 100px 0px 0px 0px;
	width: 500px;
	text-align: center;
	margin: 0px 0px 0px 260px;
}

#header object {border: solid 2px white;}

.Preguntaforo {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-align: center;
	padding: 10px;
	border: 1px solid #990000;
	border-bottom-width: 2px;
	border-right-width: 2px;
	width: 90%;
	margin: 0 auto 0 auto;
	background-color: #FFC;
}

fieldset {
	width: 90%;
	border: 1px solid #990000;
	border-bottom-width: 2px;
	border-right-width: 2px;
	margin: 0 auto 0 auto;
	padding: 0px 10px 0 10px;
}

fieldset p {
	font-style: italic;
}

legend {
	font-weight: bold;
	color: #990000;
}

.rojo {
	font-weight: bold;
	color: #FF0000;
}

.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
		padding:3px;
		border:solid 1px #CCC;
    }
	
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: left;
    	margin-right: 8px;
    }
	
.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;
    }