@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

@font-face {
    font-family: 'asphalts_brushregular';
    src: url('../fonts/asphalt/asphalts_brush-webfont.eot');
    src: url('../fonts/asphalt/asphalts_brush-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/asphalt/asphalts_brush-webfont.woff2') format('woff2'),
         url('../fonts/asphalt/asphalts_brush-webfont.woff') format('woff'),
         url('../fonts/asphalt/asphalts_brush-webfont.ttf') format('truetype'),
         url('../fonts/asphalt/asphalts_brush-webfont.svg#asphalts_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'beyond_the_mountainsregular';
    src: url('../fonts/beyond/beyond_the_mountains-webfont.woff2') format('woff2'),
         url('../fonts/beyond/beyond_the_mountains-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'league_spartanregular';
    src: url('../fonts/league/leaguespartan-bold-webfont.eot');
    src: url('../fonts/league/leaguespartan-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/league/leaguespartan-bold-webfont.woff2') format('woff2'),
         url('../fonts/league/leaguespartan-bold-webfont.woff') format('woff'),
         url('../fonts/league/leaguespartan-bold-webfont.ttf') format('truetype'),
         url('../fonts/league/leaguespartan-bold-webfont.svg#league_spartanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }


body {
	background:transparent;
	color:3e3d3d;
	font-size: 100%;
	line-height: 1.25;
	font-family: 'league_spartanregular', Arial, sans-serif;
	overflow-x:hidden;
	margin: 0 auto;
	
}

.equipo > div{
	background: rgb(226,237,237);
	transition: all .5s;
}

.equipo > div.amarillo2:hover{background: #faf3c8;}

.equipo > div.lila:hover{background: #ccbce5;}

.equipo > div.granate:hover{background: #723c47;}

.equipo > div.rosa2:hover{background: #f0d5d8;}

.equipo > div.morado2:hover{background: #885baa;}

.equipo > div.rojo2:hover{background: #d47c7c;}

.equipo > div.naranja2:hover{background: #f2d4a6;}

.equipo > div.verde2:hover{background: #97dca2;}

.equipo > div.turquesa:hover{background: #9fd3e2;}

.equipo > div.gris2:hover{background: #E1DEDE;}



.equipo > div img{transition: all .5s;}

.equipo > div:hover img{filter:  brightness(0) invert(1);}

@media screen and (min-width: 100px) and (max-width: 600px) {	
.header{
	text-align:center;
	height:80px;
	width:100%;
	background:rgb(226,237,237);
	position:fixed;
	padding-left:25px;
	padding-right:25px;
	font-family: 'league_spartanregular', Arial, sans-serif;
	padding-top:0px;
	z-index:9999999999;
		}}
		
@media screen and (min-width: 600px) and (max-width: 1100px) {	
.header{
	text-align:center;
	height:80px;
	width:100%;
	background:rgb(226,237,237);
	position:fixed;
	padding-left:25px;
	padding-right:25px;
	font-family: 'league_spartanregular', Arial, sans-serif;
	padding-top:0px;
	z-index:9999999999;
		}}
		
@media screen and (min-width: 1100px) and (max-width: 5000px) {	
.header{
	text-align:center;
	height:120px;
	width:100%;
	background:rgb(226,237,237);
	position:fixed;
	padding-left:25px;
	padding-right:25px;
	font-family: 'league_spartanregular', Arial, sans-serif;
	padding-top:20px;
	z-index:9999999999;
		}}

@media screen and (max-width: 1250px) {
.header a.link{display:none;}


}

@media screen and (min-width: 100px) and (max-width: 400px) {
.logo a
{background-image:url(../img/logo_anda2.png) ;

width:86px;
height:60px;
float:left;
margin-top:10px;
}}

@media screen and (min-width: 400px) and (max-width: 5000px) {
.logo a
{background-image:url(../img/logo_anda.png);
	width:300px;
	height:60px;
float:left;
margin-top:10px;
}}
.menu{padding-top:10px;}

.menu a
{
padding-right:10px;
padding-left:10px;
margin-right:2px;
margin-left:2px;
float:right;
width:auto;
height:auto;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
text-decoration:none;
font-size:13px;
letter-spacing:2px;
line-height:18px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}

.menu a:hover
{color:#414040;
outline: solid #2A2929 2px;
outline-offset:3px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}
@media screen and (min-width: 100px) and (max-width: 600px) {	
.borde{display:none;}}

@media screen and (min-width: 500px) and (max-width: 1100px) {	
.borde{position:relative;bottom:78px;}}


@media screen and (min-width: 1100px) and (max-width: 5000px) {	
.borde{position:relative;bottom:58px;}}

hr{height:5px;background-color:#2A2929;border:0;}

@media screen and (min-width: 100px) and (max-width: 600px) {		
#cont{
	background:transparent;
	outline: none;
	z-index:99999;
	height:auto;
	float:left;
	width:100%;
	position:relative;
	}}

@media screen and (min-width: 600px) and (max-width: 5000px) {		
#cont{
	background:transparent;
	outline: solid #2A2929 6px;
	outline-offset:-30px;
	z-index:99999;
	height:auto;
	float:left;
	width:100%;
	position:relative;
	}}
	
@media screen and (min-width: 100px) and (max-width: 1100px) {	
.home{
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:linear-gradient(180deg, #e2eded 65%, #f0d5d8 35%);
	float:left;
	padding-top:140px;
	padding-bottom:100px;
	position:relative;
	z-index:-1;
	
	}}
@media screen and (min-width: 1100px) and (max-width: 5000px) {	
.home{
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:linear-gradient(180deg, #e2eded 65%, #f0d5d8 35%);
	float:left;
	padding-top:220px;
	padding-bottom:260px;
	position:relative;
	z-index:-1;
	
	}}

.home img{
	max-width:80%;
	min-width:15%;
}

@media screen and (min-width: 100px) and (max-width: 1100px) {	
.instalaciones {
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:linear-gradient(180deg, #faf3c8 65%, #f0d5d8 35%);
	float:left;
	padding-top:140px;
	padding-bottom:85px;
	position:relative;
	z-index:-1;
	
	
}}

@media screen and (min-width: 1100px) and (max-width: 5000px) {	
.instalaciones {
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:linear-gradient(180deg, #faf3c8 65%, #f0d5d8 35%);
	float:left;
	padding-top:220px;
	padding-bottom:260px;
	position:relative;
	z-index:-1;
	position:relative;
	
}}

.instalaciones img{
	max-width:80%;
	min-width:15%;
}

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

.anda {position:relative;
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:#e2eded;
	float:left;
	padding-top:100px;
	padding-bottom:100px;
	z-index:-2;
}}
@media screen and (min-width: 1100px) and (max-width: 5000px) {

.anda {position:relative;
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:#e2eded;
	float:left;
	padding-top:120px;
	padding-bottom:120px;
	z-index:-2;
	
}}



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


.instalacionestexto{
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:#faf3c8;
	float:left;
	padding-top:100px;
	padding-bottom:100px;
	z-index:-1;
	position:relative;
	
}}

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


.instalacionestexto{
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:#faf3c8;
	float:left;
	padding-top:120px;
	padding-bottom:120px;
	z-index:-1;
	position:relative;
	
}}

@media screen and (min-width: 100px) and (max-width: 1100px) {
.trabajo{
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:#e1e8df;
	float:left;
	padding-top:100px;
	padding-bottom:100px;
	position:relative;
	z-index:-1;
	
}}

@media screen and (min-width: 1100px) and (max-width: 5000px) {
.trabajo{
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:#e1e8df;
	float:left;
	padding-top:120px;
	padding-bottom:120px;
	position:relative;
	z-index:-1;
	
}}

@media screen and (min-width: 100px) and (max-width: 1000px) {
.foto{
	width:100%;
	height:75vh;
	float:left;
	background:url(../img/nina.jpg) no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position:center;
	text-align:center;
	position:relative;
	z-index:-1;
}}

@media screen and (min-width: 1000px) and (max-width: 5000px) {
.foto{
	width:100%;
	height:75vh;
	float:left;
	background:url(../img/nina.jpg) no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
	text-align:center;
	position:relative;
	z-index:-1;
}}

.manifiesto{
	width:100%;
	height:auto;
	float:left;
	background:#faf3c8;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:20px;
	padding-right:20px;
	position:relative;
	z-index:-1;
}

#bloques{max-width:1500px;margin:0 auto; }
@media screen and (min-width: 100px) and (max-width: 700px) {
.bloque1{display:none;width:100%;float:left;padding-left:25px;padding-right:25px;}
}

@media screen and (min-width: 700px) and (max-width: 1100px) {
.bloque1{display:none;max-width:442px;margin:0 auto;margin-bottom:40px;}
}

@media screen and (min-width: 1100px) and (max-width: 5000px) {
.bloque1{display:none;width:25%;float:left;padding-left:40px;padding-right:40px;}
}
.bloque1 h1
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase ;
padding-bottom:5px;
}

.bloque1 h3
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:14px;
letter-spacing:2px;

}
@media screen and (min-width: 100px) and (max-width: 700px) {
.bloque2{display:none;width:100%;float:left;padding-left:25px;padding-right:25px;}
}
@media screen and (min-width: 700px) and (max-width: 1100px) {
.bloque2{display:none;width:50%;margin:0 auto;}
}

@media screen and (min-width: 1100px) and (max-width: 5000px) {
.bloque2{display:none;width:25%;float:left;padding-left:40px;padding-right:40px;}
}
.bloque2 h1
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
padding-bottom:5px;
}

.bloque2 h3
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:14px;
letter-spacing:2px;

}


@media screen and (min-width: 100px) and (max-width: 700px) {
.bloque3{display:none;width:100%;float:left;padding-left:25px;padding-right:25px;}
}
@media screen and (min-width: 700px) and (max-width: 1100px) {
.bloque3{display:none;width:50%;margin:0 auto;}
}

@media screen and (min-width: 1100px) and (max-width: 5000px) {
.bloque3{display:none;width:25%;float:left;padding-left:40px;padding-right:40px;}
}
.bloque3 h1
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
padding-bottom:5px;
}

.bloque3 h3
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:14px;
letter-spacing:2px;

}

@media screen and (min-width: 100px) and (max-width: 700px) {
.bloque4{display:none;width:100%;float:left;padding-left:25px;padding-right:25px;}
}

@media screen and (min-width: 700px) and (max-width: 1100px) {
.bloque4{display:none;width:50%;margin:0 auto;}
}

@media screen and (min-width: 1100px) and (max-width: 5000px) {
.bloque4{display:none;width:25%;float:left;padding-left:40px;padding-right:40px;}
}
.bloque4 h1
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
padding-bottom:5px;
}

.bloque4 h3
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:14px;
letter-spacing:2px;

}



@media screen and (min-width: 100px) and (max-width: 700px) {	
.bordes{
top:-10px;
left:10px;
color: rgba(0,0,0,0.0); 
height:100%;
width: 100%;
position:absolute;
border:solid #2A2929 4px;
font-size:17px;
letter-spacing:2px;
line-height:25px;
padding-top:50px;
padding-bottom:50px;
padding-left:75px;
padding-right:75px;
z-index:-1;
display:none;
}}

@media screen and (min-width: 501px) and (max-width: 5000px) {	
.bordes{
top:-10px;
left:10px;
color: rgba(0,0,0,0.0); 
height:100%;
width: 100%;
position:absolute;
border:solid #2A2929 4px;
font-size:17px;
letter-spacing:2px;
line-height:25px;
padding-top:50px;
padding-bottom:50px;
padding-left:75px;
padding-right:75px;
z-index:-1;
}}




.descripcion h1
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;

}

.instalaciones-desc h1
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;

}

.instalaciones-desc3 h1
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;

}



.equipo{
	width:100%;
	height:auto;
	float:left;
	background:transparent;
	z-index:-1;
	padding:5%;
	text-align:center;
	position:relative;
}

.equipo a img{margin-bottom:-4px;}

@media screen and (min-width: 100px) and (max-width: 600px) {

.descripcion h1 span {
	outline: solid #2A2929 2px;
	outline-offset:3px;
	padding-left:15px;
	padding-right:15px;
	font-size:15px;
}

.instalaciones-desc h1 span {
	outline: solid #2A2929 2px;
	outline-offset:3px;
	padding-left:15px;
	padding-right:15px;
	font-size:15px;
}

.instalaciones-desc3 h1 span {
	outline: solid #2A2929 2px;
	outline-offset:3px;
	padding-left:15px;
	padding-right:15px;
	font-size:15px;
}

.equipo h1 {
	margin-top:50px;
	margin-bottom:50px;
	
}

.equipo1 h1, .equipo2 h1, .equipo3 h1, .equipo4 h1, .equipo5 h1{
	margin-top:20px;
	margin-bottom:0;
	margin-left:30px;
}



.equipo1 {
	width:100%;
	height:auto;
	background:#e1e8df;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
}

.equipo2 {
	width:100%;
	height:auto;
	background:#f0d5d8;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
}

.equipo3 {
	width:100%;
	height:auto;
	background:#e1e8df;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
}

.equipo4 {
	width:100%;
	height:auto;
	background:#f0d5d8;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
}

.equipo5 {
	width:100%;
	height:auto;
	background:#e1e8df;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
}
}

@media screen and (min-width: 600px) and (max-width: 1300px) {

.descripcion h1 span {
	outline: solid #2A2929 2px;
	outline-offset:3px;
	padding-left:15px;
	padding-right:15px;
	font-size:20px;
}

.instalaciones-desc h1 span {
	outline: solid #2A2929 2px;
	outline-offset:3px;
	padding-left:15px;
	padding-right:15px;
	font-size:20px;
}

.instalaciones-desc3 h1 span {
	outline: solid #2A2929 2px;
	outline-offset:3px;
	padding-left:15px;
	padding-right:15px;
	font-size:20px;
}

.equipo h1 {
	margin-top:50px;
	margin-bottom:50px;
}

.programas h1 {
	
	margin-bottom:50px;
}

.equipo1 h1, .equipo2 h1, .equipo3 h1, .equipo4 h1, .equipo5 h1{
	margin-top:20px;
	margin-bottom:0;
	margin-left:30px;
}

.equipo1 {
	width:46%;
	height:auto;
	background:#e1e8df;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
	margin-left:2%;
	margin-right:2%;
}
.equipo2 {
	width:46%;
	height:auto;
	background:#f0d5d8;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
	margin-left:2%;
	margin-right:2%;
}

.equipo3 {
	width:46%;
	height:auto;
	background:#e1e8df;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
	margin-left:2%;
	margin-right:2%;
}

.equipo4 {
	width:46%;
	height:auto;
	background:#f0d5d8;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
	margin-left:2%;
	margin-right:2%;
}

.equipo5 {
	width:46%;
	height:auto;
	background:#e1e8df;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
	margin-left:2%;
	margin-right:2%;
}
}

@media screen and (min-width: 1300px) and (max-width: 5000px) {

.descripcion h1 span {
	outline: solid #2A2929 2px;
	outline-offset:3px;
	padding-left:15px;
	padding-right:15px;
	font-size:20px;
}

.instalaciones-desc h1 span {
	outline: solid #2A2929 2px;
	outline-offset:3px;
	padding-left:15px;
	padding-right:15px;
	font-size:20px;
}

.instalaciones-desc3 h1 span {
	outline: solid #2A2929 2px;
	outline-offset:3px;
	padding-left:15px;
	padding-right:15px;
	font-size:20px;
}

.equipo h1 {
	margin-top:25px;
	margin-bottom:75px;
}

.programas h1 {
	margin-top:25px;
	margin-bottom:75px;
}

.equipo1 h1, .equipo2 h1, .equipo3 h1, .equipo4 h1, .equipo5 h1{
	margin-top:20px;
	margin-bottom:0;
	margin-left:30px;
}

.equipo1 {
	width:18%;
	height:auto;
	background:#e1e8df;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
	margin-left:1%;
	margin-right:1%;
	opacity:0;
}

.equipo2 {
	width:18%;
	height:auto;
	background:#f0d5d8;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
	margin-left:1%;
	margin-right:1%;
	opacity:0;
}

.equipo3 {
	width:18%;
	height:auto;
	background:#e1e8df;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
	margin-left:1%;
	margin-right:1%;
	opacity:0;
}

.equipo4 {
	width:18%;
	height:auto;
	background:#f0d5d8;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
	margin-left:1%;
	margin-right:1%;
	opacity:0;
}

.equipo5 {
	width:18%;
	height:auto;
	background:#e1e8df;
	text-align:left;
	padding-top:10px;
	margin-top:40px;
	float:left;
	margin-left:1%;
	margin-right:1%;
	opacity:0;
}
}




@media screen and (min-width: 100px) and (max-width: 600px) {
.equipo h1 span
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
text-transform:uppercase;
outline: solid #2A2929 2px;
outline-offset:3px;
letter-spacing:2px;
padding-left:15px;
padding-right:15px;

}}

@media screen and (min-width: 600px) and (max-width: 5000px) {
.equipo h1 span
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
outline: solid #2A2929 2px;
outline-offset:3px;
letter-spacing:2px;
padding-left:15px;
padding-right:15px;

}}

.equipo h2
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
margin-left:24px;
}


