/*
Villoro_general 1.0
Autor: Juan Astasio Soriano
email: juan.astasio (at) clubcultura.com
Sobre como lograr un min-width y centrar el contenido
solucionando los bugs de IE
ver el "Jello Mold" de Mike Purvis:
http://www.positioniseverything.net/articles/jello-expo.html

Drop shadows inspiration:
Phil Baines: wubbleyew(dot)com
Sergio Villarreal (A List Apart) 

*/

/* Begin ESTRUCTURA GENERAL--------------------------------------------------------*/
/* Begin ESTRUCTURA GENERAL--------------------------------------------------------*/

* {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
background: url(../img/home/fondo_corcho.gif) repeat left top #bf9564;
}

#bodydiv 
{
padding: 0 375px 0 375px;
text-align: center;/* centering hack for IE5.x/Win */
}

#sizer
{
width: 50%;
margin: 0 auto 0 auto; /* standard centering method */
text-align: left; /* resets centering hack to default */
}

#expander
{
margin: 0 -375px 0 -375px;
position: relative;
min-width: 750px;
text-align: left;
/*background: #020;*/
}

/*BEGIN BARRA LATERAL--------------------------------*/


#mainNav
{
margin-top: 50px;
float: left;
width: 20%;
}

#menu
{
margin: 0 0 0 0;
background: url(../img/cuadric_gris.gif) repeat left top #eee;
padding: 10px 0;
}

#subMenuWrap
{
top: -5px;
position: relative;
left: 2%;
width: 90%;
}

#subMenu
{
background: url(../img/subMenu_fondo.gif) repeat left top #e2d6ba;
padding: 20px 0 20px 15px;
}

/* END BARRA LATERAL--------------------------------*/
/* BEGIN CONTENIDO----------------------------------*/

#contentWrap
{
overflow: visible;
float: right;
width: 75%;
margin-bottom: 20px;
}

/* Begin Cabecera Autor---------------------------------*/

#cabVilloro
{
position: relative;
left: 3%;
width: 95%;
margin-top: 11px;
#margin-top: 0.8%;  /* en todos los IE, se verá con 15px */
//margin-top: 0.8%; /* este hack, es equivalente al anterior: todos los IE */
_margin-top: 0.8%;  /* en todos los IE6, o inferior, se verá con 10px */
margin-bottom: 5%;
height: 100px;
}

#cabWrap
{
height: 100px;
background: url(../img/cab_fondo_left.gif) no-repeat left bottom #e2e2d2;
}

#cabOuter
{
height: 100px;
background: url(../img/cab_fondo_right.gif) no-repeat right bottom;
}

#cabTitle 
{
position: absolute;
bottom: 26px;
left: 30px;
}

#cabCredits
{
position: absolute;
bottom: 20px;
right: 25px;
}

#cabBackHome
{
position: absolute;
top: 0;
right: 10%;
}
/*-----End Cabecera-------------------------------*/
/*-Begin content----------------------------------*/

.contenido
{
overflow: visible;
height: 100%;
background: #f9f9f9;
border-right: 2px solid #664627;
border-bottom: 2px solid #664627;
}

#prev
{
float: left;
padding-left: 2em;
}

#next
{
float: right;
padding-right: 2em;
}
#footer {
width: 100%;
clear: both;
background: #fff;

}
.clear {
clear: both;
}
/*---End Content---------------------------------*/
/* END CONTENIDO----------------------------------*/

/* END ESTRUCTURA GENERAL--------------------------------------------------------*/
/* END ESTRUCTURA GENERAL--------------------------------------------------------*/

/* BEGIN TYPE -------------------------------------------------------------------*/
/* BEGIN TYPE -------------------------------------------------------------------*/
body
{
font-family: Georgia;
font-size: 0.8em;
line-height: 1.6em;
color: #000;
}

h1 {
font-family: Arial Black;
font-size: 2em;
}

h2 {
font-family: Arial Black;
font-size: 1em;
margin-bottom: 1em;
}

.genero {
font-family: Arial;
font-weight: normal;
font-size: 0.8em;
margin-bottom: 1em;
}


