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

/* -------------------------------------------------------------
Feria Internacional del Libro. 2010
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Description: Principal Style
File Name: style.css
Version: 1.0
Date: 15 / March / 2009
Design: Eddie Leo Padron
Contacto: troposdesign@gmail.com
------------------------------------------------------------- */

/* -------------------------------------------------------------
RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html, div, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body, h1, h2, h3, h4, h5, h6, em, p, span, fieldset, legend, input{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong {font-weight: bold;}
em{font-style: italic;}
.espacio{height: 40px;}
.espacio20{height: 20px;}
/* -------------------------------------------------------------
Basic & General Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { background-image: url(../images/bg.png);	line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.clear {
	clear: both;
	height: 0;
}
a {	text-decoration: none;}
a:active, button {border:0}
.imgright, .imgleft, .imgblock{	border: 2px solid #E2E2E2; margin-bottom: 5px;}
.imgright{float: right;	margin-left: 10px; margin-right: 40px;}
.imgleft{float: left; margin-right: 20px;}
.imgblock{margin-bottom: 20px;}
.section{display: block; margin-bottom: 20px;}
h1{ display:block; font-size:18px; height:30px; margin-top:-30px;}
#envoltura{
	background-image: url(../images/top-bg.jpg);
	background-repeat: repeat-x;
}
.division{
	display: block;
	height: 2px;
	width: 100%;
	background-image: url(../images/sidebar-separador.png);
	background-repeat: no-repeat;
	background-position: center top;
	border:0;
	background-color: 0;
	margin-bottom: 20px;
}
::selection {
    background: #F5B448; color:#000; /* Safari */
}
::-moz-selection {
    background: #F5B448; color:#000; /* Firefox */
}

/* -------------------------------------------------------------
MENU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#menu{
	display: block;
	height: 40px;
	width: 790px;
	margin:0 auto;
	clear: both;
	
}

ul.topnav {   
	list-style: none;   
	margin: 0 90px 0 0;   
	float: left;
	font-size: 11px;
	background: url(../images/menu-separador.png) no-repeat right 2px;
}   
ul.topnav li {   
	float: left;   
	margin: 2px 0 0 0;   
	padding: 0 0 0 2px;
	background-image: url(../images/menu-separador.png);
	background-repeat: no-repeat;
	position: relative;  
}   
ul.topnav li a{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	padding: 8px 10px 0 10px;
	font-size: 11px;   
	color: #A9A9A9;   
	display: block;   
	text-decoration: none;   
	float: left;
	height: 29px;
}
ul.topnav li:hover{   
	background: url(../images/menu-over.png) repeat-x center top;   
}   
ul.topnav li a span { 
	width: 20px;
	height: 20px;
	display: inline-block;
	background-image: url(../images/menu-flecha.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 6px;
	vertical-align: middle;
}
   
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute;
	left: 0;
	top: 36px;
	background: url(../images/pop-bg.png) no-repeat center center;
	background-color: #FFF;
	margin: 0;
	padding: 34px 0 0 11px;
	display: none;
	float: left;
	width: 305px;
	border: 2px solid #E3E3E3;
	height: 92px;
	z-index: 500;
}   
ul.topnav li ul.subnav li{   
	margin: 0; padding: 0;   
	float: left; 
	background: 0;
}   
html ul.topnav li ul.subnav li a {
	width: 49px;
	height: 30px;
	font-size: 24px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 11px 0 0 0;
	margin: 0;
	color: #666;
	font-weight: bold;
}
html ul.topnav li ul.subnav li a:hover { 
	color: #F2C013; 
	background: 0;  
}
/* -------------------------------------------------------------
CABEZAL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#cabezal{
	display: block;
	clear: both;
	height: 160px;
	background-image: url(../images/cabezal.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#cabwrap{
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 790px;
	height: 160px;
}
#cabwrap a{
	display: block;
	height: 160px;
	width: 300px;
}
/* -------------------------------------------------------------
PRINCIPAL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#principal{}
#wrapper{
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/main-bg.png);
	background-repeat: repeat-y;
}

             /*-*-*-*-*-*-*main*-*-*-*-*-*-*-*/
			 