.equipo a{text-decoration:none;position:relative;}

.equipo a h1 span 
{
outline: solid #2A2929 2px;
outline-offset:3px;
padding-left:10px;
padding-right:10px;
width:75%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
}

.equipo a:hover h1 span 
{
	
background: #2A2929;
color:#e1e8df;
padding-left:10px;
padding-right:10px;
width:75%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
}

@media screen and (min-width: 100px) and (max-width: 700px) {
.descripcion h2 {
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:14px;
letter-spacing:2px;
line-height:20px;
margin-top:40px;
}

.instalaciones-desc h2 a{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:14px;
letter-spacing:2px;
line-height:20px;
margin-top:40px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
text-decoration:none;
}

.instalaciones-desc h2 a:hover{
font-family: 'league_spartanregular', Arial, sans-serif;
font-size:14px;
color:#3F3E3E;
letter-spacing:2px;
line-height:20px;
margin-top:40px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
text-decoration:none;
}


.instalaciones-desc3 h2 a{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:14px;
letter-spacing:2px;
line-height:20px;
margin-top:40px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
text-decoration:none;
}

.instalaciones-desc3 h2 a:hover{
font-family: 'league_spartanregular', Arial, sans-serif;
font-size:14px;
color:#3F3E3E;
letter-spacing:2px;
line-height:20px;
margin-top:40px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
text-decoration:none;
}
}
@media screen and (min-width: 700px) and (max-width: 5000px) {
.descripcion h2
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
line-height:25px;
margin-top:40px;
}

