@charset "utf-8";
/* CSS Document */

@import url("../iconos/css/animation.css");
@import url("../iconos/css/fontello.css");
@import url("../iconos/css/fontello-codes.css");
@import url("../iconos/css/fontello-embedded.css");
@import url("../iconos/css/fontello-ie7.css");
@import url("../iconos/css/fontello-ie7-codes.css");

@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('../font1/champagne__limousines-webfont.eot');
    src: url('../font1/champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font1/champagne__limousines-webfont.woff2') format('woff2'),
         url('../font1/champagne__limousines-webfont.woff') format('woff'),
         url('../font1/champagne__limousines-webfont.ttf') format('truetype'),
         url('../font1/champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a{ text-decoration:none; color:#333;}
p{ padding:0 0; margin:0 0;}
ul{ padding:0 0; margin:0 0; list-style:none;}
h1,h2,h3,h4,h5{ padding:0 0; margin:0 0;}
img{ border:0;}
hr{ padding:0 0; margin:0 0; border:none; height:1px; background:#999;}

body{ padding:0 0; margin:0 0; font-size:14px; font-family: Arial, Helvetica, sans-serif;}
#fondo{ width:100%; position:absolute; height:700px; top:0; left:0; background-image: url(../img/fondo.jpg); background-size:100% 100%; background-repeat:no-repeat;}

#flotantes{ width:40px; height:200px; position:fixed; right:30px; z-index:8000; top:65px;}


#redes{ width:40px; height:140px; right:0; position:relative; display:block; clear:both; padding-top:50px; right:-30px;}
#redes span{ padding:10px 8px; font-size:18px; text-align:center; background: #CCC; float:right; color:#333; margin-top:5px; display:block;}
#redes span:first-child:hover{ background-color:#4264a1; color:#fff;}
#redes span:last-child:hover{ background-color:#cb3129; color:#fff;}
#redes span:hover{ background:#41bbd3; color:#fff;}

#btns-usua{ width:120px; height:40px; line-height:22px; margin-top:100px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background:#FF3E43; text-align: center; color:#fff;
transform: rotate(270deg) ;
-webkit-transform: rotate(270deg) ;
-moz-transform: rotate(270deg) ;
-o-transform: rotate(270deg) ;
-ms-transform: rotate(270deg) ;
font-size:16px; padding:5px; }

#btns-usua:hover{background-color:#000; }

#btns-usua.bg-dos{ background-color:#aace46; color:#000;}

#cabecera { width:100%; position:relative; display:inline-block; vertical-align:top; min-width:1024px; text-align:center;}
#interno-cab{ width:100%; min-width:1024px; max-width:1024px; display:inline-block; vertical-align:top; text-align:left; overflow:hidden;}
#logo{ width:25%; margin-left:20px; z-index:20; padding-top:15px; position:relative; display:inline-block; vertical-align:top;}
#logo img{ width:100%;
}

#numeros-tel{ width:280px; text-align:center; background:#fff; position:absolute; right:0; padding:10px; height:20px; font-size:18px; border-bottom:2px solid #d5ddb8; border-right:2px solid #d5ddb8; border-left:2px solid #d5ddb8; top:0;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
}
#numeros-tel span{ color:#f00;}

#marco{ width:220px; height:90px; left:10px; position:absolute;
border-top:10px solid #FFF; border-right:10px solid #FFF; border-left:10px solid #FFF;
-webkit-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
-webkit-transition:all ease-in 0.3s;
-moz-transition:all ease-in 0.3s;
-o-transition:all  0.3s;
transition:all ease-in 0.3s;
}




#barra-cab{ width:100%; min-width:990px; max-width:990px; clear:both; position:absolute; top:115px; height:35px; background:#FFF; padding:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-transition:all ease-in 0.3s;
-moz-transition:all ease-in 0.3s;
-o-transition:all  0.3s;
transition:all ease-in 0.3s;
text-align:right;
}

#buscador{ width:380px; position: absolute; height:40px; top:6px; margin-right:100px; right:100px; border:1px solid #CCC; display:inline-block; vertical-align:top;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#666; overflow:hidden;}