#cabCredits p
{
font-size: 0.8em;
padding: 0;
}

#menu h4 {
font-size: 1em;
margin: 0 10px 0px 15px;
/*border-bottom: 2px solid #000;*/
background: #ff0;
display: inline;
}

#subMenu h5
{
color: #630;
background: #cc0;
font-weight: bold;
display: inline;
font-size: 1em;
margin: 10px 0 0 0;
}

#subMenu ul
{
margin: 10px 0;
font-size: 0.85em;
}

ul.datosLibro
{
font-style: italic;
line-height: 1.2em;
}

ul.datosLibro li
{
color: #630;
font-size: 0.85em;
margin-bottom: 0.5em;
}

p, ul, blockquote
{
padding: 0em 2em 1.6em 2em;
}

p.cab {
padding: 0;
}
blockquote {
font-style: italic;
}
/* END TYPE ---------------------------------------------------------------------*/
/* END TYPE ---------------------------------------------------------------------*/

/* BEGIN LISTS ---------------------------------------------------------------------*/
/* BEGIN LISTS ---------------------------------------------------------------------*/

ul
{
list-style-type: none;
}

li
{
line-height: 1.3em;
margin-bottom: 1.3em;
}

#menu ul
{
padding: 1.3em 10px 0 15px;
}

#subMenu ul
{
padding: 0em 10px 0 0;
}

#subMenu li
{
margin-bottom: 1em;
}

#mainCont dl
{
padding: 0 0 1em 0;
}
/* END LISTS ----------------------------------------------------------------------*/
/* END LISTS ----------------------------------------------------------------------*/

/* BEGIN LINKS ---------------------------------------------------------------------*/
/* BEGIN LINKS ---------------------------------------------------------------------*/
a
{
text-decoration: none;
color: #000;
}

li a
{
display: inline;
}

#menu a:hover, #menu a:active
{
background-color: #ff0;
}


#subMenu a:link, #subMenu a:visited
{
color: #630;
line-height: 1.4em;
}

#subMenu a:hover, #subMenu a:active
{
background-color: #cc0;
}

#prev a,  #next a
{
font-size: 0.8em;
letter-spacing: 0.1em;
}
#prev a:link, #preb a:visited,
#next a:link, #next a:visited
{
background-color: #fff;
}

#prev a:hover, #preb a:active,
#next a:hover, #next a:active
{
background-color: #cc0;
}

.libro a
{
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #f00;
}

/* END LINKS ---------------------------------------------------------------------*/
/* END LINKS ---------------------------------------------------------------------*/

/* BEGIN IMAGES ---------------------------------------------------------------------*/
img 
{
border: 0;
}

img.cabArticulo 
{
float: right;
border-top: 1px solid #ccc;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #ccc;
margin: 0 0 1em 10px;
}

img.articulo 
{
float: left;
background: #fff;
border-top: 1px solid #ddd;
border-right: 2px solid #999;
border-bottom: 2px solid #666;
border-left: 1px solid #ddd;
padding: 10px;
margin: 0 2em 1em 2em;
}

.imgAmadosHome
{
float: left;
}

.libro img
{
padding: 10px;
}

.libro
{
float: right;
position: relative;
top: -15px;
right: -15px;
background: url(../img/libro_clavo.gif) no-repeat center top #fff;
border-right: 2px solid #630;
border-bottom: 2px solid #999;
}

#mainCont .libro p, .libro p
{
padding: 0 0 5px 10px;
}

/* END IMAGES -------------------------------------------------------------------------*/

/*BEGIN ELEMENTOS GRAFICOS------------------------------------------------------------*/

/*-Begin rounded box ----------------------------------*/
.box
{
float: left;
margin: 20px 0;
width: 100%;
background: url(../img/round_down-left.gif) no-repeat left bottom;
}

.box-outer 
{
padding-bottom: 5%;
background: url(../img/round_down-right.gif) no-repeat right bottom;
}

