@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
@import url('https://fonts.googleapis.com/css?family=Magra');
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul,li{padding:0; margin:0; border:0;}
body{margin:0; padding:0; background-color:white; font-family:'Roboto Medium';}
a{ text-decoration:none;}
.overwrap{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cabeza{width:100%; background:linear-gradient(to bottom, rgba(237,101,16,.75), rgba(255,255,255,.75)); padding:0px; border-top:13px solid #bf4900; position:fixed; top:0; z-index:880}



/**************************   ESTILOS DE AVISOS  ***********************/
.cabeza_avisos{width:100%; background-color:teal; padding:0px; position:fixed; top:0; z-index:880; box-shadow:0px 0px 10px 3px rgba(0, 0, 0, .5);}
.container_avisos{width:90%; background-color: transparent; margin:30px 5%; 
box-shadow:0px 0px 10px 3px rgba(0, 0, 0, .5); min-height:450px; margin-top:100px; color:white}
.div_publicar_top{ float: right; width:25%}


.banner img{ max-width:80%; max-height:400px; margin:25px}

@media screen and (max-width:700px ) {
.container_avisos{width:96%; margin:30px 2%; margin-top:150px; min-height:10px;}
.div_publicar_top{ float: left; width:100%}
.banner img{ max-width:100%; width:100%; max-height:400px; margin:0px}
}

/**************************   ESTILOS DE AVISOS  ***********************/




.logocabeza{height:55px; float:left; margin:8px 0 8px 35px}
.menu_principal { width:100%; background-color:#e5e5e5; }
.spantitulo{color:#000; font-size:25px; float:left; margin-top:20px; margin-left:10px}
.imgplay{ height:30px; vertical-align:middle}
.buscar{height:35px; font-family:'Roboto Medium'; font-size:16px; border:0; padding-left:40px; width:80%; background: url('imagenes/lupa.png') no-repeat 9px center; margin:auto; margin-top:17px; background-color:#FFF; box-shadow:0px 0px 1px 2px rgba(151,151,151,0.7); border-radius:5px; -webkit-border-radius:5px}
.buscar:focus{ outline:none; box-shadow:0px 0px 1px 2px #FC6}

.buscar_empresa{height:40px; font-family:'Roboto Medium'; font-size:16px; border:0; padding-left:40px; width:80%; background: url('imagenes/lupa.png') no-repeat 9px center; margin:auto; margin-top:17px; background-color:#FFF; box-shadow:0px 0px 1px 2px rgba(151,151,151,0.7); border-radius:5px; -webkit-border-radius:5px}
.buscar_empresa:focus{ outline:none; box-shadow:0px 0px 1px 2px #00ACC1}

.div_buscar{width:50%; margin:0px; float:left;}
.descarga{padding:5px; font-size:19px; color:#fff; margin-left:10px}

.iconos{float:right; position:relative; text-decoration:none; color:#333; cursor:pointer}
.iconos:active{ opacity:.5}
.iconos>img{ width:30px; padding:0px; margin-right:20px; margin-top:20px; }
.ic_bus img{ width:40px; margin-top:15px}

.ic_share{ float:right; text-decoration:none; color:#333; cursor:pointer; position:relative}
.ic_share>img{ width:35px; margin-top:18px; margin-right:20px; }
.iconos span{ display:none; position:absolute; z-index:5000; bottom:-50px; left:-100px; min-width:250px; background-color:#ffcb8c; padding:10px 5px; border-radius:10px }
.iconos:hover span{ display:block; }

#id_div { display:none; position:absolute; z-index:5000; top:30px; right:250px; width:270px; background-color:#ffcb8c; padding:10px 5px; border-radius:10px; text-align:center}
#id_div img { width:40px; opacity:.75}
#id_div img:hover { border-radius:100%; box-shadow:0 0 8px 3px #000; opacity:1}


.ic_contacto:hover span{ display:block; min-width:180px}
.acceso{margin-right:15px; margin-top:10px; float:right}
.acceso img{ width:50px}
.acceso:active, .acceso:hover{ background-color:#f9f9f9; border-radius:8px}



.div_sharing{ background-color:#E1F5FE; border-radius:7px; border:dotted 1px #03A9F4; width:50%; margin:25px 10% 10px 40% !important; display:block}
.div_sharing span{color:#069; display:block; text-align:left; padding:5px}

.cont_share{ width:90%; margin:5px 5%;}
.cont_share img{ width:40px; max-width:18%; margin:0 5px; box-shadow:0 0 8px 3px #ccc; border-radius:100%}
.cont_share img:hover{ box-shadow:0 0 8px 2px #333}




.container{width:60%; background-color:transparent; margin:20px 5%; 
box-shadow:0px 0px 9px 0px rgba(0, 0, 0, .5); min-height:450px; margin-top:20px}

.container_index{ box-shadow:none; width:100%; margin:20px 0; margin-top:80px}

.error404{ margin:60px auto; width:70%; margin-top:120px; min-height:100px;}



.container_right{width:30%; position:absolute; top:310px; right:2%; height:450px; background-color:#FFF; overflow:scroll}
.container_right > a { height:90px; display:block; padding:10px; box-sizing:border-box; border-bottom:solid 1px #CCC}
.container_right > a img{ width:70px; float:left; margin-right:20px; border-radius:100%; box-shadow:0 0 10px 3px rgba(0,0,0,.5);}
.container_right > a b{color:#333; text-transform:uppercase; display:block;}
.container_right > a span{ font-size:12px; color:#888}
.container_right a:hover{ color:#888; text-decoration:underline; background-color:white}


.logo{width:100%; height:500px; background-color:#CCC}
.logocontainer{ float:left; width:30%}
.logocontainer img{height:245px; margin:40px; vertical-align:middle}
.textcontainer{ float:right; width:70%}
.container_categorias{width:90%; height:270px; background-color:#8A4902; -webkit-box-shadow:0px 0px 12px 5px rgba(0, 0, 0, .4); -moz-box-shadow:0px 0px 12px 5px rgba(0, 0, 0, .4); box-shadow:0px 0px 12px 5px rgba(0, 0, 0, .4);}
.categorias{ width:20%; padding:15px 0px; float:left}
.categorias:hover{ background-color:rgba(255,255,255,.2)}
.txt_categorias{font-size:15px; color:#F90; overflow:hidden; text-overflow:ellipsis; text-decoration:none}
.textcontainer b{color:#555; font-size:40px;}
.video{width:100%; height:400px; background-color:#FFE082; border-top:solid 3px #F40; border-bottom:solid 3px #F40}
#video{ width:40%; height:400px; float:left}
#textvideo{color:#333; width:60%; float:right; padding:20px; box-sizing:border-box; font-size:25px; line-height:40px; text-align:center}
.galeria{width:95%; height:500px}
.tabla_general_productos{ width:62%; float:left}
.tabla_general_empresas{margin-top:5px; padding:15px 25px 15px 0; box-sizing:border-box; width:100%; display:block; background-color:#FFF}
.div_cant_empresas{ width:100%}

.div_contacto{ width:50%; float:left}

.img_prod_height{ height:130px; margin-top:2px}
.img_prod_width{ max-height:130px; max-width:90%; margin-top:2px}

.titulo_prod{font-size:15px; color:#F60; padding:1px; text-transform:uppercase; width:97%}

.detalle_prod{font-size:16px; color:#777; padding:0px 30px; display:block}

.td_precio_2{ width:20%}

.td_precio_new{ display:none}

footer{width:100%; background-color:#444; padding:20px 0; font-size:16px; color:#FFF; font-family:'Roboto Regular'; text-align:center}
footer a{ text-decoration:none; color:#FFF}
.menu_footer{ font-size:18px; padding:8px 19px; margin-top:18px; color:#fff; font-weight:bolder}
.menu_footer:hover{ color:red; text-decoration:underline; background-color:#fff; border-radius:8px}


.enter{ display:block}
.si_enter{ display:none}

.txt_detalle_detalle_prod{font-size:20px; color:#777}

.img_cliente_detalle_prod{border-radius:100px; width:100px}

.vendedor {font-family:"Roboto Medium"; color:#000; font-size:27px; cursor:pointer; padding:5px; text-transform:uppercase; text-decoration:none; }
.vendedor_2{font-family:"Roboto Medium"; color:#777; font-size:22px; cursor:pointer; padding:3px; }

.logo_com{ float:left; text-align:center; width:20%; padding:10px; box-sizing:border-box;}
.logo_com > a > img{border-radius:20px; box-shadow:0px 0px 8px 3px rgba(0,0,0,0.4); width:110px; height:110px; margin-top:15px}
.boton_mapa{padding-left:50px; color:#06C; font-weight:normal; font-size:14px; cursor:pointer;}
.boton_mapa:hover{background:none; color:#009; text-decoration:underline}
.boton_mapa img{ width:21px; vertical-align:text-bottom}


.container_busqueda{ width:80%; margin:40px 10% 30px 10%}


.container_empresa_full{ width:96%; margin-left:2%; margin-top:40px}
.perfil_empresa{ float:left; width:60%}

.textos_perfil{ border-right:dotted 1px #ccc}

.campos_lista_empresa{font-size:17px; color:#1565C0; margin-top:10px;}

.campos_lista_empresa_link{ color:#01579B; text-decoration:none; display:compact; margin:0 7px;}
.campos_lista_empresa_link:hover{ color:#0D47A1; text-decoration:underline}

.campo_actividad{ margin:10px 0; color:#777}
.img_campos_lista_empresa{ width:25px; vertical-align:text-bottom}

.titulo_lista_empresa a{font-size:22px; text-decoration:none; color:#E65100; text-transform:uppercase; display:block; padding:8px 0}
.titulo_lista_empresa:hover a{text-decoration:underline; color:#E65100}

.logo_empresa_full{ width:30%; float:left; padding:20px; box-sizing:border-box }
.logo_empresa_full img{ width:100%;}
.nombre_empresa_full{font-size:25px; color:#000; padding:20px 10px; display:block; text-transform:uppercase}
.actividad_empresa_full{font-size:17px; color:#555; padding:5px 10px}
.datos_empresa_full{font-size:16px; color:#777; text-align:left; padding:6px 0px 6px 20px}

#map_canvas{width:100%; height:500px; margin:auto; display:block}

/*----------------------DETALLE PRODUCTO-------------------*/


.container_producto2{ padding:30px; width:100%; box-sizing:border-box}

.empresa_oferta{ width:70%; border:none; margin:0 15%; float:none}
.empresa_oferta > .logo_empresa_full{ width:20%; min-height:200px; float:left; padding:20px; margin:auto; box-sizing:border-box }
.empresa_oferta > .logo_empresa_full img{ border-radius:10%}
.titulo_empresa_oferta{ font-size:18px; text-align:left}
.campos_empresa_oferta a, .campos_empresa_oferta{ font-size:15px;}



.wow_detalle_producto{ width:40%; margin:auto; float:left}
.datos_detalle_producto{ width:60%; float:right}

.datos_detalle_producto .tituloP{ font-size:24px; text-transform:uppercase; padding:30px 0; display:block}
.datos_detalle_producto .detalle{ font-size:17px; padding:20px; padding-top:40px; color:#777; display:block}
.datos_detalle_producto .cont_share{ margin-top:0}
.datos_detalle_producto i{ font-style:normal; color:#777; display:block; padding-bottom:10px; }

.datos_detalle_producto ins{ text-decoration:line-through; color:#888; font-size:22px;}
.datos_detalle_producto d{color:#fff; font-size:19px; background-color:#920509; display:inline-block; color:#FFF; margin:3px 10px; padding:3px 5px; border-radius:5px; margin-right:0}

.datos_detalle_producto .precio_verde{ font-size:23px; background-color:#093; display:inline-block; color:#FFF; margin:3px 10px; padding:5px 14px; border-radius:5px}

.comentarios{ padding:40px 0; width:70%; margin:0 15%}
/*----------------------DETALLE PRODUCTO-------------------*/



.galeria_productos{ width:40%; float:right; text-align:left; font-family:"Roboto Regular";}
.galeria_productos > section{ display:block; text-decoration:none; color:inherit;
 border-bottom:dotted 1px #cacaca; transition:.2s}
.galeria_productos > section:hover{ background-color:#e5e5e5;}
.galeria_productos > section:hover > b {color:#f90;}
.imgs{width:130px; float:left; margin:10px; border:solid 2px #F0C993; border-radius:3px} 
.imgs img{ width:130px; padding:10px; box-sizing:border-box}
.titulo_a{color:#000; font-size:17px; display:block; padding:15px 0; font-weight:normal; text-transform:uppercase; }
.titulo_a:hover{color:#039; text-decoration:underline}
.galeria_productos i{ font-style:normal; color:#777; display:block; padding-bottom:10px; }

.galeria_productos ins{ text-decoration:line-through; color:#888; font-size:17px;}
.galeria_productos d{color:#fff; font-size:15px; background-color:#920509; display:inline-block; color:#FFF; margin:3px 10px; padding:3px 5px; border-radius:5px; margin-right:0}

.precio_verde{ font-size:18px; background-color:#093; display:inline-block; color:#FFF; margin:3px 10px; padding:3px 9px; border-radius:5px}
.dueño{ display:block; padding:20px; text-align:center; color:#555}




.btn_comercios{font-family:"Roboto Medium";
	background: #ebb732;
  background-image: -webkit-linear-gradient(top, #ebb732, #b06a00);
  background-image: -moz-linear-gradient(top, #ebb732, #b06a00);
  background-image: -ms-linear-gradient(top, #ebb732, #b06a00);
  background-image: -o-linear-gradient(top, #ebb732, #b06a00);
  background-image: linear-gradient(to bottom, #ebb732, #b06a00);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 23px;
  padding: 15px ;
  text-decoration: none;margin:20px 50px; width:300px}
.btn_comercios:hover{
	background: #b06a00;
  background-image: -webkit-linear-gradient(top, #b06a00, #ebb732);
  background-image: -moz-linear-gradient(top, #b06a00, #ebb732);
  background-image: -ms-linear-gradient(top, #b06a00, #ebb732);
  background-image: -o-linear-gradient(top, #b06a00, #ebb732);
  background-image: linear-gradient(to bottom, #b06a00, #ebb732);
  text-decoration: none;
	}

.derecha{ float:right; margin:20px 40px; width:60%}

.whatsapp{ display:none}


.right_contacto{ float:left; padding:30px; box-sizing:border-box; width:50%}


.Estilobtn {font-family:"Roboto Medium"; background-color:transparent; color:#000; font-size:16px; cursor:pointer; border-radius:4px; border:none; padding:15px 35px; text-transform:uppercase; margin-top:15px; box-shadow:0px 0px 4px 1px #ccc}
.Estilobtn:active, .Estilobtn:focus{outline:none; background-color:#f60; box-shadow:0px 2px 1px 1px rgba(77,77,77,0.70)}
.Estilobtn:hover{background-color:#f60; color:#FFF }

.legend_contacto{ font-size:80%; background-color:rgba(255,255,255,.7); padding:3px 15px; border-radius:7px; margin-top:30px}
.input_contacto{font-size:15px; padding:7px 15px; width:40%; font-family:"Roboto Medium"; border-radius:10px; outline:none; border:solid 1px #d5d5d5; box-sizing:border-box; background-color:white}
.input_contacto:focus{ border:solid 1px #f90; box-shadow:0 0 8px 3px #ccc}
.input_contactar{ width:90%}
textarea{ font-family:"Roboto Medium"; font-size:14px;}

.finalizar_pago{ padding:30px; box-sizing:border-box; text-align:center; width:60%; float:right}
.finalizar_pago a { transition:.3s}
.finalizar_pago p { font-size:20px}
.finalizar_pago strong { font-size:28px}
.finalizar_pago_img{ padding:30px; box-sizing:border-box; text-align:center; width:40%; float:left}
.finalizar_pago_img img{ width:100%} 


/*---------------INDEX -------------------*/
.tags{background-color:#eaeaea; transition:.1s; color:#000; border-radius:5px; padding:6px 10px; margin:10px; display:inline-block; text-transform:uppercase; font-size:14px;}
.tags:hover{ background-color:#c9c9c9; box-shadow:0 0 10px 2px #FC3;}
.pasos{width:100%; background-color:#f7eee6; min-height:300px; margin:50px 0}
.pasos_img{ width:80%; padding:40px; box-sizing:border-box}
.pasos_img_600{ width:100%; padding:20px; box-sizing:border-box; display:none}
/*---------------INDEX -------------------*/



/*---------------HEAD -------------------*/
.a_1{ text-decoration:none; color:#777; display:none}

.a5, a7{position:relative; cursor:pointer; transition:1.2s; z-index:500; top:30px; }
.a5 img{ width:90%; user-select:none; z-index:-10; box-shadow:0 0 15px 7px #888; margin:0 5%}

.a7 img{ width:100%; user-select:none; z-index:-10; box-shadow:0 0 15px 7px #888; margin:0; margin-top:0px}

#AgregarEmpresa{transition:2s; left:0; background-color:#fff; z-index:600; width:100%; height:auto}


.wow{width:100%; margin-top:85px}


.add_my{ display:block}
.add_my2{ display:none}
/********************  FORMULARIO AGREGARME  *****************/
.legend_contacto{ font-size:80%; background-color:rgba(255,255,255,.7); padding:3px 15px; border-radius:7px; margin-top:30px}
.input_contacto{font-size:15px; padding:7px 15px; width:40%; font-family:"Roboto Medium"; border-radius:10px; outline:none; border:solid 1px #d5d5d5; box-sizing:border-box; background-color:white}
.input_contacto:focus{ border:solid 1px #f90; box-shadow:0 0 8px 3px #ccc}

.titulo_agregar{ font-size:30px; color:#f60; font-family:"Ubuntu MediumItalic"; padding:20px}
.planes{width:100%; text-align:center; margin:0px auto; display:block; background:linear-gradient( to right, transparent 3%, white 12%, white 88%, transparent 97%);}
.planes img{ width:50%; }
.agregarme{ padding:25px; }

.Estilobtn{ background-color:#CCC}

/*---------------HEAD -------------------*/



/*------------------- FARMACIAS ------------------*/
.tabla_gral_farmacias{ width:96%; margin:50px 2%}
/*------------------- FARMACIAS ------------------*/




/***************     ::::     CSS PANEL ADMIN    ::::     *******************/

.container777{ width:70%; background-color:rgba(255,255,255,.5); border-radius:10px; margin:60px auto; padding:20px 0; box-sizing:border-box}
.line{ border-bottom:dotted .15em white; width:90%; margin:30px 0}
.Estilobtn-2{display:block; margin:50px 0; box-shadow:#FFF 0 0 8px 3px; color:white; background-color:#F50; transition:.2s; padding:20px 140px; font-size:19px}
.Estilobtn-3{margin:30px 0; box-shadow:#FFF 0 0 8px 3px; color:white; background-color:#F50; transition:.2s; }
.terminos{ padding:11px 35px; font-size:14px; }
.terminos:hover a { text-decoration:underline}

/****************************************************************************/


#suscribirse{ border-radius:5px; background-color:orangered; color:white; padding:8px 25px; margin:15px 10%; font-size:20px; box-sizing:border-box; height:50px; max-width:200px;}
#suscribirse img{filter: invert(100%); width:22px; margin-right:10px; vertical-align:text-top}
#clear, #sharing{ display:none}


@media screen and (max-width:700px ) {
	

.div_sharing{width:90%; margin:25px 5% !important;}

.cont_share{ width:100%; margin:8px auto;}
.cont_share img{ width:35px; margin:2px 4px; box-shadow:0 0 8px 3px #ccc; border-radius:100%}
.cont_share img:hover{ box-shadow:0 0 8px 2px #333}
	
	
#sharing{ display:none}
#clear{ display:block}
.pasos_img{ display:none}
.pasos_img_600{display:block}

.right_contacto, .div_contacto{width:100%}



/***************     ::::     CSS PANEL ADMIN    ::::     *******************/

.container777{ width:95%; margin:25px auto; padding:0;}
.line{ border-bottom:dotted .15em white; width:90%; margin:30px 0}
.Estilobtn-2{display:block; width:100% margin:30px auto; box-shadow:#FFF 0 0 8px 3px; color:white; background-color:#F50; transition:.2s; padding:15px; font-size:14px}

.Estilobtn-3{margin:30px 5px; padding:10px; font-size:14px}

/****************************************************************************/

/*--------------------INDEX----------------------*/
.tags{background-color:#eaeaea; transition:.1s; color:#000; border-radius:3px; padding:5px; margin:5px; display:inline-block; text-transform:uppercase; font-size:12px;}
.tags:hover{ background-color:#c9c9c9; box-shadow:0 0 10px 2px #FC3;}
/*--------------------INDEX----------------------*/



/*---------------HEAD -------------------*/
.buscar{ width:80%; transition:.1s; border-radius:0; height:45px;}
.buscar:hover{width:100%; box-shadow:0 0 100px 2000px rgba(0,0,0,0.6); border:none; border-bottom:solid 1px #ccc;background-image:none;}
.div_buscar{width:100%; margin:0px; right:0;}

.a_1{ text-decoration:none; color:#777; display:none}

.a5, a7{position:relative; cursor:pointer; transition:1.2s; z-index:500; top:15px; }
.a5 img{ width:100%; user-select:none; z-index:-10; box-shadow:0 0 10px 3px #888; margin:0}

.a7 img{ width:100%; user-select:none; z-index:-10; box-shadow:0 0 10px 3px #888; margin:0; margin-top:130px}

#AgregarEmpresa{transition:2s; position:absolute; left:0; top:-2300px; background-color:#fff; z-index:600; width:100%; height:auto}

.cabeza{background-color:#d5d5d5; border:0}
.logocabeza{width:10%; height:auto; margin:10px 1%; margin-top:16px; display:none}

.spantitulo{ display:none }


.iconos{ width:16%; box-sizing:border-box; margin-top:5px}
.iconos>img{ width:45%; padding:0px; margin-right:15px; margin-top:10px; }
.ic_bus img{ width:60%; margin-top:6px}

.ic_share{ float:right; text-decoration:none; color:#333; cursor:pointer; position:relative; width:17%; margin-top:5px}
.ic_share>img{ width:42%; margin-top:10px; margin-right:15px; }
.iconos span{ display:none; position:absolute; z-index:5000; bottom:-50px; left:-10px; min-width:100px; max-width:100px; background-color:#ffcb8c; padding:8px 4px; border-radius:7px; font-size:12px}
.iconos:hover span{ display:block; }

#id_div { font-size:14px; display:none; position: absolute; z-index:8000; top:30px; left:5%; right:5%; width:90%; background-color:#ffcb8c; padding:8px 4px; border-radius:7px; text-align:center; float:none; box-sizing:border-box; box-shadow:0 0 30px 80px rgba(0,0,0,.5)}
#id_div img { width:14%; margin:0 3%; opacity:.75; float:left}
#id_div img:hover { border-radius:100%; box-shadow:0 0 8px 3px #000; opacity:1}
#id_div strong{ display:block; float:left; width:100%}

.ic_contacto:hover span{ display:block; min-width:90px; right:20px}
.acceso{padding:7px; box-sizing: border-box; width:18%; margin:0; border-radius:4px; transition:.2s; float:right}
.acceso img{ width:80%}
.acceso:active, .acceso:hover{ background-color:#f9f9f9; border-radius:8px}


.wow{width:100%; margin-top:130px}

.add_my{ display: none}
.add_my2{ display: block}

/********************  FORMULARIO AGREGARME  *****************/
.input_contacto{width:100%;}
.planes{width:100%; background:none; background-color:white}
.planes img{ width:100%; }
.agregarme{ padding:15px; }
/*---------------HEAD -------------------*/


.div_sharing{ background-color:#E1F5FE; border-radius:7px; border:dotted 1px #03A9F4; width:90%; margin:20px 5%}
.div_sharing span{color:#069; display:block; text-align:left; padding:5px}




.container{width:96%; background-color:#fff; -webkit-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, .7); -moz-box-shadow:0px 0px 12px 0px rgba(0, 0, 0, .7); box-shadow:0px 0px 12px 0px rgba(0, 0, 0, .7); margin-left:2%; margin-right:2%}

.container_empresa_full{margin:0; margin-top:20px; width:100%; }

.container_index{ box-shadow:none; width:100%; margin:20px 0; margin-top:40px}

.error404{ margin:60px auto; width:70%; margin-top:120px; min-height:100px;}



.container_right{width:30%; position:absolute; top:310px; right:2%; height:450px; background-color:#FFF; overflow:scroll}
.container_right > a { height:90px; display:block; padding:10px; box-sizing:border-box; border-bottom:solid 1px #CCC}
.container_right > a img{ width:70px; float:left; margin-right:20px; border-radius:100%; box-shadow:0 0 10px 3px rgba(0,0,0,.5);}
.container_right > a b{color:#333; text-transform:uppercase; display:block;}
.container_right > a span{ font-size:12px; color:#888}
.container_right a:hover{ color:#888; text-decoration:underline; background-color:white}




.logo{width:100%; height:600px}
.logocontainer{ float:none; width:100%}
.logocontainer img{height:150px; margin:10px; vertical-align:middle}
.textcontainer{ float:none; width:95%; }

.container_categorias{width:90%; background-color:#8A4902; -webkit-box-shadow:0px 0px 12px 5px rgba(0, 0, 0, .4); -moz-box-shadow:0px 0px 12px 5px rgba(0, 0, 0, .4); box-shadow:0px 0px 12px 5px rgba(0, 0, 0, .4);}
.categorias{ width:25%; padding:15px 0px; float:left; height:50px}
.categorias img{ width:22px}
#icono_roca{width:52px}
.categorias:hover{ background-color:rgba(255,255,255,.2)}
.txt_categorias{font-size:12px; color:#F90; overflow:hidden; text-overflow:ellipsis; text-decoration:none}

.textcontainer span{width:100%; color:#777; font-size:17px; line-height:25px}
.textcontainer b{color:#555; font-size:30px;}
.enter{ display:none}
.si_enter{ display:block}
.video{height:600px;}
#video{ width:100%; height:300px; float:none}
#textvideo{width:100%; float:none; padding:5px 10px; box-sizing:border-box; font-size:18px; line-height:24px; }
.galeria{width:100%; height:500px}

.tabla_general_productos{ width:61%; text-align:center; margin-left:2%}

.div_cant_empresas{ width:100%; float:none}

.img_prod_height{ height:130px; margin-top:2px}
.img_prod_width{ max-height:130px; max-width:90%; margin-top:2px}

.titulo_prod{font-size:15px; padding:2px; }

.detalle_prod{display:none}

footer{width:100%; background-color:#444; font-size:13px; color:#FFF; font-family:'Roboto Regular'; text-align:center; padding:20px 0px; }


.menu_footer{ font-size:15px; padding:8px 10px; margin-top:22px; color:#fff; font-weight:bolder}
.menu_footer:hover{ color:red; text-decoration:underline; background-color:#fff; border-radius:8px}



.td_precio_2{ width:0%; display:none}
.td_precio{ display:none}
.td_precio_new{ display:block; width:100%}

.txt_detalle_detalle_prod{font-size:13px; color:#777}
.img_cliente_detalle_prod{border-radius:100px; width:60px}

.vendedor {font-family:"Roboto Medium"; color:#000; font-size:16px; cursor:pointer; padding:3px; text-transform:uppercase; text-decoration:none; }
.vendedor_2{font-family:"Roboto Medium"; color:#777; font-size:14px; cursor:pointer; padding:3px; }


#map_canvas{ width:100%; height:250px}


.logo_empresa_full{ width:70%; float:none; text-align:center}
.nombre_empresa_full{font-size:20px; }
.actividad_empresa_full{font-size:15px;}
.datos_empresa_full{font-size:14px; }


.btn_comercios{  font-size: 17px;
  padding:8px; width:45%; margin:10px 0px}

.derecha{ float:none; margin:0px; padding:10px; box-sizing:border-box; width:100%}

.whatsapp{ display:inline; vertical-align:middle}


.right_farmacias{ display:none}


/*------------------ LISTA DE COMERCIOS  ----------------*/
.tabla_general_empresas{ width:100%; margin-left:0px; padding:10px; border-bottom:solid 5px #ccc}

.logo_com{ float:none; text-align:center; width:100%}
.logo_com > a > img{ display:block; width:60%; height:auto; margin:8px 20%}
.boton_mapa{padding:7px 9px 7px 20px; vertical-align:top; line-height:35px; display:block}

.boton_mapa img{ width:15px; padding:3px 0}

.campos_lista_empresa{font-size:14px; margin-top:10px; }

.campos_lista_empresa_link{margin:0 7px; }

.campo_actividad{ margin:3px 0; color:#000}
.img_campos_lista_empresa{ width:18px; padding:0; height:18px; }

.titulo_lista_empresa a{font-size:20px; padding:8px 0; text-align:center}

/*------------------ LISTA DE COMERCIOS  ----------------*/




/*--------------------DETALLE  EMPRESA-*------------------------*/
.perfil_empresa{ float:left; width:100%}

.textos_perfil{ border-right:none}

.logo_empresa_full{ width:100%; float:none; text-align:center; padding:10px; box-sizing:border-box }
.logo_empresa_full img{ width:50%;}
.nombre_empresa_full{font-size:19px; color:#000; padding:10px;}
.actividad_empresa_full{font-size:15px; color:#555; padding:2px 5px}
.datos_empresa_full{font-size:15px; color:#777; text-align:left; padding:6px 0px 6px 20px}

#map_canvas{width:100%; height:240px; margin:auto; display:block}


/****************		GALERIA EN DETALLE EMPRESA		***************************/
.galeria_productos{ width:100%; }
.imgs{width:100px; float:left; margin:10px; border:solid 2px #F0C993; border-radius:3px} 
.imgs img{ width:100px; padding:10px; box-sizing:border-box}
.titulo_a{color:#000; font-size:15px; display:block; padding:10px 0; }
.galeria_productos ins{font-size:15px;}
.galeria_productos d{font-size:13px; margin:3px 7px; padding:2px 3px; }
.precio_verde{ font-size:16px; margin:3px 7px; padding:3px 6px;}

/*--------------------DETALLE  EMPRESA-*------------------------*/



/*----------------------DETALLE PRODUCTO-------------------*/


.container_producto2{ padding:3px; width:100%; margin:0}

.empresa_oferta{ width:100%; border:none; margin:0; float:none}
.empresa_oferta > .logo_empresa_full{ width:100%; min-height:100px; float:left; padding:10px; margin:auto; box-sizing:border-box }
.empresa_oferta > .logo_empresa_full img{ border-radius:10%}
.titulo_empresa_oferta{ font-size:16px; text-align:left}
.campos_empresa_oferta a, .campos_empresa_oferta{ font-size:15px;}



.wow_detalle_producto{float:none; width:94%; margin:auto 3%;}
.datos_detalle_producto{ width:100%; float:none}

.datos_detalle_producto .tituloP{ font-size:18px; padding:10px 0; display:block}
.datos_detalle_producto .detalle{ font-size:15px; padding:10px; padding-top:30px; color:#777; display:block}
.datos_detalle_producto .cont_share{ margin-top:0}
.datos_detalle_producto i{ font-style:normal; color:#777; display:block; padding-bottom:10px; }

.datos_detalle_producto ins{ text-decoration:line-through; color:#888; font-size:18px;}
.datos_detalle_producto d{color:#fff; font-size:15px; background-color:#920509; display:inline-block; color:#FFF; margin:3px 10px; padding:3px 2px; border-radius:5px; }

.datos_detalle_producto .precio_verde{ font-size:18px; background-color:#093; display:inline-block; color:#FFF; margin:3px 5px; padding:5px 7px; border-radius:5px}

.comentarios{ padding:40px 0; width:100%; margin:0 }

/*----------------------DETALLE PRODUCTO-------------------*/




}
@media screen and (min-width:701px) and (max-width:1000px ) {
.pasos_img{ display: block; width:100%}
.pasos_img_600{display: none}

.right_contacto, .div_contacto{width:100%}

.Estilobtn {font-size:15px; padding:13px 20px; margin-top:10px;}
.input_contacto{font-size:14px; padding:8px 3px; width:90%; border-radius:5px}

/*--------------------INDEX----------------------*/
.tags{background-color:#eaeaea; transition:.1s; color:#000; border-radius:3px; padding:5px; margin:8px; display:inline-block; text-transform:uppercase; font-size:14px;}
.tags:hover{ background-color:#c9c9c9; box-shadow:0 0 10px 2px #FC3;}
/*--------------------INDEX----------------------*/



/*---------------HEAD -------------------*/
.buscar{ width:80%; transition:.1s; }
.buscar:focus{ position:absolute; z-index:2000; top:0; left:0; right:0; width:100%; margin:0; padding:0 5px; border-radius:0; box-shadow:0 0 8px 2px #ccc; border:none; border-bottom:solid 1px #ccc; height:45px; background-image:none}
.div_buscar{width:88%; margin:0px; right:0}

.a_1{ text-decoration:none; color:#777; display:none}

.a5, a7{position:relative; cursor:pointer; transition:1.2s; z-index:500; top:15px; }
.a5 img{ width:100%; user-select:none; z-index:-10; box-shadow:0 0 10px 3px #888; margin:0}

.a7 img{ width:100%; user-select:none; z-index:-10; box-shadow:0 0 10px 3px #888; margin:0; margin-top:120px}

#AgregarEmpresa{transition:2s; position:absolute; left:0; top:-2300px; background-color:#fff; z-index:600; width:100%; height:auto}

.cabeza{background-color:#d5d5d5; border:0}
.logocabeza{width:10%; height:auto; margin:10px 1%; margin-top:16px}

.spantitulo{ display:none }


.iconos>img{ width:25px; padding:0px; margin-right:15px; margin-top:10px; }
.ic_bus img{ width:30px; margin-top:6px}

.ic_share{ float:right; text-decoration:none; color:#333; cursor:pointer; position:relative}
.ic_share>img{ width:21px; margin-top:12px; margin-right:15px; }
.iconos span{ display:none; position:absolute; z-index:5000; bottom:-50px; left:-10px; min-width:100px; max-width:100px; background-color:#ffcb8c; padding:8px 4px; border-radius:7px; font-size:12px}
.iconos:hover span{ display:block; }

#id_div { font-size:14px; display:none; position:absolute; z-index:5000; top:20px; right:30px; width:250px; background-color:#ffcb8c; padding:8px 4px; border-radius:10px; text-align:center}
#id_div img { width:32px; margin:0 4px; opacity:.75}
#id_div img:hover { border-radius:100%; box-shadow:0 0 8px 3px #000; opacity:1}


.ic_contacto:hover span{ display:block; min-width:90px}
.acceso{ font-size:15px; padding:8px; margin-right:33px; margin-top:5px;}
.acceso:active, .acceso:hover{ background-color:#f3f3f3; border-radius:4px}


.wow{width:100%; margin-top:90px}

.add_my{ display: none}
.add_my2{ display: block}


/*---------------HEAD -------------------*/

.container{width:96%; margin-left:2%;}

.container_empresa_full{margin-top:20px}

.container_index{ box-shadow:none; width:100%; margin:20px 0; margin-top:40px}

.error404{ margin:60px auto; width:70%; margin-top:120px; min-height:100px;}



.container_right{width:30%; position:absolute; top:310px; right:2%; height:450px; background-color:#FFF; overflow:scroll}
.container_right > a { height:90px; display:block; padding:10px; box-sizing:border-box; border-bottom:solid 1px #CCC}
.container_right > a img{ width:70px; float:left; margin-right:20px; border-radius:100%; box-shadow:0 0 10px 3px rgba(0,0,0,.5);}
.container_right > a b{color:#333; text-transform:uppercase; display:block;}

.container_right > a span{ font-size:12px; color:#888}
.container_right a:hover{ color:#888; text-decoration:underline; background-color:white}




.logo{width:100%; height:600px}
.logocontainer{ float:none; width:100%}
.logocontainer img{height:150px; margin:10px; vertical-align:middle}
.textcontainer{ float:none; width:95%; }

.container_categorias{width:90%; background-color:#8A4902; -webkit-box-shadow:0px 0px 12px 5px rgba(0, 0, 0, .4); -moz-box-shadow:0px 0px 12px 5px rgba(0, 0, 0, .4); box-shadow:0px 0px 12px 5px rgba(0, 0, 0, .4);}
.categorias{ width:25%; padding:15px 0px; float:left; height:50px}
.categorias img{ width:22px}
#icono_roca{width:52px}
.categorias:hover{ background-color:rgba(255,255,255,.2)}
.txt_categorias{font-size:12px; color:#F90; overflow:hidden; text-overflow:ellipsis; text-decoration:none}

.textcontainer span{width:100%; color:#777; font-size:17px; line-height:25px}
.textcontainer b{color:#555; font-size:30px;}
.enter{ display:none}
.si_enter{ display:block}
.video{height:600px;}
#video{ width:100%; height:300px; float:none}
#textvideo{width:100%; float:none; padding:5px 10px; box-sizing:border-box; font-size:18px; line-height:24px; }
.galeria{width:100%; height:500px}

.tabla_general_productos{ width:61%; text-align:center; margin-left:2%}

.div_cant_empresas{ width:100%; float:none}

.img_prod_height{ height:130px; margin-top:2px}
.img_prod_width{ max-height:130px; max-width:90%; margin-top:2px}

.titulo_prod{font-size:15px; padding:2px; }

.detalle_prod{display:none}

footer{width:100%; background-color:#444; font-size:13px; color:#FFF; font-family:'Roboto Regular'; text-align:center; padding:20px 0px; }


.menu_footer{ font-size:15px; padding:8px 10px; margin-top:22px; color:#fff; font-weight:bolder}
.menu_footer:hover{ color:red; text-decoration:underline; background-color:#fff; border-radius:8px}



.td_precio_2{ width:0%; display:none}
.td_precio{ display:none}
.td_precio_new{ display:block; width:100%}

.txt_detalle_detalle_prod{font-size:13px; color:#777}
.img_cliente_detalle_prod{border-radius:100px; width:60px}

.vendedor {font-family:"Roboto Medium"; color:#000; font-size:16px; cursor:pointer; padding:3px; text-transform:uppercase; text-decoration:none; }
.vendedor_2{font-family:"Roboto Medium"; color:#777; font-size:14px; cursor:pointer; padding:3px; }


#map_canvas{ width:100%; height:250px}


.logo_empresa_full{ width:70%; float:none; text-align:center}
.nombre_empresa_full{font-size:20px; }
.actividad_empresa_full{font-size:15px;}
.datos_empresa_full{font-size:14px; }


.btn_comercios{  font-size: 17px;
  padding:8px; width:45%; margin:10px 0px}

.derecha{ float:none; margin:0px; padding:10px; box-sizing:border-box; width:100%}

.whatsapp{ display:inline; vertical-align:middle}


.right_farmacias{ display:none}


/*------------------ LISTA DE COMERCIOS  ----------------*/
.tabla_general_empresas{ width:100%; margin-left:0px; padding:10px; border-bottom:solid 5px #ccc}

.logo_com{ float:none; text-align:center; width:100%}
.logo_com > a > img{ display:block; width:60%; height:auto; margin:8px 20%}
.boton_mapa{padding:7px 9px 7px 20px; vertical-align:top; line-height:35px; display:block}

.boton_mapa img{ width:15px; padding:3px 0}

.campos_lista_empresa{font-size:14px; margin-top:10px; }

.campos_lista_empresa_link{margin:0 7px; }

.campo_actividad{ margin:3px 0; color:#000}
.img_campos_lista_empresa{ width:18px; padding:0; height:18px; }

.titulo_lista_empresa a{font-size:20px; padding:8px 0; text-align:center}

/*------------------ LISTA DE COMERCIOS  ----------------*/


/*--------------------DETALLE  EMPRESA-*------------------------*/
.perfil_empresa{ float:left; width:100%}

.textos_perfil{ border-right:none}

.logo_empresa_full{ width:40%; float:left; text-align:center; padding:10px; box-sizing:border-box }
.logo_empresa_full img{ width:80%;}
.nombre_empresa_full{font-size:19px; color:#000; padding:10px;}
.actividad_empresa_full{font-size:15px; color:#555; padding:2px 5px}
.datos_empresa_full{font-size:15px; color:#777; text-align:left; padding:6px 0px 6px 20px}

#map_canvas{width:100%; height:240px; margin:auto; display:block}


/****************		GALERIA EN DETALLE EMPRESA		***************************/
.galeria_productos{ width:100%; }
.imgs{width:100px; float:left; margin:10px; border:solid 2px #F0C993; border-radius:3px} 
.imgs img{ width:100px; padding:10px; box-sizing:border-box}
.titulo_a{color:#000; font-size:15px; display:block; padding:10px 0; }
.galeria_productos ins{font-size:15px;}
.galeria_productos d{font-size:13px; margin:3px 7px; padding:2px 3px; }
.precio_verde{ font-size:16px; margin:3px 7px; padding:3px 6px;}

/*--------------------DETALLE  EMPRESA-*------------------------*/



/*----------------------DETALLE PRODUCTO-------------------*/

.empresa_oferta{ width:100%; border:none; margin:0; float:none}
.empresa_oferta > .logo_empresa_full{ width:30%; min-height:100px; float:left; padding:10px; margin:auto; box-sizing:border-box }
.empresa_oferta > .logo_empresa_full img{ border-radius:10%}
.titulo_empresa_oferta{ font-size:16px; text-align:left}
.campos_empresa_oferta a, .campos_empresa_oferta{ font-size:15px;}
.comentarios{ padding:40px 0; width:100%; margin:0 }


/*----------------------DETALLE PRODUCTO-------------------*/




}


@media screen and (min-width:1001px) and (max-width:1200px ) {
.logo_empresa_full{ width:25%; float:left; background-color:#FFF; margin:10px }
.spantitulo{ display:none}
.derecha{ float:right; margin:20px 20px; width:60%}

.whatsapp{ display:none}
.div_buscar{width:45%; margin:0px}
	}