@charset "utf-8";
*{
    box-sizing: border-box;
    margin: 0; padding: 0;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300&subset=latin,latin-ext);

a{color: #ED1458;
    text-decoration: none;}
/*header ENVIANOS TU PROYECTO*/

.div_barras_envianos_tu_proyecto{
    width: 100%;
    background-color: #cc66ff;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.div_barras_envianos_tu_proyecto h5{
    padding:1.6em 0; 
    font-weight:800; 
    font-size: 1em;
}
#div_envianos{
     width: 100%;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin: 2em auto;
}


/*MAQUETADO JUAN PROGRAMAS ESPECIALES*/
/*header PROGRAMAS ESPECIALES*/
.div_barras_secciones_especiales{
    width: 100%;
    background-color: #35C1D6;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;}
.div_barras_secciones_especiales h5{
    padding:0.6em 1em;
    font-weight:800;
    font-size: 1em;
    text-align: center;
}
.div_barras_especiales{'Open Sans', sans-serif; font-weight:800; font-size: 1em;}
}

/*MAIN PROGRAMAS ESPECIALES*/

.video_especiales{
    
   
}
#txt_especiales{
   font-family: 'Open Sans', sans-serif;
   font-weight: 800;
    color: #2C2F78;
    text-align: left;
    font-size: 0.80em;
    padding: 1em;
}


.div_barras_fuccias_especiales h5{
    padding:0.6em 1em;
    font-weight:800;
    font-size: 1em;
    text-align: center;
background-color: #35C1D6;
}
.div_barras_fuccias_especiales p {
    text-align: left;
    padding: 1em 1.5em;
    
    
}