.instalaciones-desc h2 a{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
line-height:25px;
margin-top:40px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
text-decoration:none;
}

.instalaciones-desc h2 a:hover{
font-family: 'league_spartanregular', Arial, sans-serif;
font-size:17px;
color:#3F3E3E;
letter-spacing:2px;
line-height:25px;
margin-top:40px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
text-decoration:none;
}

.instalaciones-desc3 h2 a{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:17px;
letter-spacing:2px;
line-height:25px;
margin-top:40px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
text-decoration:none;
}

.instalaciones-desc3 h2 a:hover{
font-family: 'league_spartanregular', Arial, sans-serif;
font-size:17px;
color:#3F3E3E;
letter-spacing:2px;
line-height:25px;
margin-top:40px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
text-decoration:none;
}
}

@media screen and (min-width: 100px) and (max-width: 1100px) {
.descripcion{	
position:relative;
background:#ffffff;
padding-top:50px;
padding-bottom:50px;
padding-left:50px;
padding-right:50px;
margin:0 auto;
z-index:1;
max-width:600px;
text-align:center;
}


}

@media screen and (min-width: 1100px) and (max-width: 5000px) {
.descripcion{	
	position:relative;
	background:#ffffff;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:75px;
	padding-right:75px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	max-width:900px;

}


}

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


