/*---SLIDER INDEX---*/

#slider_in{
	height:600px;
	float:left;
	width:100%;
}
	#slider_in .owl-carousel{
		z-index:-4;
	}
.sl_index{
	height:600px;
	width:100%;
	float:left;
}
	#sl_in1{
		background-image:url("imagenes/slider_in1.jpg");
		background-position:center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#sl_in2{
		background-image:url("imagenes/slider_in2.jpg");
		background-position:center center;
		background-size: cover;
		background-repeat: no-repeat;
	}	
	#sl_in3{
		background-image:url("imagenes/slider_in3.jpg");
		background-position:center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#sl_in4{
		background-image:url("imagenes/slider_in4.jpg");
		background-position:center center;
		background-size: cover;
		background-repeat: no-repeat;
	}	
	#sl_in5{
		background-image:url("imagenes/slider_in5.jpg");
		background-position:center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#sl_in6{
		background-image:url("imagenes/slider_in6.jpg");
		background-position:center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#sl_in7{
		background-image:url("imagenes/slider_in7.jpg");
		background-position:center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#sl_in8{
		background-image:url("imagenes/slider_in8.jpg");
		background-position:center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#sl_in9{
		background-image:url("imagenes/slider_in9.jpg");
		background-position:center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

/*--- SLIDER BLOG NOTICIAS---*/

#slider_blog{
	width:100%;
	height:450px;
	float:left;
	margin-top:60px;
}
	#tit_blog{
		width:100%;
		height:38px;
		color:#28324B;
		border-bottom:5px solid #9EC337;
		float:left;
	}
		#tit_blog h3{
			color:#28324B;		
			font-size:24px;
			float:left;
			margin:0;
		}
		#tit_blog i{
			padding-left:30px;
		}

/*--- DIV INFORMACION GRUPOS ---*/

#info_grupos{
	width:100%;
	height:400px;
	float:left;
	margin-top:120px;
}
	#info_grupos .pagina{
		position:relative;
	}
	#tit_info{
		width:100%;
		height:38px;
		color:#28324B;
		border-bottom:5px solid #9EC337;
		float:left;
	}
		#tit_info h3{
			color:#28324B;		
			font-size:24px;
			float:left;
			margin:0;
		}
		#tit_info i{
			padding-left:30px;
		}
	.cont_grupos{
		width:100%;
		float:left;
		margin-left:-150%;
		margin-top:38px;
		position:absolute;
		-webkit-transition: all 1.4s ease-in-out;
		-moz-transition: all 1.4s ease-in-out;
		-o-transition: all 1.4s ease-in-out;
		transition: all 1.4s ease-in-out;
	}
	.cont_info{
		width:32%;
		float:left;
		height:280px;
		margin-top:60px;
		overflow:hidden;
		background-color:rgba(200,202,196,0.60);
		border: 2px solid #9EC337;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
	}
		.cont_info:nth-of-type(2){
			margin-left:2%;
			margin-right:2%;
		}
		.info_dentro{
			margin-left:0px;
		}
		.cont_info a{
			text-decoration:none;
			display:block;
		}
		#cont_agua1{
			width:100%;
		}
		#cont_agua1:after{
			content:"\f017";
			font-family:FontAwesome;
			font-style:normal;
			font-weight:normal;
			font-size:260px;
			display:block;
			transform:rotate(330deg);
			color:rgba(226,22,22,0.15);
			position: relative;
			top: -80px;
			left: 102px;
		}
			#cont_agua1:hover{
				background-color: rgba(158,195,55,0.5);
				color:white;
			}
			#cont_agua1 h4{
				font-size:48px;
				color:#28324B;
				margin:0;
				padding-top:65px;
				padding-left:59px;
			}
		#cont_agua2{
			width:100%;
		}
		#cont_agua2:after{
			content:"\f08b";
			font-family:FontAwesome;
			font-style:normal;
			font-weight:normal;
			font-size:260px;
			display:block;
			transform:rotate(270deg);
			color:rgba(226,22,22,0.15);
			position: relative;
			top: -98px;
			left: 63px;
		}
			#cont_agua2:hover{
				background-color: rgba(158,195,55,0.5);
				color:white;
			}
			#cont_agua2 h4{
				font-size:44px;
				color:#28324B;
				margin:0;
				padding-top:65px;
				padding-left:15px;
			}
		#cont_agua3{
			width:100%;
		}
		#cont_agua3:after{
			content:"\f11e";
			font-family:FontAwesome;
			font-style:normal;
			font-weight:normal;
			font-size:260px;
			display:block;
			transform:rotate(332deg);
			color:rgba(226,22,22,0.15);
			position: relative;
			top: -42px;
			left: 95px;
		}
			#cont_agua3:hover{
				background-color: rgba(158,195,55,0.5);
				color:white;
			}
			#cont_agua3 h4{
				font-size:48px;
				color:#28324B;
				margin:0;
				padding-top:65px;
				padding-left:34px;
			}