#txtPalbus{ width:310px; height:23px; display:inline-block; vertical-align:top; border:none; margin:0 0; padding:8px; font-size:15px; }
.busque{ padding:8px; text-align:center; width:13%; border:none; background-image:url(../img/buscar.png); background-position:center center; cursor:pointer; background-color:#FFF; background-repeat: no-repeat; background-size:25%; height:40px; }
#carrito-cab{ width:150px; position:absolute; height:40px; top:6px; margin-right:10px; right:10px; border:1px solid #CCC; display:inline-block; vertical-align:top; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  background-position:97% 50%; background-size:5%; background-repeat:no-repeat;} 
#carrito-cab span{ padding:10px; text-align:center; float:left; background:#94bc0c; color:#fff; border-bottom:3px solid #648400; font-size:18px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

#carrito-cab:hover{ background-color: #E8E8E8;}

#carrito-cab span:hover{ border:1px solid #648400; width:24px;}

#carrito-cab p{ float:left; line-height:40px; font-size:13px; padding-left:5px;}
#carrito-cab p:last-child{ font-size:15px; color:#999;}

#menu-full{ width:100%; padding-top:15px; padding-bottom:15px; height:55px; text-align:center; min-width:1024px; position:relative; display:inline-block; clear:both;}

#contenidos{ width:100%; max-width:1024px; min-width:1024px; position:relative; display:block; margin:0 auto; clear:both; padding-top:0px; padding-bottom:15px;}

#banner-izq{ width:65%; position:relative; display:inline-block; vertical-align:top; border-bottom:5px solid #EAEAEA;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
overflow:hidden;
}

#banner-promo{ width:32%; position:relative; display:inline-block; vertical-align:top;  margin-left:15px; border-bottom:5px solid #EAEAEA;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
overflow:hidden;
}

#contenidos-pro{ width:100%; min-width:1024px; max-width:1024px; position:relative; display:block; margin:0 auto; padding-top:25px; padding-bottom:15px;}

#categorias{ width:100%; position:relative; display:inline-block; clear:both;}
#categorias p{ display:inline-block; vertical-align:top; padding-top:8px; font-size:16px; padding-right:10px;}
#categorias select{ display:inline-block; margin-right:100px; vertical-align:top; padding:8px; width:180px; font-size:17px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
overflow:hidden;
}

#conte-pro{ width:100%; min-width:1024px; max-width:1024px; position:relative; display:inline-block; vertical-align:top; clear:both; padding-top:10px; padding-bottom:10px;}
#cuadrante-pro{ width:21.5%; position:relative; margin-bottom:10px; display:inline-block; text-align:center; vertical-align:top; border:1px solid #FFF; padding:5px; margin-left:10px; margin-right:10px;
-webkit-transition:all ease-in 0.5s;
-moz-transition:all ease-in 0.5s;
-o-transition:all ease-in 0.5s;
transition:all ease-in 0.5s;
will-change: transform, top;
z-index:20;
}
#cuadrante-pro:hover{ border:1px solid #CCC;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
	 background:#FFF;
	 z-index:50;
}

#cuadrante-pro:hover #img-producto{border:4px solid #d9eec3;}

#img-producto{ width:97%; height:150px; position:relative; display:inline-block; vertical-align:top; clear:both; border:4px solid #CCC;
-webkit-transition:all ease-in 0.4s;
-moz-transition:all ease-in 0.4s;
-o-transition:all ease-in 0.4s;
transition:all ease-in 0.4s;
}
#img-producto img{ height:100%; width: auto; max-width:213px;}
#detalle-pro{ width:98%; position:relative; display:inline-block; vertical-align:top; clear:both; text-align:left;}
#detalle-pro article{ padding-bottom:5px;}
#detalle-pro h2{ padding-top:5px; padding-bottom:5px;}
#detalle-pro p{ float:left; color:#F00; font-weight:bold; font-size:28px;}
#detalle-pro span{ float:left; font-size:16px; color:#4a512f; padding-top:9px; padding-left:8px;}
#add-cart{ width:100%; padding-top:5px; position:relative; display:inline-block; vertical-align:top; clear:both;}
#add-cart li{width:160px; position:relative; display:inline-block; vertical-align:top; clear:both; background:#a9d043; overflow:hidden;
-webkit-border-radius:8px; cursor:pointer;
-moz-border-radius:8px;
border-radius:8px;
}

#add-cart li:hover{ background:#435710;}
#add-cart li:hover p{ color:#fff;}
#add-cart li:hover span{ background:#a9d043; color:#000;}