.servicio{	
	position:relative;
	background:#ffffff;
	padding-top:75px;
	padding-bottom:75px;
	padding-left:50px;
	padding-right:50px;
	margin-left:2%;
	margin-right:2%;
	z-index:1;
	width:29%;
	min-height: 525px;
	text-align:left;
	float:left;
	margin-top:4%;
	opacity:0;
}

.servicio a {
	text-decoration:none;
}

.servicio a h1 span {
	outline: solid #2A2929 2px;
	outline-offset: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 75%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}

.servicio a h1 span:hover {
	outline: solid #2A2929 2px;
	background:#2A2929;
	color:#fff;
	outline-offset: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 75%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}

.servicio h2 {
	font-family: 'league_spartanregular', Arial, sans-serif;
    color: #2A2929;
    font-size: 17px;
    letter-spacing: 2px;
    margin-left: -4px;
}

.servicio img{	
	max-height:41px;
	width:auto;
	margin-left:-11px;
}

.bordeservicio {
	top: -10px;
    left: 10px;
    color: rgba(0,0,0,0.0);
    height: 100%;
    width: 100%;
    position: absolute;
    border: solid #2A2929 4px;
    font-size: 17px;
    letter-spacing: 2px;
    line-height: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 75px;
    padding-right: 75px;
    z-index: -1;
}

}

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


