html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body
{
	background: #50727C url(../images/fondoprincipal.gif) repeat-x;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	/*font-family: "Lucida Grande", Arial, Helvetica, sans-serif;*/
}
	
div{ display:block;}

ul {list-style: none;}
a, a:link {border:none; text-decoration:none;}
img {border:medium none;}
#envoltura
{
	width: 900px;
	margin: 0 auto;	/*border: 1px solid #FFF;*/
	background-color: #FFFFFF;
}
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

/************* HEADER ****************/
#header
{
	width: 900px;
	height: 115px;
	position: relative;
	background:#50727C url(../images/fondoprincipal.gif) repeat-x scroll 0 0;
}
#header h1 {

	width: 319px;
	height: 105px;
	position: absolute;
	top: 10px;
	left: 0;
	text-indent: -9999px;
}
#header h1 a {
	width: 319px;
	height: 105px;
	float: left;
	background: url(../images/editorial_terracota_logo.jpg) top center;
}
/**************** BOTONES TOP ****************/

ul#nav-top {
	
	list-style:none;
	position: absolute;
	right: 0;
	height: 37px;
	padding-left: 10px;
	background: url(../images/nav-top-bg.gif) left 0 no-repeat;
	width: 392px;
}
ul#nav-top li {
	padding: 0 7px;
	height: 37px;
	width:auto;
	float:left;
	font-size:12px;
	display: block;
	
}
ul#nav-top li:hover, ul#nav-top li a:hover{
	color:#7a9ccc;
	background: url(../images/nav-top-hover.gif) top repeat-x;
}
ul#nav-top li a {
	padding: 10px 1px;
	height: 17px;
	float: left;
	font-size: 12px;
	color: #818691;
	text-decoration:none;
	width:auto;
}
/************* FECHA ****************/
div.fecha{
	height: 20px;
	width: 215px;
	position: absolute;
	right: 0px;
	top: 95px;
	font-size: 11px;
	color: #2f3a4b;
	background:transparent url(../images/icono-fecha.gif) no-repeat scroll left 2px;
	padding:0 10px 0 20px;
}
/************* TINTERO ARRIBA ****************/
div.top-tintero{
	height: 52px;
	width: 91px;
	position: absolute;
	top: 63px;
	right: 280px;
}
/************* MENU ****************/

#menu {
	height: 38px;
	background: url(../images/menu_bg.gif) top repeat-x;
	position: relative;
}

#menu ul {
float:left;
line-height:35px;
list-style:none;
padding:0 10px;

}

#menu li {
display:inline;
}

#menu a {
font-size:13px;
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 4px 0 10px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#menu a span {
display:block;
float:none;
padding:0 13px 0 4px;

}
/* show picture when mouse over link */
#menu a:hover, #menu a.actual{
background: url(../images/left.png) no-repeat left center;
color:#003366;
}

#menu a:hover span, #menu a span.actual {
background:url(../images/right.png) no-repeat right center;
}

/************* TINTERO MENU ****************/
div.menu-tintero{
	width: 134px;
	height: 37px;
	position: absolute;
	right: 259px;
}
/************* BUSCAR ****************/
#buscar{ 
	list-style:none; 
	color:#fff; 
	position: absolute;
	right: 70px;
	z-index:1000;
	}
#buscar a { color:#fff; text-decoration:none; }
#buscar > li {
	cursor:pointer; 
	top: 1px;
	/*float:left;
	position:relative;*/
}
        #buscar ul { padding:0px; margin:0px; display:block; display:inline;}
        #buscar li ul { position:absolute; top:-4px; margin-top:40px; width:215px; height: 30px; line-height:16px; background-color:#828793; color:#fff; /* for IE */ display:none; }
        #buscar li:hover ul { position:absolute; top:-4px; margin-top:40px; left: 9px;display:block; }
        #buscar li ul li{ display:block; margin:5px 2px; list-style-type:none; font-size:12px; float: left;}
        #buscar li ul li:first-child { border-top: none; }
        #buscar li ul li a { display:block; color:#0395CC; }
        #buscar li ul li a:hover { color:#7FCDFE; }
        /* main submenu */
        #buscar #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
        /* search */
	
