@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.logo
{
	height: 90px;
	min-height: 70px;
	max-height: 80px;
	text-align: center;
}

.margins
{
	margin-top: 20px;
	margin-bottom:20px;
}

body
{
	margin: auto 0;
	
}


.containerBG
{	
	background-color: #000;
	background-image: url('../images/tilesbackground.jpg');
  	background-repeat: repeat;

}

.tikal
{
	width: auto; 
	height: 100%;
}

.separator
{
	height: 2px;
	background: #DDD;
	height: auto;

}



.mainTittle
{
	color: #02558b;
	font-family: 'Open Sans',serif;
	font-weight: bold;
	padding-top: 25px;
	text-align: center;
	font-size: 35px;
}

.mainSubtittle
{
	color: #02558b;
	font-family: 'Open Sans',serif;
	padding-top: -40px;
	font-size: 20px;
}

.buttonTransition
{
	-webkit-transition: opacity 0.1s; 
  	transition: opacity 0.5s;
	-webkit-transition: width 0.1s; 
  	transition: width 0.5s;
}

.buttonTransition:hover
{
	opacity: 0.8;
	width: 105%;
}


.mainTittleSeparator
{
	
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 40px;
}

.tituloVideo
{
	color: #02558b;
	font-family: 'Open Sans',serif;
	font-weight: bold;
	padding-top: 20px;
	font-size: 25px;
}

.textoIntroductorio
{
	color: #666;
	font-family: 'Open Sans',serif;
	//font-weight: bold;
	font-size: 20px;
	padding-bottom: 20px;
	//max-width: 1080px;
	text-align: justify;
}

.videoContainer
{
	padding: 0px 5%;
}

.gallery
{
	background-color: #000;
	//background-image: url('../images/tilesbackground.jpg');
  	background-repeat: repeat;
}

.dataContainer
{
	padding: 0px 5%;
}


.ficha
{
	padding-top: 10px;
	text-align: left;
	vertical-align: bottom;
	color: #333;
	font-family: 'Open Sans',serif;
	font-weight: bold;
	font-size: 20px;
}

.fichaData
{
	padding-top: 10px;
	text-align: left;
	vertical-align: bottom;
	color: #333;
	font-family: 'Open Sans',serif;
	font-weight: normal;
	font-size: 18px;
	text-align: justify;
}

.fichaTittle
{
	width: 200px;
}

.ficha_bg
{
	background-color: #f6f6f6;
	
}

.btn_school
{
	width: 100%;
	padding: 6% 6%;
}

.btn_schoolcontainer
{
	border-radius: 25px;
  	border: 5px solid #999;
  	margin: 20px 20px
  	padding: 20px 20px;
}

.footerStyle
{
	padding-top: 20px;
	padding-bottom: 0px;
	background: #f6f6f6;
	text-align: center;
}
.centerFooter
{
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}


.imgFooter
{
	width: 100%; 
	height: auto; 

}

.btn
{
	font-family: 'Open Sans',serif;
	height: 50px;
	width: 200px;
	font-size: 20px;
	border: 0px;
	background-color: #02558b;
}