.servicio{	
	position:relative;
	background:#ffffff;
	padding-top:75px;
	padding-bottom:75px;
	padding-left:50px;
	padding-right:50px;
	margin-left:2%;
	margin-right:2%;
	z-index:1;
	width:45%;
	min-height:496px;
	text-align:left;
	float:left;
	margin-top:4%;
	opacity:0;
}

.servicio a {
	text-decoration:none;
}

.servicio a h1 span {
	outline: solid #2A2929 2px;
	outline-offset: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 75%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}

.servicio a h1 span:hover {
	outline: solid #2A2929 2px;
	background:#2A2929;
	color:#fff;
	outline-offset: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 75%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}

.servicio h2 {
	font-family: 'league_spartanregular', Arial, sans-serif;
    color: #2A2929;
    font-size: 17px;
    letter-spacing: 2px;
    margin-left: -4px;
}

.servicio img{	
	max-width:200px;
}

.bordeservicio {
	top: -10px;
    left: 10px;
    color: rgba(0,0,0,0.0);
    height: 100%;
    width: 100%;
    position: absolute;
    border: solid #2A2929 4px;
    font-size: 17px;
    letter-spacing: 2px;
    line-height: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 75px;
    padding-right: 75px;
    z-index: -1;
}

}

@media screen and (min-width: 100px) and (max-width: 750px) {


.servicio{	
	position:relative;
	background:#ffffff;
	padding-top:75px;
	padding-bottom:75px;
	padding-left:50px;
	padding-right:50px;
	margin-left:2%;
	margin-right:2%;
	z-index:1;
	width:96%;
	text-align:left;
	float:left;
	margin-top:10%;
	opacity:0;
}

.servicio a {
	text-decoration:none;
}

.servicio a h1 span {
	outline: solid #2A2929 2px;
	outline-offset: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 75%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}

.servicio a h1 span:hover {
	outline: solid #2A2929 2px;
	background:#2A2929;
	color:#fff;
	outline-offset: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 75%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}

.servicio h2 {
	font-family: 'league_spartanregular', Arial, sans-serif;
    color: #2A2929;
    font-size: 17px;
    letter-spacing: 2px;
    margin-left: -4px;
}

.servicio img{	
	max-width:200px;
}

.bordeservicio {
	display:none;
	top: -10px;
    left: 10px;
    color: rgba(0,0,0,0.0);
    height: 100%;
    width: 100%;
    position: absolute;
    border: solid #2A2929 4px;
    font-size: 17px;
    letter-spacing: 2px;
    line-height: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 75px;
    padding-right: 75px;
    z-index: -1;
}

}