.searchContainer{
	top:auto;
}
.searchContainer div{ 
	background-color:#FFFFFF;
	border:medium none;
	display:block;
	height:27px;
	margin:6px 0 0;
	padding:0 0 2px 5px;
	width:180px;
}

#menu .lupa { 
		background:transparent none repeat scroll 0 0;
		border:medium none;
		/*padding:5px 0 0 0;*/
}

#menu  .lupa img
{
	
	position: absolute;
	top: 5px;
	right: 45px;
	cursor: pointer;
	/*margin: 4px 0 0 2px;*/
}

/*
.searchContainer input[type="text"]{
	margin: 1px 0;
	width: 142px;
	height: 16px;
	border:none;	
}
*/
#buscar li div input[type="text"]{
	border:medium none;
	height:15px;
	margin:6px 0 8px;
	outline-color:#ccc;
	outline-style:none;
	outline-width:medium;
	padding:0;
	width:170px;
		
}


.searchContainer img {
	vertical-align:sub;
	clear: both;
}
        /* corners*/
        #buscar .corner_inset_left { position:absolute; top:0px; left:-12px;}
        #buscar .corner_inset_right { position:absolute; top:0px; left:181px;}
        #buscar .last { background:transparent none repeat scroll 0% 0%; margin:0; padding:0; border:none; height:0px; clear: left;}
        #buscar .corner_left { position:absolute; left:0px; top:29px;}
        #buscar .corner_right { position:absolute; left:197px; top:29px;}
        #buscar .middle { position:absolute; left:18px; height: 20px; width: 180px; top:29px;}

/************* BANNER CENTRAL ****************/
#banner
{
	width: 900px;
	height: 200px;
	background-color:#FFFFFF;
	z-index: -999;
}

#colizq{
	width: 565px;
	padding: 0 21px 0 0;
	float: left;
	background: #FFF url(../images/sublateral.gif) no-repeat scroll right 40px;
}

#colder{
	width: 314px;
	float: right;
}
#colcent{
	width: 272px;
	padding: 0 21px 0 0;
	float: left;
	background: #FFF url(../images/sublateral.gif) no-repeat scroll right 40px;
}

h3{
	font-family: Georgia, serif;
	width: auto;
	height: 33px;
	padding: 5px 0 0 15px;
	color: #759BBF;
	background: #FFF;
	font-size: 23px;
	font-style: normal;
	font-weight: normal;
		letter-spacing: normal;
	line-height: 1.2em;	
}
h4.noticias{
	background: #FFF url(../images/titulo.gif) repeat-x;
	font-family: Georgia, serif;
	width: auto;
	height: 33px;
	padding: 5px 0 0 15px;
	color: #fff;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	cursor: pointer;
}
 
p{
	font-size:11px;
	line-height: 18px;
	padding-bottom: 10px;
	text-align: justify;
	color: #57616f;
} 
/************* COLUMNA IZQUIERDA ****************/

#subizq
{
	width: auto;
	background: #FFF url(../images/fondomostrar.gif) repeat-x;
	min-height: 530px;
	padding: 15px 10px 5px 15px;
	color: #797F8C;
	margin-left:1px;
}

#editorial-inicio
{
	width: 550px;
	background: #FFF url(../images/fondomostrar.gif) repeat-x;
	padding: 15px 10px 15px 15px;
	font-size:11px;
	line-height: 18px;
	padding-bottom: 10px;
	text-align: justify;
	color: #57616f;
	margin-left:1px;
}

#editorial-inicio a:link, #editorial-inicio a {
	color:#759BBF;
}
#editorial-inicio a:hover {
	color:#0066FF;
}

#subizq .titulo, div.titulo{
	color: #454d5c;
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
		letter-spacing: normal;
	line-height: 1.2em;
	padding: 0 0 15px 0;
}
#subizq .somos{
	color: #797F8C;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 22px;
	padding: 25px;
	text-align: justify;
}

