@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');

body,html{
	font-family: 'sansita','montserrat';
	background-color: black;
}

.roboto{
	font-family: 'montserrat';
}

.segunda{

		padding: 30 15; 

	}
.info_tabs{

	margin-top:340px; 

}

.tab-li{

width:16%;

}

.underline{
	text-decoration: underline;
}
.fore-white{
	color:white; 
}

.bold{
	font-weight: bold;
}

.light{
	font-weight: bold;
}


.margin0{
	margin:0px;
}

.img-cont{
position:absolute; 
z-index:200; 
width:80%; 
height:80%; 
margin-left:10%;


}

.text-cont{

position:absolute; 
z-index:201; 
width:70%; 
margin-left:15%; 
margin-top:30px;

}


.sansita{

	font-family: 'sansita'; 

}

.robotocon{

	font-family: 'Roboto Condensed';

}

.text-azul{

	color:#004C99 !important;

}

.titulo{

font-family: 'sansita'; 
font-style: italic;
color:#004C99 !important;
text-transform: none;
font-style: 400;
text-decoration: none;

}

.input-sm{

	border-radius: 15px;
    border: none;
    outline: none;
    box-shadow: 2px 2px 5px #666;
    color: #004C99 !important;
    text-transform: none;

}

.btn-sm{

background: none;
width: 80px;
padding: 2px;
border:none;

}

.btn-sm:hover{

background: none;
border:none;
padding: 5px;

}

form{

margin-bottom: 15px;

}



.text-barrainfo{

	position: absolute;
	z-index: 2; 
	width:100%; 
	color:white;

}

.fondo_info{

position: absolute; 
z-index: 1; 
width:100%;
min-height: 230px;

}

.mayor{

		    font-size: 26px;

	}




@media (min-width:0px) and (max-width:767px) {
	
	#sede {
	font-size: 42px !important;
	margin-bottom: 0px !important;
	line-height: 25px;
	}

#espacio_form {
	padding-top: 30px;
}
.section-primary {
	padding-top: 2%;
}
#inscripciones_abiertas {
	font-size: 40px !important;
}
#periodo {
	font-size: 32px;
}
#fecha {
	font-size: 22px;
}
.cincuenta {
	width: 50%;
	float: left;
}
.cincuenta2 {
	width: 50%;
	float: left;
	clear: left;
	margin-top: 30px;
}
.cincuenta3 {
	width: 50%;
	float: right;
	clear: right;
	margin-top: 30px;
}
#hectareas {
	font-size: 20px !important;
	line-height: 20px !important;
}
#quinientos{
	font-size:40px !important;
	
	}
#setenta{
	font-size:40px !important;
	
	}
#movilidades {
	margin-top:2px;
	
}

#alianzas{
	margin:0px;
	
	}
.mitad_izq {
	width: 100% !important;
}
.mitad_der {
	width: 100% !important;
	padding-right: 15px !important;
	padding-left: 15px;
}

.fondo_info{

position: absolute; 
z-index: 1; 
width:100%;
height: 400px;

}

.info_tabs{

	margin-top:400px; 

}


.text-barrainfo h1{

	
	font-size: 24px;
}


.segunda{

		padding: 5 40; 

	}

	.tab-li{

width:25%;

}



.img-cont{
		position:absolute; 
		z-index:200; 
		width:95%; 
		height:95%; 
		margin-left:2.5%;


		}

		.text-cont{

		position:absolute; 
		z-index:201; 
		width:80%; 
		margin-left:10%; 
		margin-top:20px;
		font-size: 0.9em;

		}


}

@media (min-width:768px) and (max-width:991px) {

#espacio_form {
	padding-top: 30px;
}
.section-primary {
	padding-top: 2%;
}
#inscripciones_abiertas {
	font-size: 42px !important;
}
#periodo {
	font-size: 32px;
}
#fecha {
	font-size: 22px;
}
.cincuenta {
	width: 50%;
	float: left;
}
.cincuenta2 {
	width: 50%;
	float: left;
	clear: left;
	margin-top: 30px;
}
.cincuenta3 {
	width: 50%;
	float: right;
	clear: right;
	margin-top: 30px;
}
#hectareas {
	font-size: 20px !important;
	line-height: 20px !important;
}
#quinientos{
	font-size:40px !important;
	
	}
#setenta{
	font-size:40px !important;
	
	}
#movilidades {
	margin-top:2px;
	
}

#alianzas{
	margin:0px;
	
	}

			.fondo_info{

		position: absolute; 
		z-index: 1; 
		width:100%;
		height: 350px;

		}

	.segunda{

		padding: 30 50; 

	}

	.tab-li{

width:25%;

}




}


/*POP*/
.dark{
	width:100%;
	background:rgba(0,0,0,0.5); 
	position:absolute;
	left:0;
	top:0; 
	z-index:9000; 
	display:none;
	opacity:0; 

	}

.popup{
	width: 70%;
	background: #FFF;
	position: absolute;
	left: 15%;
	top: 30%;
	height: auto;
	z-index: 9001;
	display: none;
	opacity: 0;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-color: #999999;
	border-radius: 8px;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	overflow-x: hidden;
	text-align: justify;
	border-width: 5px;
	overflow-y: hidden;
	}
	
