﻿/* CSS Document ñ */
html { height:100%; width:100%; text-align:center; background-color:#F5F5F5; margin:0; padding:0;  font:200%;  text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/}
body, td, th { width:100%; font-family: "trebuchet MS", arial; color:#000000; margin:0 0 0 0; padding:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {font-weight: normal; margin: 0 0 1em 0; clear:both;}
sup { position: relative; bottom: 0.3em;	vertical-align: baseline;}
sub { position: relative; bottom: -0.2em;	vertical-align: baseline;}
li, dd, blockquote { margin-left: 1em;}
a, a:link, a:visited, a:hover, a:active { text-decoration:underline;}
a { color:#7DB713; text-decoration:underline;}
a:hover { color:#000; }
a img {	border: none;	text-decoration: none;}
img { border: none;	text-decoration: none;}
.negrita { font-weight:bold;}
hr { color:#FFFFFF; height:0.5px; }
abbr, acronym { border-bottom:1px dotted #000; cursor:help;}
a acronym { text-decoration:none;}
.img_l { float:left; margin:0; padding:0.2em; background-color:#FFFFFF; border:3px solid #B5B5B5;}
.img_r { float:right; margin:0; padding:0.2em; background-color:#FFFFFF; border:3px solid #B5B5B5;}
.img_c { float:none; padding:0.2em; background-color:#FFFFFF; border:3px solid #B5B5B5; display:block; margin:auto;}
.negrita { font-weight:bold;}
h2{font-size:1.2em; color:Fuchsia;}
input[type=submit].tipo_submit{ font-weight:bold;border:solid 1px #ED479B;width:auto; background-color:#D6EEA0;padding:3px;}
.enlace_boton {text-decoration:none; font-size:0.9em; color:#000; padding:3px; font-weight:bold; background-color:#D6EEA0; width:auto; border:solid 1px #ED479B;  }
#contenedor { width:981px; height:auto; background-color:#fff; margin:0.5em auto 0px auto; display:block; overflow:hidden; padding:0 0 0em 0; }

#cab { width:981px; height:243px; padding:0; margin:0; background-color:#fff; text-align:right; color:#000; background-image:url(../imgweb/cab.jpg); background-repeat:no-repeat; float:left;}

#medio { width:981px; height:100%; margin:0; padding:0; background-color:#fff; float:left; }
/*  MENU  */
#menu { width:308px; min-height:340px; height:100%; float:left; margin:0; padding:0 5px 5px 0; text-align:left; font-size:0.8em; letter-spacing:0.1em;  background-image:url(../imgweb/bgmenu.gif); background-repeat:no-repeat; background-position:top left; background-color:#fff;}
#menu ul { list-style:none; margin:5em 0 0 2.5em; padding:0; border:none; height:auto;  font-weight:600; width:200px; }
#menu ul li { width:100%; height:auto; font-size:1em; text-align:left; padding:0; margin:0 0 0.5em 0;  }
#menu ul li a { text-decoration:none; color:#fff;  padding:0.2em; width:95%; display:block;  }
#menu ul li a:hover { color:#E32B83; background-color:#A9CA5C; }

#menu #familias{margin-bottom:0.5em; margin-left:2em; margin-top:0.5em;}
#menu ul.familiasprod {background-color:#E6E6E6; margin:0; padding:0.4em 0 0;}
#menu ul.familiasprod a {color:#E32B83;}
#menu ul.familiasprod li {margin-left:1.5em}

/*CONTENIDO CENTRO*/
#contenido_centro { width:660px; min-height:378px; height:100%; margin:0em 0 1em 0 ; padding:0; background-color:#fff; float:left; font-size:1em; background-image:url(../imgweb/bgconten.gif); background-repeat:repeat-y; background-position:right;}
#contenido_centro #secc { width:100%; height:35px; padding:0; margin:0.5em 0 0.5em 0;  float:left; background-color:#fff;}
#contenido_centro #secc h1 { font-size:1.05em; margin:0.9em 0 0 0em; padding:0 0 0 0; color:#9D9D9D; text-align:left; letter-spacing:0.2em; width:100%; font-weight:bold; font-style:italic; height:auto; border-bottom:1px solid #E6E6E6;  }
#contenido_centro #secc.secc01 { background-image:url(../imgweb/bgseccion01.gif); background-repeat:no-repeat; background-position:right;}
#contenido_centro #secc.secc02 { background-image:url(../imgweb/bgseccion02.gif); background-repeat:no-repeat; background-position:right;}
#contenido_centro #secc.secc03 { background-image:url(../imgweb/bgseccion03.gif); background-repeat:no-repeat; background-position:right;}
#contenido_centro #secc.secc04 { background-image:url(../imgweb/bgseccion04.gif); background-repeat:no-repeat; background-position:right;}
#contenido_centro #secc.secc05 { background-image:url(../imgweb/bgseccion05.gif); background-repeat:no-repeat; background-position:right;}
#contenido_centro #secc.secc06 { background-image:url(../imgweb/bgseccion06.gif); background-repeat:no-repeat; background-position:right;}
#contenido_centro #secc.secc07 { background-image:url(../imgweb/bgseccion07.gif); background-repeat:no-repeat; background-position:right;}
#contenido_centro #secc.secc08 { background-image:url(../imgweb/bgseccion08.gif); background-repeat:no-repeat; background-position:right;}
#contenido_centro #txt { width:99%; text-align:justify; color:#880A6D; font-size:0.7em; padding:0 0 0 0em; margin:0; font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; float:left;}
#contenido_centro #txt p, #contenido_centro #txt_reducido p { font-size:1.1em; letter-spacing:0.1em; padding:0.3em 0.3em 0.3em 0; text-align:justify; margin:0.5em 0 0.5em 0;   clear:both;}
#contenido_centro #txt ul { list-style-type:disc; font-size:1.1em; }
#contenido_centro #txt ul li { padding:0.1em; list-style-type:disc; font-size:1em; }
#contenido_centro #txt ul li ul li { list-style-type:disc; font-size:1em; }
#contenido_centro #txt h1 { font-size:1.2em; text-align:left; margin:0.2em 0 0.2em 0; color:#7E7E7E; font-weight:bold;}
#contenido_centro #txt h2 { font-size:1.1em; text-align:left; margin:0.2em 0 0.2em 0; color:#000; font-weight:bold;}
#contenido_centro #txt h3 { font-size:0.9em; text-align:left; margin:0.2em 0 0.2em 0; color:#000; font-weight:bold;}

#contenido_centro #txt_reducido { width:69%; text-align:justify; color:#880A6D; background-color:#fff; font-size:0.7em; padding:0; margin:0; float:left;}
#contenido_centro #txt_reducido h1 { font-size:1.2em; text-align:left; margin:0.2em 0 0.2em 0; color:#7E7E7E; font-weight:bold;}
#contenido_centro #txt_reducido 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 #txt_reducido ul li { padding:0.1em;}
#contenido_centro #derecha { width:29%; background-color:#fff; padding:0; margin:0; float:right; text-align:center; border-left:1px solid #A9CA5C;}
#contenido_centro #derecha h1 { background-color:#E32B83; width:95%; display:block; margin:0 0 0.7em 0.6em; color:#FFFFFF; font-weight:bold; font-size:0.8em; letter-spacing:0.2em;}
#contenido_centro #derecha ul { float:left;  padding:0; margin:0; list-style-type:none; text-align:center; }
#contenido_centro #derecha ul li { display:block; margin:0 0 0 0.5em;}

/*LISTADO DE PRODUCTOS*/
#contenido_centro #txt ul.productos { text-align:center;}
#contenido_centro #txt ul.productos li {float:left; width:30%;list-style:none; margin-bottom:15px; height:auto; }
#contenido_centro #txt ul.productos li p { text-align:center;}
#contenido_centro #txt ul.productos li p.nombre_producto{height:40px; max-height:40px; min-height:40px; color :#E32B83;font-size:1.2em;font-weight:bold;letter-spacing:1px;margin:0;}
#tres_fotos{width:100%;clear:both;border-bottom:1px solid #A9CA5C; float:left;margin-bottom:15px;}
hr.ventas {border:none;clear:both;display:none;
float:left;
height:1.5px;
width:50%;
background-color:#A9CA5C;}

/*DETALLE DE PRODUCTO*/
#contenido_centro #txt .imgproducto {width:50%; float:left;}
#contenido_centro #txt .datosproducto {width:50%; float:left;}

.atencion {clear:both;background-color:#F79093;float:left;margin-bottom:1%;font-size:0.9em;}
.atencion h2 {color:#FF0000;font-weight:bold;}

/*FOOT*/
#foot { width:981px; height:185px; padding:0; margin:0; background-color:#fff; color:#FFFFFF; float:left; background-image:url(../imgweb/bgpie.gif); background-repeat:no-repeat; background-position:top left; }
#foot  p { font-size:0.7em; font-weight:500; margin:2.2em 0em 0.5em 23em; padding:0 0 0 0.5em; text-align:left;}
#foot  a { text-decoration:none; color:#E32B83;}
#foot  a:hover { text-decoration: underline; color:#E32B83;}
/* id para el contacto */
#txtlegal {padding:2.5% 0% 2% 0%;font-size:0.9em;width:100%;}
form {}
form span {display:block;text-align:left;font-size:0.9em;font-weight:bold;margin-left:12px;margin-right:10px;color:#000000;padding: 3px 0px 3px 0px;}

/*CONTACTO*/
#contacto {width:100%; height:auto; padding:0; margin:0 0 0px 0; overflow:auto;}
form p {margin:5px; text-align:left;}
label {font-size:1,5pt; color:#666666; margin:0; padding:0;  }
fieldset {color:#000000;}
legend {color:#CCCCCC; font-size: 13pt;}
.botonform {border-color:#A9CA5C; border-style:solid; border-width: 1px; background-color:#E32B83; color:#fff; margin:0 0 0 0px; cursor:pointer;}
#cuerpolegal {text-align:justify; font-size:0.9em;}
#contactoder {float:left; width:49%; padding:0; margin:0;}
#contactoder .txtlegal {font-size:0.9em; color:#666666;}
#contactoder textarea {width: 95%; border:1px solid #A9CA5C; margin:0 0 0 15px; padding:0;}
#contactoizq {float:left; width:50%;}
#contactoizq input {width:95%; margin:0 0 0 15px; border:1px solid #A9CA5C;}
#contactoder input {width:95%; margin:0 0 0 15px; border:1px solid #A9CA5C;}
.error { color:#A9CA5C;}
.ok { color:#A9CA5C;}


/*FRANQUICIAS*/
#franquicia {width:100%; height:auto; padding:0; margin:0 0 0px 0; overflow:auto;}
#franquicia form p {margin:5px; text-align:left;}
#franquicia label {font-size:1,5pt; color:#666666; margin:0; padding:0;  }
#franquicia fieldset {color:#000000;}
#franquicia legend {color:#CCCCCC; font-size: 13pt;}
#franquicia .botonformfranq {background-color:#E32B83; font-size:9pt; color:#fff; border:1px solid #A9CA5C; margin:0 0 0 0px; cursor:pointer; font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; letter-spacing:0; width:30em; }
a.botonformfranq { font-size:9pt; text-decoration:none; background-color:#E32B83; color:#fff; border:0; border:1px solid #A9CA5C; margin:0 0 0 0px; cursor:pointer; padding:0.1em 0.5em 0.1em 0.5em;  font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; letter-spacing:0;}
#franquicia #cuerpolegal {text-align:justify; font-size:0.9em;}
#franquicia #contactoder {float:left; width:49%; padding:0; margin:0;}
#franquicia #contactoder .txtlegal {font-size:0.9em; color:#666666;}
#franquicia #contactoder textarea {width: 95%; border:1px solid #A9CA5C; margin:0 0 0 15px; padding:0;}
#franquicia #contactoizq {float:left; width:49%;}
#franquicia #contactoizq input {width:95%; margin:0 0 0 15px; border:1px solid #A9CA5C;}
#franquicia #contactoder input {width:95%; margin:0 0 0 15px; border:1px solid #A9CA5C;}
#franquicia #contactoder span { float:left;}
#franquicia #contactoder input.radio { width:auto; float:left;}
#franquicia select {
border:1px solid #A9CA5C;
margin:0 0 0 15px;
width:95%;
}
#franquicia .error { color:#A9CA5C;}
#franquicia .ok { color:#A9CA5C;}
#capaexpansion {} 
#franquicia #contactoder span.radio { float:left; width:40%;  }
#franquicia #contactoder span.radio input {  width:20px; margin:0 0 0 0px; float:left;  background-color:#fff;  }
#franquicia #contactoder span.radio label {   background-color:#fff;float:left; margin:0 0 0 5px; padding:0; font-weight:lighter; color:#000; height:auto; }

/*BODAS*/
#contenido_centro #txt ul.bodas { width:auto; float:left; margin:0; padding:0; list-style-type:none;}
#contenido_centro #txt ul.bodas li { float:left; padding:0; margin:0 1em 1em 0; border:2px solid #F2F2F2; list-style-type:none}

#contenido_centro #txt dl { width: auto; }
#contenido_centro #txt dl,dd { margin: 0; }
#contenido_centro #txt dt { font-size:1.3em; text-align:left; margin:0.1em 0 0.2em 0; background-color:#A9CA5C; color:#fff; font-weight:bold; padding:0.2em; clear:both; }
#contenido_centro #txt dt a { color: #FFF; text-decoration:none }
#contenido_centro #txt dt a:hover { color:#E32B83; text-decoration:none;}
#contenido_centro #txt dd a { color: #000; }
#contenido_centro #txt ul { list-style: none; padding: 5px; }



/*REALIZACION DE PEDIDOS*/

.span_precios{ margin:0 15 0 0;padding:0;display:inline; color:#000000; font-weight:bold; letter-spacing:1px;font-size:1.8em;text-decoration:none;text-align:right;padding-top:15px;}

#proceso_compra{float:left;margin-top:5px;}
#proceso_compra span.label_info{padding-left:8px; font-weight:normal; background-color:#fff; margin:0 0 0 0px;display:inline;}
#proceso_compra span.label_etq{ font-weight:bold; background-color:#fff;border-bottom:1px dotted #A9CA5C;margin:0 0 0 0px;}
#proceso_compra input{border:1px solid #A9CA5C; margin:0 0 0 0px; width:95%;}
#proceso_compra input.inputs_alineados{border:1px solid #A9CA5C; margin:0; width:30%;}
#proceso_compra select{border:1px solid #A9CA5C; margin:0 0 0 0px; width:95%;}
#proceso_compra textarea{border:1px solid #A9CA5C; margin:0 0 0 0px; width:95%;height:90px;}
#proceso_compra span{color:#000000; display:block; font-size:0.9em; font-weight:bold; margin-left:0px; margin-right:10px; padding:3px 0; text-align:left;}
#proceso_compra h1{ background-color:#D6EEA0; font-size:1.2em;font-size:1em; padding:2px 2px 2px 10px; }
#proceso_compra span.radio input{margin:10px;width:auto;}

#detalle_producto{}
 
#detalle_producto_der span.label_info{padding-left:8px; font-weight:normal; font-size:0.8em;background-color:#fff; margin:0 0 0 0px;display:inline;}
#detalle_producto_der span.label_etq{ font-size:0.8em;font-weight:bold; background-color:#fff;border-bottom:1px dotted #A9CA5C;margin:0 0 0 0px;}
#detalle_producto_izq p{font-style:italic;font-size:15px;}
#detalle_producto_izq{width:48%;float:left;}
#detalle_producto_izq img{padding-bottom:15px;}
#detalle_producto_der{width:51%;float:right;padding-top:15px;}
#detalle_producto_der span {font-size:1em; font-weight:bold; padding:10px;}
.precios{color:#000000; font-weight:bold; letter-spacing:1px;font-size:1.2em;text-decoration:none;}


#detalle_producto_resumen_der span.precios{color:#000000; font-weight:bold; letter-spacing:1px;font-size:1.8em;text-decoration:none;text-align:right;padding-top:15px;}
#detalle_producto_resumen_der span.label_info{padding-left:8px; font-weight:normal; font-size:0.8em;background-color:#fff; margin:0 0 0 0px;display:inline;}
#detalle_producto_resumen_der span.label_etq{ font-size:0.8em;font-weight:bold; background-color:#fff;border-bottom:1px dotted #A9CA5C;margin:0 0 0 0px;}
#detalle_producto_resumen_izq p{font-style:italic;font-size:15px;}
#detalle_producto_resumen_izq{width:32%;float:left;}
#detalle_producto_resumen_izq img{padding-bottom:15px;}
#detalle_producto_resumen_der{width:67%;float:right;}
#detalle_producto_resumen_der span {font-size:1em; font-weight:bold;}
.precios{color:#000000; font-weight:bold; letter-spacing:1px;font-size:1.2em;text-decoration:none;}
#detalle_producto_resumen_der span.precios{color:#000000; font-weight:bold; letter-spacing:1px;font-size:1.8em;text-decoration:none;text-align:right;padding-top:15px;}


#padding{height:50px;}
#datos_receptor{}
#datos_receptor_izq{width:50%;float:left;}
#datos_receptor_der{width:50%;float:right;}
#datos_receptor input{border:1px solid #A9CA5C; margin:0 0 0 0px; width:95%;}
#datos_receptor input.inputs_alineados{border:1px solid #A9CA5C; margin:0; width:30%;}
#datos_receptor select{border:1px solid #A9CA5C; margin:0 0 0 0px; width:95%;}
#datos_receptor textarea{border:1px solid #A9CA5C; margin:0 0 0 0px; width:95%;height:100px;}
#datos_receptor span{color:#000000; display:block; font-size:0.9em; font-weight:bold; margin-left:0px; margin-right:10px; padding:3px 0; text-align:left;}
.nota_informativa{color:Red; font-size:0.6em; font-weight:bold;}
#datos_emisor{}
#datos_emisor_izq{width:50%;float:left;}
#datos_emisor_der{width:50%;float:right;}
#proceso_compra span.radio{float:left;margin-right:30px;}
#proceso_compra input[type=radio]{margin-right:5px; width:auto;}

#datos_factura{}
#datos_factura_izq{width:50%;float:left;}
#datos_factura_der{width:50%;float:right;}

#botones_accion{clear:both; padding:0 0 0 0px; text-align:left; width:auto; float:left;}
#botones_accion input[type="submit"] { font-weight:bold;border:solid 1px #ED479B;width:auto; background-color:#D6EEA0;padding:3px;}
#botones_accion input[type="button"] { background-color:#D6EEA0; border:1px solid #ED479B; font-weight:bold; padding:3px; width:auto;}
#enlaces_accion{float:right; padding:0 0 0 0; text-align:right;width:auto;height:auto;}
#enlaces_accion a.enlace_boton{background-color:#D6EEA0;border:1px solid #ED479B; color:#000000; font-weight:bold; letter-spacing:0.2px; margin-left:10px;text-decoration:none;width:auto; height:30px; }
#enlaces_accion input[type="submit"] {font-weight:bold;border:solid 1px #ED479B;width:auto; background-color:#D6EEA0;padding:3px;}

#datos_tienda{}
#datos_tiendaencargo{}
#datos_tiendaencargo_izq{float:left;}
#datos_tiendaencargo_der{float:right;}
#datos_tiendaencargo_center{float:left;}
#donde_conocio{border:1px solid #000000;background-color:#F2FFD5;
clear:both;height:120px;width:55%;padding:2%;}
#donde_conocio #botones_accion {
clear:both;
float:left;
padding:1%;
text-align:left;
width:auto;
}
/*PAGO*/
#pago {font-size:0.9em;}
#pago .dobleboton {text-align:center;}
#pago .dobleboton input {width:auto; margin:1%;}

/* Tiendas floresparatodos y detalle */
#detalle_tienda{color:#000;}
#txt #detalle_tienda h1{ background-color:#D6EEA0; font-size:1.2em; padding:2px 2px 2px 10px; color:#000; margin:0.5em 0;  }

#txt #detalle_tienda span
{color:#880A6D;
display:inline;
font-size:1em;
font-weight:normal;
margin-left:12px;
margin-right:10px;
padding:1px 0;
text-align:left;}

#txt #detalle_tienda span.label_detalle_tienda
{color:#000000;
display:inline;
font-size:1em;
font-weight:bold;
margin-left:12px;
margin-right:10px;
padding:1px 0;
text-align:left;}

/*Tabla*/
.tabla_admin {width:96%; border:solid 3px #E32B83; margin:0.2em 0 0 0;}
.tabla_admin tbody{}
.tabla_admin tr {}
.tabla_admin th{ width:auto; margin:0px; padding:3px; background-color:#A9CA5C; font-size:1.2em; font-weight:bold; color:#000;}
.tabla_admin td {width:auto; font-size:1em; padding:0; margin:1px; background-color:White; font-weight:normal;}
.tabla_admin td.td_boton{ width:90px;}
.tabla_admin th span{ font-size:1.2em;}
.tabla_admin td span{ font-size:1.1em; font-weight:normal;}
.tabla_admin td input{ width:100%;}
.tabla_admin td a{text-align:center; text-decoration:none; float:left; width:96%; color:#000; font-weight:bold; background-color:#D6EEA0; border:solid 1px #ED479B;}
.tabla_admin th.td_boton{ width:90px;}

#pie_bajo
{
	border-top:1px solid #ED479B;
	clear:both;
	color:#818080;
	font-size:0.75em;
	font-style:italic;
	height:auto;
	padding:0;
}