/*--DIV ACTIVIDADES--*/
#info_actividad{
	width:100%;
	height:550px;
	float:left;
	margin-top:60px;
	margin-bottom:30px;
}
	#tit_act{
		width:100%;
		float:left;
		height:38px;
		color:#28324B;
		border-bottom:5px solid #9EC337;
		float:left;
	}
		#tit_act h3{
			color:#28324B;		
			font-size:24px;
			margin:0;
		}
		#tit_act i{
			padding-left:30px;
		}
	.scrollbar-inner{
		width:100%;
		float:left;
		height:280px;
	}
	#cont_actividad{
		width:100%;
		float:left;
	}
	.cont_act{
		width:30%;
		float:left;
		height:420px;
		margin-top:60px;
		margin-left:2.5%;
		overflow:hidden;
		border: 2px solid #9EC337;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;	
	}
	.tit_actividades{
		width:100%;
		height:70px;
		line-height:50px;
		float:right;	
		background: rgba(40,50,75,1);
		background: -moz-linear-gradient(left, rgba(40,50,75,1) 0%, rgba(40,50,75,1) 25%, rgba(158,195,55,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(40,50,75,1)), color-stop(25%, rgba(40,50,75,1)), color-stop(100%, rgba(158,195,55,1)));
		background: -webkit-linear-gradient(left, rgba(40,50,75,1) 0%, rgba(40,50,75,1) 25%, rgba(158,195,55,1) 100%);
		background: -o-linear-gradient(left, rgba(40,50,75,1) 0%, rgba(40,50,75,1) 25%, rgba(158,195,55,1) 100%);
		background: -ms-linear-gradient(left, rgba(40,50,75,1) 0%, rgba(40,50,75,1) 25%, rgba(158,195,55,1) 100%);
		background: linear-gradient(to right, rgba(40,50,75,1) 0%, rgba(40,50,75,1) 25%, rgba(158,195,55,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28324b', endColorstr='#9ec337', GradientType=1 );
		margin-bottom:20px;
	}
	.tit_actividades h4{
		font-size:20px;
		margin-left:50px;
		margin-top:10px;
		margin-bottom:10px;
		color:#FFF;
	}
	.contenedor_cal{
		width:100%;
		float:left;
		height:70px;
		border-bottom:2px solid #28324B;
	}
	.cal_fecha{
		width:20%;
		float:left;
	}
		.cal_dia{
			width:100%;
			float:left;
			height:35px;
		}
			.cal_dia h4{
				font-size:25px;
				line-height:35px;
				text-align:center;
				margin:0;
				color:#9EC337;
			}
		.cal_mes{
			width:100%;
			float:left;
			height:35px;
		}
			.cal_mes h4{
				font-size:25px;
				line-height:35px;
				text-align:center;
				margin:0;
				color:#28324B;
			}
	.cal_comp{
		width:80%;
		float:left;
	}
		.cal_compet{
			width:100%;
			height:45px;
			float:left;
			border-bottom:1px solid #28324B;
			padding-left:10px;
			padding-top:5px;
		}
			.cal_compet h4{
				font-size:90%;
				margin:0;
				
			}
			.cal_compet a{
				text-decoration:none;
				color:#28324B;
			}
				.cal_compet a:hover{
					color:#E69411;
				}
		.cal_lugar{
			width:80%;
			float:left;
			height:25px;
			padding-left:20px;
			padding-top:4px;
		}
			.cal_lugar h4{
				font-size:80%;
				margin:0;
				color:#9EC337;
			}
		.cal_tipo{
			width:20%;
			float:left;
			height:25px;
			padding-left:10px;
			padding-top:4px;
			border-left:1px solid #28324B;
		}
			.cal_tipo h4{
				font-size:90%;
				margin:0;
				color:#28324B;
			}
#actividades_index{
	width:90%;
	float:left;
	height:280px;
	margin-left:5%;
}
.act_index{
	height:280px;
	width:100%;
	float:left;
}
	#esc_ver{
		background-image:url("doc_actividad/cartel_XI_esc_ver.jpg");
		background-size:contain;
		background-repeat:no-repeat;
		background-position: center center;
	}
	#en_negro{
		background-image:url("doc_actividad/EN_NEGRO_VERT.jpg");
		background-size:contain;
		background-repeat:no-repeat;
		background-position: center center;
	}

