/* 
Cascada de estilos HCNL
Julio 2010
Javier de la Garza
*/

body 
{margin:0px; padding: 0; 
 font-family: Arial, 'Lucida Sans Unicode', Helvetica, sans-serif;
background: #eeeeee url(imagenes/bkg.gif) repeat;
}



/* El contenedor general */

#mainwrap{
width: 960px;
margin-left: auto;
margin-right: auto;
}

#mainwrap img{
behavior: url(http://www.hcnl.gob.mx/archivo/iepngfix.htc)

}

#header{
width: 960px;
height: 110px;
margin-left: auto;
margin-right: auto;
}

#cuerpo{
width: 960px;
background: url(imagenes/cuerpobkg.gif) repeat-y;
min-height: 500px;
display: inline-block;
}


#sidebar{
width: 228px;
font: bold 14px Georgia, "Times New Roman", Times, serif;
color: #2d2218;
float: left;
}


#sidebar ul{
width: 190px;
margin: 0 10px;
padding: 0 10px;
list-style-image: none;
list-style-type: none;
}

#sidebar li{

list-style-image: none;
list-style-type: none;
padding: 10px 0;
border-bottom: 1px solid #e7d9ba;
display: block;
}

#sidebar li a{

color: #2d2218;
text-decoration: none;
display: block;
}

#sidebar li a:hover{

color: #ff6600;
text-decoration: none;
display: block;
}

#central{
width: 710px;
float: left;
margin-left: 10px;
font-size: 12px;
}


#centraleditorial{
width: 484px;
float: left;
font-size: 11px;
}


#centraleditorial h1{
font: bold 16px Georgia, "Times New Roman", Times, serif;
color: #ff6600;
}


#central h1{
font: bold 24px Georgia, "Times New Roman", Times, serif;
color: #581f20;
}

#central h2{
font: bold 18px Georgia, "Times New Roman", Times, serif;
color: #581f20;
}


#centraleditorial a, #central a{
color: #ff6600;
text-decoration: none;
}

#sidebarder{
font: bold 11px Georgia, "Times New Roman", Times, serif;
background: url(imagenes/sidebarbkg.gif) repeat-y;
float: left;
width: 218px;
}


#libreria{
width: 708px;
min-height: 222px;
display: inline-table;
background: url(shelf.png) repeat-y;
}

.book {
width: 220px;
height: 222px;
margin: 0 5px;
float: left;
}

.bookint {
width: 130px;
height: 168px;
margin-top: 25px;
position: relative;
overflow: hidden;
float: left;
-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.7);
-moz-box-shadow:    0px 4px 5px 0px rgba(0, 0, 0, 0.7);
box-shadow:         0px 4px 5px 0px rgba(0, 0, 0, 0.7);
}

.booktitle {
padding-top: 25px;
width: 80px;
margin-left: 10px;
float: left;
font-size: 10px;
}


.listamenuc{
font-family: 'Raleway', sans-serif;
margin: 0;
padding: 0;
list-style-type: none;
color: #000000 !important;
}

.listamenuc li{
padding: 6px 0;
border-bottom: 1px dotted #502d13;
display: block;

}

.listamenuc li:hover{
background-color: #581f20;

}

.listamenuc a{
font-size: 11px;
display: block;
text-decoration: none !important;
padding-left: 5px;
color: #000000;
}

.listamenuc a:hover{
color: #fFFFFF !important;
text-decoration: none !important;
}