#add-cart li p{ font-size:14px; padding-left:10px; line-height:35px; color:#000; font-weight:lighter; float:left;}
#add-cart li span{ padding:10px; font-size:15px; color:#fff; background:#435710; float:left;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

#txt-agrovivas{ width:100%; position:relative; display:inline-block; vertical-align:top; text-align:center; clear:both; border-top:3px solid #e7e7e7; background:#f4f4f4; padding-top:15px; padding-bottom:35px;}

#cont-txt-agro{ width:100%; max-width:1024px; min-width:1024px; position:relative; display:inline-block; text-align:center; vertical-align:top; clear:both;}
#cont-txt-agro h1{ padding-bottom:8px; font-weight:lighter; color:#41520c;}
#cont-txt-agro article{ padding-bottom:15px;}
#btn-masinfo{ width:110px; height:35px; line-height:35px; position:relative; display:inline-block; vertical-align:top; clear:both; color:#fff; background:#ee3135;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-webkit-transition: all ease-in 0.3s;
-moz-transition:all ease-in 0.3s;
-o-transition:all ease-in 0.3s;
transition:all ease-in 0.3s;
}
#btn-masinfo:hover{
	-webkit-box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.75);
box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.75);
	}
	
#antes-footer{ width:100%; padding-top:30px; position:relative; display: inline-block; clear:both; border-top:3px solid #010002; background-color:#2b323c; background-image:url(../img/bg-uno.jpg); background-repeat:repeat-x; background-position:bottom; text-align:center; vertical-align:top; padding-bottom:15px;}

#contenidos-ant-footer{ width:100%; max-width:1024px; min-width:1024px; position:relative; display:inline-block; vertical-align:top; clear:both;}

#izq-ant-footer{ width:50%; position:relative; display:inline-block; vertical-align:top;}
#izq-ant-footer ul{ display:inline-block; vertical-align:top; width:48%;}
#izq-ant-footer li:first-child{ font-weight:bold; font-size:20px; color:#aec376; background:#000000; padding:8px 12px;}
#izq-ant-footer li{ width: auto; margin-bottom:15px; color:#fff;}
#izq-ant-footer li a{ color:#fff;}
#izq-ant-footer li a:hover{ background-color:#000; color:#9C0;}
#txt-ubicacion{ width:95%; margin-top:20px; line-height:20px; font-size:15px; padding:10px; position:relative; display:inline-block; vertical-align:top; clear:both; color:#fff;}
#txt-ubicacion a{color:#fff;}
#txt-ubicacion a:hover{color:#3C0;}

#derecha-ant-footer{ width:45%; position:relative; display:inline-block; vertical-align:top; margin-left:20px;}
#derecha-ant-footer h2{ text-align:left; color:#adc672;}
#derecha-ant-footer hr{ margin-top:7px; margin-bottom:7px;}
#campo-mapa{ width:97%; overflow:hidden; position:relative; border:5px solid #2b323c; display:inline-block; vertical-align:top; clear:both;
-webkit-border-radius:10px; cursor:pointer;
-moz-border-radius:10px;
border-radius:10px;
-webkit-transition:all ease-in 0.3s;
-moz-transition:all ease-in 0.3s;
-o-transition:all ease-in 0.3s;
transition:all ease-in 0.3s;
}
#campo-mapa:hover{
-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);}

