/*==============================================================================

PROYECTO  : Walter Benjamin Web Especial
NOMBRE    : css/style.css

SUMARIO

Hoja de estilos

==============================================================================*/

/* Elementos generales
------------------------------------------------------------------------------*/
body { color: #ccc; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #000000; margin: 0; padding: 0; }
p {}
td {  }
a:link { color: #fff ; text-decoration: none; }
a:visited { color: #fff ; text-decoration: none; }
a:hover { color: #fff ; text-decoration: underline; }
a:active { color: #fff }
h1 { }
h2 { }
h3 { }


/* Layout 1col fixed
------------------------------------------------------------------------------*/
#container { background-color: #333; width: 730px; margin-right: auto; margin-left: auto; }

#header { height: 330px; }

.header-inner { padding: 50px 10px 10px; }

#contentWrapper{
float: left;
width: 100%;
}

#contentCol{ margin-right: 179px; /*Set right margin to RightColumnWidth*/
}

.contentCol-inner { padding: 0 0 10px 10px; }

#col{ color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float: left; width: 179px; /*Width of right column*/
margin-left: -179px; }

.col-inner { background-color: #9d2025; margin-right: 10px; margin-bottom: 10px; padding: 10px; }

#footer { background-color: #369; }
.footer-inner { padding: 10px; }


/* Elementos header
------------------------------------------------------------------------------*/
.logo { margin: 0 0 20px; }
.texto_header { width: 470px; }
.seccion { width: 170px; float: left; margin: 0 10px 0 0; }
.seccion img {  }
.tit_seccion { font-size: 20px; font-weight: 700; height: 55px; margin-bottom: 5px; padding: 10px 0 0; border-bottom: 1px solid #fcd23f; }
.tit_seccion a { color: #fcd23f; }
.texto_seccion { font-size: 11px; }
#col li { font-size: 11px; font-weight: 700; margin-bottom: 1em; }
#col a { color: #fff; }
.organizadores { margin-top: 3em; padding-top: 1em; border-top: 1px solid #ccc; }
.tit_col { font-size: 14px; font-weight: 700; margin-bottom: 1em; }
/* Menú navegación
------------------------------------------------------------------------------*/
#nav { float: right; }
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a { color: #fff; font-weight: 700; line-height: 35px; }

#nav li { /* all list items */
	float: left; text-align: center; display: block; width: 125px; height: 35px; margin: 0 2px 0 0; }

#nav li ul { /* second-level lists */
	position: absolute; background: #fff; width: 125px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul a { color: #369; font-size: 90%; font-weight: 400; }
#nav li ul li { background-image: none; border-bottom: 1px solid #ccc; }
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* AUX
------------------------------------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
img {
	border-width: 0; 
}
ul { margin: 0; padding: 0; list-style-type: none; }