/* Para evitar problemas con los estilos que se puedan definir en
   otra zona de la web con el mismo nombre, a todos los estilos 
   de la tienda se le ha puesto delante el nombre ID #tienda */

/*TIENDA*/
/*este es el div de todo el centro de la tienda, donde 
             se iran introduciendo todos los controles */
#tienda {width:97%; float:left; background-color:#ffffff; text-align:justify; color:#000; font-size:0.7em; padding:0 0 0 0em; margin:0 0 0px 0; font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;}
#tienda fieldset legend {color:#000;font-weight:bold;}

#tienda_pago {width:97%; float:left; background-color:#ffffff; text-align:justify; color:#000; font-size:1.0em; padding:0 0 0 0em; margin:0 0 0px 0; font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;}

#contenido_centro #tienda p { font-size:1em; letter-spacing:0.1em; padding:0.3em 0.3em 0.3em 0; text-align:justify; margin:0.5em 0 0.5em 0;  color:#000; clear:both;}
#contenido_centro #tienda ul { list-style-type:disc; font-size:1.1em; margin:auto auto auto auto; padding:0em 0.3em 0em 0.8em; float:left;}
#contenido_centro #tienda ul li { padding:0.1em;}
#contenido_centro #tienda ul li ul { list-style-type:disc; font-size:0.9em; margin:auto auto auto auto; padding:0em 0.3em 0em 0.8em; float:left;}
#contenido_centro #tienda ul li ul li{ padding:0.1em;}
#contenido_centro #tienda h2 { font-size:1em; text-align:left; margin:0.2em; color:#000; font-weight:bold;}
#contenido_centro #tienda h3 { font-size:0.9em; text-align:left; margin:0.2em; color:#000; font-weight:bold;}
#contenido_centro #tienda h2.enlaces { font-size:1.1em; text-align:left; margin:0.5em 0.2em 0.2em 0em; color:#000; background-color:#fff; font-weight:bold; padding:0.5em 0 0 0.4em; width:70%; border-bottom:1px solid #989898; letter-spacing:0.1em; clear:both;}

#contenido_centro #tienda #secc { width:97%; height:auto; padding:0; margin:0.5em 0 0 0; background-color:#fff; float:left;}
#contenido_centro #tienda #secc h1 { font-size:1.2em; margin:0 0 0 0em; padding:0 0 0 0; color:#628600; text-align:left; letter-spacing:0.1em; width:67%; font-weight:bold; font-style:italic; float:left; border-bottom:3px solid #628600; }
#contenido_centro #tienda a { font-size:1em; font-weight:bold; text-align:left; margin:0 0 0 0.2em;text-decoration:none;}
#contenido_centro #tienda a:hover{text-decoration:underline;}
#tienda .errorn {color:Red;font-weight:bold;}
#tienda .error {color:Red; font-family:Arial;}


/*BIENVENIDOUSUARIO*/
/*Menu superior de autentificado*/
/* Esta parte no lleva el ID #tienda porque su colocacion dentro 
   de la Web puede ser externa a la tienda */