#subder
{
	width: auto;
	min-height: 236px;
}

#accordian_wrap
{
	background: #FFF;
}

/*#subizq >div
{
	color: #85898F;
	background: transparent;
	padding: 0;
	width: auto;
	font-size: 18px;
	font-weight: bold;
}*/
hr {
	background-color: #b8beca;
	height: 1px;
	border:0 none;
}

.anioAc
{
	cursor:pointer;
	width: auto;
	height: 12px;
	color: #5D6870;
	font-size: 11px;
	background: transparent url(../images/anio_bullet.gif) no-repeat scroll 10px 8px;
}



div.descripcion-col{
	background-color:#465271;
	border-bottom:1px solid;
	color:#FFFFFF;
	font-size:11px;
	padding:10px 35px;
}

#accordian_wrap .mostrar{
	background: #FFF url(../images/fondomostrar.gif) repeat-x;
}
#accordian_wrap .unidad{
float:left;
/*background:#FFF url(../images/fondomostrar.gif) repeat-x;*/
width:565px;

}
#accordian_wrap .unidadDetalle{
float:left;

}
#accordian_wrap .mostrar .imagen{
	padding: 30px;
	display:block;
	float:left;
	


}
#accordian_wrap .mostrar .detalles{
	padding:30px 30px 30px 0;
	display:block;
	float:right;
	width:360px;
	


}
#accordian_wrap .mostrar .detalles p{
	display:block;
	text-align:left;


}
#accordian_wrap .mostrar .detalles .titulo{
	display:block;
	color: #454d5c;
	text-align:left;
	font-family: Georgia, serif;
	font-size: 19px;
	font-style: normal;
	font-weight: normal;
		letter-spacing: normal;
	line-height: 1.2em;
	padding-bottom: 20px;
}
#accordian_wrap .mostrar .detalles .info{
	display:block;
	color:#90979E;
	text-align:left;
	font-size: 11px;
	line-height: 1.2em;
	padding-bottom: 20px;
}

#accordian_wrap .mostrar .detalles .sub_pdf{
	display:block;
	padding-bottom: 20px;
}


.leermas{
	border:none;
	border:none;
	text-decoration:none;
	padding: 10px 0;
}

div.contenidoderecho{
	color: #90979E;
	background: #FFF url(../images/fondomostrar.gif) repeat-x;
	min-height: 50px;
	padding-top:15px;
	margin: 0 1px;
}

div.contenidoderecho ul li, div.mes{
	background:#FFFFFF url(../images/titulo.gif) repeat-x scroll 0 0;
	color:#FFFFFF;
	font-size:13px;
	margin: 5px;
	padding:0.3em 0 0.5em 0;
	height: 17px;
}
div.contenidoderecho ul li a,div.mes a{
	background:transparent url(../images/icono-fecha.gif) no-repeat scroll 10px 4px;
	color:#FFFFFF;
	padding:0 0 0 40px;
	width:254px;
	display:block;
	height:100%

}

div.contenidoderecho ul li a:hover, div.mes a:hover{
	color:#404d6c;
}

div.subcont{
	background:transparent url(../images/icono-fecha.gif) no-repeat scroll 0 13px;
	margin:0 25px;
	width:265px;
}
div.noticia
{
	margin: 0 25px;
	background: transparent url(../images/librin.gif) no-repeat scroll 0% 5%;
}

div.subcont img
{
	margin: 0 0 10px 0;
}

div.contenidoderecho h5
{
	color: #5D6870;
	width: auto;
	padding: 10px 0 10px 28px;
	font-size: 11px;
}

/************* FOOTER ****************/

#piepagina
{
	clear: both;
	width: auto;
	height: 131px;
	margin: 5px 0 0 0;
	background: #FFF url(../images/fondopie.gif) repeat-x;
}
#piepagina span a{
color:#759BBF;
}