.popup h2{
	color:rgba(0,0,51,1) !important;
	
	}
.popup h3{
	color:rgba(0,0,51,1) !important;
	
	}

	
.boton{
	width: 10%;
	left: 81%;
	top: 30%;
	cursor: pointer;
	background-size: contain;
	background-position: right center;
	z-index: 9001;
	display: none;
	opacity: 0;
	padding-bottom: 10px;
	background-image: url(../img/close.png);
	background-repeat: no-repeat;
	float: right;
}

@media (min-width:1363px){

		.fondo_info {
		    min-height: 160px;
		    height: 200px !important;
		}

		.info_tabs {
    		margin-top: 230px;
				}
}

/* FIN POP*/


/* GLOBALES*/

.fondo_imagen {
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.franja_ppal {
	padding-top: 50px;
	padding-bottom: 20px;
}
.franja_ppal h1, h2, h3, h4 {
	color: #FFFFFF !important;
}
#barra_azul {
	background-image: url(../img/fondo_azul.png);
	background-repeat: repeat;
	text-shadow: -3px 2px 2px rgba(0, 0, 0, 1);
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
}
#barra_blanca h3 {
	color: #002455 !important;
	font-size: x-large;
}
#lineas_azules {
	border-top: 10px solid #002455;
	margin-top: 5px;
	margin-bottom: 5px;
}
#barra_blanca img {
	width: 80%;
}
.margen0 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.cuadro_izq {
	width: 20%;
	float: left;
	font-size: 50px;
	font-weight: 700;
}
.cuadro_der {
	float: right;
}
.cosita {
	top: 0px;
	bottom: 0px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: absolute;
}
#sede {
	font-size: 60px;
}
#inscripciones_abiertas {
	font-size: 60px;
	margin: 0px;
	line-height: 40px;
	font-weight: 700 !important;
}
#periodo {
	font-size: 40px;
	margin: 0px;
}
#treinta {
	font-size: 50px !important;
	margin: 0px;
	line-height: 40px;
	font-weight: 700 !important;
}
#nueve {
	font-size: 65px !important;
	margin: 8px;
	line-height: 40px;
	font-weight: 700 !important;
	text-align: right;
}
#hectareas {
	line-height: 25px;
	margin-top: 5px;
}
#quinientos {
	font-size: 63px !important;
	margin: 8px;
	line-height: 40px;
	font-weight: 700 !important;
	text-align: right;
}

#setenta{
font-size:65px !important; margin:8px; line-height: 40px; font-weight: 700 !important; text-align:right;
	}
#movilidades {
	font-size:15px !important; margin:8px; line-height: 15px;
}
#alianzas {
	font-size:15px !important; margin:8px; line-height: 15px;
}
.mitad_izq {
	width: 50%;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.mitad_der {
	width: 50%;
	float: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
}
.blanco {
	background-color: #FFFFFF;
	margin: 1%;
}
.blanco h2{
	color: #17498A !important;
	text-shadow: -2px 2px 2px rgba(150, 150, 150, 1);

	}
.section-primary h4 {
	text-transform: none;
}
#barra_blanca {
	background-image: url(../img/fondo_blanca.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}
#barra_blanca h4 {
	background-color: #00468D;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.section-primary {
    background-color: #002455 !important;
    color: #ffffff;
    text-transform: uppercase;
    padding-top: 1%;
}

::-webkit-input-placeholder { color: #002455 !important; } /* WebKit */
:-moz-placeholder { color: #002455 !important; } /* Firefox 18- */
::-moz-placeholder { color: #002455 !important; } /* Firefox 19+ */
:-ms-input-placeholder { color: #002455 !important; } /* IE 10+ */


.nav-tabs > li > a{

padding: 20 0;


}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	background-color: orange;
	border: none;
	color:white;
}

.tab-li a:hover {
    border-color: transparent !important;
}

.tab-li a:focus {
    text-decoration: none !important;
    background-color: transparent !important;
}
.localidad{
padding-top: 3px;
border-top:1px solid white;
font-size: 10px;

}

.fore-black{
	color:black !important;
}

.mano{
	cursor:pointer; 
}

#grafico{
	margin-bottom: 50px;
}

.light{
	font-weight: 200;
}

.margin-t-30{margin-top: 30px;}


.full-height{
	height:100%;
}

.cuadrosMenu h2 {
    margin: 0;
    padding: 0;
}
.cuadrosMenu {
    height: 130;
    display: flex;
    align-items: center;
	justify-content: center;
	cursor:pointer;
	color: #fff;
    background-color: #01468c;
}

.cuadrosMenu:hover {
	background-color: #fff;
	border:1px solid #01468c;
}

.cuadrosMenu:hover h2 {
	color: #01468c !important;
}

.fore-orange{
	color:#de721c !important;
}

.jumbotron{
	background-color: #c3dbdc;
}

.cuadrosMenu2{
	width: 96%;
	margin-left: 2%;
	height: 130;
	margin-bottom:1%;
    display: flex;
    align-items: center;
	justify-content: center;
	cursor:pointer;
	color: #fff;
	background-color: #01468c;
	padding:5px;
}

.cuadrosMenu2:hover {
	background-color: #fff;
	border:1px solid #01468c;
}

.cuadrosMenu2:hover h4 {
	color: #01468c !important;
}