.opc { width:100%; height:auto; padding:0; margin:0 ; background-color:#fff; text-align:right; color:#6f6f6f;}
.opc ul { list-style-type:none; margin:0em 0.5em 0.2em 0; padding:0; float:right; font-size:1.5em; clear:both; }
.opc ul li { float:left; margin:0 0 0 0.1em; background-color:#fff;   }
.opc ul li img { vertical-align:middle; margin:0.2em 0.2em 0 0 ; float:left;}
.opc ul li span { color:#628600; text-decoration:none; font-size:0.8em; font-style:italic; font-weight:bold;}
.opc ul li a { color:#628600; text-decoration:none; font-size:0.7em; float:left;}
.opc ul li a:hover { color:#000000; text-decoration:underline;}


/*VIEW PRODUCTOS*/
/*Zona izquierda*/
/*TIENDA*/

#tienda #productos { width:70%; float:left; background-color:#ffffff; text-align:justify; color:#000; padding:0 0 0 0em; margin:0 0 0px 0; font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;}
#tienda .pareja {clear:both;}

#tienda .producto {text-align:center; width:45%; float:left; margin:0.5em 0.2em 1.2em 0.2em; background-color:#fff;   }
#tienda .producto .titulo_producto {font-weight:bold; color:#000; font-size:1.3em; background-color:#fff; width:100%; display:block; }
#tienda .producto .div_img_pro {width:30%; float:left; padding:0.1em; margin:0.3em 0 0 0; }
#tienda .producto .div_des_pro {width:60%; float:left; font-size:0.9em; margin:0.3em 0 0 0; }
#tienda .producto .div_des_pro p {margin:0.5em; text-align:left; float:left; width:100%;}*/
#tienda .producto .div_des_pro p{ font-size:1em; letter-spacing:0.1em; padding:0.3em 0.3em 0.3em 0; text-align:justify; margin:0.5em 0 0.5em 0;  color:#000; clear:both;}
#tienda .producto .sumar_cesta {width:100%; float:right; color:#628600;}
#tienda .producto .sumar_cesta input {width:10%;font-size:0.9em; border:solid 1px #628600;}
#tienda .producto .sumar_cesta label {font-size:0.7em; color:#FFFFFF; font-weight:bold;}
#tienda .producto .sumar_cesta .boton_sumar_cesta {width:auto; background-color:#628600; color:#fff; font-size:1em; cursor:pointer; border:1px solid #fff; letter-spacing:0.1em;}
#tienda .divpasos {width:100%; float:left; text-align:center; margin-top:2%;}
#tienda .boton_tienda {width:auto; border:solid 2px #628600; background-color:#FFFFFF; color:#628600; font-size:1em; cursor:pointer;}

/*Zona derecha*/
#tienda #cestad { width:220px; height:auto; background-color:#fff; padding:0em 0 2em 0; margin:0.5em 0 0 0; float:left; }
/*formulario de autentificacion*/
#tienda #cestad .opc1 {}
/*#tienda #cestad .opc1 .fieldset {border:1px #000 solid; float:left; width:100%; padding:0px;}
#tienda #cestad .opc1 .fieldset { float:left; }
#tienda #cestad .opc1 .fieldset table td {background-color:#fff; border:0;padding:0;margin:0;}
#tienda #cestad .opc1 .fieldset label { font-size:1.3em; font-weight:bold; text-align:left; float:left;}
#tienda #cestad .opc1 .fieldset input { color:#628600; border:#000 1px solid; padding:0.3em 0 0.3em 0.2em; margin:0.3em 0.3em 0 0em; width:14em; height:1.2em; font-size:1.2em } 
#tienda #cestad .opc1 .fieldset .titulo_ident {font-weight:bold; text-align:center; font-size:0.9em; width:100%; display:block; margin:0; padding:0em; background-color:#000; color:#fff; letter-spacing:0.2em;}
#tienda #cestad .opc1 .fieldset .p {float:left; width:95%; font-variant:normal; margin-top:2px; letter-spacing:0.1em; padding:0.3em; text-align:center; margin:0.5em; color:#000;}
#tienda #cestad .opc1 .fieldset .div_btn_entrar {width:100%; float:right; background-color:#628600; color:#FFFFFF; padding:0.1em 0 0 0; letter-spacing:0.1em; font-size:1.2em;}
#tienda #cestad .opc1 .fieldset .div_btn_entrar .btn_entrar {width:auto; height:auto;  background-color:#628600; color:#fff; font-size:1em; cursor:pointer; border:1px solid #fff; letter-spacing:0.1em; margin:0;padding:0;}
*/
#tienda #cestad #cabecera_cesta {font-weight:bold; text-align:center;  width:100%; display:block; margin:0; padding:0.1em; background-color:#000; color:#fff; letter-spacing:0.2em;}
#tienda #cestad .opc1 div  {width:100%; margin:10px 0 0 0; background-color:#fff;  }
#tienda #cestad .opc1 div span {float:left; width:62%; background-color:#E4E4E4; height:auto; margin:0; padding:0.3em; text-align:center; font-variant:small-caps; border:1px solid #fff; color:#000; font-weight:normal;}
#tienda #cestad .opc1 div span.preciocesta {float: right;width:30%;}

/*tabla de cesta*/
#tienda #cestad table { width: 100%; height: auto; margin: 0; padding: 0; float:left;}
#tienda #cestad table caption {font-weight:bold; text-align:center; width:100%; display:block; margin:0; padding:0.1em; background-color:#000; color:#fff; letter-spacing:0.2em;}
#tienda #cestad table caption img { padding:0; margin:0; vertical-align:middle; }
#tienda #cestad caption a { padding:0; margin:0 0 0 4em; text-align:right; }
#tienda #cestad table thead { float:left; width:100%; margin:0.5em 0 0 0; padding:0;}
#tienda #cestad table tbody { float:left; width:100%; margin:0 0 0 0; padding:0;}
#tienda #cestad table tr {width:100%; margin:0 0 0 0; padding:0; background-color:#fff; font-size:0.9em; float:left; display:block; }
#tienda #cestad table td { width:auto; background-color:#E4E4E4; height:auto; margin:0; padding:0.2em; text-align:center; font-variant:small-caps; border:1px solid #fff; color:#000; font-weight:normal;}
#tienda #cestad table th {width:auto; background-color:#628600; height:auto; margin:0; padding:0.1em; text-align:center; font-variant:small-caps; border:1px solid #fff; color:#fff; font-weight:bold;}
#tienda #cestad th.ud { width:25px;}
#tienda #cestad td.ud { width:25px;}
#tienda #cestad th.pro { width:140px;}
#tienda #cestad td.pro { width:140px;}
#tienda #cestad th.imp { width:55px;}
#tienda #cestad td.imp { width:55px;}
#tienda #cestad td.total { width:165px; font-weight:bold; font-size:1em; text-align:left; }


/*VIEW NUEVO USUARIO*/
#tienda .registro_clientes {width:70%;}
#tienda .registro_clientes .fieldset {float:left; color:#628600; width:100%; font-size:1.2em;}
#tienda .registro_clientes .fieldset div {font-size:0.9em; width:100%;display:block;}
#tienda .registro_clientes .fieldset .chkbox input {border:0;}
#tienda .registro_clientes p {text-align:justify; font-size:0.8em;}
#tienda .registro_clientes .fieldset div span {float:left;width:30%;text-align:right;margin:10px 10px 10px 0;}
#tienda .registro_clientes .fieldset div input ,#tienda .registro_clientes .fieldset div select {float:left;width:65%;margin:10px 0;}

/*VIEW CESTA*/
#tienda #cesta {float:left; width:80%;}
#tienda .fieldset_tienda { text-align:center; padding:1%; color:#000; border:solid 2px #000;}
#tienda .fieldset_tienda legend {color:#000;}
#tienda .tablaCesta {width:95%; text-align:center; font-size:1em; border:solid 1px #fff; background-color:#fff;}
#tienda .tablaCesta td {background-color:#628600; width:auto; color:#fff;}
#tienda .tablaCesta th {background-color:#000; color:#FFF; width:auto;}
#tienda .tablaCesta input { font-size:1em; }
#tienda .cabtablaCesta {width:94%; color:#FFF; font-size:1em; border:solid 2px #628600; border-bottom:none; text-align:center; background-color:#000; font-weight:bold;}
#tienda .divdatoscesta {color:#fff; background-color:#628600; width:94%; text-align:center; font-size:1em; border:solid 2px #628600;}
#tienda .divdatoscesta div {width:95%; text-align:left;}
#tienda .divdatoscesta div textarea {width:100%; margin-bottom:2%;}
#tienda .boton_tienda {width:auto; background-color:#fff; color:#628600; font-size:1em; cursor:pointer; border:2px solid #000; letter-spacing:0.1em;}


/*LOGIN */
/*#tienda #login {float:left; width:80%;}*/
#tienda #login {float:left; width:100%;text-align:center; padding:1%; color:#000; font-size:1.3em;}
#tienda .field_login {width:100%;text-align:center; padding:1%; color:#000; border:solid 2px #000;}
#tienda #login table {width:100%;background-color:#fff; border:0;padding:0;margin:2em;}
#tienda #login label { font-size:1.3em; font-weight:bold; text-align:left; float:left;}
#tienda #login input { color:#628600; border:#000 1px solid; padding:0.3em 0 0.3em 0.2em; margin:0.3em 0.3em 0 0em; width:14em; height:1.5em; font-size:1.2em } 

#tienda #login .botonform {border:#ffffff 1px solid;margin:5px 5px 0px 0px; width:95px; cursor:pointer; color: #FFFFFF; height:30px; background-color:#628600;}


#tienda #login .field_login .etiqueta40 {width:50%; float:left; text-align:right;padding:0.3em 0 0.3em 0.2em;}
#tienda #login .field_login .txt {width:40%; float:left; }
#tienda #login .field_login {float:left; width:50%; color:#555555; border:solid 2px #628600; font-size:0.8em; font-weight:700;}
#tienda #login .field_login .centrado {text-align:center;}
#tienda #login .field_login legend {color:#555555; font-size:1.4em; font-weight:700;}
#tienda #login .spanrecuerdo {width:100%; float:left; text-align:center;}
#tienda #login .field_login .boton_enviar {float:none; width:auto; margin: auto auto 1% auto;padding:0;background-color:#fff; color:#628600; font-size:1em; cursor:pointer; border:2px solid #000; letter-spacing:0.1em;}

#areaimpresion p {  text-align:justify;}
#areaimpresion li { float:left; }