﻿*{
 margin: 0;
 padding: 0;
}
html, body{     
 width: 100%;
} 
body{
 position: relative;
 background-color: #F0F0F0;
 background-repeat: repeat-x;
/* font: normal 1.1em/1.3em 'Questrial', sans-serif; */
 font: normal 1.1em/1.3em 'Montserrat', sans-serif;
 color: #1A1A1A;
 text-align: justify;
}
img{
 border: none;	
}
.wrapper{
 position: absolute;
 width: 100%;
 display: block;
}
#wrapper:after{
 width: 100%;
 height: 200px;
 display: block;
 clear: both;
}
@media screen and (min-width: 240px){#wrapper:after{height: 150px;}}
@media screen and (min-width: 320px){#wrapper:after{height: 150px;}}
@media screen and (min-width: 480px){#wrapper:after{height: 150px;}}
@media screen and (min-width: 768px){#wrapper:after{height: 120px;}}
@media screen and (min-width: 1024px){#wrapper:after{height: 120px;}}
@media screen and (min-width: 1200px){#wrapper:after{height: 120px;}}

.top{
 position: fixed;
 width: 100%;
 height: 150px;
 background-color: #D3E4E8;
 background-image: url('../images/img_fondotop.jpg');
 background-position: center center;
 display: block;
 overflow: hidden;
 z-index: 9999;
}
@media screen and (min-width: 240px){.top{height: 220px;}}
@media screen and (min-width: 320px){.top{height: 220px;}}
@media screen and (min-width: 480px){.top{height: 220px;}}
@media screen and (min-width: 768px){.top{height: 120px;}}
@media screen and (min-width: 1024px){.top{height: 120px;}}
@media screen and (min-width: 1200px){.top{height: 120px;}}
.logo{
 position: relative;
 width: 320px;
 height: auto;
 margin-top: 15px;
 margin-left: 10%;
 float: left;
 display: block;
}
@media screen and (min-width: 240px){.logo{width: 250px;margin-top: 15px;margin-left: 6%;}}
@media screen and (min-width: 320px){.logo{width: 70%;margin-top: 15px;margin-left: 15%;}}
@media screen and (min-width: 480px){.logo{width: 250px;margin-top: 20px;margin-left: 5%;}}
@media screen and (min-width: 768px){.logo{width: 300px;margin-top: 25px;margin-left: 5%;}}
@media screen and (min-width: 1024px){.logo{width: 300px;margin-top: 20px;margin-left: 6%;}}
@media screen and (min-width: 1200px){.logo{width: 320px;margin-top: 25px;margin-left: 10%;}}
@media screen and (min-width: 1360px){.logo{width: 350px;margin-top: 25px;margin-left: 12%;}}
.linea1{
 position: fixed;
 width: 100%;
 height: 3px;
 margin-top: 200px;
 background-color: #FFF;
 clear: both;
 display: block;
 z-index: 9999;	
}
@media screen and (min-width: 240px){.linea1{margin-top: 220px;}}
@media screen and (min-width: 768px){.linea1{margin-top: 120px;}}

.linea2{
 position: relative;
 width: 100%;
 height: 6px;
 background-color: #B3B3B3;
 display: block;	
}
.linea3{
 position: relative;
 width: 100%;
 height: 2px;
 background-color: #FFF;
 display: block;	
}

/*-- MENÚ PRINCIPAL -- */
#menu{
 position: relative;
 width: 50%;
 height: 40px;
 margin-left: 10%;
 margin-top: 30px;
 float: left;
 display: block;
}
@media screen and (min-width: 240px){#menu{width: 100%;height: auto;margin-left: 0; margin-top: 10px;}}
@media screen and (min-width: 480px){#menu{width: 100%;height: auto;margin-left: 0; margin-top: 10px;}}
@media screen and (min-width: 768px){#menu{width: 50%;height: 40px;margin-left: 5%; margin-top: 15px;}}
@media screen and (min-width: 1024px){#menu{width: 50%;height: 40px;margin-left: 8%; margin-top: 30px;}}
@media screen and (min-width: 1200px){#menu{width: 50%;height: 40px;margin-left: 12%; margin-top: 30px;}}
#menu ul{
 width: 100%;
 margin-top: 8px;
 margin-left: 0;
 text-align: center;
 float: left;	
 list-style: none;
}
@media screen and (min-width: 240px){#menu ul{text-align: center;}}
@media screen and (min-width: 480px){#menu ul{text-align: right;}}
@media screen and (min-width: 768px){#menu ul{text-align: center;}}
#menu li{
 position: relative;
 width: auto;
 margin-top: 0;
 margin-right: 6%;
 display: inline;
 font-size: 1em;
}
@media screen and (min-width: 240px){#menu li{width: 100%;margin-right: 0;font-size: 0.7em; display: list-item;}}
@media screen and (min-width: 480px){#menu li{width: 100%;margin-right: 0;font-size: 0.8em; display: list-item;}}
@media screen and (min-width: 768px){#menu li{width: auto;margin-right: 3%;font-size: 0.8em;display: inline; }}
@media screen and (min-width: 1024px){#menu li{margin-right: 4%;font-size: 0.9em;display: inline;}}
@media screen and (min-width: 1200px){#menu li{margin-right: 6%;font-size: 1em;display: inline; }}
#menu li:hover{
 background-color: transparent;
}
@media screen and (min-width: 240px){#menu li:hover{background-color: #E6E6E6;}}
@media screen and (min-width: 768px){#menu li:hover{background-color: transparent;}}
#menu li a{
 height: 20px;
 padding: 2px;
 text-decoration: none;
}
@media screen and (min-width: 240px){#menu li a{padding: 5px 30% 5px 30%;}}
@media screen and (min-width: 480px){#menu li a{padding: 5px 15% 5px 40%;}}
@media screen and (min-width: 768px){#menu li a{padding: 2px;}}

.inicio,.nosotros,.servicios,.galeria,.contacto{
 color: #132C4F;
 font-weight: bold;
}
.inicio:hover,.nosotros:hover,.servicios:hover,.galeria:hover,.contacto:hover{
 color: #FFF;
 font-weight: bold;
}
.iniciov,.nosotrosv,.serviciosv,.galeriav,.contactov{
 color: #7CB3BF;
 font-weight: bold;
 border-bottom: 2px #7CB3BF solid;
 padding: 0;
}
@media screen and (min-width: 240px){.iniciov,.nosotrosv,.serviciosv,.revistav,.contactov{border-bottom: none;}}
@media screen and (min-width: 480px){.iniciov,.nosotrosv,.serviciosv,.revistav,.contactov{border-bottom: none;}}
@media screen and (min-width: 768px){.iniciov,.nosotrosv,.serviciosv,.revistav,.contactov{border-bottom: 2px #7CB3BF solid;padding: 0;}}
@media screen and (min-width: 1024px){.iniciov,.nosotrosv,.serviciosv,.revistav,.contactov{border-bottom: 2px #7CB3BF solid;padding: 0;}}
@media screen and (min-width: 1200px){.iniciov,.nosotrosv,.serviciosv,.revistav,.contactov{border-bottom: 2px #7CB3BF solid;padding: 0;}}

/*-- FIN MENÚ PRINCIPAL --*/

/*-- BANNER --*/
.banner{
 position: relative;
 width: 100%;
 height: auto;
}
@media screen and (min-width: 240px){.banner{margin-top: 220px;}}
@media screen and (min-width: 768px){.banner{margin-top: 120px;}}

/*-- FIN BANNER --*/

/*-- CONTENIDO --*/
.contenido{
 position: relative;
 width: 100%;
 height: auto;
 display: block;
 overflow: hidden;
}
/*-- FIN CONTENIDO --*/

.seccion{
 position: relative;
 width: 100%;
 height: auto;
 display: block;
 overflow: hidden;		
}
@media screen and (min-width: 240px){.seccion{width: 95%;margin-left: 2%;}}
@media screen and (min-width: 320px){.seccion{width: 95%;margin-left: 2%;}}
@media screen and (min-width: 480px){.seccion{width: 95%;margin-left: 2%;}}
@media screen and (min-width: 768px){.seccion{width: 90%;margin-left: 5%;}}
@media screen and (min-width: 1024px){.seccion{width: 90%;margin-left: 5%;}}
@media screen and (min-width: 1200px){.seccion{width: 80%;margin-left: 10%;}}
@media screen and (min-width: 1360px){.seccion{width: 80%;margin-left: 10%;}}
.seccionG{
 position: relative;
 width: 100%;
 height: auto;
 display: block;
 overflow: hidden;		
}
@media screen and (min-width: 240px){.seccionG{width: 95%;margin-left: 2%;}}
@media screen and (min-width: 320px){.seccionG{width: 95%;margin-left: 2%;}}
@media screen and (min-width: 480px){.seccionG{width: 95%;margin-left: 2%;}}
@media screen and (min-width: 768px){.seccionG{width: 90%;margin-left: 5%;}}
@media screen and (min-width: 1024px){.seccionG{width: 90%;margin-left: 5%;}}
@media screen and (min-width: 1200px){.seccionG{width: 80%;margin-left: 10%;}}
@media screen and (min-width: 1360px){.seccionG{width: 80%;margin-left: 10%;}}

/*-- INICIO --*/
.txtinicio{
 position: relative;
 width: 65%;
 margin-left: 0;
 margin-top: 10px;
 margin-bottom: 0;
 font-size: 1em; 
 line-height: 1.6em;
 color: #4D4D4D;
 float: left;
 display: block;
}
@media screen and (min-width: 240px){.txtinicio{width: 90%;margin-left: 5%;margin-top: 10px;margin-bottom: 0;font-size: 0.8em;line-height: 1.3em;}}
@media screen and (min-width: 320px){.txtinicio{width: 90%;margin-left: 5%;margin-top: 10px;margin-bottom: 0;font-size: 0.8em;line-height: 1.3em;}}
@media screen and (min-width: 480px){.txtinicio{width: 92%;margin-left: 4%;margin-top: 10px;margin-bottom: 2%;font-size: 0.8em;line-height: 1.3em;}}
@media screen and (min-width: 768px){.txtinicio{width: 90%;margin-left: 5%;margin-top: 10px;margin-bottom: 2%;font-size: 0.9em;line-height: 1.5em;}}
@media screen and (min-width: 1024px){.txtinicio{width: 60%;margin-left: 0;margin-top: 20px;margin-bottom: 0;font-size: 1em;line-height: 1.6em;}}
@media screen and (min-width: 1200px){.txtinicio{width: 60%;margin-left: 0;margin-top: 20px;margin-bottom: 20px;font-size: 1em;line-height: 1.6em;}}
@media screen and (min-width: 1360px){.txtinicio{width: 55%;margin-left: 2%;margin-top: 30px;margin-bottom: 30px;font-size: 1em;line-height: 1.6em;}}

.imginicio01{
 position: relative;
 width: 35%;
 height: auto;
 margin-left: 3%;
 margin-top: 30px;
 float: left;
 display: block;	
}
@media screen and (min-width: 240px){.imginicio01{display: none;}}
@media screen and (min-width: 320px){.imginicio01{display: none;}}
@media screen and (min-width: 480px){.imginicio01{display: none;}}
@media screen and (min-width: 768px){.imginicio01{display: none;}}
@media screen and (min-width: 1024px){.imginicio01{width: 35%;margin-left: 3%;display: block;}}
@media screen and (min-width: 1200px){.imginicio01{width: 35%;margin-left: 3%;display: block;}}
@media screen and (min-width: 1360px){.imginicio01{width: 30%;margin-left: 6%;display: block;}}

.imginicio02{
 position: relative;
 width: 17%;
 height: auto;
 margin-left: 6%;
 margin-bottom: 1%;
 float: left;
 display: block;
}
@media screen and (min-width: 240px){.imginicio02{width: 40%;margin-left: 6%;margin-bottom: 5%;}}
@media screen and (min-width: 320px){.imginicio02{width: 40%;margin-left: 6%;margin-bottom: 5%;}}
@media screen and (min-width: 480px){.imginicio02{width: 30%;margin-left: 12%;margin-bottom: 5%;}}
@media screen and (min-width: 768px){.imginicio02{width: 20%;margin-left: 4%;margin-bottom: 2%;}}
@media screen and (min-width: 1024px){.imginicio02{width: 21%;margin-left: 3%;margin-bottom: 1%;}}
@media screen and (min-width: 1200px){.imginicio02{width: 17%;margin-left: 6%;margin-bottom: 1%;}}
@media screen and (min-width: 1360px){.imginicio02{width: 17%;margin-left: 6%;margin-bottom: 1%;}}
/*-- FIN INICIO --*/

/*-- NOSOTROS --*/
.txtnosotros{
 position: relative;
 width: 86%;
 margin-left: 7%;
 margin-bottom: 1%;
 margin-top: 20px;
 color: #333;
 font-size: 1em;
 float: left;
 display: block;	
}
@media screen and (min-width: 240px){.txtnosotros{width: 90%;margin-left: 5%;margin-top: 20px;margin-bottom: 1%;font-size: 0.8em;}}
@media screen and (min-width: 768px){.txtnosotros{width: 86%;margin-left: 7%;margin-top: 20px;margin-bottom: 1%;font-size: 0.9em;}}
@media screen and (min-width: 1024px){.txtnosotros{width: 86%;margin-left: 7%;margin-top: 20px;margin-bottom: 1%;font-size: 1em;}}
@media screen and (min-width: 1200px){.txtnosotros{width: 86%;margin-left: 7%;margin-top: 30px;margin-bottom: 1%;font-size: 1em;}}
@media screen and (min-width: 1360px){.txtnosotros{width: 86%;margin-left: 7%;margin-top: 30px;margin-bottom: 1%;font-size: 1em;}}
.imgnosotros01{
 position: relative;
 width: 80%;
 height: auto;
 margin-left: 0;
 float: left;
 display: block;	
}
@media screen and (min-width: 240px){.imgnosotros01{width: 90%;height: auto;margin-left: 5%;}}
@media screen and (min-width: 768px){.imgnosotros01{width: 86%;height: auto;margin-left: 7%;}}
@media screen and (min-width: 1024px){.imgnosotros01{width: 86%;height: auto;margin-left: 7%;}}
@media screen and (min-width: 1200px){.imgnosotros01{width: 86%;height: auto;margin-left: 7%;}}
@media screen and (min-width: 1360px){.imgnosotros01{width: 86%;height: auto;margin-left: 7%;}}
.bannerN{
 width: 100%;
 height: 300px;
 background-attachment: fixed;
 background-image: url('../images/img_bNosotros2.jpg');
 background-repeat: no-repeat;
 background-position: center center;
 display: block;
}
@media screen and (min-width: 240px){.bannerN{display: none;}}
@media screen and (min-width: 768px){.bannerN{display: block;}}


/*-- FIN NOSOTROS --*/

/*-- SERVICIOS --*/
.txtservicios{
 position: relative;
 width: 50%;
 margin-left: 5%;
 margin-bottom: 1%;
 margin-top: 20px;
 color: #333;
 font-size: 1em;
 float: left;
 display: block;	
}
@media screen and (min-width: 240px){.txtservicios{width: 90%;margin-left: 5%;margin-top: 20px;margin-bottom: 1%;font-size: 0.8em;}}
@media screen and (min-width: 768px){.txtservicios{width: 86%;margin-left: 7%;margin-top: 20px;margin-bottom: 1%;font-size: 0.9em;}}
@media screen and (min-width: 1024px){.txtservicios{width: 50%;margin-left: 0;margin-top: 20px;margin-bottom: 1%;font-size: 1em;}}
@media screen and (min-width: 1200px){.txtservicios{width: 48%;margin-left: 4%;margin-top: 25px;margin-bottom: 1%;font-size: 1em;}}
#listservicios{
 width: auto;
 height: auto;
 position: relative;
/* margin-left: 30px;*/
 margin-top: 15px;
 margin-left: 25px;
 margin-right: 110px;
 font: normal 'Raleway', sans-serif;
 text-align: left;
 color: #333;
 float: left;
 display: block;	
}
#listservicios ul{
/* list-style-type: none;*/
}
#listservicios li{
 position: relative;
 list-style-image: url("../images/img_marca.png");
 padding-left: 5px;
 clear: both;
 float: left;
}
#listservicios li a{
 text-decoration: none;
}
@media screen and (min-width: 240px){#listservicios{margin-right: 5%;}}
@media screen and (min-width: 768px){#listservicios{margin-right: 8%;}}
@media screen and (min-width: 1024px){#listservicios{margin-right: 110px;}}
.imgservicios{
 position: relative;
 width: 80%;
 height: auto;
 margin-top: 40px;
 margin-left: 10%;
 margin-bottom: 10px;
 float: left;
 background-color: aqua;
 display: block;	
}
@media screen and (min-width: 240px){.imgservicios{width: 80%;margin-top: 10px;margin-left: 10%;margin-bottom: 10px;}}
@media screen and (min-width: 480px){.imgservicios{width: 60%;margin-top: 10px;margin-left: 20%;margin-bottom: 10px;}}
@media screen and (min-width: 1024px){.imgservicios{width: 48%;margin-top: 30px;margin-left: 2%;margin-bottom: 10px;}}
@media screen and (min-width: 1200px){.imgservicios{width: 35%;margin-top: 20px;margin-left: 5%;margin-bottom: 10px;}}
.txtservicios02{
 position: relative;
 width: 60%;
 margin-left: 20%;
 margin-top: 30px;
 margin-bottom: 10px;
 color: #333;
 font-size: 1em;
 float: left;
 display: block;	
}
@media screen and (min-width: 240px){.txtservicios02{width: 90%;margin-left: 5%;font-size: 0.8em;}}
@media screen and (min-width: 768px){.txtservicios02{width: 86%;margin-left: 7%;font-size: 0.9em;}}
@media screen and (min-width: 1024px){.txtservicios02{width: 60%;margin-left: 20%;font-size: 1em;}}

.tabservicios{
 position: relative;
 width: 60%;
 margin-left: 20%;
 margin-bottom: 1%;
 margin-top: 20px;
 float: left;
 display: block;	
}
@media screen and (min-width: 240px){.tabservicios{width: 90%;margin-left: 5%;font-size: 0.8em;}}
@media screen and (min-width: 768px){.tabservicios{width: 80%;margin-left: 10%;font-size: 0.9em;}}
@media screen and (min-width: 1024px){.tabservicios{width: 60%;margin-left: 20%;font-size: 1em;}}

/*-- FIN SERVICIOS --*/

/*-- CONTACTO --*/
.contacto h1{
 font-size: 1.1em;
 color: #132C4F;
 text-align: center;
 margin-top: 20px;
 margin-bottom: 15px;
 font-weight: normal;	
}
@media screen and (min-width: 240px){.contacto h1{margin-top: 10px;font-size: 0.8em;}}
@media screen and (min-width: 480px){.contacto h1{margin-top: 10px;font-size: 0.9em;}}
@media screen and (min-width: 768px){.contacto h1{margin-top: 20px;font-size: 1em;}}
@media screen and (min-width: 1024px){.contacto h1{margin-top: 20px;font-size: 1.1em;}}
.contacto h2{
 font-size: 1.1em;
 color: #7CB3BF;
 text-align: center;
 margin-top: 10px;
 font-weight: bold;	
}
@media screen and (min-width: 240px){.contacto h2{margin-top: 0;font-size: 0.7em;}}
@media screen and (min-width: 480px){.contacto h2{margin-top: 0;font-size: 0.8em;}}
@media screen and (min-width: 768px){.contacto h2{margin-top: 5px;font-size: 0.9em;}}
@media screen and (min-width: 1024px){.contacto h2{margin-top: 5px;font-size: 0.9em;}}
.estilo6{
 color: #132C4F;
 font-weight: bold;
 margin-right: 5px;
 clear: none;	
}
@media screen and (min-width: 240px){.estilo6{clear: both;}}
@media screen and (min-width: 480px){.estilo6{clear: both;}}
@media screen and (min-width: 768px){.estilo6{clear: none;}}
@media screen and (min-width: 1024px){.estilo6{clear: none;}}
.formulario{
 width: 60%;
 height: auto;
 margin-top: 40px;
 float: left;	
}
@media screen and (min-width: 240px){.formulario{width: 100%;margin-left: 0;margin-top: 0;}}
@media screen and (min-width: 1024px){.formulario{width: 60%;margin-left: 5%;margin-top: 20px;}}
.imgcontacto01{
 position: relative;
 width: 350px;
 height: auto;
 margin-left: 5%;
 margin-top: 40px;
 float: left;
 display: block;	
}
@media screen and (min-width: 240px){.imgcontacto01{display: none;}}
@media screen and (min-width: 1024px){.imgcontacto01{width: 250px;display: block;margin-left: 5%;margin-top: 30px;}}
@media screen and (min-width: 1360px){.imgcontacto01{width: 280px;display: block;margin-left: 5%;margin-top: 0;}}
#map-block{
 width: 100%;
 height: 450px;
 margin-top: 0;
}
@media screen and (min-width: 240px){#map-block{height: 250px;margin-top: 20px;}}
@media screen and (min-width: 320px){#map-block{height: 250px;margin-top: 20px;}}
@media screen and (min-width: 480px){#map-block{height: 300px;margin-top: 20px;}}
@media screen and (min-width: 768px){#map-block{height: 300px;margin-top: 0;}}
@media screen and (min-width: 1024px){#map-block{height: 400px;margin-top: 0;}}
@media screen and (min-width: 1200px){#map-block{height: 450px;margin-top: 0;}}
@media screen and (min-width: 1360px){#map-block{height: 450px;margin-top: 0;}}

/*-- FIN CONTACTO --*/


/*-- Seccion relleno --*/
.refil{
 width: 100%;
 height: 20px;
 float: left;
}
/*-- fin seccion relleno --*/


/*-- FOOTER --*/
.footer{
 position: absolute;
 width: 100%;
 height: 200px;
 bottom: -200px;
 background-color: #E6E6E6;
 display: block;
}
@media screen and (min-width: 240px){.footer{width: 100%;height: 150px;bottom: -150px;}}
@media screen and (min-width: 320px){.footer{width: 100%;height: 150px;bottom: -150px;}}
@media screen and (min-width: 480px){.footer{width: 100%;height: 150px;bottom: -150px;}}
@media screen and (min-width: 768px){.footer{width: 100%;height: 230px;bottom: -230px;}}
@media screen and (min-width: 1024px){.footer{width: 100%;height: 230px;bottom: -230px;}}
@media screen and (min-width: 1200px){.footer{width: 100%;height: 230px;bottom: -230px;}}
.imgface{
 position: relative;
 width: 125px;
 height: auto;
 margin: 0 auto;
 margin-top: 35px;
 padding: 0;
}
@media screen and (min-width: 240px){.imgface{width: 100px;margin-top: 0;}}
@media screen and (min-width: 320px){.imgface{width: 100px;margin-top: 0;}}
@media screen and (min-width: 480px){.imgface{width: 100px;margin-top: 0;}}
@media screen and (min-width: 768px){.imgface{width: 125px;margin-top: 35px;}}
.txtfooter{
 position: relative;
 width: 100%;
 height: auto;
 margin-top: 35px;
 padding: 0;
 color: #808080;
 text-align: center;
 line-height: 1.4em;
}
@media screen and (min-width: 240px){.txtfooter{font-size: 0.8em;margin-top: 10px;}}
@media screen and (min-width: 320px){.txtfooter{font-size: 0.8em;margin-top: 0;}}
@media screen and (min-width: 480px){.txtfooter{font-size: 0.8em;margin-top: 0;}}
@media screen and (min-width: 768px){.txtfooter{font-size: 0.9em;margin-top: 35px;}}
@media screen and (min-width: 1024px){.txtfooter{font-size: 1.1em;margin-top: 35px;}}

/*-- FIN FOOTER --*/

.line3{
 position: relative;
 width: 4px;
 height: 100px;
 padding-top: 40px;
 text-align: center;
 float: left;
 display: block;	
}
@media screen and (min-width: 240px){.line3{display: none;}}
@media screen and (min-width: 320px){.line3{display: none;}}
@media screen and (min-width: 480px){.line3{display: none;}}
@media screen and (min-width: 768px){.line3{display: block;}}
@media screen and (min-width: 1024px){.line3{display: block;}}
@media screen and (min-width: 1200px){.line3{display: block;}}
.copyright{
 position: absolute;
 width: 100%;
 height: 30px;
 bottom: -230px;
 padding-top: 10px;
 font-size: 1em;
 text-align: center;
 background-color: #7CB3BF;
 display: block;
}
@media screen and (min-width: 240px){.copyright{bottom: -150px;font-size: 0.7em;}}
@media screen and (min-width: 320px){.copyright{bottom: -150px;font-size: 0.8em;}}
@media screen and (min-width: 480px){.copyright{bottom: -150px;font-size: 0.9em;}}
@media screen and (min-width: 768px){.copyright{bottom: -230px;font-size: 1em;}}
@media screen and (min-width: 1024px){.copyright{bottom: -230px;font-size: 1em;}}
@media screen and (min-width: 1200px){.copyright{bottom: -230px;font-size: 1em;}}

.estilo1{
 color: #FFF;	
}
.estilo2{
 color: #7CB3BF;
 font-weight: bold;
 line-height: 1.5em;
}
.estilo3{
 font-weight: bold;	
}
.estilo4{
 color: #00C1C0;
 font-weight: bold;
/* line-height: 1.5em;*/
 text-align: left;
}
.estilo5{
 color: #00C1C0;
 font-weight: bold;
 font-size: 1.3em;
 line-height: 1.6em;
 padding-top: 12%;	
}