.ul_contenedor_especiales{
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 2em 0 1em;
    width: 100%;
    overflow: auto;
    
}
.links_especiales{
    color: white;
    text-decoration: none;
    width: 100%;
}
.div_foto1_especiales{
    background-image: url(img/fotografia_analogica.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto2_especiales{
    background-image: url(img/boton_telas_especiales.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto3_especiales{
    background-image: url(img/boton_futbol.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto4_especiales{
    background-image: url(img/boton_encuadernacion.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto5_especiales{
    background-image: url(img/boton_serigrafia.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto6_especiales{
    background-image: url(img/boton_animacion.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
/*HEADER HOME*/
#div_contenedor{
	padding:0
}

#div_contenedor.deportes{background-color:#fff}
#div_contenedor.deportes .article-secciones{background-color:#66BB6A; padding:40px 30px}
#div_contenedor.deportes footer{background-color:#66BB6A; padding:0 60px 60px 60px; text-align:center}

#div_contenedor.subsuelo{background-color:#fff}
#div_contenedor.subsuelo .article-secciones{background-color:#485EAB; padding:40px 30px}
#div_contenedor.subsuelo footer{background-color:#485EAB; padding:0 60px 60px 60px; text-align:center}
#div_contenedor.subsuelo .div_barras_secciones{background-color:#2C2F78}

#div_contenedor.talleres_ceadig{background-color:#fff}
#div_contenedor.talleres_ceadig .article-secciones{background-color:#F0592B; padding:40px 30px}
#div_contenedor.talleres_ceadig footer{background-color:#F0592B; padding:0 60px 60px 60px; text-align:center}
#div_contenedor.talleres_ceadig .div_barras_secciones{background-color:#D64526}

#div_contenedor.programas_especiales{background-color:#fff}
#div_contenedor.programas_especiales .article-secciones{background-color:#88D3E1; padding:40px 30px}
#div_contenedor.programas_especiales footer{background-color:#88D3E1; padding:0 60px 60px 60px; text-align:center}
#div_contenedor.programas_especiales .div_barras_secciones{background-color:#35C1D6}

#div_contenedor.registrate{background-color: #f9fafa;}
#div_contenedor.registrate .article-secciones{background-color:#f9fafa; padding:40px 30px}
#div_contenedor.registrate footer{background-color:#f9fafa; padding:0 60px 60px 60px; text-align:center}
#div_contenedor.registrate .div_barras_secciones{background-color:#2C2F78}

.ul_redes{
    width: 100%;
}
.estilo_redes_li{
    float: right;
	margin-left:10px
}
.estilo_redes_li img{
    width: 100%;
    
}
.estilo_redes_li img{
    width: 100%;
}

.div_logo{
    width: 100%;
}
.div_logo img{
    width: 100%;
	margin-top:15px
}

.txt_ingresa_registrate{
    font-size: 0.80em;
    font-weight: 600;
    float: left;
	margin-top:5px;
    font-family: 'Open Sans', sans-serif;
    
    
}
ul.txt_ingresa_registrate li{float:left; margin-left:10px}
ul.txt_ingresa_registrate li:first-child{margin-left:0px}
.txt_ingresa_registrate a{
    color: #ED1458;
    text-decoration: none;
}

header, main, footer, ul{
    list-style: none;
}
nav{
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 800;
    color: #2C2F78;
	margin:15px 0
}
nav a{
    text-decoration: none;
	color: #2C2F78;
	line-height:3em;
	-webkit-transition: all 0.3s;	transition: all 0.3s;
}
.deportes nav a.active{color:#66BB6A}
.subsuelo nav a.active{color:#485EAB}
.talleres_ceadig nav a.active{color:#F0592B}
.programas_especiales nav a.active{color:#88D3E1}
nav a:hover{
    border-bottom:3px solid #2C2F78;
	padding-bottom:3px
}
/*header TALLERES CEADIG*/
#txt_contacto{font-family: 'Open Sans Condensed', sans-serif;
    color: #2C2F78;
    font-size: 1.2em;
    }
#div_txt_contacto{
    padding: 0.80em;
    margin-top: 1em;
    border: 3px solid #2C2F78;
}
.div_barras_secciones_contacto{
    width: 100%;
    background-color: #2C2F78;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;}
.div_barras_secciones_contacto h5{padding:1.2em 0; font-weight:800; font-size: 1em;}

.div_barras_secciones_talleres{
    width: 100%;
    background-color: #D64526;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.div_barras_secciones_talleres h5{padding:1.6em 0; font-weight:800; font-size: 1em;}
/*FORMULARIO registrate*/
.estilo_font_form{
margin-top: 3em;
width: 100%;
font-family: 'Open Sans', sans-serif;
    color: #2C2F78;
    font-weight: 800;
    font-size: 0.80em;
}
.row{
    margin: 0 0 1.5em;
}
#name{
  width: 100%;  
}


/*MAIN*/
main, section{
    width: 100%;
}

.div_barras_fuccias{
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    background-color: #ED1458;
    color: white;
    text-align: center;
}
.div_barras_fuccias h5{padding:1.5em 0; font-weight:800}
div.box_image{
    width: 100%;
    height: 200px;

}
.box_image{
    width: 100%;
    background-image: url(img/foto_votacion.jpg);
    background-repeat:no-repeat;
    background-position: left;
    position: relative;
	background-size:cover;
	clear:both;
    font-family: 'Open Sans Condensed', sans-serif;
    
}
.txt_titulo_votacion{
    position: absolute;
    padding: 0.40em 0.80em 0;
    width: 100%;
    
    margin-top: 0.90em;
    color: white;
    
}
.txt_bajada1{
    position: relative;
    left: 0.40em;
    top: 3.5em;
    padding: 0.80em;
    color: #fed73e;
    font-size: 1.5em;
}

.boton_info{
    position: absolute;
    right:15px;
	bottom:15px;
	color:#fff;
	z-index:9999999;
	border: 3px solid white;
	padding:0.40em 1em;
    font-family: 'Open Sans Condensed', sans-serif;
}
.boton_info a{color:#fff; text-decoration:none; -webkit-transition: all 0.4s;	transition: all 0.4s;}
.boton_info a:hover{color:#ed1458;}
 

.box_image2{
    width: 100%;
    min-height: 201px;
    background-image: url(img/subsuelo.jpg);
    background-repeat:no-repeat;
    background-position: center;
    position: relative;
	background-size:cover;
	padding: 0 0.80em 40px 0.80em;
	margin:1.5em 0;
    font-family: 'Open Sans Condensed', sans-serif;
}
.box_image2.colornofoto{background-image:none; background:#2c307a}
.transparencia{position:absolute; width:100%; height:100%; background:#000; opacity:0.7; left:0; z-index:0}
.txt_titulo{   
    width: 100%;
    color: #fed73e;
    font-size: 1.5em;
    padding: 0.80em 0 0.30em;
	font-weight:800;
	position:relative;
    font-family: 'Open Sans Condensed', sans-serif;
}
.txt{
    position:relative;
    color: white;
    font-size: 1em;
    
}

#div_convocatoria{
    width: 100%;
    background-color: #2C2F78;
    height: 201px;
}

/*MAIN DEPORTES*/
/*fotos*/
.div_foto1{
    background-image: url(img/boton_futbol.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
}

.div_foto2{
    background-image: url(img/boton_voley.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
    
}
.div_foto3{
    background-image: url(img/boton_atletismo.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
     
}
.div_foto4{
    background-image: url(img/boton_hockey.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
}
.div_foto5{
    background-image: url(img/boton_tenis.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
}
.div_foto6{
    background-image: url(img/boton_ajedrez.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
}
/*MAIN TALLERES*/
.div_foto7{
    background-image: url(img/boton_molderia.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto8{
    background-image: url(img/boton_fotografia.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto9{
    background-image: url(img/boton_fotografiademoda.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto10{
    background-image: url(img/boton_carteras.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
    background-color: 
}
.div_foto11{
    background-image: url(img/boton_serigrafia.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto12{
    background-image: url(img/boton_photoshop.png);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
    background-color: #D64526;
}
.div_foto13{
    background-image: url(img/acrobaciadetelaytrapecio.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
    background-color: #D64526;
}
.div_foto14{
    background-image: url(img/acrobaciadepisoycombinada.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
    background-color: #D64526;
}
.div_foto15{
    background-image: url(img/telatrapecioaroyelongacion.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
    background-color: #D64526;
}
.div_foto16{
    background-image: url(img/danzacontemporanea.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
    background-color: #D64526;
}
.div_foto17{
    background-image: url(img/telayexpresion.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
    background-color: #D64526;
}
.div_foto18{
    background-image: url(img/viernesculturaldebandas.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
    background-color: #D64526;
}
.article-secciones{
    width: 100%;
}
.ul_contenedor{
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 2em 0 1em;
}

.div_barras_secciones{
    width: 100%;
    background-color: #307D3D;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.class_li_section{
    width: calc(33.3% - 20px);
    float: left;
    position: relative;
    min-height: 240px;
	margin:0 10px 30px 20px   
}
.class_li_section.izquierda{margin-left:0px}
.class_li_section.derecha{margin-right:0px; float:right}
.img_botones_section{
    width: 100%;
    z-index:99999999999;
}
.div_barras_secciones_subsuelo{
    width: 100%;
    background-color: #2C2F78;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.div_barras_secciones_subsuelo h5{padding:1.6em 0; font-weight:800; font-size: 1em;}


.div_barras_secciones h5{padding:1em 0; font-weight:800; font-size: 1em;}

.title_sports{
    position: absolute;
    z-index: 999999;
    color: white;
    top: 1em;
    left: 1em;
    font-size: 1.3em;
}

.opacity_titles{
    width: 100%;
    min-height: 240px;
    background:#307D3D;
    position: absolute;
    top: 0;
    background:#000;
    opacity: 0.3;
}
.opacity_titles_sub{
    width: 100%;
    min-height: 240px;
    background:#307D3D;
    position: absolute;
    top: 0;
    background:#000;
    opacity: 0.1;
}
.color_contenedor-section{
    background-color: #66BB6A;
    clear: both;
    width: 80%;
}
/*MAIN DEPORTES V2*/

.div_contenedor_header{
    width: 70%;
    overflow: auto;
}








/*ASIDE*/

.div_noticias{
    width: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
}

#img_noticias{
    width: 100%;
}
.div_galeria{
    width: 100%;
    background-color: darkgray;
	clear:both
}

/*FOOTER*/

#div_leyenda{
    width: 100%;
    color: #2C2F78;
    font-size: 0.80em;
    font-weight: 800;
    font-family: 'Open Sans Condensed', sans-serif;
}

#div_footer_color{
    width: 100%;
    background-color: #2C2F78;
    overflow: hidden;
	position:relative
}

#logo_pares{
    width: 38%;
    float: left;
    
}
#logo_fadu{
    width: 47%;
    float: right;
}
.bx-pager{display:none}
main, footer{clear:both; width:100%; position:relative}
header{position:relative}

footer li{padding:20px}
.elli{color:#fff; clear:both; width:100%; padding:20px}

.div_noticias{margin:0 0 25px 0; position:relative}
.div_noticias .img{ height: 200px; width:100%; overflow:hidden; background-size:cover; position:relative}
.div_noticias .img img{position:absolute; width:110%; -webkit-transition: all 0.3s;	transition: all 0.3s; left:-5%}
.div_noticias .img img:hover{width:125%; }
.div_noticias h5{color:#000; font-size:12px; margin:6px 0 10px}
.div_noticias a{background:#96cd70; color:#2c307a; text-decoration:none; padding:0.8em 2em; font-size:11px; font-weight:800; -webkit-transition: all 0.3s;	transition: all 0.3s;}
.div_noticias a:hover{background:#2c307a; color:#96cd70;}
video{width: 100%}
.programas_especiales video.video_especiales_2{height:150px}


.aprovecha h1{font-family: 'Open Sans Condensed', sans-serif; color:#fff; font-size:1.1em}
.aprovecha{margin-top:30px}
.clear{clear:both}

.imagen_crono{margin-top:20px}
.imagen_crono img{width:100%}
.div_img_flechita{float:left}
.div_img_flechita img{max-width:80px}
.boton_inscribite{float:right}
.boton_inscribite a, .formulario input[type='submit']{padding:10px 30px; background:#2c2f78; color:#fff; font-size: 1em; font-weight: 800; font-family: "Open Sans",sans-serif; border:0; cursor:pointer}
.boton_inscribite a:hover, .formulario input[type='submit']:hover{color:#2c2f78; background:#fff; -webkit-transition: all 0.3s;	transition: all 0.3s;}
.inscripcion{float:right; width:90%; }

.div_logo img{max-width:186px; text-align:center}
.div_logo{text-align:center; position:relative}

.class_li_section, .class_li_section.izquierda, .class_li_section.derecha{width:100%; margin:0 0 30px 0   }

.crono_izquierda, .crono_derecha{width:100%; margin:0 0 20px 0}

.all{float:left; width:100%; position:relative; height:auto}
.all .crono_derecha{height:350px; margin-top:0px}

.programas_especiales video {
    height: 350px;
    object-fit: cover;
}
.caja_video{width:100%; height:calc(50% - 20px); margin-bottom:20px}
.caja_video.ultima{width:100%; height:50%; margin-bottom:0}

.formulario{position:relative; margin:30px auto; max-width:500px; color:#000; font-size: 1em; font-weight: 600; font-family: "Open Sans",sans-serif;}
.formulario input[type='text'], .formulario input[type='email'], .formulario textarea{width:calc(100% - 20px); height:40px; padding-left:20px; color:#2C2F78; font-family: "Open Sans",sans-serif; margin-top:3px}
.formulario textarea{height:150px; width:calc(100% - 2px); resize:none}
.formulario.contacto{margin:30px 0}
.formulario .row{margin:0 0 0.5em}

/*MAIN VOTACION*/


.div_votacion{
    width: 100%;
    text-align: center;
    margin: 2em auto;
    
}
.div_barras_votacion{
    width: 100%;
    background-color: #3c8ac9;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.div_barras_votacion h5{
    padding:1.6em 0; 
    font-weight:800; 
    font-size: 1em;
}
#div_votacion_texto{
     width: 100%;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin: 2em auto;
}
#div_txt_contacto.sinborde{border:0; margin-top:30px; clear:both}
.txt_titulo_votacion{font-size:20px}

@media only screen and (min-width: 480px) {
	.class_li_section, .class_li_section.izquierda, .class_li_section.derecha{width:calc(50% - 20px); margin:0 10px 30px 10px   }
	#div_contenedor{
    padding: 2em;
}
#div_contenedor.deportes .article-secciones{padding:40px 60px}
#div_contenedor.subsuelo .article-secciones{padding:40px 60px}
#div_contenedor.talleres_ceadig .article-secciones{padding:40px 60px}
#div_contenedor.programas_especiales .article-secciones{padding:40px 60px}
#div_contenedor.registrate .article-secciones{padding:40px 60px}

}
@media only screen and (min-width: 700px) {
	.txt_titulo_votacion{font-size: 2em;}
	article{float:left; width:67%}
	aside{float:right; width:calc(30% - 15px)}
	#div_contenedor{max-width:1100px; margin:0 auto; background-color: #F9FAFA}
	nav ul li{margin:0 40px 0 0; display: inline-block;}
	nav, nav ul{text-align:center; width:100%; float:left}
	#barra_verde{clear:both; width:100%; background:#96cd70; float:left; padding:0; margin:40px 0}
	.div_logo img{max-width:186px;}
	.div_logo{text-align:center; position:relative}
	.txt_ingresa_registrate{position:absolute; right:0; bottom:5px; z-index:9999999;}
	ul.ul_redes{position:absolute; left:0; bottom:5px}
	ul.ul_redes li:first-child{margin-left:0px}
	.estilo_redes_li{float:left}
	.box_image2{width:calc(50% - 7.5px)}
	.box_image2.derecha{float:right}
	.box_image2.izquierda{float:left}
	#div_leyenda{margin:50px 0 20px 0}
	#logo_pares{ width:100%}
	#logo_fadu{ float:left; width:100%}
	footer ul{float:left; width:100%; display:table}
	footer ul, footer li{height:100%; position:relative; padding:10px 2%; float:left}
	.logo1{float:left; width:15%;}
	.logo2{float:left; width:20%;}
	.elli{height:100%; position:absolute; overflow:hidden; right:3em; padding-top:0px; padding-bottom:0px; top:0; width:60%}
	.leyendatxt2{float:right; color:#fff; position:relative; top: calc(50% - 20px); font-family: 'Open Sans', sans-serif; }
    .estilo_font_form{width: 40%;}
    .article_contacto{width: 67%}
    #txt_especiales{width: 70%; margin:0 auto; text-align:center}
	.div_img_flechita{float:left}
	.class_li_section{
    width: calc(33.3% - 20px);
    float: left;
    position: relative;
    min-height: 240px;
	margin:0 10px 30px 20px   
}
.class_li_section.izquierda{margin-left:0px;  width: calc(33.3% - 20px);}
.class_li_section.derecha{margin-right:0px; float:right;  width: calc(33.3% - 20px);}

.crono_izquierda{float:left; width:calc(66.6% - 10px); margin-right:10px}
.crono_derecha{float:right; width:calc(33.3% - 20px); margin-left:10px; margin-top:20px}
.div_img_flechita{display:none}
	}
	
	@media only screen and (min-width: 1000px) {
		.div_img_flechita{display:block}
	}