#main{
	float: left;
	width: 520px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
}
#seccion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-transform: uppercase;
	height: 41px;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
}
#seccion h3{
	font-size: 12px;
	float: left;
	display: block;
	margin-top: 10px;
}
#seccion h3 span{text-transform: none;}
#seccion h5{
	font-size: 12px;
	float: right;
	display: block;
	margin-top: 10px;
	margin-right: 250px;
	text-align: right;
	color: #F4C717;
}
#contenido{
	font-size: 12px;
	color: #FFFFFF;
}
#arrow{
	display: block;
	height: 24px;
	background-image: url(../images/cont-flecha.png);
	background-repeat: no-repeat;
	background-position: 40px top;
	margin-top: -2px;
}
#contenido img{
	border: 2px solid #FFFFFF;
	margin-bottom: 20px;
}
#contenido img.bloque{}
#contenido img.derecha{
	float: right;
	margin-left: 20px;
}
#contenido img.izq, #contenido h6.hora{
	float: left;
	margin-left: -110px;
}
#contenido h6.hora{margin-bottom: 20px; display:block; width:90px; text-align:right; color:#F4C717}
.presentacion{ margin-bottom: 30px;}
.presentacion h5 span{ font-style:italic; font-weight:normal; color:#999999;}
#contenido p{
	margin-bottom: 20px;
	font-size: 12px;
}
#contenido h2{
	font-size: 20px;
	color: #F4C717;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #979797;
	padding-bottom: 10px;
	line-height: 25px;
}
#contenido h2.peque{font-size: 16px; margin-bottom: 4px; padding-bottom: 4px;}
#contenido h3, #contenido h4, #contenido h5, #contenido h6{
	margin-bottom: 10px;
}

#contenido h3{
	font-size: 16px;
}
#contenido h4{
	font-size: 14px;
}
#contenido h5{
	font-size: 12px;
}
#contenido h6{
	font-size: 10px;
}
#contenido h6.exergo{
	text-align: right;
	font-weight: normal;
	padding-left: 200px;
}
#contenido blockquote{
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #F4C717;
	padding-left: 18px;
	margin-bottom: 10px;
	padding-right: 18px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #F4C717;
	color: #EAEAEA;
}
#contenido blockquote.espacioextra{margin-bottom: 30px;}
#contenido cite{
	margin-bottom: 10px;
	display: block;
	padding-left: 20px;
	font-size: 12px;
	font-style: italic;
}
#contenido p a, #contenido ul a, #contenido ol a, #contenido blockquote a, #contenido cite a{
	color: #F4C717;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F4C717;
}
#contenido p a:hover, #contenido ul a:hover, #contenido ol a:hover, #contenido blockquote a:hover, #contenido cite a:hover{
	color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
}
#contenido h2 a{font-family: Verdana, Arial, Helvetica, sans-serif; border: 0;}
#contenido h2 a:hover{border: 0;}
#contenido ul, #contenido ol{
	padding-left: 20px;
	margin-bottom: 20px;
}
#contenido ul{
	list-style-type: circle;
}
#contenido ul li{}
#contenido ol{
	list-style-type: decimal;
}
#contenido ol li{}

/*CONTENIDO CORTO - CONTENIDO CORTO - CONTENIDO CORTO*/

#contenido.corto{
	padding-left: 110px;
}
#contenido.corto p{font-size: 11px;}
.personalidad{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 30px;
}

             /*-*-*-*-*-*-*sidebar*-*-*-*-*-*-*-*/

#sidebar{
	float: left;
	width: 240px;
	margin-left: 10px;
	text-align: center;
	color: #FFFFFF;
}
#sidebar h4{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
#sidebar a{}
#sidebar a img{}
#sidebar a img.sidetop{
	margin-top: -41px;
	margin-left: 2px;
}
#sidebar a img.banner{
	margin-left: 5px;
	margin-bottom: 20px;
}
#sidebar hr{}

/* -------------------------------------------------------------
FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer{
	display: block;
	clear: both;
	background-image: url(../images/footer-bg.png);
	background-repeat: repeat-x;
	height: 110px;
}
#footwrap{
	display: block;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
}
#footleft{
	display: block;
	float: left;
	width: 560px;
}
#footleft img{
	float: left;
	margin-top: 16px;
	margin-right: 20px;
	margin-left: 20px;
}
#footleft h4{
	margin-top: 16px;
	margin-bottom: 5px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}
#footleft p{
	margin-bottom: 14px;
}
#footleft p a{
	font-size: 14px;
	color: #333333;
}
#footleft p a:hover{
	color: #FFFFFF;
}
#footleft h6{
	color: #FFFFFF;
	font-size: 10px;
}
#footright{
	display: block;
	float: left;
	height: 110px;
	width: 224px;
	text-align: center;
}
#footright a{
	margin-top: 35px;
	display: block;
}
#contenido h3 a, #contenido h2 a{color: #F4C717; text-decoration: none;}
#contenido h3 a:hover, #contenido h2 a:hover{color: #FFF; text-decoration: underline;}