#menupie 
{
	float: left;
	width: 350px;
	margin: 20px 0 0 15px;
}

#menupie ul li
{
	margin: 0 5px 0 5px;
	display: inline;
	color: #9AA1B1;
}

#menupie ul li a{
	color: #9AA1B1;
	font-size: 12px;
	text-decoration: none;
}
#menupie ul li a:hover, #piepagina span a:hover{
	color: #FFF;
	
}

#editorial
{
	float: left;
	width: 112px;
	height: 130px;
	background: transparent url(../images/editorialpie.gif) no-repeat scroll left 20px;
}

#pieder
{
	width: 500px;
	height: 130px;
	float: right;
}

#pietexto
{
	width: auto;
	font-size: 11px;
	width: 300px;
	color: #9AA1B1;
	float: left;
	padding: 30px 0 0 30px;
	line-height: 18px;
}

#pietexto span
{
	margin: 10px 0 0 0;
}

/************* CATALOGO.PHP ****************/

fieldset {
	border:0 none;
	margin:0 3px 0 0;
	padding:0;
}
#formCataleg{
padding: 30px 0 0 50px;
}
#formCatalegselect {
	height:20px;
	width:205px;
}

#formCataleg label {
	clear:both;
	float:left;
	height:30px;
	width:150px;
	font-size:12px;
}
#formCataleg .inp {
	border:1px solid #CCCCCC;
	color:#666666;
	padding:2px;
	width:200px;
}
#formCataleg fieldset {
	float:left;
	width:100%;
}
#formCataleg .bsc {
	float:left;
}
.bsc{
	float:right;
	width:auto;
	height:22px;
	margin:10px 20px 0 0;
	outline: none;
	background:transparent url(../images/buscar.gif) no-repeat;
	}
.btn {
	display:none;
	float:right;
	margin:10px 16px 0 0;
}
#cat{
padding: 30px 0 0 50px;
}
#cat select {
	height:20px;
	width:205px;
}

#cat label {
	clear:both;
	float:left;
	height:30px;
	width:150px;
	font-size:12px;
}
#cat .inp {
	border:1px solid #CCCCCC;
	color:#666666;
	padding:2px;
	width:200px;
}
#cat fieldset {
	float:left;
	width:100%;
}
#cat .bsc {
	float:left;
}

/************* COLECCIONES.PHP ****************/
div.catBuscar{
	display:block;
	float:left;
	margin: 0 25px;
	background: transparent url(../images/cat_buscar.gif) no-repeat;
	height:27px;
	padding: 5px 0 0 50px;
	width: 200px;
}
div.catAutores{
	display:block;
	float:left;
	margin: 0 25px;
	background: transparent url(../images/cat_autores.gif) no-repeat;
	height:27px;
	padding: 5px 0 0 50px;
	width: 200px;
}
div.catTodas{
	display:block;
	float:left;
	margin: 0 25px;
	background: transparent url(../images/cat_todas.gif) no-repeat;
	height:27px;
	padding: 5px 0 0 50px;
	width: 200px;
}
div.catAward{
	display:block;
	float:left;
	margin: 0 25px;
	background: transparent url(../images/cat_award.gif) no-repeat;
	height:27px;
	padding: 0 0 25px 50px;
	width: 200px;
}
div.catComprar{
	display:block;
	float:left;
	margin: 0 25px;
	background: transparent url(../images/cat_comprar.gif) no-repeat;
	height:27px;
	padding: 5px 0 0 50px;
	width: 200px;
}
div.catColecciones{
	display:block;
	float:left;
	margin: 0 25px;
	background: transparent url(../images/cat_colecciones.gif) no-repeat;
	height:27px;
	padding: 5px 0 0 50px;
	width: 200px;
}
div.catBuscar a, div.catAutores a, div.catTodas a, div.catAward a, div.catComprar a, div.catColecciones a{
font-size:12px;
color:#797f8c;
}

