/*	LAIE


	Metodología CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web


	_Estilos para elementos de formularios */





form.enmarcado{width:544px;padding:20px 10px 10px 10px;float:left;clear:both;margin-top:-30px;border-left:1px solid #E1E1E1; border-right:1px solid #E1E1E1;  border-bottom:1px solid #E1E1E1; }


a.botonForm{}


a.botonForm:hover{}


select{ height:18px;border:1px solid #ccc;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#333;width:164px;padding:1px;height:21px;}





/*Buscador header*/ 


#buscador select{ width:90px; float:right; border:1px solid ##4C4C4C; margin-bottom:3px;margin-top:8px;}


#buscador input.texto{width:149px;}


#buscador input.boton{ width:auto; height:18px; font-size:10px;color: #FFFFFF; background:#0E2C5D; border:1px solid #FFFFFF; padding:0}


#buscador label {float:left;display:block;width:85px;padding-top:12px;}
#buscador label.palabrasBusqueda {display:none;}




/*Buscador avanzado*/ 


 form.buscador_avanzado{width:505px; float:left;}


 div> form.buscador_avanzado{width:500px; float:left;}





/*Formularios contenido*/ 


#contenido form label{width:74px;  font-size:11px; clear:left; text-transform:none; display:block; float:left; font-weight:bold; color:#0E2C5D}


#contenido form label.opcion{ width:auto; float:left; clear:none; margin-right:15px; }


#contenido form label.peq{ width:50px; float:left; clear:none; margin-right:5px; }


#contenido form label.opcion span{ color:#FF0000;}


#contenido form input{height:13px;}


#contenido form input.texto, #contenido form textarea{ width:420px}


#contenido form input.vacio{ border-color:#FF9900;}


#contenido form input.medio{ width:216px;}


#contenido form input.radio{ float:left; margin:2px 10px 10px 0px; clear:right;}


#contenido form input.check{  margin:2px 60px 10px 0px; clear:right;}


#contenido form input.peq2{ width:148px; float:left; margin:0px 10px 10px 0px; clear:none;}


#contenido form input.peq{ width:80px;}


#contenido form select{ width:420px; border-color:#ccc; font-size:10px; color:#999; padding:1px 1px 1px 5px; height:20px;}


#contenido form select.mediano{ width:196px; }


#contenido form .selector{ padding:3px 20px 0px 5px; float:left;}


#contenido form input{ font-size:10px; color:#999999;}
#contenido form textarea{ font-size:11px; color:#999999;}





#contenido form .action { float:right; padding-top: 20px; }


#contenido form .action a, #contenido input.boton {border:1px solid #0E2C5D; color:#0E2C5D; margin:0 5px 3px 0; padding:0 10px; text-align:center; vertical-align:middle; background-color:#FFFFFF; font-size:10px; height:20px; 


background: inherit;


font: inherit;


cursor: hand;


cursor: pointer;


height:auto;


}





#contenido form .action a{height:auto; }


#contenido div.datos{ display:block; clear:both; overflow:hidden; padding:10px 0px 40px 0px;}


#contenido div.datos_corto{ display:block; clear:both; overflow:hidden; padding:5px 0px 0px 0px;}


#contenido div.datos_corto input.texto{ width:363px;}


div>#contenido div.datos_corto input.text {width:366px; }


 #contenido div.datos_corto textarea{ width:363px;}


#contenido div.datos_corto select{ width:375px;}


div>#contenido div.datos_corto select{ width:378px;}


#contenido div.datos_corto label.margen{ float:left; padding:0px 0px 0px 25px;} 


#contenido form input.peq a{  float:left; margin:0px 10px 10px 0px; clear:none;}








/* CESTA COMPRA*/


.columnaProductos{float:left;width:268px;margin-right:10px;}


.mispedidos{width:268px;float:left;color:#0E2C5D;}


.mispedidos .titulo{width:257px;}


.mispedidos .caja{width:266px;padding:0;}


.formapago{width:215px;float:left;background-color:#ECECEC;margin-top:16px;}


.formapago .titulo{width:195px;}


.formapago .caja{width:213px;;padding:0;}


td{border-bottom:1px solid #D7D7D7;}


table.productos{margin:0 13px; width:239px;}


table.productos td{padding:0;margin:0;}


table.precios td{border:0;}





table.productos td.image {padding:10px 0 0 3px;}


table.productos td.product {padding:10px 3px 10px 3px;} 


table.productos td.quantity {padding:5px 0 5px 0px;}


table.productos td.product a{color:#00283F;font-size:9px;line-height:9px;}


table.productos td.product span.autor a{color:#4C4C4C;font-size:9px;}





#contenido form input,#contenido form select{ margin-bottom:10px;}


#contenido.cesta input.texto{ width:191px; text-align:right;height:14px;font-size:11px;color:#8C8C8C;font-style:italic;padding:0;margin-left:9px;margin-bottom:5px;}


#contenido.cesta label{font-size:11px;color:#0D2C5D; display:block; float:left;margin-left:9px;width:170px;}


#contenido.cesta select.selector{ color:#0D2C5D;width:193px;font-size:11px; padding-left:5px;margin-left:9px;}


#contenido.cesta .checkbox{float:left;margin: 2px 0 0 0;height:13px;}


#contenido.cesta label.check{margin-bottom:5px;}


#contenido.cesta .formapago label{width:170px;}





.tipoenvio{width:213px;float:left;margin-right:10px;}


.tipoenvio .titulo{width:202px;}


.tipoenvio .caja{width:211px;padding:0;}


div.caption{background-color:#ECECEC; padding:5px 0 3px 9px; font-family:georgia;font-size:10px;font-weight:bold;text-transform:uppercase;border-top:10px solid #FFFFFF;}


.borrar{text-transform:lowercase;}


#cantidad{color:#8C8C8C;border:1px solid #8C8C8C;font-size:10px;text-align:right;}


table.precios{border-left:1px solid #F0F0F0;}


table.precios .total{font-size:12px;color:#000;}


table.precios td{text-align:right;}


.totalCesta{background-color:#ECECEC;border-color:#FFFFFF;border-style:solid;border-width:5px 13px;font-family:georgia;font-size:10px;font-weight:bold;padding:5px 10px;text-transform:uppercase;font-family:georgia;font-size:12px;font-weight:bold;color:#00283F;}


.totalCesta div.total{float:right;color:#000;font-size:14px;font-family:arial;}


div.seguro{font-size:12px;color:#0E2C5D;background:url(images/seguro.png) no-repeat left 3px;padding-left:35px;font-weight:bold;width:110px;margin:25px 10px 0 10px;}


div.gris{background-color:#C8C8C8; padding:1px 0 2px 0;font-family:georgia;font-size:10px;font-weight:bold;text-transform:uppercase;margin-top:25px;}


#contenido.cesta .formapago label.visa{width:50px;}


#contenido.cesta .formapago label.transferencia{width:130px;}


#contenido.cesta  input.boton{margin:20px 0 0px 94px;width:110px;}


#contenido.cesta select.mes{width:110px;}


#contenido.cesta label.mes{width:115px;}


#contenido.cesta select.ano{width:67px;}


#contenido.cesta label.ano{width:auto;}


#contenido.cesta  input.ccv{width:60px;float:left;}


#contenido.cesta  a.ayuda{background:url(images/ayuda.png) no-repeat left top;width:15px;height:15px;display:block;float:left;margin-left:10px;}


div.transferencia{padding:0 9px 10px;}


div.cliente{margin-bottom:15px;}


#contenido.cesta .tipoenvio div.caption{border-bottom:5px solid #FFFFFF;}


.totalEnvio{background-color:#ECECEC;font-family:georgia;font-size:10px;font-weight:bold;padding:8px 10px;text-transform:uppercase;font-family:georgia;font-size:12px;font-weight:bold;color:#00283F;width:173px;margin:30px 0 15px 9px;}


.totalEnvio div.total{float:right;color:#000;font-size:14px;font-family:arial;}


#contenido.cesta #textarea{width:243px;border:#C8C8C8 solid 1px;}


.mispedidos div.peticiones{padding:10px;width:246px;font-size:11px;line-height:13px;}


#contenido.cesta .mispedidos div.peticiones label{margin-left:0;}


#contenido.cesta .formapago .tit{color:#0E2C5D;float:left;font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;font-weight:bold;padding:0 7px;background-color:#FFFFFF;margin-left:10px;margin-top:-15px;}


#contenido.cesta div.azul{text-align:center;color:#fff;background-color:#0D2C5D;border-top:10px solid #fff;font-family:Georgia,"Times New Roman",Times,serif;font-size:10px;font-weight:bold;padding:5px 0;}


#contenido.cesta div.totales{text-align:center;color:#fff;background-color:#8C8C8C;font-size:12px;font-weight:bold;padding:10px 0;}


#contenido.cesta div.totales span{font-size:14px;margin-left:10px;}


#contenido.cesta div.total{font-size:14px;}


#contenido.cesta div.totalcompra{border-top:1px solid #fff;padding:10px 0;font-size:24px;border-bottom:10px solid #fff;font-family:arial;}


#contenido.cesta input.pagar{margin:15px 0 15px 53px;}


input.seguro{margin-right:5px;margin-top:10px;}


a.seguirCompra{display:block;font-size:11px; text-decoration:underline;background:url(images/cesta.png) no-repeat right top;padding:18px 55px 2px 0;width:105px;font-weight:bold;margin:10px 0 10px 60px;}





a.cesta, a.favoritos{text-transform:lowercase;float:right;display:block;color:#0E2C5D;font-size:10px;}


a.cesta{background:url(images/cesta.png) no-repeat right top;padding:10px 50px 12px 0;}


a.favoritos{background:url(images/favoritos.png) no-repeat right top;margin-right:14px;padding:2px 33px 10px 0;margin-top:5px;}


.autenticacion{padding:15px 145px;width:424px;}


.beneficios li{list-style-position:inside;list-style-type:disc;color:#0E2C5D;}


#contenido form .login {border-right:1px solid #CECECE; width:265px;float:left;}


#contenido form .login label{width:90px;}


#contenido form .login .action{padding-top:0;}


#contenido form .login .action input{height:18px;margin-right:14px;width:70px;}


#contenido form .login input{width:157px;height:14px; float:left;}


#contenido form .login #usuario {padding-top:0;}


#contenido .autenticacion .recuperar{margin-left:15px;}


.textobeneficios{padding:15px 145px;}


.beneficios{padding:0;}


#contenido .beneficios{width:714px;}


#contenido form .actionRegistro{padding:10px 150px 10px 0px;width:564px;border-top:1px solid #CBCBCB;}


div.ayudaLogin{margin-top:15px;font-style:italic;}


#contenido div.ayudaLogin p{color:#8C8C8C;font-size:11px;}


#contenido .registro{padding:0;width:714px;}


.registroTit{background:transparent url(images/bg_titulo1.gif) no-repeat scroll -1px bottom;width:705px;_width:704px;_overflow:hidden;}


#contenido  .registro input{margin-bottom:0;margin-right:5px;}


#contenido  .registro input.nombre {width:456px;}


#contenido  .registro input.apellidos {width:448px;}


#contenido  .registro input.direccion {width:412px;}


#contenido  .registro input.localidad {width:163px;}


#contenido  .registro input.cp {width:53px;}


#contenido  .registro select.codPais {width:144px;margin-bottom:0;}


#contenido  .registro input.Pais {width:140px;}


#contenido  .registro label.comentarios{vertical-align:top;}


#contenido  .registro textarea.comentarios{width:438px;}


#contenido  .registro input.provincia {width:px;}


#contenido  .registro input.tlf,#contenido  .registro input.movil {width:198px;}


#contenido  .registro input.cif {width:196px;}


#contenido  .registro input.email {width:464px;}


#contenido  .registro input.emailRepetido {width:409px;}


#contenido  .registro input.clave {width:437px;}


#contenido  .registro input.claveRepetida{width:382px;}


#contenido  .registro label {float:none;display:inline;font-size:12px;font-weight:normal;}


#contenido  .registro div.field{padding-bottom:10px;}





#contenido  .registro div.textoReg{border-bottom:1px solid #EFEFEF;padding:15px 90px 0;}


#contenido  .registro div.textoReg p{font-size:11px;line-height:13px;}


#contenido  .registro div.content{padding:15px 90px 0;}





.suscripcionTop{border-bottom:1px solid #EFEFEF;padding:10px;}


.suscripcionLeft{float:left;width:190px;padding-top:5px;}


.suscripcionRight{border-left:1px solid #EFEFEF;float:left;width:414px;padding:5px 0 15px 15px;}


.suscripcionRight li{width:200px;float:left;}


li.activo{background-color:#9CEC70;margin-right:5px;}


.suscripcionRight li.activo{background-color:#9CEC70;margin-right:5px;width:195px;}


.suscripcionBottom{border-top:1px solid #EFEFEF;padding:10px 94px;}





.suscripcion{padding-left:90px;background:transparent url(images/fondoSusLibros.png) no-repeat left 15px;}


#suscripcion_audiovisuales.suscripcion{background:transparent url(images/fondoSusAudio.png) no-repeat left 15px;}


.suscripcion h3{font-size:12px;font-family:georgia;font-weight:bold;margin-bottom:0;color:#0D2C5D;margin-top:10px;}


.suscripcion h4{font-size:10px;font-weight:bold;color:#8C8C8C;margin-bottom:5px;}


.suscripcion div.materia{font-size:11px;font-weight:bold;margin-bottom:0;color:#000;margin:10px 0 5px 0;clear:both;}


#contenido .registro label.acepto{color:#4C4C4C;font-size:10px;}








.micuenta{padding:0;width:714px;}


.bienvenido{padding: 5px 10px;border-bottom:1px solid #EFEFEF;color:#000;font-size:10px;font-weight:bold;text-transform:uppercase;}


.bienvenido span{color:#76BF1E;font-size:12px;font-weight:bold;}


.panel{padding: 5px 10px;}


.micuenta .explicacion{width:395px;border-right:1px solid #D9D9D9;float:left;padding-right:10px;}


#contenido .micuenta .explicacion p{font-size:11px;}


.micuenta .panel form{width:268px;float:left;padding-left:20px;}


#contenido .panel form .action{padding-top:0;}


#contenido .panel form .action a{width:92px;margin-right:20px;}


#contenido .panel form .action a:hover,#contenido .panel form .action a.activo{background-color:#0E2C5D;color:#fff;text-decoration:none;}





#contenido .suscripcionTop a{cursor:pointer;}


#contenido .suscripcionTop a:hover,#contenido .suscripcionTop a.activo{background-color:#0E2C5D;color:#fff;text-decoration:none;}








.ayuda_buscador {margin-bottom:15px;}


#contenido .ayuda_buscador p{font-size:11px;}


#contenido #formSearch label{width:125px;margin-bottom:13px;}