/*--MENU MOVIL--*/	

@media screen and (max-width:400px){

/*--SLIDER INDEX MOVIL--*/

#slider_in{
	height:280px;
	float:left;
	width:100%;
}
	#slider_in .owl-carousel{
		z-index:-4;
	}
.sl_index{
	height:280px;
	width:100%;
	float:left;
}
	#sl_in1{
		background-image:url("imagenes/slider_inmov1.jpg");
		background-position:center center;
		background-size:100% 100%;
	}
	#sl_in2{
		background-image:url("imagenes/slider_inmov2.jpg");
		background-position:center center;
		background-size:100% 100%;
	}	
	#sl_in3{
		background-image:url("imagenes/slider_inmov3.jpg");
		background-position:center center;
		background-size:100% 100%;
	}
	#sl_in4{
		background-image:url("imagenes/slider_inmov4.jpg");
		background-position:center center;
		background-size:100% 100%;
	}	
	#sl_in5{
		background-image:url("imagenes/slider_inmov5.jpg");
		background-position:center center;
		background-size:100% 100%;
	}
	#sl_in6{
		background-image:url("imagenes/slider_inmov6.jpg");
		background-position:center center;
		background-size:100% 100%;
	}
	#sl_in7{
		background-image:url("imagenes/slider_inmov7.jpg");
		background-position:center center;
		background-size:100% 100%;
	}
	#sl_in8{
		background-image:url("imagenes/slider_inmov8.jpg");
		background-position:center center;
		background-size:100% 100%;
	}
	#sl_in9{
		background-image:url("imagenes/slider_inmov9.jpg");
		background-position:center center;
		background-size:100% 100%;
	}

/*--- SLIDER BLOG NOTICIAS MOVIL---*/

#slider_blog{
	margin-top:20px;
	height:auto;
}
	#tit_blog{
		width:100%;
		color:#28324B;
		border-bottom:5px solid #9EC337;
		float:left;
	}
		#tit_blog h3{
			color:#28324B;		
			font-size:20px;
			float:left;
			margin:0;
			padding-left:15px;
		}
		#tit_blog i{
			padding-left:80px;
		}

/*--- DIV INFORMACION GRUPOS MOVIL---*/

#info_grupos{
	margin-top:30px;
	height:565px;
}
	#tit_info{
		width:100%;
		color:#28324B;
		border-bottom:5px solid #9EC337;
		float:left;
	}
		#tit_info h3{
			color:#28324B;		
			font-size:20px;
			float:left;
			margin:0;
			padding-left:15px;
		}
		#tit_info i{
			padding-left:15px;
		}
	.cont_grupos{
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.cont_info{
		width:80%;
		margin:0 10%;
		height:140px;
		margin-top:30px;
	}
		.cont_info:nth-of-type(2){
			margin:0 10%;
			margin-top:30px;
		}
		.info_dentro{
			margin-left:0px;
		}

#cont_agua1 h4{
	font-size: 40px;
	color: #28324B;
	margin: 0;
	text-align: center;
	line-height: 140px;
    padding-top: 0px;
    padding-left: 0px;
}

	#cont_agua1::after {
		font-size:180px;
		top: -140px;
		left: 120px;
	}
#cont_agua2 h4{
	font-size: 36px;
	color: #28324B;
	margin: 0;
	text-align: center;
	line-height: 140px;
    padding-top: 0px;
    padding-left: 0px;
}

	#cont_agua2::after {
		font-size:160px;
		top: -180px;
		left: 70px;
	}
#cont_agua3 h4{
	font-size: 40px;
	color: #28324B;
	margin: 0;
	text-align: center;
	line-height: 140px;
    padding-top: 0px;
    padding-left: 0px;
}

	#cont_agua3::after {
		font-size:150px;
		top: -125px;
		left: 130px;
	}

/*--DIV ACTIVIDADES MOVIL--*/

#info_actividad{
	margin-top:20px;
	height:auto;
	margin-bottom:30px;
}
	#tit_act{
		width:100%;
		color:#28324B;
		border-bottom:5px solid #9EC337;
		float:left;
	}
		#tit_act h3{
			color:#28324B;		
			font-size:20px;
			float:left;
			margin:0;
			padding-left:20px;
		}
		#tit_act i{
			padding-left:70px;
		}
.tit_actividades h4{
	margin-left:35px;
}

.cont_act{
	width:80%;
	margin-top:30px;
	margin-left:10%;
}
	
}px