div.catBuscar a:hover, div.catAutores a:hover, div.catTodas a:hover, div.catColecciones a:hover{
font-size:12px;
color:#454d5c;
}
/************* COLECCIONES.PHP ****************/
.novedad{
	background:transparent url(../images/punt.gif) repeat-x scroll center top;
	clear: both;
	display: block;
	width: 513px;
	padding:5px 0 0 15px;
	}
	
.img_novedad {
	float:left;
	width: 95px;
	background:#fff;
	margin:3px 0px 5px 0px;
	}

.img_novedad a img{
	padding:3px;
	background-color:#FFFFFF;
	/*width:100px;
	height:156px;*/
	border:1px solid #ccc;
	}
.img_novedad a:hover img { border:1px solid #999; }

.fit_novedad{
	float:left;
	width:380px;
	min-height:150px;
	height: auto !important;
	margin:5px 0 0 15px;
	width:55%;
	}

.sub_autor a{
	background:url(../images/cat_autores_sm.gif) no-repeat 0 0;
	color:#759BBF;
	float:left;
	font-size:11px;
	padding: 0 0 15px 25px;
	height:15px;
	width:100%;

	}
.evento a {
	background: transparent url(../images/cat_link_sm.gif) no-repeat scroll 0 2px;
	color:#759BBF;
	float:left;
	font-size:11px;
	padding: 0 0 15px 25px;
	height:15px;
	width:100%;

	}
.evento a.libro{
	background: transparent url(../images/cat_libros_sm.gif) no-repeat scroll 0 2px;
}
.evento a.link{
	background: transparent url(../images/cat_link_sm.gif) no-repeat scroll 0 2px;
}
.evento a.autor{
	background: transparent url(../images/cat_autor_sm.gif) no-repeat scroll 0 2px;
}



.sub_libro a{
	background:url(../images/cat_libros_sm.gif) no-repeat 0 0;
	color:#759BBF;
	float:left;
	font-size:11px;
	padding-left:25px;
	height:15px;
	width:100%;

	}
.sub_links a{
	background:url(../images/cat_link_sm.gif) no-repeat 0 0;
	color:#759BBF;
	clear:both;
	font-size:11px;
	padding-left:25px;
	height:15px;

	}
.sub_pdf a{
	background:url(../images/cat_pdf_sm.gif) no-repeat scroll 0 0;
	color:#759BBF;
	font-size:11px;
	padding-left:25px;
	height:15px;
	}
.sub_autor a:hover, .sub_autor a:visited{
	color:#5D6870;

	}
.tit{
	clear:both;
	float:left;
	width:100%;
	color:#444;
	text-transform:none;
	font-size:11px;
	font-weight: normal;
	}

.tit span{
	float:left;
	width:100%;
	color:#999;
	font:bold 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:3px 0;
	
	}
.libro{
	padding-bottom: 7px;
}
.libro a{ 
	color:#5D6870;
	font-weight:bolder; 
	text-transform:uppercase;
	font-size:11px;
	}

.libro a:hover{ 
	color:#759BBF; 
	}
/************* CONTACTO.PHP ****************/

#contacto form#forma-contacto {
	margin: 10px auto;
	width: 420px;
}

#contacto form#forma-contacto label {
	clear: left;
	display: block;
	float: left;
	width: 42px;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}

#contacto form#forma-contacto .campo {
	margin: 0;
	padding: 0;
	width: 255px;
	height: 20px;
	background-color: #FFF;
	border: 1px solid #a0a0a0;
}

#contacto form#forma-contacto textarea {
	margin: 0;
	padding: 0;
	width: 255px;
	height: 110px;
	background-color: #FFF;
	border: 1px solid #a0a0a0;
	overflow: auto;
}

#contacto form.forma {
	margin: 10px auto;
	width: 460px;
}

#contacto form.forma fieldset {
	padding: 15px;
	border: solid 1px #ccc;
	margin-top:10px;
}

#contacto form.forma legend {
	margin: 0 10px;
	padding: 2px 6px;
	color: #FFF;
	font-size: 11px;
	background: #4a5674;
	font-weight:normal;
}

