body {
	font-size: 13px;
	font-family: 'Arimo', sans-serif;
	margin:0;
	background: url(img/back.jpg) no-repeat;
	background-attachment:fixed;
	background-size:cover;}

.content {width: 80%; margin-left: 10%; padding: 10px 30px;}
.clearfix {clear:both;}

h1 {
	font-size: 26px; 
	color: #444; 
	margin: 10px auto; 
	padding: 10px 0; 
	border-bottom: 2px solid #8ACF6F;}

h3, h3 a {
	page-break-after:avoid;
	font-size: 1.1em;
	line-height: 1em;
	font-weight:normal;	
	color: #0085DE;
	text-decoration: none;
	margin: 10px 0 0;
	min-height: 65px;
	font-weight:bold;
	text-shadow: 0 0 8px #fff;
	text-shadow: none !important;}

h3 a:hover, a:hover {color: #FFFFFF;}
a {color: #0085DE;}

h1.tit-seccion {font-size: 48px; }

.noticia:hover h3 a {color: #FFFFFF;}
.noticia:hover img.img-not {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;}

.titulo-not {border-bottom: 1px solid #FF0000; padding: 0 10px;}
.dat-not {font-size: 1.1em; margin: 2px 0; position:relative; padding: 0 10px;}
.img-cs {width: 50%; margin-top: 20px;}

.video-yt iframe#video {min-height: 80vh;}

.noticont h1.tit-sec {
	text-align: center; 
	padding: 20px 0; 
	font-size: 36px;
	text-transform: uppercase;
	text-shadow: 0 0 8px #333; 
	border-top: 2px solid #0085DE; 
	color:#FFFFFF;
	font-family: 'BenchNine', sans-serif;
	
	background: #8acf6f; /* Old browsers */
	background: -moz-linear-gradient(top,  #8acf6f 0%, #0085de 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #8acf6f 0%,#0085de 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #8acf6f 0%,#0085de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8acf6f', endColorstr='#0085de',GradientType=0 ); /* IE6-9 */
		}

.noticia {
	width: 20%; 
	float:left; 
	padding: 0;
	padding-bottom: 5px;
	margin: 1px;	
	border-radius: 2px;
	
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;}
	
.noticia.uno {width: 99.9%; float:left;}	
.noticia.dos {width: 48.8%; float:left; min-height: 380px; margin: .5%;}
.noticia.dos:nth-child(1) {margin-left: 0 !important;}

.noticia:hover {
	background: #0085DE;
	color: #FEFEFE;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;}

.noticia.uno h3, .noticia.uno h3 a {font-size: 1.5em;}
.noticia.dos h3, .noticia.dos h3 a {font-size: 1.4em;}

.img-not-wrapp {border-radius: 0px;}

.img-not-wrapp {
	display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 50% 0 0 0;
    overflow: hidden;}
	
img.img-not {
	min-width: 100%;
	min-height: 100%;
    height: auto;
    position: absolute;
    top: -9950px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;}
	
.footer {padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #8ACF6F; color: #FFF;}

ul.menu {
	list-style: none; 
	text-transform: uppercase; 
	border-top: 1px solid rgba(255,204,0,.55); 
	padding-top:25px; 
	padding-left:0;
	text-align: right;
	margin-top:25px;
	width: 50%;
	margin-left:25%;
	color: #FFF;}
	
ul.menu li{display: inline-block;}
ul.menu li:before{content: '>'; padding: 10px;}
ul.menu a, .footer a {text-decoration:none; color: #FF0;}
ul.menu a:hover,.footer a:hover {
	color: #FFF;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;}

a.link-clas {color:#0085DE; font-size:20px; text-transform: uppercase; font-family: 'BenchNine', sans-serif;}
a.link-clas:hover {color:#FC0;}
	

/*----------------------------*/
/*----------------------------*/
/*----------------------------*/
/*----------------------------*/
/*----------------------------*/

.ver_francotrinadores {
	padding: 10px 20px; 
	background: transparent; 
	border: 1px solid #CCCCCC;
	width: auto;
	display: inline-block;
	margin-top: 20px;}

.ver_francotrinadores:hover {background: #0085DE; border: 1px solid #CCCCCC;}		
.ver_francotrinadores a {color: #FFF; text-transform: uppercase; text-decoration: none;}

h2.proyec-title {
	font-size:40px;
	margin-top:30px;
	margin-bottom: 0px; 
	font-family: 'BenchNine', sans-serif; 
	text-align:center;}

h4.sub-title {
	font-size: 30px;
	font-family: 'BenchNine', sans-serif;
	text-align: center; 
	margin:0 0 40px;
	border-bottom: 1px #EEE solid;
	padding-bottom:30px;}	

.content.encabezado {min-height: 100vh; padding-top:8%;}

.content.sobre, 
.content.noticias-wrap {background: #FFF;}

.content.encabezado,
.content.noticias-wrap {padding-bottom: 30px;}

.content.sobre {border-radius: 7px 7px 0 0;}
.content.noticias-wrap {border-radius: 0 0 7px 7px;}
.imagen-enc {text-align: center;}
img.img-intro {max-width: 100%; margin: 20px auto; border-radius: 10px;}

.mas-espacio {padding-bottom: 15px; border-bottom: 1px #EEE solid;}

.sobre {}
.sobre li {
	font-size: 20px; 
	list-style: square; 
	color: #444;
	margin-bottom: 20px;}
	
.sobre li ul{margin-top: 20px;}	

.dat-not:after {
	display: block; 
	content: ''; 
	position: absolute; 
	width: 20px; 
	height: 15px; 
	right: 10px; 
	bottom: 4px;
	text-align:center;
	font-size: 12px;
	color: #FFF; 
	background-color:#444;}

.u1 .dat-not:after {content: 'U1'; background-color:#FF0000;}
.u2 .dat-not:after {content: 'U2'; background-color:#009933;}
.u3 .dat-not:after {content: 'U3'; background-color:#BFBF28;}
.u4 .dat-not:after {content: 'U4'; background-color:#808080;}
.u5 .dat-not:after {content: 'U5'; background-color:#009BC2;}
.u6 .dat-not:after {content: 'U6'; background-color:#FF6600;}
.u7 .dat-not:after {content: 'U7'; background-color:#910091;}

.u1 .titulo-not {border-bottom: 1px solid #FF0000;}
.u2 .titulo-not {border-bottom: 1px solid #009933;}
.u3 .titulo-not {border-bottom: 1px solid #BFBF28;}
.u4 .titulo-not {border-bottom: 1px solid #808080;}
.u5 .titulo-not {border-bottom: 1px solid #009BC2;}
.u6 .titulo-not {border-bottom: 1px solid #FF6600;}
.u7 .titulo-not {border-bottom: 1px solid #910091;}

.banner_francotrinadores {
	max-width: 100%; 
	margin: 30px 0 30px 10%;
	text-align: center;
	max-width: 100%;
}

@media only screen and (max-device-width: 780px) {
	.content, .img-cs, ul.menu  {width: 90%; margin-left: 2%;}
	.noticont h1.tit-sec {font-size: 56px;}
	.sobre li {font-size:12px;}
	.content.encabezado {padding-top:50%;}
	.video-yt iframe#video {min-height: 50vh;}

	ul.menu {margin-top:100px; margin-left: 0; width: 100%; }
	ul.menu li {display: block; width: 95%; font-size:24px;}	

	.ver_francotrinadores {margin-top: 100px; float: right; padding: 20px;}
	.ver_francotrinadores a {font-size: 36px;}
	.banner_francotrinadores,
	.banner_francotrinadores img {width: 100%; margin-left: 0;}	
	
}


@media only screen and (max-device-width: 480px) {
	.noticia {width: 95.4%;}	
	.noticia.uno {width: 95.4%;}	
	.noticia.dos {width: 95.4%; min-height: 0;}
	.mas-espacio, a.link-clas {font-size: 14px;}

	
	body {font-size: 20px;}
	
	.togglemenu ul.menu {position: fixed; top: 0; right:0;margin-top: 0; display:none;}
	.togglemenu ul.menu li:nth-child(1) {display:none;}
	.togglemenu ul.menu li {
		/*display: inline-block; width: auto;*/ 
		font-size:28px; 
		text-align:left;
		padding-left:5%; 
	}
	.imagen-enc.togglemenu:before {
		content: '';
		display: block;
		width: 130px;
		height: 130px;
		position: fixed;
		right: 0;
		top:0;
		background: #333;
	}
	
	.video-yt iframe#video {min-height: 35vh;}

	.ver_francotrinadores a {font-size: 40px;}	
	
}



/* ------------------------------- */
/* ------------------------------- */
/* Pie / Compartir Redes Secciones */
/* ------------------------------- */
/* ------------------------------- */

.redes_pie_seccion {margin-top: 30px; text-align: center;}
.redes_pie_seccion a {
	width: 40px; 
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	}

.redes_pie_seccion a.fbook {background: #8cd06d url(../images/fb_w.png) no-repeat center; background-size: 20%;}
.redes_pie_seccion a.fbook:hover {background: /*--*/ #0085DE url(../images/fb_w.png) no-repeat center; background-size: 20%;}

.redes_pie_seccion a.twitt {background: #8cd06d url(../images/tw_w.png) no-repeat center; background-size: 40%;}
.redes_pie_seccion a.twitt:hover {background: /*--*/ #0085DE url(../images/tw_w.png) no-repeat center; background-size: 40%;}

.redes_compar {text-align:right; margin: 0px auto; width: 50%;}
.redes-fb {display: inline-block; width: auto;}
.redes-tw {display: inline-block; padding-top: 1.6px; margin-left:0px; width: auto;}


/* ------------------------------- */
/* ------------------------------- */