.icon a
{
background:#ffffff;	
padding-left:6px;
padding-right:6px;
color:#2A2929;
font-size:12px;
text-decoration:none;
border:solid #2A2929 2px;
border-radius:50%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
position:relative;
z-index:1;
margin-right:30px;
}

.icon a:hover
{
color:#ffffff;
border:solid #2A2929 2px;
background-color:#2A2929;
cursor:pointer;
}

.iconinst a
{
background:#ffffff;	
padding-left:6px;
padding-right:6px;
color:#2A2929;
font-size:12px;
text-decoration:none;
border:solid #2A2929 2px;
border-radius:50%;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
position:relative;
z-index:1;
}

.iconinst a:hover
{
color:#ffffff;
border:solid #2A2929 2px;
background-color:#2A2929;
cursor:pointer;
}
@media screen and (min-width: 100px) and (max-width: 1100px) {
.home .brush{
font-family:'beyond_the_mountainsregular';
color:#FFFFFF;
font-size:210px;
position:relative;
margin-top:-11%;
display:none;
width:100%;
text-align:center;

}

.instalaciones .brush{
font-family:'beyond_the_mountainsregular';
color:#FFFFFF;
font-size:210px;
position:relative;
margin-top:-11%;
display:none;
width:100%;
}
}

@media screen and (min-width: 1100px) and (max-width: 5000px) {
.home .brush{
font-family:'beyond_the_mountainsregular';
color:#FFFFFF;
font-size:210px;
position:relative;
margin-top:-23%;
display:none;
width:100%;
text-align:center;
text-shadow: 5px 5px 17px rgba(150, 150, 150, 0.54);
}
.instalaciones .brush{
font-family:'beyond_the_mountainsregular';
color:#FFFFFF;
font-size:210px;
position:relative;
margin-top:-23%;
display:none;
width:100%;
text-shadow: 5px 5px 17px rgba(150, 150, 150, 0.54);
}}

