/* Hoja de estilos para el HOme*/

.mainSliderTitle{
	padding:0px;
	padding-left:40px;
	padding-right:40px;
	background-color: #1B8DCD;
	color:#FFF;
	font-family: 'chalkboard_seregular', arial, helvetica, tahoma;

}

#bigImage{
	padding:0px;

}

.bigImage {
	height:390px;
	padding:0px;
	background-size:     cover;  
	background-position: center;	
}



#thumbnails{
	margin:0px;
	margin-left:0px;
	padding:0px;
	border-left-width: 3px;
	border-left-color: #FFF;
	border-left-style: solid;
	
}

.thumbnailSlider{
	margin:0px;
	padding:0px;
	height:130px;
	overflow: hidden;
	border-top-width: 3px;
	border-top-color: #FFF;
	border-top-style: solid;
	opacity: 0.60;
    filter: alpha(opacity=60); /* For IE8 and earlier */

}



.thumbnailSlider:hover{	
	opacity: 1;
    filter: alpha(opacity=1); /* For IE8 and earlier */
    cursor:pointer;
}

.thumbnailSliderActive{	
	opacity: 1;
    filter: alpha(opacity=1); /* For IE8 and earlier */
    cursor:pointer;
}

.thumbnailSliderFirst{
	border-top: none;	
}

.bigImageCaption{
	padding-top: 260px;
	padding-left: 40px;
}
.mainSliderTitle{
	font-size: 28px;	
}

@media (min-width: 1281px) {
  .bigImage {
		height:600px;		
	}
	.thumbnailSlider{		
		height:200px;		
	}
	.bigImageCaption{
		padding-top: 450px;		
	}
}

/*------- Secion de tricolor*/

.tricolor{
	padding:30px;
	padding-bottom: 0px;
	text-align: center;
	cursor:pointer;
}

.tricolor{
	color:#FFF;

}

.tricolor hr {
    border-color:#FFF;
    border-width: 5px;
    border-radius: 5px;
    width:70%;
}
.tricolor p img{
	width:40%;
}

.tricolor h3{
	text-shadow: 2px 2px #555;
}

#sabiasQue{
	background-color: #F5B43D;
}

#sabiasQue:hover{
	background-color: #E5941D;
}

#nuestrosEventos{
	width:33.333334%!important;
	background-color: #1B8DCD;
}

#nuestrosEventos:hover{	
	background-color: #0B6DAD;
}

#hazteSocio{
	background-color: #7CBB51;
}

#hazteSocio:hover{
	background-color: #5C9B31;
}
.mainSliderCallToAction{
	margin-top:10px;
}

.plusicon{
	width:32px;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
video {
  width: 100% !important;
  height: auto !important;
}