* 
{ 
box-sizing:border-box; 
margin:0px; 
padding:0px; 
}
*, *:before, *:after 
{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
body, html 
{
height:100%; 
}
div.div15{width:15%;}
div.div20{width:20%;}
div.div25{width:25%;}
div.div30{width:30%;}
div.div35{width:35%;}
div.div33{width:33.33%;}
div.div40{width:40%;}
div.div45{width:45%;}
div.div50{width:50%;}
div.div55{width:55%;}
div.div60{width:60%;}
div.div65{width:65%;}
div.div66{width:66.66%;}
div.div70{width:70%;}
div.div75{width:75%;}
div.div80{width:80%;}
div.div85{width:85%;}
div.div90{width:90%;}
div.div95{width:95%;}
div.div100{width:100%;}

div.div15,div.div20,div.div25,div.div30,div.div35,div.div33,div.div40,div.div45,div.div50,div.div55,div.div60,div.div65,div.div66,div.div70,div.div75,div.div80,div.div85,div.div90,div.div95,div.div100
{
display:inline-block; 
overflow:hidden; 
vertical-align:top; 
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
span.noseve {display:none;}
/*Celular-Celular-Celular-Celular-Celular-Celular-Celular-Celular-Celular-Celular-Celular-Celular*/
@media screen and (max-width:800px) 
{
div.div15,div.div20,div.div25,div.div30,div.div35,div.div33,div.div40,div.div45,div.div50,div.div55,div.div60,div.div65,div.div66,div.div70,div.div75,div.div80,div.div85,div.div90,div.div95,div.div100
{
width:100%;
background-size:640px 360px;
-webkit-background-size:640px 360px;
-moz-background-size:640px 360px;
-o-background-size:640px 360px;
background-attachment:scroll;
margin-left:0;
margin-right:0;
}
span.noseve 
{
display:inline;
}
div.quitar 
{
display:none;
}
}
/* ipad ipad ipad ipad ipad ipad ipad ipad ipad ipad ipad ipad ipad ipad ipad ipad ipad ipad ipad */
@media (min-width:800px) and (max-width:1024px)
{
div.div15,div.div20,div.div25,div.div30,div.div35,div.div33,div.div40,div.div45,div.div50
{
width:50%;
margin-left:0;
margin-right:0;
}	
}
/* --------------------------------------------------------------------------------------------*/
img
{
width:100%; display:block; 
}
a
{
text-decoration:none;
}
div.input
{
margin:16px; 
color:grey;
font-weight:400;
}
/* Full-width input fields */
input[type=text], input[type=password] 
{
width:100%;
padding:12px;
margin:0;
display:inline-block;
border:1px solid #ccc;
box-sizing:border-box;
font-size:16px;
color:grey;
}
/* Center the image and position the close button */
.imgcontainer 
{
text-align:center;
margin:24px 0 0 0;
position:relative;
}
.container 
{
padding:0 16px 16px 16px;
text-align:left;
}
/* The Modal (background) */
.modal 
{
display:none; /* Hidden by default */
position:fixed; /* Stay in place */
z-index:1; /* Sit on top */
left:0;
top:0;
width:100%; /* Full width */
height:100%; /* Full height */
overflow:auto; /* Enable scroll if needed */
background-color:rgb(0,0,0); /* Fallback color */
background-color:rgba(0,0,0,0.4); /* Black w/ opacity */
padding:0px;
}
.modales 
{
position:fixed; /* Stay in place */
z-index:1; /* Sit on top */
left:0;
top:0;
width:100%; /* Full width */
height:100%; /* Full height */
overflow:auto; /* Enable scroll if needed */
background-color:rgb(0,0,0); /* Fallback color */
background-color:rgba(0,0,0,0.4); /* Black w/ opacity */
padding:0px;
}
/* Modal Content/Box */
.modal-content 
{
background-color:#fefefe;
margin:10px auto; /* 5% from the top, 15% from the bottom and centered */
border:1px solid #888;
width:99%; /* Could be more or less, depending on screen size */
}
/* The Close Button (x) */
.close 
{
position:absolute;
right:38px;
top:0;
color:#000;
font-size:35px;
font-weight:bold;
padding:0;
}
.close2 
{
text-align:right;
color:#000;
font-size:35px;
font-weight:bold;
padding:0;
vertical-align:middle;
}
.close:hover,
.close:focus, 
.close2:hover,
.close2:focus 
{
color:red;
cursor:pointer;
}
.close:active 
{
color:grey;
cursor:pointer;
}
/* Add Zoom Animation */
.animate 
{
-webkit-animation:animatezoom 0.6s;
animation:animatezoom 0.6s
}
@-webkit-keyframes animatezoom 
{
from {-webkit-transform:scale(0)} 
to {-webkit-transform:scale(1)}
}
@keyframes animatezoom 
{
from {transform:scale(0)} 
to {transform:scale(1)}
}
.fade 
{
-webkit-animation-name:fade;
-webkit-animation-duration:3s;
animation-name:fade;
animation-duration:3s;
}
@-webkit-keyframes fade 
{
from {opacity:.2} 
to {opacity:1}
}
@keyframes fade 
{
from {opacity:.2} 
to {opacity:1}
}
.mySlides {display:none;}
.row > .column 
{
padding:0 8px;
}
.row:after 
{
content:"";
display:table;
clear:both;
}
.column 
{
float:left;
width:25%;
}
/* The Modal (background) */
.lightbox 
{
display:none;
position:fixed;
z-index:1;
padding-top:2px;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:black;
}
@media screen and (max-width:768px) 
{
.lightbox 
{
z-index:-1;
max-height:0;
}	
}
/* Modal Content */
.lightbox-content 
{
position:relative;
background-color:#fefefe;
margin:auto;
padding:0;
width:80%;
max-width:1280px;
}
/* The Close Button */
.closelightbox 
{
color:white;
position:absolute;
top:10px;
right:25px;
font-size:35px;
font-weight:bold;
}
.closelightbox:hover,
.closelightbox:focus 
{
color:#999;
text-decoration:none;
cursor:pointer;
}
.luz 
{
display:none;
}
.cursor 
{
cursor:pointer;
}
/* Next & previous buttons */
.prev,
.next 
{
cursor:pointer;
position:absolute;
top:50%;
width:auto;
padding:16px;
margin-top:-50px;
color:white;
font-weight:bold;
font-size:20px;
transition:0.6s ease;
border-radius:0 3px 3px 0;
user-select:none;
-webkit-user-select:none;
}
/* Position the "next button" to the right */
.next 
{
right:0;
border-radius:3px 0 0 3px;
}
.prev 
{
left:0;
border-radius:3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover 
{
background-color:rgba(0, 0, 0, 0.8);
}
.demo 
{
opacity:0.6;
}
.active,
.demo:hover 
{
opacity:1;
}
img.hover-shadow 
{
transition:0.5s;
}
.hover-shadow:hover 
{
-webkit-filter:grayscale(100%); /* Safari 6.0 - 9.0 */
filter:grayscale(100%);
}
/* --------------------------------------------------------------------------------------------*/
.scale-in-center 
{
-webkit-animation:scale-in-center 1s linear both;
animation:scale-in-center 1s linear both;
}
@-webkit-keyframes scale-in-center 
{
0% 
{
-webkit-transform:scale(0);
transform:scale(0);
opacity:1;
}
100% 
{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
}
@keyframes scale-in-center 
{
0% 
{
-webkit-transform:scale(0);
transform:scale(0);
opacity:1;
}
100% 
{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;
}
}
/* --------------------------------------------------------------------------------------------*/
.fade-in 
{
-webkit-animation:fade-in 5s linear both;
animation:fade-in 5s linear both;
}
@-webkit-keyframes fade-in 
{
0% 
{
opacity:0;
}
40% 
{
opacity:1;
}
60% 
{
opacity:1;
}
100% 
{
opacity:0;
}
}
@keyframes fade-in 
{
0% 
{
opacity:0;
}
40% 
{
opacity:1;
}
60% 
{
opacity:1;
}
100% 
{
opacity:0;
}
}
/* --------------------------------------------------------------------------------------------*/
.flip-in-hor-bottom 
{
-webkit-animation:flip-in-hor-bottom 2s linear both;
animation:flip-in-hor-bottom 2s linear both;
}
@-webkit-keyframes flip-in-hor-bottom 
{
0% 
{
-webkit-transform:rotateX(80deg);
transform:rotateX(80deg);
opacity:0;
}
100% 
{
-webkit-transform:rotateX(0);
transform:rotateX(0);
opacity:1;
}
}
@keyframes flip-in-hor-bottom 
{
0% 
{
-webkit-transform:rotateX(80deg);
transform:rotateX(80deg);
opacity:0;
}
100% 
{
-webkit-transform:rotateX(0);
transform:rotateX(0);
opacity:1;
}
}