footer{ width:100%; position:relative; background:#22262f; padding-top:10px; padding-bottom:10px; display:inline-block; vertical-align:top; clear:both; text-align: center; color:#fff;}
footer p{ color:#c2d2e2; text-align:center;}
footer a{ color:#fff;}
footer a:hover{ color:#3C0;}

#office
{
	width:180px;
	position:absolute;
	right:0px;
	top:42px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #CCC;
	z-index:5000;
	height:140px;
	background:#fff;
	padding:8px;
    display: none;
}

#office ul#columnas{ float:left;}
#office ul#columnas:first-hild{ text-align:left; }
#office ul#columnas:last-child{ text-align:center; width:25%;}
#office ul#columnas li{ width:90px; margin-bottom:5px; margin-top:5px; border-bottom:1px solid #CCC; padding-top:5px; padding-bottom:5px;}

.scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position: absolute;
	top:-19px;
	z-index:500;
    bottom:50px;
    right:0;
	left:0;
	margin-left:auto;
	margin-right:auto;
	z-index:500;
    display: block;
    text-indent:-9999px;
    background: url(../img/icon_top.png) no-repeat;
}

#cont-numeros{ width:300px; float:right; position:relative; display:inline-block; vertical-align:top;}

#contenido-interno{ position:relative; width:980px; margin:0 auto; padding:20px 20px 20px 25px; background-color:#FFF; border-radius:8px;

-webkit-box-shadow: 0px 9px 19px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 9px 19px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 9px 19px 0px rgba(50, 50, 50, 0.5);

}

#titulo-interno{ position:relative; width:100%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:26px; color:#EC3237; text-align:left; text-shadow:0 2px 1px #CCC;}

#titulo-interno .verde{color:#390}

#contenedor-interno{ position:relative; width:100%; margin-top:10px; margin-bottom:15px;}
#contenedor-interno3{ position:relative; width:100%; margin-bottom:15px; margin-top:-10px; margin-left:-23px;}
#contenedor-interno4{ position:relative; width:100%; margin-bottom:15px; margin-top:-10px; margin-top:10px; }

#imagenes-internas1{ position:relative; width:400px; display:inline-block; vertical-align:top; margin-right:20px; margin-left:5px;

-webkit-box-shadow: 0px 9px 19px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 9px 19px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 9px 19px 0px rgba(50, 50, 50, 0.5);

}

#contenedor-interno2{ position:relative; width:540px;  display:inline-block; vertical-align:top; }

#linea-interna1{ position:relative; width:400px; height:2px; background-color:#090; margin-left:140px; margin-bottom:15px;}

#texto-interno1{ position:relative; width:100%;  line-height:20px; text-align:justify; font-size:15px;}
#texto-interno2{ position:relative; width:100%;  line-height:24px; text-align:right; font-size:15px;}


 #form-contactos{ position:relative; float:right; width:400px; text-align:left; margin-top:15px; margin-right:80px;}
 
.formtexto{ width:350px; border-radius:10px; overflow:hidden; background:#EAEAEA; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding:10px; margin-bottom:10px; margin-left:20px;}
.formtexto2{ width:350px; height:80px; border-radius:10px; overflow:hidden; background:#EAEAEA; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding:10px; margin-bottom:10px; margin-left:20px;}
.formtexto3{ position:relative; float:right; width:80px; height:45px; border-radius:10px; overflow:hidden; background:#060; color:#FFF; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding:5px; margin-bottom:10px; margin-right:10px; cursor:pointer; }
.formtexto3:hover{ background:#6C0; color:#FFF; }

#barra1-titulo{ position:relative; width:97%; padding:15px; background-color:#CCC; color:#000; text-align:left; border-bottom:1px solid #999; font-weight:bold;}
#barra1-accion{ position:relative; width:80px; border-right:1px solid #333; display:inline-block; vertical-align:top; }
#barra1-imagen{ position:relative; width:100px; border-right:1px solid #333; display:inline-block; vertical-align:top; text-align:center}
#barra1-nombre{ position:relative; width:320px; border-right:1px solid #333; display:inline-block; vertical-align:top; text-align:center}
#barra1-precio{ position:relative; width:120px; border-right:1px solid #333; display:inline-block; vertical-align:top; text-align:center}
#barra1-unidades{ position:relative; width:170px; border-right:1px solid #333; display:inline-block; vertical-align:top; text-align:center}
#barra1-total{ position:relative; width:120px; display:inline-block; vertical-align:top; text-align:center; padding-left:10px;}

#barra2-contedido-carrito{position:relative; padding-top:7px; padding-bottom:7px; width:100%; height:60px; background-color:#fff; color:#000; text-align:left;
-webkit-box-shadow: 0px 9px 19px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 9px 19px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 9px 19px 0px rgba(50, 50, 50, 0.5);


}
#barra2-contedido-carrito:hover{background-color:#D5FFCE;

-webkit-box-shadow: 1px 2px 14px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    1px 2px 14px 0px rgba(50, 50, 50, 1);
box-shadow:         1px 2px 14px 0px rgba(50, 50, 50, 1)

}
#barra2-accion{ position:relative; width:85px; padding-left:10px;  display:inline-block; vertical-align:top; text-align:center; padding-top:15px; }
#barra2-accion .eliminar{ color:#F00; font-size:12px;  }
#barra2-accion .eliminar:hover{ color:#000; }
#barra2-imagen{ position:relative; width:100px;  display:inline-block; vertical-align:top; text-align:center}
#barra2-nombre{ position:relative; width:300px;  display:inline-block; vertical-align:top; padding-top:18px; padding-left:20px;  }
#barra2-precio{ position:relative; width:120px; display:inline-block; vertical-align:top; text-align:center; padding-top:18px;  }
#barra2-unidades{ position:relative; width:170px;  display:inline-block; vertical-align:top; text-align:center; padding-top:18px;  }
#barra2-total{ position:relative; width:115px; display:inline-block; vertical-align:top; text-align:center; padding-top:18px; padding-left:15px;  }

#contenedor-total-carrito{ position:relative; width:100%; 
-webkit-box-shadow: 0px 9px 19px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 9px 19px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 9px 19px 0px rgba(50, 50, 50, 0.5); }



#contenedor-totales{ position:relative; width:100%; margin-top:25px; }

#contenedor-descripcion-carrito{ position:relative; width:660px; padding:10px; display:inline-block; vertical-align:top;  margin-right:60px;}

#contenedor-descripcion-carrito a{ color:#060; font-weight:bold;}
#contenedor-descripcion-carrito a:hover{ color:#F00;}

#contenedor2-totales{ position:relative; width:210px; padding:10px; display:inline-block; vertical-align:top; 

border: 1px solid #CCC; 
-webkit-box-shadow: 1px 2px 14px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    1px 2px 14px 0px rgba(50, 50, 50, 1);
box-shadow:         1px 2px 14px 0px rgba(50, 50, 50, 1)
}

#contenedor3-totales{ position:relative; width:94%; margin-bottom:10px; border-bottom:1px solid #CCC; }

#sub-total{ position:relative; width:85px; background-color:#CCC; padding:7px 7px 7px 3px; display:inline-block; vertical-align:top; font-weight:bold;}

#precio-sub-total{ position:relative; width:84px;  padding:7px 0px 7px 10px; display:inline-block; vertical-align:top;  }

#contenedor-totales2{ position:relative; width:100%; margin-top:25px; margin-bottom:20px; margin-top:-30px; }

#boton-registrarse{ position:relative; width:150px; background-color:#060; color:#FFF; padding:15px; border-radius:7px; display:inline-block; vertical-align:top; text-align:center; margin-right:20px; cursor:pointer; }
#boton-registrarse:hover{ background-color:#000 }

#boton-seguir{ position:relative; width:150px; background-color:#F90; color:#FFF; padding:15px; border-radius:7px; display:inline-block; vertical-align:top; text-align:center; margin-left:0px; margin-right:20px; cursor:pointer; }
#boton-seguir:hover{ background-color:#000 }

#boton-comprar{ position:relative; width:100px; background-color:#C00; color:#FFF; padding:15px; border-radius:7px; display:inline-block; vertical-align:top; text-align:center;  cursor:pointer;}
#boton-comprar:hover{background-color:#000  }


#comentario-pedido{ position:relative; width:350px; height:80px; padding:5px 10px 5px 10px; overflow-y:auto; margin-left:20px; line-height:20px; font-size:16px; margin-bottom:20px; border:1px solid #CCC; }

#botones-pedido{ position:relative; width:100%; margin-top:-70px;}

.form-registrarse{ width:400px; padding:10px; border-radius:10px; background-color:#EEE;}
.form-registrarse:hover{ border-radius:5px; background-color:#E8FFD7;}

.boton{ width:100px; padding:10px; background-color:#096; color:#FFF; cursor:pointer; border-radius:8px;}
.boton:hover{ background-color:#090; color:#FFF; cursor:pointer;}

.botonescarrito{
	position:relative; 
	padding:3px 0; 
	width:100%;  
	float:left;
	text-align:center;
	display:inline-block;
}
.botonescarrito a{
	position:relative;
	text-decoration:none;
	display:inline-block;
	font-size:50px;
	padding:0 0 0 0;
}
.menos{
	color:#FF0;
}
.botonescarrito input[type=text]{
	position:relative;
	display:inline-block;
	text-align:center;
	font-size:15px;
	width:50px;
	padding:0 0 0 0;
}

.avisocarrito{
	position:relative;
	float:left;
	width:100%;
	border:1px dotted #F60;
	padding:3px 0;
	font-size:12px;
	-webkit-border-radius: 60px 10px;
	-moz-border-radius: 60px 10px;
	border-radius: 60px 10px;
	color:#000;
	display:none;
}