.box-inner
{
background: url(../img/round_top-left.gif) no-repeat left top;
}
.box p
{
padding-top: 5%;
padding: 0 5%;
font-size: 0.7em;
background: url(../img/round_top-right.gif) no-repeat right top;
}
/*- End rounded box ------------------------------------*/
/*-Begin Celo ------------------------------------------*/
.celo 
{
background-color: #cea823;
padding: 0;
margin: 0;
/* CSS3 standard */
opacity: 0.5;
border-right: 1px dashed #c88;
border-left: 1px dashed #d99;
border-bottom: 1px solid #a66;
border-top: 1px solid #fee;
}
#subMenu .celo
{
position: absolute;
left: 25%;
top: -20px;
width: 50%;
height: 30px;
}
/*-End Celo ----------------------------------*/

/*-----------elementos grýficos-----------------*/

/***********************
BEGIN  Shadows
***********************/


.img-shadow {
  float:left;
  clear:right;
  background: url(../img/sombra_gif.gif) no-repeat bottom right !important;
  background: url(../img/sombra_gif.gif) no-repeat bottom right;
  }
.img-shadow img {
  display: block;
  position: relative;
  margin: -10px 10px 10px -10px;
  }

.div-shadow {
  /*float:left;
  clear:right;*/
  background: url(../img/sombra_gif.gif) no-repeat bottom right !important;
  background: url(../img/sombra_gif.gif) no-repeat bottom right;
  }
.div-wrapper {
  margin: -10px 10px 10px -10px;
  }

/*//////////////////////////////*/
.nota {
float: left;
width: 50%;
}


.dropshadow2{
	/*float:left;*/
	clear:right;
	background: url(../img/sombra_gif.gif) no-repeat bottom right !important;
	background: url(../img/sombra_gif.gif) no-repeat bottom right;
	margin: 10px 0 0px 10px !important;
	margin: 10px 0 0px 5px;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:10px;
	right: 10px;
        /*background: #eee;
	padding:4px;*/
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}


/*Begin CabClubcultura------------------------------------------------------------*/
/*Begin CabClubcultura------------------------------------------------------------*/
#cabecera {
width: 100%;
height: 44px;
background: #000;
}

#menuCabecera{
width: 538px;
position: absolute;
left: 221px;
top: 0;
}

#menuAutores {
background-color: #000;
width: 538px;
height: 17px;
}

#buscador {
padding-top: 5px;
float: right;
width: 145px;
height: 22px;
}

input.texto {
width: 83px;
height: 17px;
float: left;
border-style: none;
margin-right: 6px;
background: #ddd;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000;
background-position: left top;
}

/* END CabClubcultura------------------------------------------------------------*/
/* END CabClubcultura------------------------------------------------------------*/
/* BEGIN FLAH -------------------------------------------------------------------*/

.flash {
position: relative;
}

#conejito {
width: 125px;
height: 290px;
bottom: 0;
left: 0;
}

#radio {
float: right;
}
/* END FLAH -------------------------------------------------------------------*/

/*********************
Begin preHome
*********************/
.flashHome {
font-size: 0;
line-height: 0;
position: absolute;
margin: 0;
padding: 0px;
/*border: 1px solid #f00;*/
}

#libroOjo {
bottom: 0px;
left: -20px;
}

#llavero {
bottom: 25%;
left: 36%;
}

#postIt {
left: 20%;
top: 10%;
}

#twitter {
left: 20%;
top: 42%;
}
#amados{
left: 56%;
top: 15%;
}
#bic {
bottom: 0;
left: 41%;
}


#autor {
right: 26%;
bottom: 0;
}

#mapa {
right: 0px;
}

#fabulas {
bottom: 0px;
right: 0;
/*z-index: 10;*/
}

#img {
bottom: 0px;
z-index: 11;
}

/*********************
End preHome
*********************/
#billete {

left: 39%;
top: 25%;
}
.lineaamarilla {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC33;
	background-color: #F7F5DF;
}
img.articulo2 {
	float: left;
	background: #fff;
	border-top: 1px solid #ddd;
	border-right: 2px solid #999;
	border-bottom: 2px solid #666;
	border-left: 1px solid #ddd;
	padding: 10px;
	margin-top: 0px;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-left: 0em;
}
.txtpeque {
	font-size: 9px;
}