@media screen and (min-width: 100px) and (max-width: 700px) {
.home .sub{
font-family:'league_spartanregular';
color:#FFFFFF;
font-size:15px;
position:relative;
letter-spacing:2px;
text-align:left;
margin-left:55%;
display:none;
z-index:2;
margin-top:-3%;
line-height:15px;
}}

@media screen and (min-width: 700px) and (max-width: 5000px) {
.home .sub{
font-family:'league_spartanregular';
color:#FFFFFF;
font-size:21px;
position:relative;
letter-spacing:2px;
text-align:left;
margin-left:52%;
display:none;
z-index:2;
margin-top:-3%;
}}



@media screen and (min-width: 100px) and (max-width: 700px) {
.instalaciones .sub{
font-family:'league_spartanregular';
color:#FFFFFF;
font-size:15px;
position:relative;
letter-spacing:2px;
margin-left:48%;
text-align:left;
margin-top:-3%;
line-height:15px;
display:none;
}}

@media screen and (min-width: 700px) and (max-width: 5000px) {
.instalaciones .sub{
font-family:'league_spartanregular';
color:#FFFFFF;
font-size:21px;
position:relative;
letter-spacing:2px;
margin-left:50%;
text-align:left;
margin-top:-3%;
display:none;
}}



.programas{
	width:100%;
	height:auto;
	float:left;
	background:#e2eded;
	z-index:-9999;
	padding:5%;
	text-align:center;
	padding-bottom:120px;
	position:relative;
	
}


.slider{
	width:100%;
	height:100%;
	float:left;
	background:#ffffff;
	z-index:-9999;
	text-align:center;
	
	position:relative;
	
}
@media screen and (min-width: 100px) and (max-width: 600px) {

.programas h1 span
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
text-transform:uppercase;
outline: solid #2A2929 2px;
outline-offset:3px;
letter-spacing:2px;
padding-left:15px;
padding-right:15px;

}}
@media screen and (min-width: 600px) and (max-width: 5000px) {

.programas h1 span
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
outline: solid #2A2929 2px;
outline-offset:3px;
letter-spacing:2px;
padding-left:15px;
padding-right:15px;

}}

.colaboran{
	width:100%;
	height:auto;
	float:left;
	background:#ffffff;
	z-index:-9999;
	text-align:center;
	position:relative;
	margin:0 auto;
	padding-top:80px;
}

#colaboran-background{
	width:100%;
	float:left;
	background:#ededed;
	z-index:-2;
	text-align:center;
	padding-top:40px;
	position:relative;
	padding-bottom:40px;
	margin-top:80px;
	padding-right:50px;
	padding-left:50px;
}

#colaboran-background img{
	
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}

#colaboran-background a:hover img{
	opacity:0.5;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}
