/* ------------------------------------------------------------------------ */
/* CSS ATELIER LIBROS                                                       */
/* ------------------------------------------------------------------------ */
/* Name: ATELIER LIBROS                                                     */
/* ------------------------------------------------------------------------ */

body		{margin:0 auto; padding:0; font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#D4D7E8}
form		{display:inline}
a			{font-size:10px; color:#000000; text-decoration:none}
a:hover		{font-size:10px; color:#EE9011; text-decoration:none}
p			{margin:0; padding:0}
h1 {margin:0; padding:0}
h2 {margin:0; padding:0}
h3 {margin:0 0 3px 0; clear:both; padding:0 0 2px 0; color:#B30F0F; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:lighter; border-bottom:1px solid #B30F0F}
h4 {margin:0; padding:0; margin-top:25px}
h5 {margin:0; padding:0; font-weight:bold; font-size:10px;}
select {font-size:9px;}
.global-hidden {display:none; margin:0; padding:0}
.tit {margin-top:42px; text-align:right;  font-size:12px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; margin-right:30px;}

.triangulo {position:relative; top:2px; left:13px;}

#global {width:777px; background-color:#FFFFFF; margin:0 auto; padding:0 0 10px 0}
#cabecera {width:777px; height:129px; background-image:url(../img/cabecera-fondo.png); background-repeat:no-repeat;}
.cabecera-logo {margin:28px 0 0 6px; padding:0 0 0 0}
#cabecera ul {padding:5px 0 0 12px; margin:0; float:left}
#cabecera li {margin: 0 0 0 -4px; padding: 0; list-style: none; display: inline}
#cabecera form { float:right; width:480px; margin:38px 0 0 0}
#cabecera fieldset { margin:0; padding:0; border:none}
#cabecera input { border:none; font-size:9px; padding:2px; margin:0 0 0 10px}
#izq {width:198px; float:left; padding:0; margin:0 0 0 9px;}
#der {width:532px; float:left; border-left:1px dotted #29388D; margin:0; padding:0 0 0 12px; line-height:16px;}
p.descripcion {line-height:16px; float:right; width:300px;}
#buscador {margin:0; padding:0;}
#buscador form {margin:0; padding:0; }
#buscador fieldset {width:198px; height:90px; margin:0; padding:33px 0 0 0; border:0; background-image:url(../img/buscador-fondo.png); background-repeat:no-repeat;}
#buscador input {border:1px solid #29388D; font-size:9px; padding:2px; margin:5px 0 0 10px}
#buscador select {font-size:9px; padding:2px; margin:5px 0 0 10px; width:120px}
#izq ul {margin:0; padding:0; list-style: none;}
#izq li {width:165px; padding:3px 3px 3px 20px; background-color:#D4D7E8; margin:2px 0 0 0; background-image:url(../img/navegador-flecha.png); background-repeat:no-repeat;}
#izq li.padre {width:165px; padding:3px 3px 3px 20px; background-color:#D4D7E8; margin:2px 0 0 0; background-image:none;  font-weight:bold; text-transform:uppercase;}
#izq li a {text-decoration:none; color:#000000}
#izq li a:hover {text-decoration:underline;}
#boletin { margin:7px 0 0 0; padding:0; background-image:url(../img/boletin-fondo.png); background-repeat:no-repeat; height:107px}
#boletin form {margin:0; padding:0}
#boletin fieldset {margin:0; padding:0; border:none}
#boletin input {border:none; font-size:9px; padding:2px; margin:0 0 0 6px; border:1px solid #29388D}
#boletin p {padding:25px 0 0 6px; margin:0 0 8px 0} 
.destacadosPVP {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#CC0000; margin:0 22px 0 0; float:left;}
#otrosprod-izq {width:265px; float:left; border-right:1px dotted #29388D; margin:15px 0 0 0}
#otrosprod-der {width:253px; float:right; margin:15px 0 0 0}
.otrosprod-cont {width:253px; border-bottom:1px solid #29388D; clear:both; margin:0 0 15px 0; padding:0 0 20px 0}
#otros-izq {width:261px; float:left;}
#otros-der {width:261px; float:right;}
.otros-cont {width:261px; border-bottom:1px solid #29388D; clear:both; margin:15px 0 0 0; padding:0 0 20px 0}
#pie {background-color:#17225E; color:#FFFFFF; margin:0 auto; width:777px; }
#pie p {padding:7px}
#pie a {text-transform:uppercase; color:#FFFFFF; font-weight:bold; text-decoration:none}
#pie a:hover {text-transform:uppercase; color:#FF9900; font-weight:bold; text-decoration:underline}
#path {float:left;margin:0 0 10px 0; padding:0; color:#29388D;clear:both;}
#path a {color:#29388D; text-decoration:underline}
#path a:hover {color:#ED8F0F; text-decoration:underline}
#producto {margin:7px 0 0px 0; padding:0; width:auto; overflow:auto; overflow:hidden;}
.producto-img {margin:0 35px 10px 0; padding:0;}
#producto table {width:304px; margin:0 0 0 0; padding:0; float:right;}
#producto caption {margin:0; padding:3px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#29388D; font-size:12px; font-weight:bold; text-align:left}
#producto th {width:50%; text-align:left; padding:5px; margin:0;}
#producto td {width:50%; text-align:left; padding:5px; margin:0;}
.producto-td-impar {background-color:#D4D7E8; margin:0;}
.stock { float:right; background-color:#E0DBDC; margin:0; padding:5px}
.catalogo {margin:0 0 30px 0; padding: 0 0 10px 0; border-bottom:1px dashed #17225E; clear:both;}
.catalogo img {float:left; margin:0 8px 8px 0;}
.catalogo p {padding:0 0 0 20px; margin:0}
.catalogoPVP {float:right; }
.destacadosPVPcat {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#CC0000; margin:0 0 10px 0}
.destacadosPVPcatoferta {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#CC0000; margin:0 0 10px 0; text-decoration:line-through}
div.paginacion { width:100%; text-align:center;  font-size:10px;}
div.paginacion p {padding:5px 5px 15px 5px;}
div.paginacion a { color:#29388D; text-decoration:underline;}
div.paginacion a:hover { color:#FF9900; text-decoration:underline;}


.ficha-p {width:300px; float:right; margin-bottom:20px; display:block;}
.downproducto {float:left; margin:20px 0 0 0; color:#990000}

#suscripcion {margin:0; padding:20px; border:0; width:500px; float:left} 
#suscripcion fieldset {margin:0; padding:0; border:0; width:400px;}
#suscripcion legend {display:none}
#suscripcion label {width:300px; padding:0 0 0 25px; margin:0;  float:left;}
div.error {margin-bottom:10px;  line-height:15px;  background-color:#FFFF99;  width:400px;  margin:0;  padding:5px;  font-weight:bold;  color: #000000;  border: 2px solid #FF0000;}
div.error p.error {  padding:5px;  width:90%;  font-weight: normal;  color: #811937;}
div.error p.error a.error{ 	text-decoration:underline; color: #811937;}
.input { font-size:10px; width:200px; padding:2px; margin:0 0 0 6px; border:1px solid #29388D}
label.obligatorioError { font-weight:bold; color:#FF0000;}
.inputError { font-size:10px; padding:2px; margin:0; width:200px;  background-color: #F2EAD2; border:1px solid #FF0000; }
.button {padding:2px; margin:0 auto;  font-size:12px; width:80px; background-color:#17225E; color:#ffffff; font-weight:bold; text-align:center; }


.solicitud {padding:0; margin:0; width:630px; background-color:#CFD2E5;}
.solicitud table {}
.solicitud table td {padding:5px 0 5px 0;}
.solicitud fieldset {padding:0; margin:0; border:none;}
.solicitud  legend {color:#29388D; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; margin:0 0 20px 0; padding:0; font-weight:bold; text-align:left}
.solicitud  label {padding:0 0 0 25px; margin:0; background-image:url(../img/vermas_f2.png); background-repeat:no-repeat; background-position: 0.5em; float:left;}
label.obligatorioError { padding:0 0 0 25px; font-weight:bold; color:#FF0000;}

#localizacion {float:left; margin:0 0 0 230px; padding:0; color:#29388D;}
#localizacion a {float:left;color:#29388D; text-decoration:underline}
#localizacion a:hover {float:left;color:#ED8F0F; text-decoration:underline}


#firma { width:778px; padding:0; margin:0 auto; padding:0px; clear:both; color:#00005E;}
#firma a { float:right; color:#00005E; text-decoration:none}
#firma a:hover {color:#00005E;}

.novedad {
border:0px;
padding:3px 0 0 0;
}

.arbol_actual li {
background-color:#A7ACCD!important;
background-image:url(../img/navegador-flechaA.gif)!important;
background-repeat:no-repeat;
margin:2px 0pt 0pt;
padding:3px 3px 3px 20px;
width:165px;
}

.arbol_actual li.padre {
background-image:none!important;
padding-left:2px!important;
width:183px!important;
}

.imagenes_adicionales {
float:left;
width:190px;
}