body {background: white; margin: 0 auto;font-family: 'Lato', sans-serif;}


.superior-wrap {
	position: absolute;
	width: 100%;
	z-index: 2;
	background: #fff;
}


header {text-align: left; margin-top: 40px; margin-bottom: 20px}



.texto1 {text-align: justify; width: 100% !important; margin-top: 30px; color: #333333; line-height: 200%; font-size: 14px}
.texto1 a{color: #3d3d3d}


.barra-footer {margin: 0 auto; border-bottom: solid 10px #81AABF}
footer p {color: #878787; font-size: 11px; text-align: left; width:100%; font-family: arial; padding-bottom: 15px}


#banderas {text-align: right; margin-top: -40px}


header {position: relative}


.navinferior {float: right;}
.navinferior ul,li {margin: 0; padding:0; list-style: none}
.navinferior li {display: inline}
.navinferior a {color: #878787; text-decoration: none; padding: 2px 20px; border-left: 1px solid #878787; }



/* P A G I N A S  I T E R I O R E S */


/* quienes somos */
.textocolumna {width: 480px !important; height: 300px; font-size: 14px; line-height: 160%; color: #808080; margin-top: 90px; text-align: justify;float: left}
.textocolumna p {font-size: 22px; font-family: 'Lato', sans-serif; font-style: italic}
.slide2 {float: right; margin-top: 90px}
.clear{clear: both}
.fotitos {text-align: left; display: inline-block}


.normas {margin-top: 200px; text-align: left !important; }


.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #81A9BE;
	color: #eeeeee;
	width: 40px;
	height: 40px;
	line-height: 38px;
	right: 30px;
	bottom: 50px;
	padding-top: 2px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #65BDB1;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}


.link  a{font-size: 12px; color: black}



/* contacto */

.columnacontacto {float: right}
.contacto {font-family: 'Roboto Condensed', sans-serif; font-size: 18px; color: #808080; margin-top: 70px; line-height: 140%; text-align: right}
.contacto p{font-size: 30px;}
.contacto2 {font-family: 'Roboto Condensed', sans-serif; font-size: 18px; color: #808080; margin-top: 50px; line-height: 140%; text-align: right}
#button {padding:6px 12px; margin:8px 0 0 0; font-size:14px; color: white; background: #81AABF; border: white; font-family: 'Roboto Condensed', sans-serif}
input {background: #ececeb; border: none; padding: 0.6em; width: 45%; margin-bottom: 1.5em}
.campos-obligatorios {font-size: 12px}
form span {color: #81AABF; font-size: 14px}
p {color: #808080; font-size: 14px}
.formulario {text-align: left; margin-top: 65px}
.mapa {margin-top: 70px}
textarea {background: #ececeb; border: none; padding: 0.6em; width: 45%; height: 5em; margin-bottom: 1.5em}
hr {text-align: right; margin-top: 50px}




/* footer */
.internas {text-align: center; margin-top: 150px}






/* M E D I A  Q U E R I E S */

img {max-width:100%; height:auto}


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

.texto1 {font-size: 14px; width: 660px}
.normas p {font-size: 16px; margin-bottom: 40px; margin-top: 60px}
p {font-size: 14px}
.normas p {font-size: 12px; }
.contacto {font-size: 16px}
.contacto p{font-size: 22px}
.contacto2{font-size: 16px}
footer p {font-size: 10px}
h1 {font-size: 20px}
.campos-obligatorios {font-size: 12px}

}



@media screen and (max-width: 1366px){
#contenedor {width: 100%} 
.texto1 {font-size: 14px; width: 660px; margin-top: 50px}
.normas p {font-size: 14px; margin-bottom: 40px; margin-top: 60px}
p {font-size: 12px}
.normas p {font-size: 12px; }
.contacto {font-size: 14px}
.contacto p{font-size: 20px}
.contacto2{font-size: 14px}
footer p {font-size: 10px}
h1 {font-size: 20px}
.campos-obligatorios {font-size: 12px}

}


@media screen and (max-width: 1280px){
.content {width:80%; margin:0 auto; min-height: 500px; padding:60px 0 100px 0}
.texto1 {margin-top: 50px}
}


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

}


@media screen and (max-width: 1024px){
.loguito {width: 250px; height: 160px; margin-bottom: -120px}
.demo-wrapper {margin-bottom: -60px}
.texto1 {margin-top: 100px; font-size: 13px}
.textocolumna {max-width:100%; height:auto}
.limpiezaimg {max-width:100%; height:auto; text-align: center}
.columns {float: none}

}


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

}


@media screen and (max-width:800px){
.navinferior {text-align: center; float: none; margin-bottom: 50px; }
.navinferior li {display: block;}
.navinferior a {color: #878787; text-decoration: none;  border-left: none;}
.demo-wrapper {margin-bottom: -140px}
.textocolumna {max-width:100%; height:auto; text-align: center}
.limpiezaimg {max-width:100%; height:auto; text-align: center}
.columns {float: none}
h1 {font-size: 20px;}
.texto1 {width: 500px; font-size: 13px; margin-bottom: 25px; margin-top: 100px}
.normas p {font-size: 14px; margin-bottom: 40px; margin-top: 60px}
.col-izq {width:100%; float: none; text-align:left}
#banderas{mmargin-right: 15px}
.col-der {width:100%; float: none; text-align:left}
.normas p {font-size: 12px; }
.textocolumna {font-size: 14px; float: none; margin-top: 90px; text-align: center}
.textocolumna p {font-size: 16px}
.columnacontacto {float: none}
.contacto, .contacto2 {text-align: left; }
.contacto p{font-size: 18px}
.formulario {float: none}

}

@media screen and (max-width:768px){
.loguito {margin-bottom: -120px}
.navinferior {text-align: center; margin-top: -60px}
.demo-wrapper {margin-bottom: -160px}
.barra-footer p{text-align: center}
.columns {float: none}
h1 {font-size: 20px;  margin-top: 450px; margin-left: 500px}
.texto1 {width: 500px; font-size: 13px; margin-top: 100px; margin-bottom: 20px}
#banderas{margin-right: 14px}
.normas p {font-size: 12px; }
.normas img{margin-top: 10px}


}


@media screen and (max-width:600px){
.loguito {width: 180px; height: 90px; margin-bottom: -70px}
.navinferior {text-align: center; margin-top: -80px}
.demo-wrapper {margin-bottom: -150px}
h1,h2 {font-size: 20px; }
.texto1{width: 400px; font-size: 12px; margin-top: 50px; margin-bottom: 20px}
.normas p {font-size: 12px; margin-bottom: 20px; margin-top: 30px}
.scroll-top-wrapper {width: 30px; height: 30px; line-height: 28px;}
#banderas{margin-right: 15px}
input {width: 65%;}

}


@media screen and (max-width:480px){
.loguito {width: 180px; height: 90px; margin-bottom: -70px}
.navinferior {text-align: center; margin-top: -80px}
.demo-wrapper {margin-bottom: -280px}
h1,h2 {font-size: 20px; }
.texto1 {width: 300px; font-size: 12px; margin-top: 80px; margin-bottom: 15px; text-align: center}
.normas p {font-size: 12px; margin-bottom: 30px; margin-top: 20px}
footer p {font-size: 10px}
#banderas{margin-right: 15px}
.scroll-top-wrapper {width: 30px; height: 30px; right: 10px}
.normas p {font-size: 10px; }
.swipe-wrap {margin: 0px 100px 2px auto}
.contacto p{font-size: 16px}
.contacto, .contacto2 {text-align: center}
.formulario {text-align: center}

}


@media screen and (max-width:324px){
.loguito {margin-bottom: -80px}
.navinferior {text-align: center; margin-top: -100px}
.demo-wrapper {margin-bottom: -300px}
h1 {font-size: 15px; }
.texto1 {width: 250px; font-size: 12px; margin-top: 80px; margin-bottom: 10px}
#banderas{margin-top: 10px; margin-right: 10px}
.normas p {font-size: 10px; margin-bottom: 20px; margin-top: 20px}
footer p {font-size: 10px}
.swipe {}

}

.wrap {
	max-width: 960px;
	margin: 0 auto;
}