@media screen and (min-width: 100px) and (max-width: 600px) {

.colaboran h1 span
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
text-transform:uppercase;
outline: solid #2A2929 2px;
outline-offset:3px;
letter-spacing:2px;
padding-left:15px;
padding-right:15px;

}}
@media screen and (min-width: 600px) and (max-width: 5000px) {

.colaboran h1 span
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
outline: solid #2A2929 2px;
outline-offset:3px;
letter-spacing:2px;
padding-left:15px;
padding-right:15px;

}}



.participa{
	width:100%;
	height:auto;
	float:left;
	background:#ffffff;
	z-index:-9999;
	text-align:center;
	padding-top:80px;
	position:relative;
	margin:0 auto;
}

#participa-background{
	width:100%;
	float:left;
	background:#e2eded;
	z-index:-9999;
	text-align:center;
	padding-top:40px;
	position:relative;
	padding-bottom:40px;
	margin-top:80px;
	position:relative;
	
}

@media screen and (min-width: 100px) and (max-width: 600px) {

.participa h1 span
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:15px;
letter-spacing:2px;
text-transform:uppercase;
outline: solid #2A2929 2px;
outline-offset:3px;
letter-spacing:2px;
padding-left:15px;
padding-right:15px;

}}

@media screen and (min-width: 600px) and (max-width: 5000px) {

.participa h1 span
{
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase;
outline: solid #2A2929 2px;
outline-offset:3px;
letter-spacing:2px;
padding-left:15px;
padding-right:15px;

}}

#bloquesparticipa{max-width:1500px;margin:0 auto;}
@media screen and (min-width: 100px) and (max-width: 1100px) {
.bloques1{max-width:442px; margin:0 auto;text-align:center;width:80%;}
}
@media screen and (min-width: 1100px) and (max-width: 5000px) {
.bloques1{;width:33.3%;float:left;padding-left:70px;padding-right:70px;}
}
.bloques1 a{text-decoration:none;}
.bloques1 h1 a span 
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase ;
padding-bottom:5px;
padding-top:5px;
text-decoration:none;
background:#f0d5d8;
outline:none;
border:none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}

.bloques1 h1 a:hover span 
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#f0d5d8;
font-size:20px;
letter-spacing:2px;
text-transform:uppercase ;
padding-bottom:5px;
padding-top:5px;
text-decoration:none;
background:#2A2929;
outline:none;
border:none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}

.bloques1 h3
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:12px;
letter-spacing:2px;

}

@media screen and (min-width: 100px) and (max-width: 600px) {
.bloques1 h3 a
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#828282;
font-size:10px;
letter-spacing:2px;
text-decoration:none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}}
@media screen and (min-width: 600px) and (max-width: 5000px) {
.bloques1 h3 a
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#828282;
font-size:12px;
letter-spacing:2px;
text-decoration:none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}}

.bloques1 h3 a:hover
{
text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;

text-decoration:none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}

.footer{
	width:100%;
	float:left;
	background:#E1DEDE;
	z-index:-1;
	text-align:center;
	padding-top:60px;
	position:relative;
	padding-bottom:65px;
	padding-left:5%;
	padding-right:5%;
	text-align:center;
font-family: 'league_spartanregular', Arial, sans-serif;
color:#2A2929;
font-size:12px;
letter-spacing:2px;
margin:auto;
}

.footer a {
	color:#2A2929;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}

.footer a:hover {
	color:#666565;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}

.footer a img{
	margin-left:10px;
	margin-right:10px;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}

.footer a:hover img{
	opacity:0.8;
	
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
}



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

.politica {position:relative;
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:#e2eded;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
	z-index:-2;
}

.politica h1 span{outline:none;
}}
@media screen and (min-width: 1100px) and (max-width: 5000px) {

.politica {position:relative;
	color: #2A2929;
	height:auto;
	text-align: center;
	width: 100%;
	background:#e2eded;
	float:left;
	padding-top:120px;
	padding-bottom:120px;
	z-index:-2;
}}


.come-in {
  -webkit-transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  opacity: 1;
 transform: translateY(250px);
  animation: come-in 1s ease forwards;
}



.already-visible {
  transform: translateY(0px);
  animation: none;
}

@keyframes come-in {
  to { transform: translateY(0); }
}