html, body, #desarrollo { /*Css Generales */
width:100%;
font-family:Arial,calibri,Helvetica,sans-serif;
font-size:18px;
}
html { bORDER: 0PX SOLID GRAY; }
body{
position: relative;
margin:0px;
padding:0px;
overflow: hidden;
background-size:cover;
font-family: 'Montserrat', sans-serif;
color: gray;
/* overflow: SCROLL;
overflow-x: hidden;*/
}
span iframe, span p iframe {margin:5px; float:left; width:45%; min-height:400px; background:white;}
@media only screen and (min-width : 1026px) and (max-width : 1281px)/*@media (max-width:1281px)*/{span iframe, span p iframe { width: 100% !important; } }
@media only screen and (min-width : 901px) and (max-width : 1025px)/*@media (max-width:1025px)*/{span iframe, span p iframe { width: 100% !important; } }
@media only screen and (min-width : 551px) and (max-width :900px){span iframe, span p iframe { width:100% !important; } }
@media only screen and (min-width :0px) and (max-width :550px){span iframe, span p iframe { width: 100% !important; } }
hr {width:100%;}
#popup {
position: absolute;
z-index: 100;
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
-webkit-animation-name: opaco;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s;
Display:none;
visibility:hidden;
}
#imagenes div, #poptext div{ width:100%; }
#poptext {width: 80%;
background: white;
position: absolute;
height: 600px;
margin: auto;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
#imagenes {
position: absolute;
margin: auto;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
width: 800px;
height: 50%;
padding: 50px;
background: white;
transition-property: all;
transition-duration: 0.5s, 0.5s, 0.5s;
transition-timing-function: linear, linear;
transition-delay: 0s ,0.5s, 0.5s;
}
#imagenes img {
width: 90%;
height: 90%;
object-fit: cover;
object-position: center;
margin: 5px;
transition-property: all;
transition-duration: 0.5s, 0.5s, 0.5s;
transition-timing-function: linear, linear;
transition-delay: 0s ,0.5s, 0.5s;
}
@media only screen and (min-width :0px) and (max-width :900px){
#imagenes { width: 80%; padding: 0px; min-height: 60%; /* height: auto; */}
#imagenes img { width: 90%; height: auto; margin: 5%; }
}
#encabezado span:hover img.evento_click:hover, .evento_click, .evento_click:hover div, .blog:hover span , .blog, #encabezado a, #encabezado a:hover, .transparente_blanco:hover , .transparente_azul:hover h1, .transparente_azul, .blog_n3, .blog_n3:hover span a:after, .blog_n3 span a:after ,.blog_n3:hover span a , .blog_n3 span a .blog_n3 div:hover, #pie_de_pagina a, #pie_de_pagina a:hover, .contenedor_2 div div:hover span, .contenedor_11:hover span, .contenedor_12:hover span, .contenedor_13:hover span, #redes_sociales_right a:hover img,#menu_movil div:hover span li, #menu_vertical_desplegable:hover div, .lista_productos li:hover, #slides:hover a, #slides:hover .icon-large, .boton:hover, .seccion_1_menu a:hover,/* .blog_n3 :hover span, #encabezado a:hover , */ #menu_vertical_desplegable li:hover, #menu_vertical_desplegable li:hover ul, .blog_n3_compra span, .blog_n3_compra div:after , .blog_n3_compra div:before, .blog_n3_compra:hover span, .blog_n3_compra:hover div:after , .blog_n3_compra:hover div:before {
transition-property: all;
transition-duration: 0.5s, 0.5s, 0.5s;
transition-timing-function: linear, linear;
transition-delay: 0s ,0.5s, 0.5s;}
#encabezado a, #encabezado a:hover {
transition-property: all;
transition-duration: 0.5s, 0.5s, 0.5s;
transition-timing-function: linear, linear;
transition-delay: 0s ,0s, 0s;}
#blog {visibility:hidden;}
#login {
display: block;
visibility: hidden;
overflow:auto;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
background: rgba(0,0,0,0.8);
}
.eliminar {
position: relative;
height: 150px;
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
.eliminar img{width:100%; height:auto;}
.eliminar p, .cerrar {
position: absolute;
z-index: 1000;
top: -20px;
left: 0px;
color:gray;
padding: 5px;
z-index: 1000;
font-size: 20;
display: block;
width: 40px !important;
height: 40px;
border-radius: 40px;
text-align: center;
}
/**
Tabla de colores y/o referencias
rgb(4,140,256) = azul claro
*/
/*Fuentes */
span > p span , li > span, span > h1 span {width:auto !important; margin:none !important;}
a { text-decoration:none; color:rgb(0,0,0);}
a img{border:0px;}
h1,h2,h3 { font-family: 'Releway', sans-serif; margin: 20px; }
h1 {
display: block;
FLOAT: LEFT;
WIDTH: 90%;
margin-left:5%;
margin-right:5%;
z-index: 0px;
font-size: 40px;
line-height: 40px;
color: gray;
}
.encabezado a > h1 {
display: block;
FLOAT: LEFT;
WIDTH: auto;
margin-left: 5px;
margin-right: 5px;
z-index: 0px;
font-size: 25px;
line-height: 15px;
color: gray; }
@media only screen and (min-width :0px) and (max-width :300px){ h1 {font-size: 30px;}}
@media only screen and (min-width :301px) and (max-width :400px){ h1 {font-size: 40px;}}
h2 {
display: block;
font-size: 30px;
width: auto;
float: left; }
h2 a {margin:10px;}
h3 {font-size:25px;}
p { font-size: 18px;
line-height: 1.5em;
letter-spacing: -1px;
word-spacing: 0.25em;
margin: 20px;
width:90% !important;
margin-left:5% !important;
MARGIN-right:5% !important;
}
#encabezado,#menu_movil {
position: fixed;
background-size: cover;
background: rgb(47,47,47);}
#encabezado {
top: 0px;
width: 99%;
height: 70px;
margin-top: 0px;
background-position: left top;
background-repeat: no-repeat;
z-index: 2;
box-shadow: 0px 0px 50px rgb(47,47,47,0.9);
}
#encabezado a {
font-family: sans-serif;
letter-spacing: 1px;
height: 30px;
display: inline;
text-align: center;
text-transform: uppercase;
line-height: 40px;
margin: 5px;
margin-top: 50px;
padding: 5px;
float: left;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
color:white;
/* text-shadow: 0 1px 2px rgba(0,0,0,.6); */
font-size: 12px;
font-weight: 700px;
font-size: 15px;}
@media only screen and (min-width : 900px) and (max-width :1200px)
{
#encabezado a { padding-left: 10px; padding-right: 10px;}
}
#encabezado a+a { border-bottom: 0px solid rgb(174,61,202);
border-radius: 0;
}
#encabezado a b{display:block; transform:skew(0deg);}
#encabezado a img {
/* margin-top: 30px; */
z-index: 500;
height: 50px;
width: auto;
/* object-fit: cover; */
/* margin-top: 10px; */}
#encabezado img {
/* position: absolute; */
z-index: 0;
float: left;
/* left: 0px; */
height: 0px;
width: 50%;
height: auto;
/* background: rgb(200,200,200); */
/* padding: 20px; */
/* border-radius: 120px; */
/* border: 10px solid white; */
/* object-fit: contain; */
height: 120px;}
#encabezado div {/*Position:absolute; */ height:40px; font-size:12px; }
/*#encabezado div li{padding-left:10px; color:white; padding-right:10px; margin-top:10px; } borro porque se piza menu desplegable*/
/* lo remplazo por la clace boton_a
#encabezado a:hover {background:white; color:rgb(1,126,240); border-bottom:10px solid rgb(1,126,240); }
*/
.encabezado > .link {float:right; color: white; margin-top:30px; background: deepskyblue; border: 0px solid rgb(255,238,170); border-radius: 10px; margin-top:30px;}
.encabezado > .linkLI {float:right; color: white; margin-top:30px; background: rgb(0,120,250); border: 0px solid rgb(255,238,170); border-radius: 10px; margin-top:30px;}
/*#encabezado div li{padding-left:10px; color:white; padding-right:10px; margin-top:10px; } borro porque se piza menu desplegable*/
/* lo remplazo por la clace boton_a
#encabezado a:hover {background:white; color:rgb(1,126,240); border-bottom:10px solid rgb(1,126,240); }
*/
.encabezado {
z-index: 500;
height: 100%;
left: 0px;
right: 0px;
margin-top: 0px;
margin: auto;}
.encabezado_d {
position: absolute !important;
visibility: visible;
display: block;
height: 60px !important;
margin-top: 30px;
width: 100%;
/* margin-top: 101px; */
background: rgb(240,240,240);
color: white;}
.encabezado_d h1{
display: block;
FLOAT: LEFT;
WIDTH: auto;
margin-left:100px !important;
margin-right:0px !important;
z-index: 0px;
font-size: 25px;
line-height: 20px;
color: gray;
font-weight: 100; }
.encabezado_d a{color:black !important;}
#logo_cliente {
WIDTH: 55PX !important;
HEIGHT: 55PX !important;
FLOAT: left;
BORDER-RADIUS: 500PX;
Z-INDEX: 100;
POSITION: ABSOLUTE;
left: 0PX;}
#logo_cliente img{
WIDTH: 55PX !important;
HEIGHT: 55PX !important;
FLOAT: RIGHT;
BORDER-RADIUS: 500PX;
BORDER: 5PX SOLID white;
Z-INDEX: -1;
POSITION: ABSOLUTE;
RIGHT:-30PX;}
#pie_de_pagina {
width: 100%;
background: rgb(47,47,47);
background-size: 100% auto;
background-repeat: no-repeat;
position: relative;
visibility: visibility;
display: block; }
#pie_de_pagina a img{
Position: relative;
max-width: 80%;
top: 0px;
margin-top: 0px;
z-index: 2;
margin-left: 10%;
margin-right: 10%;}
#pie_de_pagina a {color: rgb(211,174,85);
/* width: 50%; */
/* font-size: 30px; */
padding: 10px; }
#pie_de_pagina li a {padding:0px; margin:0px;}
#pie_de_pagina h1 { width: 100%;
text-align: center;
margin: 0px;
margin-top: 30px;
margin-bottom: 30px;
font-size: 35px;}
#pie_de_pagina span {width: 58%; margin: auto; display: block;}
#pie_de_pagina div div{margin-top: 10px;
width: 100%;
float: left;
/* border-bottom: 0px solid rgb(240,240,240);*/}
#pie_de_pagina div div+div {margin-top:10px; width:100%; border-bottom: 0px solid rgb(240,240,240); }
#pie_de_pagina div div li {
display: inline-block;
width: auto;
min-height: 30px;
/* float: left; */
list-style: violet;
line-height: 18px;
color: white;
font-size: 13px;
text-align: center;
padding: 5px;
line-height: 40px;
/* margin-left: 20px; */
/* font-style: italic; */
font-family: 'Rubik', sans-serif;
}
#pie_de_pagina div div li img{width:35px; float:left;}
#pie_de_pagina h1, #pie_de_pagina p {color: black;
text-align: center;
font-size: 15px;
margin: 5px;}
#pie_de_pagina h2 {
color:white; letter-spacing: 1px;
font-family: 'Fjalla One', sans-serif;
text-transform: uppercase;
text-align: left;
font-size: 20px;
margin: 5px;}
/*.pie_de_pagina div {height:215px; }*/
@media only screen and (min-width :0px) and (max-width : 1300px){#pie_de_pagina div div {margin-top:10px; width:100% !important;} }
.boton_contacto {
font-weight: 700;
color: rgb(42,86,127) !important;
padding:20px;
Font-size:32px;
}
.boton{
width:100% !important;
height: 8%;
float: left;
border: none;
color: white;
background: rgb(30,140,150);
font-size: 14px;
min-height: 60px;
border-radius: 5px 5px 5px 5px;
/* margin-left: 10%; */
line-height:60px;
text-align: center;
display: block;
text-transform: uppercase;
margin:1%;
}
.boton_ingresar { float: right !important;}
.boton_ingresar img {
background: white;
float: right !important;
border-radius: 50px;
width: 40px !important;
height: auto !important;
margin-left: 10px;
margin-top: 0px;
padding: 5px;}
/*.pie_de_pagina div {height:215px; }*/
.ancho_fijo_auto_pie {width:100% ; left:0px; right:0px; margin:auto; z-index:50;}
.ancla { position: absolute; margin-top: -200px;}
.datos_pie {
float: right;
/* height: 100%; */
width: 100%;
/* margin-top: 4%; */
background: rgb(81,131,207);
color: white;
font-size: 18px;
text-align: left;}
.datos_pie div a img {width:80%; margin:10%; background:white; max-width:250px;}
.datos_pie div {
display: block;
width: 25%;
float: left;
margin-top: 0;
margin: 2%;
MIN-WIDTH: 250PX;}
.datos_pie li{ width: auto;
padding: 5px;
/* padding-left: 20px; */
margin: 20px;
font-weight: 700;
font-family: 'Gotham', calibri;
color: white;}
.datos_pie span{
width: 100%;
padding: 20px;
padding-left: 50px;
text-align: center; }
.datos_pie p, .datos_pie h1, .datos_pie h2 {color:white;}
#menu_movil {
z-index: 2;
width: 100%;
height: 90px; }
#menu_movil {display:none; visibility:hidden; }
#menu_movil a {color:white; padding:2px;}
#menu_movil img {
position: absolute;
z-index: 0;
/* float: left; */
/* left: 0px; */
height: 0px;
width: 50%;
height: auto;
/* background: rgb(200,200,200); */
padding: 10px;
/* border-radius: 120px; */
/* object-fit: contain; */
height: auto;
max-width: 50%;}
#menu_movil a img {
Position: relative;
z-index: 2;
left: 10px;
/* top: 25px; */
float: left;
width: auto;
z-index: 5;}
#menu_movil a h1 {margin-left:90px; margin-top:25px; width:auto;}
@media only screen and (min-width : 200px) and (max-width :320px)
{
#menu_movil a img { Position: relative;
z-index: 2;
left: 10px;
top: 25px;
float: left;
width: auto;
z-index: 5; }
}
#menu_movil div img {
position: relative;
/* BACKGROUND: RED; */
width: 40px;
height: 40px;
top: 10px;
bottom: 0px;
left: 0px;
right: 0px;
margin: 5px;
z-index: 5;
object-fit: cover;
display: block;
float: right; }
#menu_movil span{
position:absolute; display: block;
right:0x; top:67px; z-index:2;
height:0px; width:65%;
padding:8px; padding-bottom:0px; margin:0px;
font-size:15px; text-align: center; color:white;
}
#menu_movil center img{width:40px;}
#menu_movil span li{
display:hidden; visibility:hidden; list-style:none;
position:relative;
width:95%; height:0px;
right:0px;
background:rgba(167, 197,181, 0.9);
float:right; margin:0px; margin-top:5px; font-size:18px; color:white;
border-bottom:1px solid white; line-height:50px;
}
#menu_movil span li ul{ display:none; visibility:hidden;}
#menu_movil span li ul li{ background:rgb(180,150,120);}
#menu_movil span li a{ display:block; margin-top:10px; margin-right:10px;}
#menu_movil div {
float: right;
width: 20%;
height: 50px;
/* background: red; */
/* margin: 10px; */
margin-right: 5%;
font-size: 20px;}
#menu_movil div:hover span li{height:70px; display:block; visibility:visible; right:75%; }
#menu_movil div:focus {display:none; visibility:hidden;}
#sub_menu {
position: fixed;
display: block;
right: -100%;
top: 120px;
z-index: 1000;
height: 90%;
width: 75%;
max-width: 300px;
overflow: auto;
padding: 8px;
padding-bottom: 0px;
margin: 0px;
font-size: 15px;
text-align: center;
color: white;
background: rgb(47,47,47);
/* border: 10px double white; */
border-radius: 10px;
overflow: auto;
overflow-x: hidden;
transition-timing-function: linear, linear;
transition-delay: 0s;
box-shadow: -5px -5px 30px white;
transition-duration: 1s, 1s, 1s;
-webkit-transform-style: all;
}
#sub_menu li {
min-height: 60px;
transition-timing-function: linear, linear;
transition-delay: 0s;
transition-duration: 0.5s, 0.5s, 0.5s;
-webkit-transform-style: all;
list-style: none;
position: relative;
width: 95%;
min-height: 40px;
min-height: 60px;
float: left;
/* background: white; */
/* float: right; */
margin: 1%;
margin-top: 0px;
margin-bottom: 0px;
font-size: 15px;
color: white;
border-bottom: 1px solid white;
line-height: 50px;
margin-left: 1% !important;
margin-top: 1% !important;
text-transform: uppercase;
color: cadetblue;}
#sub_menu span{
float: right;
height: 50px;
width: 50px;
margin: 5px;
color: white;
/* border: 1px solid white; */
/* border-bottom: 2px solid rgb(155,155,155); */
border-radius: 50px;
margin-bottom: 10px;}
#sub_menu span img{
float: left;
width: 40px;
/* margin: -20px; */
/* margin-top: -20px; */}
#sub_menu li a{
max-width: 90%;
float: left;
line-height: 20px;
text-align: left;
padding: 10px;
margin: 10px;
text-transform: uppercase;
color: white;}
#sub_menu li span{ float:left; height:50px; width:50px; background:none; border:none; }
#sub_menu li span img{
height: 15px;
height: 15px;
width: 15px;
margin: 15px;
top: 10px;
right: 0px;
position: absolute;}
#sub_menu2, #sub_menu3, #sub_menu4, #sub_menu5 {
height: auto;
position: relative;
display: none;
right: 0x;
/* top: 67px; */
z-index: 2;
/* height: 100%; */
width: 100%;
/* padding: 8px; */
padding-bottom: 0px;
margin: 0px;
font-size: 15px;
text-align: center;
color: white;
background:none;
overflow: auto;
overflow-x: hidden;}
#sub_menu2 li, #sub_menu3 li, #sub_menu4 li , #sub_menu5 li{ list-style: none;
position: relative;
width: 100%;
height: 70px;
float: left;
background: rgb(220,220,220);
float: left;
margin: 0%;
margin-top: 0px;
margin-bottom: 0px;
font-size: 18px;
color: black;
border-bottom: 2px solid white;
line-height: 50px;}
#sub_menu2 li a:hover {color:red; }
.seccion_autoc_menu{clear:both; width:100%; height:130px;}
#sub_menu_ingreso, #sub_menu_ingreso_datos {
position: absolute;
display: block;
right:-100%;
top: 90px;
z-index: 2;
height:auto;
min-height: 550px;
max-height:70%;
width: 75%;
max-width: 300px;
overflow: auto;
padding: 8px;
padding-bottom: 0px;
margin: 0px;
font-size: 15px;
text-align: center;
color: white;
background:white;
overflow: auto;
overflow-x: hidden;
transition-timing-function: linear, linear;
transition-delay: 0s;
transition-duration: 1s, 1s, 1s;
-webkit-transform-style: all;
border-radius:25px;
box-shadow:0px 0px 50px rgba(0,0,0,0.56);)
}
@media only screen and (min-height :0px) and (max-height :540px)
{
#sub_menu_ingreso, #sub_menu_ingreso_datos { min-height: 80%; max-height: 80%; } }
#sub_menu_ingreso_datos br+span { height: 60% !important;
max-height: 40% !important; overflow: auto !important; top: 160px; background: none !important; }
@media only screen and (min-height :0px) and (min-height :540px) {
#sub_menu_ingreso_datos br+span {
height: auto !important;
max-height: 300px !important;
overflow: hidden !important;
top: 160px;
background: none !important; } }
#sub_menu_ingreso a , #sub_menu_ingreso_datos a{WIDTH: 25PX; height: 25px; border-radius: 40px; BACKGROUND: RGBA(200,0,104,0.5); margin-top: 0px;}
#sub_menu_ingreso a img, #sub_menu_ingreso_datos a img{ height: 25px; width: auto;}
#sub_menu_ingreso H1, #sub_menu_ingreso H2 { color: rgb(174,61,202);
font-size: 25px;
text-align: left;
margin-left: 0px;
FONT-FAMILY: Lato, sans-serif;
WIDTH: 100%;
padding: 0px;
FLOAT: LEFT;
TEXT-ALIGN: CENTER;
line-height: 0px;
}
#sub_menu_ingreso p { color: darkgrey;
display: block;
float: left;
text-align: center;
font-weight: 100;
width: 85%;}
#sub_menu_ingreso H2 { font-size:20px;}
#sub_menu_ingreso input[type="submit"] {
width: 95%;
height: 50px;
float: left;
padding: 5px;
min-height: 40px;
border: none;
color: white;
background: rgb(174,61,202);
font-size: 18px;
min-height: 40px;
border-radius: 5px 5px 5px 5px;
/* margin-left: 10%; */
padding: 10px;
text-align: center;
display: block;
text-transform: capitalize;
}
#sub_menu_ingreso input[type="text"] {
width: 100%;
font-size: 14px;
text-decoration: oblique;
text-transform: capitalize;
HEIGHT: 50PX;
PADDING: 5px;
/* margin: 1%; */
border: 0px;
/* background: rgb(255,255,252); */
border: 2px solid rgb(220,220,220);}
#sub_menu_ingreso_datos H1 {
color: rgb(174,61,202);
font-size: 20px;
text-align: left;
margin-left: 0px;
FONT-FAMILY: Lato, sans-serif;
WIDTH: 100%;
padding: 0px;
FLOAT: LEFT;
TEXT-ALIGN: CENTER;
line-height: 0px;
font-weight: 700;
text-transform: uppercase; margin-top:40px;
}
#sub_menu_ingreso_datos H2 { color: rgb(174,61,202);
color: rgb(174,61,202);
font-size: 15px;
text-align: left;
margin-left: 0px;
FONT-FAMILY: Lato, sans-serif;
WIDTH: 100%;
padding: 0px;
FLOAT: LEFT;
TEXT-ALIGN: CENTER;
line-height: 0px;
font-weight: 300;
text-transform: uppercase;
}
#sub_menu_ingreso_datos H2 { font-size:16px;}
#sub_menu_ingreso_datos div { display: block;
width: 100px;
height: 100px;
position: absolute;
z-index: 1000;
margin-top: -18px;
left: -8px;
background-size: cover;
border-radius: 130px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#sub_menu_ingreso_datos p {text-align: left;
font-size: 18px;
background: 1px solid rgb(220, 220,220 );
color: rgb(100, 100,100 );
/* height: 55px; */
/* margin: 12px; */}
#sub_menu_ingreso_datos p b{font-size:12px;}
#sub_menu_ingreso_datos p img {float: left;
/* border-bottom: 1px solid rgb(220, 220,220 ); */
color: rgb(220, 220,220 );
width: 50px;
margin-right: 5px;
}
#sub_menu_ingreso_datos span{
background: rgb(230,230,230) !important;
display: block;
width: 110%;
height: 80px;
margin: 0px;
margin-left: -10px;
/* margin-top: -15px; */
bottom: 0px;
/* margin-bottom: -50px; */
position: absolute;
overflow: hidden;}
#sub_menu_ingreso_datos input[type="submit"] {
width: 48%;
height: 100px;
float: left;
padding: 5px;
min-height: 40px;
border: none;
color: gray;
background: no-repeat;
font-size: 18px;
min-height: 40px;
border-radius: 5px 5px 5px 5px;
/* margin-left: 10%; */
padding: 10px;
text-align: center;
display: block;
text-transform: capitalize;
}
.seccion_autoc_menu{clear:both; width:100%; height:130px;}
#redes_sociales {height:auto;}
#redes_sociales a img{ height: 40px;
width: auto;
margin-bottom: 15px;
margin: 0px;
margin-top: 10px;
left: 0px;}
#redes_sociales li { width:auto; margin-bottom: 15px; float:left;}
#redes_sociales p{ font-size: 25px;
color: white;
line-height: 1em;
letter-spacing: -1px;
word-spacing: 0.25em;}
#redes_sociales_pie a img{ height:40px; width:auto; margin-bottom: 15px; padding:0px; }
#redes_sociales_pie p{display:block; width:auto; padding:5px; margin:5px; float:left; font-size: 18px;
line-height: 1em;
letter-spacing: -1px;
word-spacing: 0.25em;}
#redes_sociales_right { float: right;}
#redes_sociales_right, #redes_sociales_left {
/* height: 45px; */
margin-right: 20px;
margin-top: 5px;}
#redes_sociales_left { float: left;
MARGIN: 20PX;
width: 95%;
background: rgb(110,163,46);}
#redes_sociales_left a, #redes_sociales_right li {
display: block;
width: auto;
float: left;
line-height: 30px;
color: gray;
height: 40px;
text-align: center;
margin-top: 0px;
margin: 2px;
padding: 2px 10px 0px 10px;
border-left: 5px solid white;
width: auto;
/* list-style: circle; */
/* border-left: 1px solid gray; */
/* background: rgba(0,0,0,0.1); */
}
#redes_sociales_right li img{ display:none; visibility:hidden;}
#redes_sociales_right a {
display: block;
width: auto;
float: RIGHT;
line-height: 30px;
color: gray;
height: 40px;
text-align: center;
margin-top: 0px;
margin: 2px;
padding: 2px 20px 0px 20px;
width: auto;
/* border-left: 1px solid gray; */
/* background: rgba(0,0,0,0.1); */
}
#redes_sociales_right a, #redes_sociales_left a {padding:0px;}
#redes_sociales_right a img, #redes_sociales_left a img{margin:0px;}
#redes_sociales_right a img { float: right;
height: 20px;
width: auto;
margin-top: 8px;
padding: 0px;}
#redes_sociales_left li a img{ float: left;
height: 35px;
width: auto;
margin-top: 0px;
padding: 0px;
margin-top: -10px;
padding: -10px;
top: 0px;
}
#redes_sociales_right a:hover img, #redes_sociales_left a:hover img{ margin-top:-5px; border-bottom:5px solid rgb(0,0,0);}
#redes_sociales_left li { width: auto;
float: left;
margin: 20px;
color: white;
margin-left: 0px;}
#redes_sociales_left li img { z-index: 0;
float: left;
left: 0px;
height: 0px;
height: 60px;
margin-right: 0px;
margin-right: 5px;
margin-top: -20px;
/* height: auto; */}
#redes_sociales_right p{ font-size: 18px;
line-height: 1em;
letter-spacing: -1px;
word-spacing: 0.25em;}
.redes_sociales {
position: relative;
width: auto !important;
float: none !important;
margin-top: 0px;
/* MAX-WIDTH: 500PX; */}
.redes_sociales a {
display: inline-block !important;
width: auto;
/* float: right; */
/* margin: 0px !important; */
padding: 0px !important;
margin-left: 0px !important;
background: none !important;
margin-right: 0px !important;
margin-top: 10px !important;}
.redes_sociales a img,.redes_sociales li img{
width: 20px !important;
height: auto !important;
/* margin: 5px !important; */
margin-top: -2px !important; MARGIN-RIGHT:5PX;
float: right;
/* background: none !important; */}
.redes_sociales li {
font-size: 12px;
text-align: left;
/* border-bottom: 2px solid rgb(0,35,137); */
LIST-STYLE: NONE;}
.redes_sociales li+li+li { border-bottom:0px solid rgb(0,35,137); }
.pie_de_pagina div > .redes_sociales a img {
width: 40px !important;
height: auto !important;}
.encabezado > .redes_sociales a {margin-top: 25px !important;}
#sub_menu > .redes_sociales {
position: initial;}
.lista_productos ul {Background:black; border:2px solid white; height:50px; margin-bottom:-10px;}
.lista_productos li {Background:red; border:1px solid white; height:40px; list-style:none; }
.lista_productos li, .lista_productos ul { color:white; font-size:20px; font-style:bold;
letter-spacing: -1px; word-spacing:0.25em;}
.lista_productos li:hover {Background:black; color:red; }
.menu_fondo{background:rgb(226,184,156);}
.menu_listado_horizontal h2 {display:BLOCK; float:left; color: rgb(255,153,48); padding: 0px; margin: 8px;}
.menu_listado_horizontal li { width: auto;
height: auto;
font-size: 13px;
text-transform: uppercase;
color: white;
padding: 15px;
margin: 5px;
float: left;
border: 1px solid rgb(220,220,220);
background:black;
border-radius: 5px;}
#desarrollo {
background: black;
padding-top: 10px;
text-align: center;
height: 50px;
color: white;}
#desarrollo a {color:white;}
#desarrollo img{ width: 180px;}
/* menu vertical listas */
/* menu vertical listas - DESPLEGABLE HACIA LA DERECHA */
ul {
width: 100%;
margin-top: 10px;}
#pie_de_pagina li { list-style: none; margin:0; padding:0;}
#menu_vertical_desplegable_menu {
/* background: rgb(255,255,255);
border-bottom: 2px solid rgb(250,209,46);*/
color: rgb(47,47,47);
position: relative;
float: right;
width: auto;
height: 80px;
padding: 0;
/* margin-left: 10px; */
/* margin-right: 10px; */
/* border: 0; */
text-align: left;
display: block;
font-size: 18px;
text-transform: uppercase; /*Texto en mayuscula*/
color: rgb(47,47,47);
margin-top: 28px;
margin-left:5px;
margin-right:5px;
padding: 0px;
}
#menu_vertical_desplegable_menu li a { margin-top: 5px; } /*ingreso porque piza clase en encabezado*/
#menu_vertical_desplegable_menu h1 {
display: block;
width: 80%;
font-size: 18px;
text-transform: uppercase; /*Texto en mayuscula*/
color: rgb(47,47,47);
margin-top: 10px;
float: left;
padding: 0px;
}
#menu_vertical_desplegable_menu img {
position: absolute;
/* margin-right: -50px; */
/* margin-right: -50px; */
margin-left: 95%;
margin-top: -30px;
height: 30%;
width: AUTO;
/* float: right; */
/* float: right; */}
#menu_vertical_desplegable_menu:hover img {margin-top:-25px; }
#menu_vertical_desplegable_menu ul {list-style: none; margin: 0; padding: 0; }
#menu_vertical_desplegable_menu ul { position: relative; z-index: 597; float: left; }
#menu_vertical_desplegable_menu div {visibility:hidden; margin-top:0px; display:none; }
#menu_vertical_desplegable_menu:hover div {position:absolute; margin-top:-5px; z-index:500; width:100%; visibility:visible; display:block; }
#menu_vertical_desplegable_menu ul li {
float: left;
min-height: 1px;
line-height: 1em;
vertical-align: middle; padding:0px;
}
#menu_vertical_desplegable_menu ul li.hover,
#menu_vertical_desplegable_menu ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
#menu_vertical_desplegable_menu ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
#menu_vertical_desplegable_menu ul ul li {
float: none;
}
#menu_vertical_desplegable_menu ul li:hover > ul {
visibility: visible;
-webkit-animation-name:anima; /*Animacion*/
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;/*para que vuelva a su posicion inicial */
-webkit-animation-delay: 0s;
}
#menu_vertical_desplegable_menu ul ul {
top: 0;
left: 100%;
}
#menu_vertical_desplegable_menu ul li {
float: none;
}
#menu_vertical_desplegable_menu span, #menu_vertical_desplegable_menu a {
display: inline-block;
/* font-family: Arial, Helvetica, sans-serif; */
/* font-size: 14px; */
text-decoration: none;
}
#menu_vertical_desplegable_menu:after, #menu_vertical_desplegable_menu ul:after {
content: '';
display: block;
clear: both;
}
#menu_vertical_desplegable_menu ul, #menu_vertical_desplegable_menu li { /*Ancho total de Ul al div*/
width:100%;
}
#menu_vertical_desplegable_menu li { /*primer LI */
background: rgb(225,225,225);
border-bottom:1px solid white;
}
#menu_vertical_desplegable_menu li:hover { /*Hover primer LI */
background:rgb(255,255,255);
border-bottom:1px solid rgb(155,155,155);;
}
#menu_vertical_desplegable_menu li:hover a {
color:rgb(47,47,47);
}
#menu_vertical_desplegable_menu a { /*color de letra*/
color:rgb(47,47,47);
line-height: 160%;
/* padding: 11px 28px 11px 28px;
width: 144px; Bloqueo por redes sociales*/
}
#menu_vertical_desplegable_menu ul ul li {/*segundo li*/
color:white;
background: #666666;
border-bottom: 1px solid white;
}
#menu_vertical_desplegable_menu ul ul li:hover { /*segundo li hover*/
background: rgb(155,155,155);
color:white;
}
#menu_vertical_desplegable_menu ul ul li:hover a {
color: rgb(47,47,47);
}
#menu_vertical_desplegable_menu ul ul li ul li {
background:#b7b7b7;
}
#menu_vertical_desplegable_menu ul ul li ul li:hover {
background:#dddddd;
}
#menu_vertical_desplegable_menu .has-sub {
position: relative;
}
#menu_vertical_desplegable_menu .has-sub:after, #menu_vertical_desplegable_menu .has-sub > ul > .has-sub:hover:after {
content: '';
display: block;
width: 20%;
height: 50%;
background:none;
color:white;
font-size:40px;
margin:3px;
position: absolute;
padding-top:15px;
padding-left:15px;
right: 0;
top: 0;
}
#menu_vertical_desplegable_menu .has-sub > ul > .has-sub:after, #menu_vertical_desplegable_menu .has-sub:hover:after {
background-image: url(right.png);
}
#menu_vertical_desplegable_menu ul ul li ul li:after {display:none; visibility:hidden;} /*Bloqueo el ultimo After*/
#menu_vertical_desplegable_menu ul ul li ul li a {width:100%;}
/* menu vertical listas */
#menu_vertical_desplegable {
background: rgb(255,255,255);
border-bottom: 2px solid rgb(250,209,46);
color: rgb(47,47,47);
position: relative;
float: left;
width: 89%;
padding: 0;
margin-left: 10px;
margin-right: 10px;
/* border: 0; */
text-align: left;
}
#menu_vertical_desplegable ul li{ width: 92%;
padding: 10px;
margin: 0.1%;
line-height: 10px;}
#menu_vertical_desplegable li a { margin-top: 5px; } /*ingreso porque piza clase en encabezado*/
#menu_vertical_desplegable h1 {
display: block;
width: 80%;
font-size: 18px;
text-transform: uppercase; /*Texto en mayuscula*/
color: rgb(47,47,47);
margin-top: 10px;
float: left;
padding: 0px;}
#menu_vertical_desplegable h1 img {
position: absolute;
/* margin-right: -50px; */
margin-left: 87%;
margin-top: -5px;
height: 70%;
width: AUTO;
/* float: right; */}
#menu_vertical_desplegable ul {list-style: none; margin: 0; padding: 0; }
#menu_vertical_desplegable ul { position: relative; z-index: 597; float: left; }
#menu_vertical_desplegable div {visibility:hidden; margin-top:0px; display:none; }
#menu_vertical_desplegable:hover div {position:absolute; margin-top:50px; z-index:500; width:100%; visibility:visible; display:block; }
#menu_vertical_desplegable ul li.hover,
#menu_vertical_desplegable ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
#menu_vertical_desplegable ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
#menu_vertical_desplegable ul ul li {
float: none;
}
#menu_vertical_desplegable ul li:hover > ul {
visibility: visible;
-webkit-animation-name:anima; /*Animacion*/
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;/*para que vuelva a su posicion inicial */
-webkit-animation-delay: 0s;
}
#menu_vertical_desplegable ul ul {
top: 0;
left: 100%;
}
#menu_vertical_desplegable ul li {
float: none;
}
#menu_vertical_desplegable span, #menu_vertical_desplegable a {
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: none;
}
#menu_vertical_desplegable:after, #menu_vertical_desplegable ul:after {
content: '';
display: block;
clear: both;
}
#menu_vertical_desplegable ul, #menu_vertical_desplegable li { /*Ancho total de Ul al div*/
width:100%;
}
#menu_vertical_desplegable li { /*primer LI */
background: rgb(225,225,225);
border-bottom:1px solid white;
}
#menu_vertical_desplegable li:hover { /*Hover primer LI */
background:rgb(255,255,255);
border-bottom:1px solid rgb(155,155,155);;
}
#menu_vertical_desplegable li:hover a {
color:rgb(47,47,47);
}
#menu_vertical_desplegable a { /*color de letra*/
color:rgb(47,47,47);
line-height: 160%;
/* padding: 11px 28px 11px 28px;
width: 144px; Bloqueo por redes sociales*/
}
#menu_vertical_desplegable ul ul li {/*segundo li*/
color:white;
background: #666666;
border-bottom: 1px solid white;
}
#menu_vertical_desplegable ul ul li:hover { /*segundo li hover*/
background: rgb(155,155,155);
color:white;
}
#menu_vertical_desplegable ul ul li:hover a {
color: rgb(47,47,47);
}
#menu_vertical_desplegable ul ul li ul li {
background:#b7b7b7;
}
#menu_vertical_desplegable ul ul li ul li:hover {
background:#dddddd;
}
#menu_vertical_desplegable .has-sub {
position: relative;
}
#menu_vertical_desplegable .has-sub:after, #menu_vertical_desplegable .has-sub > ul > .has-sub:hover:after {
content: '';
display: block;
width: 20%;
height: 50%;
background:none;
color:white;
font-size:40px;
margin:3px;
position: absolute;
padding-top:15px;
padding-left:15px;
right: 0;
top: 0;
}
#menu_vertical_desplegable .has-sub > ul > .has-sub:after, #menu_vertical_desplegable .has-sub:hover:after {
background-image: url(right.png);
}
#menu_vertical_desplegable ul ul li ul li:after {display:none; visibility:hidden;} /*Bloqueo el ultimo After*/
#menu_vertical_desplegable ul ul li ul li a {width:100%;}
/* ------------------------------------------------- */
#contenedor { width: 100%;
height: 100%;
top: 0px;
overflow: SCROLL;
overflow-x: hidden;
position: relative;
background-repeat: no-repeat;
background:white;
z-index: 1;
background-size: cover;
/* background-position: -50% center; */}
.seccion_auto {overflow:hidden; width:100%; margin:0px;
background-size:cover ;
background-repeat: no-repeat;
background-position: center center;
/* min-height: 100%; aGREGUE EN JOSANA*/
}
.seccion_autoc{
clear: both;
width: 100% !important;
height: 10px;
color: white;
width: 70%;
margin: 0px !important;
padding: 0px !important;
background: white;
display: block; }
.absolute {position:absolute;}
.relative {position:relative;}
.center {left:44%; margin-left:auto; margin-right:auto;}
.left {float:left;} /*Actualizado*/
.right, .right_a {float:right;}
.titulo { height: auto !important; min-height: 0px !important; margin: 0px; margin-bottom: -10px;}
.titulo hr {display:none; visibility:hidden;}
.diseno_formulario {
position: relative;
background-blend-mode: overlay;
background-size: cover;
background-position: center;
z-index: -2;}
.diseno_formulario, .diseno_2 {
position: unset;
width: 100%;
/* display: block; */
top: 0px;
z-index: 500;
}
/*.diseno_1 {margin-top:100px;}*/
.diseno_1 {
position: relative;
background-blend-mode: overlay;
background-size: cover;
background-position: center;
z-index: -2;}
.diseno_1 div span {color:rgb(47,47,47); width:70%; margin:0%;}
.diseno_1 div span p{margin:0px; }
.diseno_1 div > .titulo {TEXT-ALIGN:CENTER; COLOR:orange; FONT-WEIGHT:700; /* padding:10px; margin-top:50px;*/ }
.diseno_2 { position: unset; background-blend-mode: overlay; background-size:cover; background-position: center; }
.diseno_2 div span {width:100%; margin:0%;}
.diseno_2 div > .titulo {background: none; }
.diseno_2 div > .titulo h1 { text-align: center;
color:none;
/* padding: 10px; */
padding: 0px;
margin-top: 40px;
margin-bottom: 40px;
width: 90%; }
.diseno_2 div span p {float: left; width: 100%;}
.diseno_2 span h1 {padding:5px; }
.diseno_3 {
position: RELATIVE;
background-blend-mode: overlay;
background-size: cover;
background-position:center;
MIN-HEIGHT: 500PX;
z-index:0;
}
.diseno_3 > .ancho_fijo_auto {background:white; }
.diseno_3 div > .titulo {
bORDER-top: 2px solid #3366ff;
padding-top: 50px;
margin-bottom: 50px;
}
.diseno_3 div div span { display:block; width:100%; }
.diseno_3 span h1 { padding:5px; }
.diseno_3 span p {}
.diseno_3 span div {
float: left;
width: 90%;
/* margin: 5%; */
margin-top: 0px;
/* min-height: 350px; */
}
.diseno_3 span a{
display: inline-block;
width: 150px;
padding: 20px;
line-height: 25px;
background: rgba(0,0,180,0.3);
margin: 20px;}
.diseno_3 span a+a{background:rgb(250,250,250,0.5);}
@media only screen and (min-width :0px) and (max-width : 960px){.diseno_3 DIV div, .diseno_3 span div{width:97% !important;} }
@media only screen and (min-width :0px) and (max-width : 372px){.diseno_3 { MARGIN-TOP: -20PX;}}
@media only screen and (min-width :373px) and (max-width : 440px){.diseno_3 { MARGIN-TOP: -25PX;}}
@media only screen and (min-width :441px) and (max-width : 600px){.diseno_3 { MARGIN-TOP: -30PX;}}
@media only screen and (min-width :601px) and (max-width : 790px){.diseno_3 { MARGIN-TOP: -35PX;}}
@media only screen and (min-width :791px) and (max-width : 1320px){.diseno_3 { MARGIN-TOP: -40PX;}}
.diseno_4 {
position: RELATIVE;
background-blend-mode: overlay;
background-size: cover;
background-position: RIGHT TOP;
MARGIN-TOP: -500PX;
/* MIN-HEIGHT: 1000PX; */
position: RELATIVE;
background-blend-mode: overlay;
background-size: cover;
background-position: RIGHT TOP;
MARGIN-TOP: 50PX;
margin-bottom: 50px;
/* MIN-HEIGHT: 800PX; */
}
.diseno_4 span {
color:white; width:100%;
}
.diseno_4 span iframe, .diseno_4 span blockquote {width:28% !important; margin:2% !important; float:left; }
.diseno_4 div > .titulo { }
.diseno_4 div > .titulo h1 { text-align: center;
/* padding: 10px; */
padding: 0px;
margin-top: 40px;
margin-bottom: 40px;
width: 90%; }
@media only screen and (min-width :600px) and (max-width : 960px){.diseno_4 span iframe, .diseno_4 span blockquote {width:45% !important;} }
@media only screen and (min-width :0px) and (max-width : 599px){.diseno_4 span iframe, .diseno_4 span blockquote, audio {width:90% !important;} }
.diseno_5 {
position: RELATIVE;
background-blend-mode: overlay;
background-size: cover;
background-position: RIGHT TOP;
MARGIN-TOP:0PX;
MIN-HEIGHT:500PX;
position: RELATIVE;
background-blend-mode: overlay;
background-size: cover;
background-position: RIGHT TOP;
MARGIN-TOP: 0PX;
}
.diseno_5 div > .titulo h1 { text-align: center; color:ORANGE; /* padding: 10px; */ padding: 0px; margin-top: 40px; margin-bottom: 40px; width: 90%; }
.diseno_7{ /* CLASE DESIGNADA PARA MOSTRAR FORMULARIO DE CONTACTO */
position: RELATIVE;
background-blend-mode: overlay;
background-size: cover;
background-position: center;
MARGIN-TOP:0PX;
MIN-HEIGHT:500PX;
MARGIN-TOP: 0PX;
}
.diseno_7 div > .titulo h1 { text-align: center; color:ORANGE; /* padding: 10px; */ padding: 0px; margin-top: 40px; margin-bottom: 40px; width: 90%; }
.diseno_7 div { margin-top: 50px;}
.diseno_7 div span { float: left; width: 60%;}
.diseno_7 div span div {
/* background: white; */
/* position: relative; */
margin: 20px;
padding: 20px;
margin-top: 180px;
display: block;}
.diseno_7 div span div li { margin-top: 5px !important;
font-size: 15px;
font-weight: 100;
LIST-STYLE: NONE; color:white;}
.diseno_7 div span div li b { font-size: 16px; color: rgb(42,86,127); }
.diseno_8 {
position: RELATIVE;
background-blend-mode: overlay;
background-size: cover;
background-position: center;
MARGIN-TOP:0PX;
MIN-HEIGHT:500PX;
MARGIN-TOP: 0PX;
MARGIN-bottom: 20PX;
}
.diseno_8 span div {color:orange;}
.diseno_formulario span {color:white; width:70%; margin:5%; }
.diseno_formulario span {
color: white;
width: auto;
/* margin: 5%; */
/* margin-top: -1%; */
margin-left: 1%;
float: left; max-width: 45%;}
.diseno_formulario span h1, .diseno_formulario span h2 {color:white; padding:5px; }
.diseno_formulario span h2 { font-size: 50px; margin-bottom: 0px;}
.diseno_formulario span h1 { font-size: 80px; margin-top: 0px; }
.diseno_formulario span p {color:white;}
.diseno_formulario span li {color:rgb(112,48,160);}
@media only screen and (min-width :0px) and (max-width : 599px){.diseno_formulario span{width:90% !important; max-width:90%; margin:4%; } }
.galeria { position: relative; overflow: hidden; }
.galeria img {
position: relative;
margin-top: 0px;
top: 0px;
bottom: 0px;
display: inline;
/* max-width: 100% !important; */
object-fit: cover;
height: 100%;
/* object-position: center center; */}
#galeria_12 { position: relative; overflow: hidden; MAX-HEIGHT: 90%; }
.min-height_galeria {
width: 100%;
min-height: 500px;
height: auto;
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
/*------------------------------- Formulario, input dentro de esta categoria ------------------------------------------*/
*::-webkit-input-placeholder { /* Google Chrome y Safari */ color: gray;} *:-moz-placeholder { /* Firefox anterior a 19 */ color:gray;}
*::-moz-placeholder { /* Firefox 19 y superior */ color: gray;} *:-ms-input-placeholder { /* Internet Explorer 10 y superior */ color:gray;}
.formulario_index {
/* position: relative; */
margin-top: 0px !important;
margin-bottom: 50px;
/* right: 10%; */
z-index: 2000;
height: auto;
/* min-height: 800px; */
width: 350px;
/* width: 20%; */
float: right;
margin-right: 5%;
/* margin: 15px; */}
.formulario_index_horizontal, .formulario_index_horizontal2 { width:100%; height: auto; width: 20%;}
.formulario_index form {
width: 90%;
height: auto;
min-height: 570px;
padding: 5%;
margin: 5%;
border-radius: 10px;
/* border: 10px solid rgb(220,220,220); */
box-shadow: 0px 10px 30px rgb(180,180,180);
}
.formulario_index form h1{
display: block;
FLOAT: LEFT;
margin-left: 5%;
WIDTH: 90%;
z-index: 0px;
font-family: sans-serif;
font-size: 40px;
line-height: 40px;
color: white;
text-transform: uppercase; }
.formulario_index form p{ color: rgb(174,61,202); font-size: 25px; text-align: left; margin-left: 0px; }
.formulario_index form p b{font-size:30px; }
.formulario_index form input[type="text"] {
width: 97.5%;
font-size: 14px;
text-decoration: oblique;
text-transform: capitalize;
HEIGHT: 50PX;
PADDING: 5px;
margin: 5px;
border: 0px;
border-radius: 5px;
/* background: rgb(255,255,252); */
border-bottom: 2px solid rgb(220,220,220);}
.formulario_index input[type="submit"], .formulario_index_horizontal input[type="submit"], .formulario_index_horizontal2 input[type="submit"] {
width: 100% !important;
height: 8%;
float: left;
padding: 5px;
min-height: 40px;
border: none;
color: white;
background: rgb(30,140,150);
font-size: 14px;
min-height: 40px;
border-radius: 5px 5px 5px 5px;
/* margin-left: 10%; */
padding: 10px;
text-align: center;
display: block;
text-transform: uppercase;
}
.formulario_index select , .formulario_index_horizontal select {
height: 50px;
/* font-size: 20px; */
float: left;
margin: 5px;
margin-bottom: 10px;
/* margin-left: 0px; */
padding: 5px;
min-height: 40px;
border: 0px;
border-bottom: 2px solid rgb(220,220,220);
/* color: rgb(200,200,200); */
border-radius: 5PX;
width: 97.5% !important;}
.formulario_index_horizontal2 select, .formulario_index_horizontal select {width:100%; float:left;}
.formulario_index textarea {
width: 97.5%;
margin: 5px;
height: 150px;
margin-bottom: 10px;
border-radius: 10px;}
.formulario_index label { width: 95%; margin: 1%; color: gray; font-size: 12px; height: 80px; display: block; float: left; }
.formulario_index_horizontal label, .formulario_index_horizontal2 label { width: 23.5%; margin: 1%; color: rgb(211,174,85); font-size: 12px; display: block; float: left; }
.formulario_index_horizontal2 label h1{color:white; text-transform: uppercase; font-family: sans-serif; font-weight: 600; font-family: sans-serif; }
.formulario_index_horizontal2 select {
height: 50px;
/* font-size: 20px; */
float: left;
/* margin-bottom: 10%; */
margin-left: 0px;
padding: 5px;
min-height: 40px;
border: 0px;
border-bottom: 2px solid rgb(174,61,202);
/* color: rgb(200,200,200); */
border-radius: 5PX;
}
.formulario_ingreso {
width: 100%;
min-height: 700px;
margin-top: 180px;}
.formulario_ingreso div{
width: 50%;
position: relative;
margin-top: 180px;
margin: auto; }
.formulario_ingreso div input[type="text"], .formulario_ingreso div input[type="password"], .formulario_ingreso div input[type="email"]{
width: 80%;
height: 40px;
padding: 5px; }
.formulario_ingreso div input[type="submit"] {
width: auto !important;
height: 8%;
/* float: left; */
padding: 5px;
min-height: 40px;
border: none;
color: white;
background: rgb(30,140,150);
font-size: 14px;
min-height: 40px;
border-radius: 5px 5px 5px 5px;
/* margin-left: 10%; */
padding: 10px;
text-align: center;
display: block;
text-transform: uppercase;}
/* adaptacion movil al final de la hoja */
/* Estilo de File */
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile + label {
max-width: 80%;
/* height: 180px; */
font-size: 12px;
font-weight: 700;
text-overflow: ellipsis;
/* background: rgb(100,100,100); */
color: rgb(30,140,150);
margin: 5%;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 0.625rem 1.25rem;
}
.inputfile + label svg {
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentColor;
margin-top: -0.25em;
margin-right: 0.25em;
}
.iborrainputfile {
font-size: 18px;
font-weight: normal;
font-family: 'Lato';
}
fieldset {
width: 90%;
border: 0px solid gray;
background: rgb(245,245,245);}
#div_logo_cliente { /* height: 150px; */
border: 0px solid gray;
background: rgb(252,252,252) }
.mis_datos div input , .mis_datos div select, .mis_datos div textarea {
height: 40px;
width: 100%;
padding: 20px;
/* color: gainsboro; */
border: 1px solid rgb(200,200,200);
border-radius: 5px;
margin-top: 5px;}
.mis_datos div select {padding-left: 20px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-right: 0px !important; }
.mis_datos div textarea {height:350px; margin:5% !important; width:90% !important; }
.mis_datos div input[type="text"]:after {
content: "hola";
display:block;
width:100%;
height:40px;
Background:red;
color:white;
}
input[type="submit"] {
background: rgb(30,140,150);
border: 0px;
height: 80px !important;
width: 250px;
font-size: 25px;
margin-left: 0px;
margin-top: 10px;
color: white;
left: 0px;
float: left;
border-radius: 5px;}
.chat_form { position: fixed;
width: 100%;
bottom: 0px;
background: white;
margin: 0px; }
.chat_form div{
width: 90%;
margin: 5%;
margin-top: 10px;
margin-bottom: 10px;}
.chat_form div input { width: 20%; padding: 10px; /* color: gainsboro; */ border: 1px solid rgb(200,200,200); border-radius: 5px;
margin-top: 5px;}
.chat_form div textarea { height: 100px; width: 80%; padding: 10px; /* color: gainsboro; */
border: 1px solid rgb(200,200,200); border-radius: 5px; margin-top: 5px;}
.chat_titulo {
position: fixed;
background: white;
width: 100%;
top: 0px;}
.chat_titulo h3{
float:left;
color:rgb(220,220,220);
width:auto; max-width:70%;}
.chat_titulo span{
float: right;
color: rgb(220,220,220);
width: auto; max-width:25%;
font-size: 16px;
margin: 10px;
margin-top: 20px;
margin-right: 50px;}
#iframe_conversacion {width:100%; height:100%; overflow:hidden; }
#iframe_conversacion iframe {width:100%; height:100%; overflow:auto; border:0px;}
.chat_enviado, .chat_recibido {
padding: 10px;
/* border: 1px solid rgb(220,220,220); */
line-height: 1.2em;
font-size: 16px;
width: 80%;
margin:20px;
}
.chat_enviado > .seccion_autoc, .chat_recibido > .seccion_autoc{width:100%; height:10px;}
.chat_enviado span, .chat_recibido span {
font-size: 12px;
font-weight:700;
}
.chat_enviado { background: rgba(30,140,150,0.8); color: white; float: right; border-radius: 20px 0px 20px 20px; text-align:right;}
.chat_recibido {background: white; color: gray; float: left; border-radius: 0px 20px 20px 20px;}
.mensaje_nuevo { background: rgb(220,225,200);}
.conversacion_seleccionada {
background: rgba(30,140,150,0.8);
color: white;
border-radius: 10px 1px 0px 10px;
text-align: left;}
#listado_mensajes {
max-height: 70%;
overflow-x: hidden;
overflow-y: auto;}
#listado_mensajes li{
margin-top: 10px;
/* padding: 10px; */
padding-top: 20px;
padding-bottom: 10px;
border-bottom: 0.1px solid gray;}
#listado_mensajes li span{
margin: 2px;
margin-right: 10px;
font-size: 18px;}
#listado_mensajes br+span{ font-size: 14px;}
.oculto {visibility:hidden; display:none !important;}
/* .oculto_movil se activa segun proporciones de Pantalla, ver @media */
.ver_movil {visibility:hidden; display:none;}
input[type="radio"]:checked ~ .check { border: 5px solid #0DFF92;}
input[type="radio"]:checked ~ .check::before{ background: #0DFF92;}
input[type="radio"]:checked ~ label{ color: #0DFF92;}
/*---------------Clases por diseño ----------*/
.ancho_fijo{position: absolute;}
.ancho_fijo, .ancho_fijo_auto { width:90% ; left:0px; right:0px; margin:auto; z-index:50;}
.ancho_fijo_auto_pie {width:80% ; left:0px; right:0px; margin:auto; z-index:50;}
/*-------------------- GALERIA PARAMETROS SI MUESTRA O NO DESCRIPCION ---------------------*/
.galeria_sin_descripcion {height:400px;}
.galeria_sin_descripcion span {visibility:hidden; display:none; } /*oculto descripcion */
/*------------------glaeria_clientes------------------*/
.galeria_clientes {
position: relative;
margin: 10px;
HEIGHT: 200px;
TEXT-ALIGN: LEFT;}
.galeria_clientes img {
position: absolute;
margin-top: 0px;
top: 0px;
bottom: 0px;
margin-left: 20%;
left: 0px;
right: 0px;
display: inline;
/* max-width: 100% !important; */
object-fit: contain;
width: 60% !important;
height: 100%;
object-position: center; }
.galeria_clientes span{
visibility: visible;
height: auto;
/* overflow: auto; */
text-overflow: ellipsis;
POSITION: ABSOLUTE;
TOP: 0PX;
/* left: 0px; */
background: rgba(0,0,0,0.2);
width: 90%;
/* max-width: 10%; */
height: 93%;
margin: 5%;
}
.galeria_clientes span h3 {
/* color: RGB(220,220,220) !important; */
font-family: helvetica;
text-align: LEFT;
/* padding: 10px; */
padding-bottom: 10px;
text-transform: uppercase;
FONT-WEIGHT: 100;
LEFT: 0PX;
text-overflow: ellipsis;
overflow-wrap: break-word;
font-size: 29px;
color: white;
border-top: 2px solid white;
border-bottom: 2px solid white;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
top: 30%;
/* bottom: 0px; */
/* display: block; */}
.galeria_clientes span p {
color: GRAY!important;
font-family: helvetica;
text-align: center;
text-transform: uppercase;
font-size: 16px;
TEXT-ALIGN: LEFT;}
.galeria_clientes span p a {
display: inline-grid;
background: orange;
color: white;
width: auto;
height: 30px;
position: absolute;
margin: 10px;
padding: 10px;
border-radius: 10px;
margin-left: 0px;
top: 60%;
}
@media only screen and (min-width :0px) and (max-width : 900px){.galeria_clientes {margin:10px;} .galeria_clientes span h3 {font-size:30px;} .galeria_clientes img {margin-left:0px;} }
@media only screen and (min-width :900px) and (max-width : 1300px){.galeria_clientes {margin:10px;} .galeria_clientes span h3 {font-size:30px;} }
.galeria_contacto{
position: relative;
margin: 10px;
HEIGHT: auto;
TEXT-ALIGN: LEFT;
}
.galeria_contacto img {
position: relative;
margin-top: 0px;
top: 0px;
bottom: 0px;
/* margin-left: 20%; */
left: 0px;
right: 0px;
margin: auto;
display: inline;
/* max-width: 100% !important; */
object-fit: contain;
width: 300px !important;
max-width: 150px;
height: 100px;
object-fit: contain;
object-position: center;
}
.galeria_contacto span {
visibility: visible;
height: auto;
/* overflow: auto; */
text-overflow: ellipsis;
text-align: center;
POSITION: relative;
TOP: 0PX;
left: 0px;
/* background: rgba(0,0,0,0.2); */
width: 90%;
/* max-width: 10%; */
min-height: 200px;
/* margin: 5%; */
}
.galeria_contacto span h3 {
/* color: RGB(220,220,220) !important; */
font-family: helvetica;
text-align: LEFT;
/* padding: 10px; */
padding-bottom: 10px;
text-transform: uppercase;
FONT-WEIGHT: 100;
LEFT: 0PX;
text-overflow: ellipsis;
overflow-wrap: break-word;
font-size: 29px;
color: #3366ff;
/* border-top: 2px solid white; */
/* border-bottom: 2px solid white; */
padding-top: 10px;
padding-bottom: 10px;
position: relative;
/* top: 30%; */
/* bottom: 0px; */
/* display: block; */
text-align: center;
}
.galeria_contacto span p {
color: black!important;
font-family: helvetica;
text-align: center;
text-transform: uppercase;
font-size: 16px;
TEXT-ALIGN: center;
padding: 0px;
margin: 0px;
}
@media only screen and (min-width :0px) and (max-width : 900px){.galeria_contacto {margin:10px;} .galeria_contacto span h3 {font-size:30px;} }
@media only screen and (min-width :900px) and (max-width : 1300px){.galeria_contacto {margin:10px;} .galeria_contacto span h3 {font-size:30px;} }
.galeria_detalle {
position: relative;
/* margin: 10px; */
HEIGHT: 400px;
TEXT-ALIGN: LEFT;}
.galeria_detalle img {
position: absolute;
margin-top: 0px;
top: 0px;
bottom: 0px;
/* margin-left: 20%; */
left: 0px;
right: 0px;
display: inline;
/* max-width: 100% !important; */
object-fit: cover;
width: 100% !important;
height: 100%;
object-position: center;
}
.galeria_detalle span {
visibility: visible;
height: auto;
/* overflow: auto; */
text-overflow: ellipsis;
POSITION: ABSOLUTE;
bottom: 0PX;
right: 0px;
background: rgb(0,35,137);
width: 80%;
/* max-width: 10%; */
height: auto;
margin: 5%;
margin-right: 0px;
}
.galeria_detalle span p {
color: white !important;
font-family: helvetica;
text-align: center;
text-transform: uppercase;
font-size: 16px;
TEXT-ALIGN: LEFT;
}
.galeria_detalle span h3 {
/* color: RGB(220,220,220) !important; */
font-family: helvetica;
text-align: LEFT;
/* padding: 10px; */
padding-bottom: 10px;
text-transform: uppercase;
FONT-WEIGHT: 100;
LEFT: 0PX;
text-overflow: ellipsis;
overflow-wrap: break-word;
font-size: 29px;
color: white;
border-top: 2px solid white;
border-bottom: 2px solid white;
/* padding-top: 10px; */
/* padding-bottom: 10px; */
/* position: relative; */
/* top: 30%; */
/* bottom: 0px; */
display: none;
height: auto;
}
/*------------------glaeria_clientes------------------*/
.galeria_menu {
position: relative;
margin: 10px;
HEIGHT: 200px;
TEXT-ALIGN: LEFT;}
.galeria_menu span{
visibility: visible;
height: auto;
/* overflow: auto; */
text-overflow: ellipsis;
POSITION: ABSOLUTE;
TOP: 0PX;
/* left: 0px; */
background: rgb(200,200,200);
width: 100%;
/* max-width: 10%; */
height: 100%;
/* margin: 5%; */
}
.galeria_menu span h3 {
/* color: RGB(220,220,220) !important; */
font-family: helvetica;
text-align: center;
/* padding: 10px; */
padding-bottom: 10px;
text-transform: uppercase;
FONT-WEIGHT: 100;
LEFT: 0PX;
text-overflow: ellipsis;
overflow-wrap: break-word;
font-size: 29px;
color: rgb(46,93,255);
/* border-top: 2px solid rgb(0,35,137); */
/* border-bottom: 2px solid rgb(0,35,137); */
padding-top: 10px;
padding-bottom: 10px;
position: relative;
top: 30%;
/* bottom: 0px; */
/* display: block; */}
.galeria_menu span p {
color: GRAY!important;
font-family: helvetica;
text-align: center;
text-transform: uppercase;
font-size: 16px;
TEXT-ALIGN: LEFT;}
.galeria_menu span p a {
display: inline-grid;
background: orange;
color: white;
width: auto;
height: 30px;
position: absolute;
margin: 10px;
padding: 10px;
border-radius: 10px;
margin-left: 0px;
top: 60%;
}
@media only screen and (min-width :0px) and (max-width : 900px){.galeria_menu {margin:10px;} .galeria_menu span h3 {font-size:20px;} }
@media only screen and (min-width :900px) and (max-width : 1300px){.galeria_menu {margin:10px;} .galeria_menu span h3 {font-size:20px;} }
/*----------------------Adaptacion movil para todas las galerias ----------------------*/
@media only screen and (max-width: 1290px) and (min-width: 801px) {
.diseno_7 div span { width: 40% !important; } .diseno_7 div div span p span {width:100% !important;}
}
@media only screen and (max-width: 800px) and (min-width: 0px) {
/*.diseno_1 div div si no no funciona la galeria */ .diseno_2 div div, .diseno_3 div div, .diseno_4 div div, .diseno_5 div div, .diseno_6 div div, .diseno_7 div div {width: 98% !important; } .diseno_7 div span {width: 95% !important; } .diseno_7 div li span {width: 90% !important; }
.galeria_clientes { MIN-HEIGHT: 180PX;} .diseno_7 div div span p span {width:100% !important;}
}
/*----------------------glaeria_principal texto flotante ----------------------*/
.galeria_principal {position:relative; /* margin-top: 100px;*/ max-height: 80%; min-height:650px !important;}
.galeria_principal span{ visibility: visible;
display: block;
height: auto;
/* overflow: auto; */
text-overflow: ellipsis;
position: absolute;
top: 30%;
RIGHT: 50px;
left: 50px;
/* background: rgba(250,250,250,0.8); */
width: 50% !important;
/* min-height: 100% !important; */
z-index: 1500;
margin: auto !important;
text-align: center;
}
.galeria_principal span h3 {
color: white !important;
display: block;
/* position: absolute; */
/* left: 20%; */
/* right: 20%; */
/* background: black; */
/* font-family: baskerville; */
text-align: center !important;
/* border-bottom: 1px solid white; */
padding: 10px;
padding-bottom: 10px;
text-transform: inherit;
FONT-WEIGHT: 600;
/* height: 80px; */
margin: 10px;
text-align: left;
font-size: 45px;
/* margin-top: 180px; */
/* font-style: italic; */
text-transform: uppercase;
/* text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.galeria_principal span p {
FONT-FAMILY: sans-serif !IMPORTANT;
color: BLACK !important;
font-family: baskerville;
text-align: LEFT;
text-transform: uppercase;
font-size: 15px;
margin: 10px;
/* background: rgb(3,73,145); */
padding: 10px;
/* text-shadow: 0 1px 2px rgba(0,0,0,.6); */
}
.galeria_principal span p a{
padding: 10px;
border: 1px solid white !important;
/* border-left: 10px solid red !important; */
display: -webkit-inline-box;
font-size: 17px;
/* margin-top: 20px; */
color: white;
font-family: sans-serif;
text-transform: capitalize;}
@media only screen and (min-width :0px) and (max-width : 354px)
{
.galeria_principal { display: none;
float: left;
min-height: 1px;
background: rgb(3,73,145); }
}
@media only screen and (min-width :0px) and (max-width : 605px)
{
.galeria_principal span h3 {
/* left: 10%; */
/* right: 10%; */
/* margin-top: 80px; */
/* font-style: italic; */
/* text-transform: uppercase; */
/* text-shadow: 0 1px 2px rgba(0,0,0,.6); */
font-size: 20px !important; }
.galeria_principal span p {font-size: 16px !important; }
.galeria_principal span {
position: absolute;
bottom: 0px;
RIGHT: 0;
top: 80px;
left: 0px;
/* bottom: 0px; */
/* background: rgba(250,250,250,0.8); */
width: 90% !important;
}
}
@media only screen and (min-width :606px) and (max-width : 900px)
{
.galeria_principal span {
clear: both;
width: 50% !important;
max-width: 50%; }
.galeria_principal span h3 { font-size: 20px !important; }
.galeria_principal span p {font-size: 16px !important; }
}
/*------------------- botones ----------------------*/
.boton_whatssapp {
width: 40%;
/* background-color: red; */
display: block;
padding: 3%;
margin: 4%;
background-blend-mode: overlay;
float: left;
height: 30px;
background-color: none;
background-image: url(../interfaz/iconos/fondo-whatsapp.png);
background-position: -0.5px center;
background-size: cover;
border-radius: 10px;
}
.boton_link {
border: 1px solid gray;
margin: 10px;
margin-bottom: 0px;
margin-top: 0px;
padding: 20px;
border-radius: 10px;
display: inline-block;}
/*----------------------Articulos--------------------*/
.blog {
width: calc((100% / 6) - 2% - 2px) !important;
min-height: 380px;
margin: 1%;
margin-top: 20px;
margin-bottom: 20px;
float: left;
position: relative;
/* margin: 0%; */
padding: 0px;
background: white;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition-property: all;
transition-duration: 0.5s, 0.5s, 0.5s;
transition-timing-function: linear, linear;
transition-delay: 0s ,0s, 0s;
border: 1px solid rgb(220,220,220);
border-radius: 5px;
}
.blog:hover {
transform: scale(1.05);
transition-property: all;
transition: all .2s ease .2s;
box-shadow: 0px 10px 10px rgb(220,220,220);
}
/*.blog_n3 span a:hover {
transform: scale(0.8);
transition-property: all;
transition: all .2s ease .2s;
box-shadow: 0px 10px 10px rgb(220,220,220);
} */
.blog div {
height: 50%;
width: 100%;
position: absolute;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.blog div img {
height: 100%;
width:100%;
object-fit:contain;
margin-left: auto;
margin-right: auto;
}
.blog h1, .blog p, .blog_n3_compra h1, .blog_n3_compra p { margin-top:15%; width:90%; color:rgb(229,255,248); text-align:center; font-size:32px;}
.blog span {
width: 98%;
min-height: 40%;
float: left;
padding: 1%;
/* margin: 0.5%; */
margin-top: 10px !important;
/* font-size: 32px; */
z-index: 500;
bottom: 0px;
left: 0px;
/* color: red; */
/* background: rgba(0,0,0,0.2); */
/* border-bottom: 3px solid rgb(51,156,255); */
position: absolute;
margin-bottom: 0px;
overflow: hidden;}
.blog span h2, .blog_n3_compra span h2 {
/* font-family: 'Fjalla One', sans-serif; */
color: rgb(55,113,200);
/* padding-top: 20px; */
/* padding-bottom: 15px; */
Display: inline-block;
font-size: 20px;
/* width: 80%; */
/* visibility: hidden; */
/* position: absolute; */
text-transform: uppercase;
text-align: center;
margin: 10px;
margin-top: 5px;
/* bottom: 0px; */
/* text-decoration: underline; */
/* text-decoration-style: initial; */
/* border-bottom: double palevioletred; */
}
.blog span h2 img, .blog span p img { float: left;
display: block;
position: relative;
max-height: 40px;
width: 40px;
margin: 3px;
margin-top: -5px;
margin-left: 0px;
/* background: red; */
/* z-index: 1000; */}
.blog span span p {
font-size:18px; width:90%; margin-left:5%; padding:2px;
color:white; visibility:hidden; display:block;
position: absolute; margin-bottom:0px; bottom:0px;
}
.blog span p {
font-size: 16px;
width: 90%;
min-height: 55% !important;
height: auto;
text-align: left;
/* margin-left: 5%; */
margin: 0px;
padding-left: 10px;
/* padding: 2px; */
color: white;
visibility: visibility;
display: block;
/* position: relative; */
/* margin-bottom: 0px; */
/* bottom: 0px; */
color: gray;
overflow: hidden;
line-height: 25px;
text-align: center;
}
.blog span h3 {
text-align: center;
font-weight: 100;
font-family: arial, calibri;
margin: 20px;
color: gray;
font-size: 20px;
margin-top:40px;
}
.blog li { /* list-style: none; */
margin: 10;
/* padding: 10; */
font-size: 15px; }
.blog a {
/* position: absolute; */
width: 100px;
height: 50px;
/* padding: 10px; */
font-size: 20px;
position: absolute !important;
/* line-height: 150%; */
/* text-align: LEFT; */
/* padding: 5px; */
z-index: 500;
LEFT: 0px;
right: 0px;
bottom: 10px;
margin: auto;
/* margin-left: 5%; */
color: rgb(87,166,149);
/* background: white; */
border: 5px double rgb(87,166,149);
/* border-bottom: 0px; */
border-radius: 50px 50px 50px 50px;
text-align: center;
line-height: 50px;
font-weight: 700;
}
.blog span a {position:relative;}
.blog a img{width: 95%; margin: 2.5%;}
.blog span span {
font-size: 22px;
bottom: 0px;
width: 60%;
color: rgb(174,61,202);
height: 50px;
padding: 10px;
font-size: 18px;
position: absolute;
text-align: left;
padding: 5px;
z-index: 500;
left: 0px;
bottom: -5px;
margin: auto;
margin-left: 5%;
/* background: red; */}
.blog span span b { font-size:18px; margin-left:1%;}
.blog tencab {
display: block;
width: 95%;
margin:1%;
padding: 5px;
color: rgb(200,200,200);}
.blog tencab b{float:right;}
.blog tencab div, .adjunto {
width: 30px;
height: 30px;
float: left;
margin: 1%;
border: 1px solid rgb(147,147,147);
border-radius: 20px;
/* background: red; */}
@media only screen and (min-width : 1280px) and (max-width : 1690px)/*@media (max-width:1690px)*/{.blog { width:calc((100% / 4) - 2% - 2px) !important; }}
@media only screen and (min-width : 1282px) and (max-width : 1401px)/*@media (max-width:1690px)*/{.blog { width: calc((100% / 3) - 2% - 2px) !important; }}
@media only screen and (min-width : 1026px) and (max-width : 1281px)/*@media (max-width:1281px)*/{.blog { width:calc((100% / 3) - 2% - 2px)!important; } }
@media only screen and (min-width : 901px) and (max-width : 1025px)/*@media (max-width:1025px)*/{.blog { width: calc((100% / 2) - 2% - 2px) !important; } }
@media only screen and (min-width : 551px) and (max-width :900px){.blog { width: calc((100% / 2) - 2% - 2px) !important; } }
@media only screen and (min-width :0px) and (max-width :550px){.blog { width: 95% !important; } }
dt,dd{
width: 100%;
position: relative;
/* margin: 5%; */
font-size: 18;
cursor: pointer;
margin: 5px;
}
dt div {min-height: 50px; height:auto; background: rgb(47,47,47);}
dt p{
display: block;
float: left;
width: auto !important;
color: white;
margin: 10px;
line-height: 50px;}
dt p p{float:right !important;}
.detalle {
display: block;
width: 50px !important;
height: 50px;
content: ">" line-height:30px;
font-size: 30px;
background: rgb(87,166,149);
color: white;
border-radius: 50px;
text-align: center;
float: right;}
.numero_resultados {
display: block;
width: 10px;
height: 10px;
text-align: center;
top: 18px;
position: absolute;
left: 11px;
padding: 5px;
margin: 5px;
border: 1px solid white;
background: cadetblue;
font-size: 10px;
border-radius: 50px;
color: white;}
li {
width: 99%;
min-height: 35px;
position: relative;
list-style: none;
/* margin: 10; */
margin-left: 0px;
padding: 5px;
list-style-type: red;
color: black;
/* display: flex; */
font-size: 15px;
text-align: left;
overflow: hidden;
color: rgb(100,100,100);
white-space: nowrap;
text-overflow: ellipsis;}
/* border-bottom: 2px solid gray; */
#archivos div{
background-size: 60%;
background-position: center 10px;
background-repeat: no-repeat;
height: 200px;
width: 23%;
margin: 1%;
position: relative;
float: left;
cursor: pointer;}
#archivos div div{
width: 100%;
height: 50px;
/* padding: 10px; */
bottom: 0px;
position: absolute;
text-align: center;
text-overflow: inherit;
font-size: 15px; }
#descripcion {
text-align: left;
font-size: 18px;
padding: 5px;
line-height: 1.5;
height: auto;
min-height: 150px;}
#hipervinculo {position:relative; width:100%; height:80px;}
#hipervinculo a {
background: rgb(30,140,150);
border: 0px;
height: 80px;
width: 250px;
font-size: 25px;
margin-left: 0px;
margin-top: 10px;
color: white;
left: 0px;
float: left;
border-radius: 5px;
text-align: center;
line-height: 80px;
position: absolute;
left: 0px;
right: 0px;}
#titulo_categoria , #titulo_subcategoria{font-size:18px; color:rgb(30,140,150); float:left; padding:10px; width:auto; }
.filtro, .filtro_seleccionado {
font-size: 15px;
color: rgb(200,200,200);
float: left;
padding: 10px;
width: auto; }
.filtro_seleccionado {font-weight:700px !important; color:rgb(47,47,47) !important; }
.filtro_seleccionado:before {content: "\f14b";
font-family: "foundation-icons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit;
margin-right: 10px;
}
.archivo_seleccionado {
background: rgb(200,200,200);
border-radius: 10px;}
@media only screen and (min-width :0px) and (max-width:400px)
{
.boton_whatssapp { width: 85%;
margin: 0% !important;
/* margin-left: 10% !important; */
margin-right: 5% !important;
margin-bottom: 5% !important;
float: right;
height: 60px}
.formulario_index input[type="submit"] {width:90%; height: 60px;}
}
@media only screen and (min-width :0px) and (max-width : 800px)
{
.ancho_fijo, .ancho_fijo_auto { width:90% }
#menu_movil, .ver_movil {visibility:visible; display:block; }
.encabezado, #encabezado {visibility:hidden; display:none;}
.oculto_movil {visibility:hidden; display:none;}
#desarrollo { height: 100px; }
#desarrollo a{color:white;}
#desarrollo a b, #desarrollo b{display:none; visibility:hidden;}
.datos_pie {width:100%; height:auto;}
.as {width:100% !important;} /* utilizo para que la galeria Slick se optimize y no se achique las imagenes en el responsive solo en la que son varias imagene una al lado de la otra*/
.diseno_2 div div div {width:100% !important;}
.diseno_1 div div span, .diseno_2 div div span {width:100% !important;}
iframe div div div {width:none;}
.titulo h1 {font-size:25px;}
}
@media only screen and (min-width :0px) and (max-width : 550px)
{
.diseno_formulario span h1 {font-size:60px;}
.formulario_index, .formulario { width: 80%;
margin: 8%;
}
.datos_pie div {width:80% !important; margin:10%;}
.formulario {position:relative; margin-top:-180px !important; position: relative;
MARGIN-BOTTOM: 150PX; }
.formulario input[type="text"], input[type="submit"], select {width:90%; height:50px; float:left;}
.formulario textarea {width:90%; height:100px; }
}
@media only screen and (min-width : 551px) and (max-width :800px)
{
.formulario {position:relative; margin-top:-180px !important; }
.formulario_index, .formulario {width:97% !important; }
.datos_pie div { margin: 10%; margin-top: 0px;}
.diseno_formulario span {width:80%; max-width:80%; margin-left: 10%;}
}
@media only screen and (min-width : 551px) and (max-width :900px)
{
.ancho_fijo {width:95%;}
.encabezado {width:100%;}
#menu_movil, .ver_movil {visibility:visible; display:block; }
.encabezado, #encabezado, .triangulo_11, .triangulo_12 {visibility:hidden; display:none;}
}
@media only screen and (min-width : 901px) and (max-width : 1025px)
/*@media (max-width:1025px)*/{
.oculto_movil {visibility:hidden; display:none;}
.ver_movil {visibility:visible; display:block; }
#pie_de_pagina {min-height:450px;}
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{ font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 50px;
height: 50px;
margin-top: -10px;
padding: 0;
cursor: pointer;
/* color: transparent; */
border: none;
outline: none;
background: black;
z-index: 1000;
border-radius: 80px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -0px;
}
[dir='rtl'] .slick-prev
{
right: -0px;
left: auto;
}
.slick-prev:before
{
content: '<';
}
[dir='rtl'] .slick-prev:before
{
content: '>';
}
.slick-next
{
right: -0px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -0px;
}
.slick-next:before
{
content: '>';
}
[dir='rtl'] .slick-next:before
{
content: '<';
}
/* Dots */
.slick-slider
{
/*margin-bottom: 30px;*/
}
.slick-dots
{
position: absolute;
bottom:5px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
/* background: rgba(247,247,247,0.5); */
border-radius: 20px;
border: 1px solid white;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-active {background:white;}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
background:red;
}
@media only screen and (min-width :0px) and (max-width :320px)
{
.galeria_principal span h3{font-size: 35px !important; }
}
@media only screen and (min-width :0px) and (max-width : 900px){
.slick-slide img { display: block; width:100% !important;}
.slick-dots li { width: 15px !important; height: 15px !important;}
.galeria_principal span h3{font-size: 40px; }
.galeria_principal span p {font-size: 20px;}
}
@media only screen and (min-width :900px) and (max-width : 1200px){
.galeria_principal span h3{font-size: 28px; }
}
/*CLASES VIEJAS*/
.margin_principal {margin-top:70px;}
.margin_principal_interno {margin-top:170px;}
.contenedor_interno_color {background:rgb(250,250,250) !important;}
.menu-horizontal {
height: auto;
min-height: 60px;
width: 100%;
background: rgba(0,0,0,0.3);
}
.menu-horizontal a{height:58px; width:auto; line-height:50px; text-transform:uppercase; color:white; padding-left:20px; padding-right:20px; margin:1px; float:left; background:rgb(33,68,120);}
.menu-horizontal h2 {
display: block;
width: auto;
color: white;
float: left;
margin: 10px; margin-right:20px;}
.menu-horizontal div:after{ content:''; clear: both;
width: 100%;
height: 5px;
color: white;
width: 100%;
margin: 0px !important;
padding: 0px !important; }
.menu-vertical {
width: 92%;
min-height: 580px;
margin: 1%;
margin-top: 20px;
margin-bottom: 20px;
float: left;
position: relative;
/* margin: 0%; */
padding: 0px;
/* background: white; */
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition-property: all;
transition-duration: 0.5s, 0.5s, 0.5s;
transition-timing-function: linear, linear;
transition-delay: 0s ,0s, 0s;
border: 7px double rgb(220,220,220);
border-radius: 5px; }
.menu-vertical h2{}
.menu-vertical a{
font-family: 'Fjalla One', sans-serif;
height: 58px;
width: 75%;
line-height: 50px;
text-transform: uppercase;
color: white;
padding-left: 20px;
padding-right: 20px;
margin: 5%;
float: left;
background: rgb(33,68,120);}
.fila_1 {height:83%; }
.fila_f1 {min-height:100px; }
.fila_auto {min-height:83%; height:auto; }
.columna_1 {width:99%; margin:0.5%;}
.columna_1a {width:60%;}
.columna_7 {width:75%;}
.columna_2 {width: 48%;
margin: 0.5%;
padding:0.5%;
/* margin-top: 0px; */
background: white;}
.columna_3 {width:32%; margin:0.5%; }
.columna_4 {
width: 23%;
min-height: 650px;
margin: 0.5%;
padding:0.5%;
background: white;
/* overflow: auto; */
}
.columna_5 {width:20%;}
@media only screen and (min-width :0px) and (max-width : 900px)
{
.columna_1a {width:100%;}
.columna_4, .columna_5, .columna_2, .columna_7, #iframe_conversacion {
/* width: 100%; */
width: 99%;
min-height: auto;
height: auto;
float: left;}
.chat_titulo span, .chat_titulo h3, .chat_form div textarea, .chat_form div input {
width: 100% !important;
display: block;
float: none;
max-width: 100%;
}
#archivos div {width:30%; height:150px;}
#oculto_mensajes {display:none; }
}
@media only screen and (min-width :0px) and (max-width : 500px){ #archivos div {height:150px;} }
.transparente_blanco {background:#fafafa;}
.transparente_negro {background:rgba(0,0,0,0.3);}
/*Pluning facebook*/
._5pcb, ._5tmf, ._50f3 {width:100% !important;}
p span {width:auto !important;}