/*
Theme Name: El Ojo Blog
Theme URI: http://wordpress.org/
Description: Template realizado para El Ojo de Iberoamerica por Virtuacom
Version: 2009
Author: Virtuacom
Author URI: http://www.virtuacom.net/
Tags: ojo, iberoamerica, 2009

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* reset de margenes y padding */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, input, textarea, form, fieldset, legend, hr  {margin:0;padding:0;}

/* reset de bordes */
img, input, textarea, fieldset, hr {border:none;}

/* reset de background */
input, hr {background:transparent;}

/* reset de text decoration */
a {text-decoration:none;}

/* reset de color */
a, hr {color:inherit;}

/* set de font */
body, h1, h2, h3, h4, h5, h6, p, li, blockquote, input, textarea, fieldset, legend, a {font-family:"Trebuchet MS",arial,sans-serif;font-size:11px;line-height:1.4em;}

/* set de body */
body {display:block;position:relative;top:0;left:0;padding-top:5px;}

/* set de colores */
.c1 {color:#ffffff !important;} /* Blanco */
.c2 {color:#EFECE9 !important;} /* Gris Claro */
.c3 {color:#CDCDC6 !important;} /* Gris Medio */
.c4 {color:#3E3C38 !important;} /* Gris Oscuro */
.c5 {color:#633263 !important;} /* Celeste #689DB7*/
.c6 {color:#8b527f !important;} /* Azul #005774*/
.c7 {color:#633263 !important;} /* Celeste #689DB7*/

/* set de fondos */
.b1 {background-color:#F4F4F3;} /* Gris Claro */
.b2 {background-color:#E6E0D2;} /* Gris Medio #DCDBD7*/
.b3 {background-color:#231f20;} /* Gris Oscuro #3E3C38*/
.b4 {background-color:#8b527f;} /* Celeste #689EB8*/

/* set clear */
.c {clear:both;}
.cL {clear:left;}
.cR {clear:right;}

/* set float */
.fL {float:left;}
.fR {float:right;}

/* set borde */
.borde {border-top:3px solid #3E3C38;border-bottom:3px solid #3E3C38;}
.borde-b {border-bottom:3px solid #3E3C38;}

/* set borde */
.p {padding:5px;}


/* set de contenedores principales */
	div#encabezado, div#cuerpo, div#pie, div#postPie {width:1000px;position:relative;margin:0 auto;}
/* set cuerpo */
	div#cuerpo {padding-top:26px;}
	
/* set post pie */
	div#postPie {padding:10px 0;}
	div#postPie p{font-size:10px;padding-left:10px;}
	div#postPie p a{color:#3E3C38;}

/* set de encabezado */
	div#encabezado p {height:30px;}
	div#encabezado p img{display:block;position:absolute;z-index:2;background:url('images/fondo-logo.png') no-repeat;}
	div#encabezado div#titulos {width:715px;height:125px;background:url('images/fondo-titulos.gif') repeat-y;margin:5px 5px 5px 0;position:relative;z-index:1;}
	div#encabezado div#titulos h1, div#encabezado div#titulos h2{position:absolute;}
	div#encabezado div#titulos h1 span, div#encabezado div#titulos h2 span{display:none;}
	div#encabezado div#titulos h1{top:80px;left:166px;}
	div#encabezado div#titulos h1 a{display:block;width:370px;height:33px;background:url('images/titulo.gif') no-repeat;margin-left:10px;}
	div#encabezado div#titulos h2{top:59px;left:166px;}
	div#encabezado div#titulos h2 a{display:block;width:210px;height:21px;background:url('images/descripcion.gif') no-repeat;margin-left:10px;}
	div#encabezado div.banner {width:280px;height:125px;background:url('images/fondo-banner.gif') repeat-y;margin:5px 0;}

/* set de navegacion */
	div#encabezado ul#navegacion {display:block;height:34px;padding-left:166px;list-style-type:none;}
	div#encabezado ul#navegacion li{display:block;float:left;margin-right:20px;padding-right:2px;font-size:20px;}
	div#encabezado ul#navegacion li.latinSpot{float:right;margin-right:20px;padding-right:0px;}
	div#encabezado ul#navegacion li a{display:block;height:24px;margin-top:6px;font-size:20px;letter-spacing:-0.11em;}
	div#encabezado ul#navegacion li a span{display:none;}
	div#encabezado ul#navegacion li.el-premio a{background:url('images/el-premio.gif') no-repeat;width:67px;}
	div#encabezado ul#navegacion li.el-evento a{background:url('images/el-evento.gif') no-repeat;width:66px;margin-left:10px;}
	div#encabezado ul#navegacion li.conferencias a{background:url('images/conferencias.gif') no-repeat;width:93px;}
	div#encabezado ul#navegacion li.jurados a{background:url('images/jurados.gif') no-repeat;width:57px;}
	div#encabezado ul#navegacion li.productos a{background:url('images/productos.gif') no-repeat;width:71px;}

/* set de pie */
	div#pie {padding:11px 0 11px 22px;width:978px;height:45px;}
	div#pie div.col {margin-right:15px;}
	div#pie div.col p{line-height:11px;}

/* set de columna central */
	div#cI, div#cC, div#cD {float:left;position:relative;padding-bottom:20px;}
	
/* set de columna izquierda */
	div#cI {width:188px;}
	div#cI p {width:151px;margin:0 auto;padding-bottom:17px;}
	div#cI p span.banner{display:block;width:120px;height:90px;margin:12px auto 0 auto;}
	
	div#cC {width:509px; overflow:hidden}
	
/* set de columna derecha */
/*	div#cD {width:280px;padding-left:23px;} */
	div#cD {padding-left:23px; width:280px; overflow:hidden;}

/* set buscador */
	div#cD fieldset.buscador {background:url('images/fondo-buscador.gif') no-repeat;height:16px;margin-bottom:13px;}
	div#cD fieldset.buscador legend {display:none;}
	div#cD fieldset.buscador input {display:block;float:left;margin-top:2px;}
	div#cD fieldset.buscador input.text {width:233px;margin-left:7px;font-size:10px;}
	div#cD fieldset.buscador input.submit {background:url('images/flecha-buscador.gif') no-repeat;margin-top:5px;cursor:pointer;}

/* set h2 */
	div#cD h2{text-transform:uppercase;padding-left:17px;width:243px;line-height:11px;padding-top:8px;}
	div#cD h2.cronograma{
		background:url('images/fondo-cronograma.gif') repeat-y;
		margin-top:8px;
		margin-bottom:3px;
		padding-top:10px;
		padding-bottom:10px;
		letter-spacing:-0.11em;
	}
	div#cD h2.cronograma small{display:block;font-size:23px;line-height:18px;}
	div#cD h2.cronograma big{display:block;font-size:28px;font-weight:bold;line-height:23px;}
	
/* set listas */
	div#cD ul{width:260px;margin-bottom:4px;padding-bottom:8px;padding-top:4px;}
	div#cD ul li{display:block;background:url('images/flecha-lista.gif') no-repeat left 8px ;padding-left:17px;line-height:20px;vertical-align:top;font-size:13px;font-weight:bold;text-transform:uppercase;}
	div#cD ul li a{color:#EFECE9;}
	
/* set logos pie */
	img.paa {display:block;margin:0 auto 20px auto;}

/* set post */
	div.post {position:relative;}
	div.post h1 {font-size:21px !important;line-height:23px;width:396px;}
	div.post h1 a{display:block;font-size:21px !important;line-height:23px;width:396px;color:#633263;}
	div.post p.fecha {position:relative;left:399px;top:-15px;margin-bottom:0px;}
	div.post p.pie {height:15px;}
	div.post p.pie a{display:block;font-size:12px;font-weight:bold;text-transform:uppercase;}
	div.post p.pie a.comentario {margin-right:19px;padding-right:19px;background:url('images/globo.gif') no-repeat right 2px;}
	div.post p.pie a.recomendar {padding-right:16px;background:url('images/amigo.gif') no-repeat right;}
	div.post p.pie a.info {padding-right:16px;background:url('images/info.gif') no-repeat right 5px;}
	div.post a.more-link {
		padding-right:16px;
		background:url('images/info.gif') no-repeat right 5px;
		text-transform:uppercase;
		font-size:12px;
		font-weight:bold;
		float:right;
		color:#3E3C38;
	}
	div.post p {color:#3E3C38;margin-bottom:15px;}
	div.post p a{color:#633263;}
	div.post p a:hover{color:#3E3C38;}
	div.post hr {display:block;height:3px;color:#3E3C38;background-color:#3E3C38;margin-top:18px;margin-bottom:23px;}
	
/* set comentarios */
	div.comentario hr {display:block;height:3px;color:#3E3C38;background-color:#3E3C38;margin-top:18px;margin-bottom:23px;}
	div.comentario a{color:#3E3C38;}
	div.comentario a:hover{color:#633263;}

/* set formulario de comentarios */
	form#commentform{padding-top:15px;}
	form#commentform p{display:block;clear:both;line-height:20px;}
	form#commentform p label.text{display:block;float:left;width:175px;}
	form#commentform p input.text{display:block;float:left;background:url('images/fondo-input.gif') no-repeat;width:314px;}
	form#commentform p textarea{display:block;float:left;width:314px;border:solid 1px #3E3C38;background-color:transparent;}
	form#commentform p input.submit{display:block;float:right;text-transform:uppercase;font-size:12px;margin-right:15px;background:url('images/flecha-right.gif') no-repeat right 5px;padding-right:16px;cursor:pointer;}

/* set navigation */
	div.navigation hr {display:block;height:3px;color:#3E3C38;background-color:#3E3C38;margin-top:18px;margin-bottom:23px;}
	div.navigation a{display:block;color:#3E3C38;font-size:12px;text-transform:uppercase;line-height:15px;width:200px;}
	div.navigation a:hover{color:#633263;}
	div.navigation .fL a{background:url('images/flecha-left.gif') no-repeat left 5px;padding-left:16px;}
	div.navigation .fR a{background:url('images/flecha-right.gif') no-repeat right 5px;padding-right:16px;text-align:right;}