@import url("secondary.css");

/* GENERAL */ 
html, body {margin:0; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:small;}
h1 {display:none;}
 
/* LAYOUT */ 
#pagewidth {width:930px; padding:0; text-align:left;margin-left:auto;margin-right:auto;} 
#header {position:relative; height:115px; width:100%;}
#wrapper {width: 100%; margin:0; margin-bottom:53px; padding:0;}
#leftcol {margin:0; padding:0; width:165px; float:left; position:relative; display:inline;}
#rightcol {margin:0; padding:0; width:155px; float:right; position:relative; display:inline;}
#twocols {display:inline; width:765px; float:right; margin:0; padding:0;}
#maincol {margin:0; float: left; display:inline; position: relative; width:580px; padding:0 10px 0 10px;}
.content {margin-bottom:15px; padding-bottom:10px; border-bottom-style:solid; border-bottom-color:lightgrey; border-bottom-width:thin; display:block;}
.content h3 {color:#CC3;font: 21px 'TiresiasInfofontRegular', Arial, Helvetica, sans-serif;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; display: block; height: 0; width: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

@media print{
	#leftcol,#footer{display:none;}
	#rightcol{display:none;}
	#twocols, #maincol{width:100%; float:none;}
}

/* HEADER */
#userMenu {color:#FFF; height:44px; background-color:#C1CC23; margin-top:36px; /*background-image:url(../images/conaculta.png); background-repeat:no-repeat; background-position:right;*/}
#userMenu ul { list-style: none; padding: 0; position:relative; top:30%; height:10px; margin-top:-5px; margin-left:4px; margin-right:176px;}
#userMenu li { float: left; margin: 0 7px;}
#userMenu li a { color:#FFF;}
#welcome a { text-decoration:none;}
.userMenuSpace {background-color:#FFF; width:1px;}
#logo { float:right; position:absolute; top:-32px; right:175px;}
#logo a img { border:none;}
#search {margin-top:30px;}
#search input {height:15px; width:530px;}
#search button {height:20px;}
#logoCona {float:right; margin-top:-23px; display:block;}
#logoCona a img { border:none;}

/* FOOTER */
#footer {width: 930px; position: fixed; bottom: 0px; background: #000; text-align: center; color:#FFF; font-size:10px;}
#footer a { color:#FFF;}
#footerbot {height: 20px;}
#footerbot ul {list-style:none; padding:0; margin:0;}
#footerbot ul li {display:inline;}
.fbizq {float:left; margin-top:4px; margin-left:10px;}
.fbizq ul li { padding-right:8px; margin-right:5px;}
.fbizq .int { border-right:#FFF solid thin;}
.fbizq .pri { border-right:#FFF solid thin;}
.fbder {float:right; margin-top:4px; margin-right:10px; width:470px; text-align:right;}
.fbder ul li { padding-left:8px; margin-left:5px;}
.fbder .int { border-left:#FFF solid thin;}
.fbder .ult { border-left:#FFF solid thin;}

/* BREADCRUMBS */
#breadCrumbs { margin-bottom:10px; font: 14px 'TiresiasInfofontRegular', Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#breadCrumbs a{ font: 14px 'TiresiasInfofontItalic', Arial, Helvetica, sans-serif; color:#C1CC23; text-decoration:none;}
.quebus { font-weight:normal; font-size:12px;}

/* LISTADO */
.itemPrecio {color:#F00; margin-right:15px;}
.itemoPrecioDis {text-decoration:line-through; margin-right:15px;}
.descuento {margin-right:15px; font-weight:bold;}
#listado .item {font-size:12px; display:block; height:100px; overflow:hidden; margin-bottom:15px; padding-bottom:10px; border-bottom-style:solid; border-bottom-color:lightgrey; border-bottom-width:thin;}
#listado .itemPic {float:left; width:100px; height:100px;}
#listado .itemTxt {float:right; width:470px;}
#listado .itemTitle a{display:block; margin-bottom:10px; color:#7D5A00; font-weight:bold;}
#listado .itemAutor {display:block; margin-bottom:5px;}
#listado .itemDescript {font-size:10px; display:block; height:27px; overflow:hidden; margin-top:10px;}

/* DETALLE */
#detalle .item {font-size:12px; display:block; margin-top:20px;}
#detalle .itemTitle {color:#7D5A00; font-weight:bold; font-size:16px; margin-top:25px; margin-bottom:15px;}
#detalle .itemPic {max-width:200px; max-height:200px; display:inline-block;}
#detalle .itemTxt {display:inline-block; padding-left:15px;}
#detalle .itemAutor {display:block; margin-bottom:45px;}
#detalle .itemDescript {display:block; margin-top:10px; padding:15px;}

/* RECOMENDACIONES INDEX */
#recomendaciones .item {font-size:12px; display:inline-block; margin:20px 11px;}
#recomendaciones .itemTitle a {font-weight:bold; margin-bottom:10px; display:block; height:30px; overflow:hidden; color:#83b5d0;}
#recomendaciones .itemPic {width:120px; height:120px;}
#recomendaciones .itemPic a img {border:none;}
#recomendaciones .itemTxt {width:120px;}

/* NOVEDADES INDEX */
#novedades .item {font-size:12px; display:inline-block; margin:20px 11px;}
#novedades .itemTitle a {font-weight:bold; margin-bottom:10px; display:block; height:30px; overflow:hidden; color:#83b5d0;}
#novedades .itemPic {width:120px; height:120px;}
#novedades .itemPic a img {border:none;}
#novedades .itemTxt {width:120px;}

/* LATERAL DERECHO */
#rightcol .item {font-size:12px; display:block; margin:10px 0; text-align:left;}
#rightcol .itemTitle a {font-weight:bold; margin-bottom:15px; display:block; height:30px; overflow:hidden; color:#83b5d0; padding-top:20px; width:130px;}
#rightcol .itemPic {width:50px; height:50px; float:right;}
#rightcol .itemPic a img {border:none;}
#rightcol .itemTxt {width:80px; display:inline;}

/* MENU NOSOTROS */
#nosotrosMenu { padding: 0; margin: 0;}
#nosotrosMenu ul { margin:0; padding:0; }
#nosotrosMenu li { display: inline-block; text-align:center; width:24%; list-style-image:none; list-style-type:none; margin:0; padding:0; background-color:#454545; border-top-color:#000; border-top-style:solid; border-top-width:1px;}
#nosotrosMenu li a{ color:white; font-weight:bold; font:11px/28px 'TiresiasInfofontRegular', Arial, Helvetica, sans-serif;}
#nosotrosMenu li:hover, #nosotrosMenu li:active {background-color:#000;}
.imgMarginRight {border-width: 0 10px 0 0; border-color:white; border-style:solid;}
h5 {background-color:#454545; color:white; padding:4px; margin-bottom:0px;}
h5:before {content:'\00A0'}

.barrapedido {background-color:#c1c023;}
#esUnMorpheFlash{display:none;}
#esUnMorpheHtml{display:inline;}