#contacto form.forma label {
	clear: left;
	display: block;
	float: left;
	width: 160px;
	text-align: left;
	font-size: 11px;
	font-weight:normal;
}

#contacto form.forma .campo {
	width: 255px;
	height: 20px;
	background-color: #FFF;
	border: 1px solid #a0a0a0;
}

#contacto form.forma textarea {
	width: 255px;
	height: 110px;
	background-color: #FFF;
	border: 1px solid #a0a0a0;
	overflow: auto;
}
/************* NOTICIAS.PHP ****************/
#subizq .encabezado, .encabezado{
	color: #797F8C;
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
		letter-spacing: normal;
	line-height: 1.4em;
	padding: 10px 0;
	text-align: justify;
}
.fechanew p{
	background:transparent url(../images/icono-fecha.gif) no-repeat scroll left 4px;
	color:#2F3A4B;
	font-size:11px;
	height:20px;
	padding:0 10px 0 20px;
	font-weight:normal;
	width:215px;
	display: block;
}
#subizq ol, #subizq ul, .premio ol, .premio ul{
font-size:11px;
margin-left:20px;
text-align: justify;
} 
#subizq ol li, .premio ol li{
	padding: 5px 0 10px 0;
	color:#2F3A4B;
} 
#subizq ol li a, p a, .premio ol li a{
	color:#336699;
}
#subizq ol li a:hover, p a:hover, .premio ol li a:hover{
	color:#0066FF;
}
#subizq a img, .premio a img {
display:block;
float:right;
border:none; 
text-decoration:none;

}
.cuadroGris{
	width: 250px;
	background-color:#EDEEF2;
	padding: 15px;
	border: 1px solid #CCCCCC;
}
.nota{
	width: 250px;
	background-color: #FFFFFF;
	padding: 15px;
	border: 1px solid #44506f;
}
.evento{
	border: 1px solid #CCCCCC;
	padding: 20px;
	margin-bottom: 20px;
}


/************* PREMIOS.PHP ****************/
p img{
	padding:0 30px 30px 30px;
}
.premio
{
	width: auto;
	background: #FFF url(../images/fondomostrar.gif) repeat-x;
	min-height: 530px;
	padding: 15px 10px 5px 15px;
	color: #797F8C;
	margin-left:1px;
}

/***************BANNER LIBRO*****************/

#spot
{
	width: 292px;
	margin-left:10px;
	background: none;
}
#spot img{
	margin: 10px 0;
	border: 1px solid #DAE8E9;
}


/************TODASCOLECCIONES.PHP*********/
h5.tit-colec
{
	font-size: 14px;
}

div.contenido-coleccion
{
	width: auto;
	overflow: hidden;
}

div.imagen-aleatoria
{
	float: left;
	width: 98px;
	height: 156px;
	
}

div.descripcion
{
	float:right;
	font-size:14px;
	padding:2px;
	width:386px;
}

div.libros-link {
	background:#FFFFFF url(../images/bg-colecciones.gif) repeat-x scroll 0 0;
	float:right;
	font-size:12px;
	height:24px;
	padding-bottom:20px;
	width:100%;
}

div.libros-link a{
	background:transparent url(../images/btnBG.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	float:right;
	font-size:11px;
	height:20px;
	padding:3px 0 0 14px;
	width:66px;
}

div.bgH4
{
	background: #FFF url(../images/titulo.gif) repeat-x;
	overflow:hidden;


}

div.togglers
{
background:transparent url(../images/masInformacion.gif) no-repeat scroll 0 0;
float:right;
font-weight:normal;
height:18px;
margin:16px 25px 0 0;
padding:3px 0 0 15px;
width:113px;
}

div.togglers a
{
color:#FFFFFF;
font-size:11px;

}


div.titLibro
{
	color:#FFFFFF;
font-family:Georgia,serif;
font-size:19px;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
line-height:1.2em;
padding:7px 0 0 15px;
position:absolute;
width:300px;
}
.recent-activity{
    margin: 11px;
}