/* GoogleFont */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Abel);


*{margin: 0; font-weight: normal;}

/* Estilos generales */
.contenedor{ max-width: 960px; margin: 0 auto 0 auto;background-color: #ebe3ce; }
html{ font-size:  100%}
body{ font-family: Abel; font-size: 10px;}
header{ background-color: #37c1aa; width: 100%; min-height: 187px;position: relative;float: center;box-sizing: border-box;padding: 2%;margin: 0;}
.logo{ position: absolute; top: 20px;left:30px;box-sizing: border-box;text-align: center;}
.iniciarsesion{ position: relative;float: right; text-align: right; margin-top: 3px;margin: 0 55px 0 0;box-sizing: border-box; }
.separador{ clear: both;}



/**** CSS PROGRAMACION ****/

section{ width: 100%;margin: 0 auto; position: relative; float: left;}
article{position: relative; float: left;}
.tablaprogramacion{width: 75%;font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 700;box-sizing: border-box;margin: 0%;padding: 2%; background-color: #ebe3ce; display: block; float: left;min-height: 600px;}
.espacionota{ margin-bottom: 13px;}
#fototabla{ padding: 0;}


.articuloprogramacion1 {min-height: auto;background: #f2db5b;position: relative;float: left;margin: 0%;padding: 2%;width: 25%;min-height: 600px;box-sizing: border-box;}


aside{ width: 100%; position: relative; float: right; background: #37c1aa; min-height: 213px;}
.banner { width: 100%; position: relative; float: left; background: #ebe3ce; min-height: auto; padding: 5%;text-align:left;box-sizing: border-box;}
.publicita{ width: 45%; position: relative; float: right; background: #37c1aa; min-height: 213px; padding: 2%;text-align:left;box-sizing: border-box;}
.ubicacion{ width: 50%; position: relative; float: left; background: #37c1aa; min-height: 213px; padding: 2%;box-sizing: border-box;}
.redessociales{position: relative; float: right; background: #37c1aa;padding:  2% 0 0 2%;}


.separadorespaciofooter{ clear: both;margin-top: 10px;}
.separadorespaciobanner{ clear: both;margin-top: 0px;}
footer{ background-color: #ebe3ce;width: 100%; height: 100px; text-align: center;box-sizing: border-box;padding: 2em;}

/* Menú */
header nav{ float: center; margin-top: 30px;}
header nav ul{ list-style-type: none;}
header nav ul li{ display: inline;box-sizing: border-box;padding: 3%;}
header nav ul li a{ text-decoration: none; color: #333333; padding: 11px;font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 300;}
header nav ul li a:hover{color: #333333;text-decoration:underline;font-weight: 400;}
section{ width: 100%}
h22{ text-decoration: none; color: #333333; padding: 11px;font-family: 'Oswald', sans-serif; font-size: 17px; text-decoration:underline;font-weight: 400;}

h1{font-family: 'Oswald', sans-serif; font-size: 19px; font-weight: 400;background:#f2db5b;width: 180px;box-sizing: border-box; padding: 2px 6px 2px 6px;display: inline;}
h2{font-family: 'Oswald', sans-serif; font-size: 23px; font-weight: 700;line-height:22px;}


b{ font-size: 13px; font-weight: 300;}
b1{ font-size: 11px; font-weight: 300;display: inline;}
b2{ font-size: 16px; color: #333333;font-weight: 700;display: inline;}
b3{ font-size: 17px; color: #333333;font-weight: 700;display: inline;}
p1{ font-size: 12px; text-align: center;margin: 0%; padding: 0%;}
p2{ font-size: 13px; letter-spacing: 5px;text-align: center;}
p3{font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 300; text-align: left;}
p4{font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 400;}


/**** CSS iniciar sesion ****/

/**** Formulario iniciar sesion  *****/

.form_container1 {
width: 400px;
clear: both;
margin: 5px auto;
text-align: right;
float: right;
margin-top: -15px;
box-sizing: border-box;
}
.form_container2{
    width: 400px;
    clear: both;
	margin:5px auto;
	text-align:right;
    float: right;
    box-sizing: border-box;
    
}

.button_text2
{
    background-color:  #f2db5b;
    border-radius:5px;
    padding:3px; 
    font-family: 'Oswald', sans-serif; font-size: 10px; font-weight: 400;
    letter-spacing: 2px;
}
input.large2
{
	width:115px;
     border-radius:5px;
}



/**** CSS CONTACTO ****/

/**** Formulario contacto  *****/
#form_container
{
	background:#ebe3ce;
	margin:0 auto;
	text-align:left;
	width:100%; 
}

form.appnitro
{
	margin:15px 0px 0;
	padding:0 0 20px;
}

/**** Formulario contacto seccion ****/
.appnitro
{
	font-family:'Oswald';
	font-size:small;
}

.appnitro li
{
	width:68%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 6px 0px;
	position:relative;
}
.buttons
{
	clear:both;
	display:block;
	margin-top:10px;   
}
.button_text
{
    background-color:  #f2db5b;
    border-radius:5px;
    padding:5px; 
    font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 400;
    letter-spacing: 2px;
}

.form_description
{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;   
}
.description 
{font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 300;
    }
.form_description[class]
{
	display:block;
}

.form_description h1
{
	clear:left;
    display: inline;
}

.form_description p3
{
	line-height:130%;
	margin:0 0 12px;
}
input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}
label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;   
}
input.large
{
	width:99%;
     border-radius:5px;
}
textarea.medium
{
	height:10em;
    width:99%;
     border-radius:5px;
}



aside{
    width: 100%;
    position: relative; 
    float: right; 
    background: #37c1aa; 
    min-height: 213px;}

.banner { 
    width: 100%; 
    position: relative; 
    float: left; 
    background: #ebe3ce; 
    min-height: auto; 
    padding: 5%;
    text-align:left;
    box-sizing: border-box;}

.publicita{ width: 45%; position: relative; float: right; background: #37c1aa; min-height: 213px; padding: 2%;text-align:left;box-sizing: border-box;}
.ubicacion{ width: 50%; position: relative; float: left; background: #37c1aa; min-height: 213px; padding: 2%;box-sizing: border-box;}
.redessociales{position: relative; float: right; background: #37c1aa;padding:  2% 0 0 2%;}


.separadorespaciofooter{ clear: both;margin-top: 10px;}
.separadorespaciobanner{ clear: both;margin-top: 0px;}
footer{ background-color: #ebe3ce;width: 100%; height: 100px; text-align: center;box-sizing: border-box;padding: 2em;}

/**** Terminan header y footer *****/



/**** GANADORES *****/


.arribag {width: 100%; height: 120px;}
.arriba_buscarg {
width: 550px; 
height: 320px;
background: #ebe422; 
position: relative; 
top: 30px;   
margin-bottom: 100px;
z-index:99999;
}

.arriba_buscar4g {
font-family: 'Oswald', sans-serif;
color: #ebe422; 
font-size:50px;
padding: 30px 20px 20px 40px;
z-index:999999988888;
width: 550px; 
height:120px;
position: relative; 
top: 120px;
left: 170px;
margin-bottom: 100px;
}

.arriba_buscar3g {
width: 550px; 
height: 120px;
font-size:16px; 
position: relative; 
top: -240px;   
margin-bottom: 100px;
z-index:999999;
    margin-left: 8px;
}

.arriba2g {width: 100%; height: 120px; z-index:999;}
.arriba_buscar2g {
width: 350px; 
height: 120px;
font-size:18px; 
position: relative; 
top: 75px;
left:190px; 
margin-bottom: 100px;
z-index:999999;
font-family: Abel;
    margin-left: 10px;
}




.arriba_buscar2Ag {
width: 350px; 
height: 120px;
font-size:11px; 
position: relative; 
top: 300px;
margin-bottom: 100px;
z-index:9999999;
    margin-left: 8px;
}

.arriba10g {width: 100%; height: 120px; z-index:999;}
.arriba_buscar10g {
width: 550px; 
height: 120px;
font-size:16px; 
position: relative; 
top: 100px;   
margin-bottom: 100px;
margin: 0px 13px 0px 13px;
}

.aside2g {
/* background:#ebe422; */
width: 40%; 
min-height: 250px; 
text-align:left;
margin: 0 auto;
margin-top:-358px;
left:0px;
position: relative; 
float: right;
z-index:999;
}


.banner2g {
background:#333333;
font-family: 'Oswald', sans-serif;
color: #37c1aa;
font-size:25px;
padding: 22px 20px 20px 20px;
width: 25%; 
height: 80px;
min-with: 123px; 
text-align:left;
position: relative; 
float: right;
z-index:999992;
top:-127px;
text-decoration:none;

}

.Estilo1g {font-size: 14px}
.Estilo2g {font-size: 16px; }
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.Estilo3g {color: #FFFFFF}
.Estilo4g {color: #37c1aa; }
.Estilo7g {color: #333333}
.Estilo13g {
    background-color: #37c1aa; 
    text-decoration: none;
font-size: 25px;
font-family: Oswald;}


.Estilo13g:hover { background-color: #f2db5b;}


    
    
    
.banner3g {
background:#ebe422;
font-family: 'Oswald', sans-serif;
color: #333333;
font-size:25px;
padding: 15px 20px 0px 20px;
height: 300px; 
text-align:left;
position: relative; 
text-decoration:none;

}

.banner4g {
background:#ebe422;
font-family: 'Oswald', sans-serif;
color: #000000;
font-size:25px;
padding: 18px 20px 20px 20px;
height: 75px;  
text-align:left;
position: relative; 
}

.banner5g {
background:#ebe422;
font-family: 'Oswald', sans-serif;
color: #000000;
font-size:25px;
padding: 18px 20px 20px 20px;
height: 105px;  
text-align:left;
position: relative; 
}

.texto100g {
color: #ebe422
font-family: 'Oswald', sans-serif;
color: #000000;
font-size:12px;
line-height:5px;

}

.Estilo8g {
color: #ebe422
}

.banner6g {
text-align:left;
position: relative; 
}

.space {
margin: 0px 13px 0px 13px;
}

.space1 {
margin: 0px 13px 0px 13px;
}
    
/*section1*/    
section { background:#ebe3ce ; width: 60%; min-height: 400px; margin: 0 auto; position: relative; float: left; margin-bottom: 10px;}


.noticias3imagenes {width: 170px; height: 165px; position: relative; float: left; margin-right: 20px; margin-left: 0 auto; }
.noticias3imagenes:hover{width: 170px; height: 165px; position: relative; float: left; margin-right: 10px ; border: thick; border-color: #ebe422; border-style: solid;}
.noticias3contenedortexto { margin: 0;}

/**** TERMINA GANADORES *****/


/**** PUBLICITA *****/

.arriba{width: 100%; height: 120px;}
.arriba_buscar {
width: 760px; 
height: 120px;
background: #ebe422; 
position: relative; 
top: 30px;   
margin-bottom: 100px;
}

.arriba_buscar_text {
font-family: 'Oswald', sans-serif;
font-size:50px;
padding: 40px 20px 20px 40px;
    
}

.arriba2{width: 80%; height: 120px;}

.arriba_buscar2 {
width: 760px; 
height: 120px;
font-size:16px; 
position: relative; 
top: 30px;   
margin-bottom: 100px;
    
}a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.aside2 {
/* background:#ebe422; */
width: 18%; 
min-height: 250px; 
text-align:left;
margin: 0 auto;
margin-top:-237px;
position: relative; 
float: right;
z-index:999;
}

.wasap {
background:#ebe3ce;  
width: 18%; 
text-align:left;
margin: 0 auto;
margin-top:-95px;
position: relative; 
float: right;
z-index:9999;
}


.bannerpublicita {
background:#ebe422;
font-family: 'Oswald', sans-serif;
font-size:20px;
padding: 16px 20px 20px 20px;
width: 25%; 
height: 88px;
min-with: 123px; 
text-align:left;
position: relative; 
float: left;
z-index:9999;
text-decoration: none;
}

.titulopublicita {
    font-family: Oswald;
    font-size: 25px;
    font-weight: 300;
}


.banner2 {
background:#333333;
font-family: 'Oswald', sans-serif;
color: #37c1aa;
font-size:25px;
padding: 22px 20px 20px 20px;
width: 25%; 
height: 80px;
min-with: 123px; 
text-align:left;
position: relative; 
float: right;
z-index:999992;
top:-127px;


}

.Estilo1 {font-size: 14px}
.Estilo2 {font-size: 16px; }

.Estilo3 {color: #FFFFFF}
.Estilo4 {color: #37c1aa; }
.Estilo7 {font font-weight: 200;
    color: #333333}
.Estilo7:hover { color: #37c1aa;}


.banner3 {
background:#37c1aa;
font-family: 'Oswald', sans-serif;
color: #333333;
font-size:25px;
padding: 15px 20px 20px 20px;
height: 150px; 
height: 70px; 
text-align:left;
position: relative; 
text-decoration:none;
}

.banner4 {
background:#ebe422;
font-family: 'Oswald', sans-serif;
color: #000000;
font-size:17px;
padding: 18px 20px 20px 20px;
height: 150px; 
height: 25px; 
text-align:left;
position: relative; 
}

.space {
margin: 0px 13px 0px 13px;
}

.space1 {
margin: 0px 13px 0px 13px;
}
    
/*section1*/    
section { background:#ebe3ce ; width: 80%; min-height: 400px; margin: 0 auto; position: relative; float: left; margin-bottom: 10px;}


.noticias3imagenes {width: 170px; height: 165px; position: relative; float: left; margin-right: 20px; margin-left: 0 auto; }
.noticias3imagenes:hover{width: 170px; height: 165px; position: relative; float: left; margin-right: 10px ; border: thick; border-color: #ebe422; border-style: solid;}
.noticias3contenedortexto { margin: 0;}
section article h1 {font-family: 'Oswald'; font-weight: 700; font-size: 22px; }
section article h2 {font-family: 'Oswald'; font-weight: 700; font-size: 22px;}
section article h3 {font-family: 'Oswald'; font-weight: 700; font-size: 22px;}
section article h4 {font-family: 'Oswald'; font-weight: 700; font-size: 23px;}
section article p {font-family: 'Oswald'; font-weight: 400; font-size: 12px;}

/**** TERMINA PUBLICITA *****/

@media screen and (max-width:500px){
article{position: relative; float: left; width: 400px;}
aside{ width: 100%; position: relative; float: right; background: ‪#37c1aa‬; min-height: 213px;}
.banner { width: 100%; position: relative; float: left; background: ‪#ebe3ce‬; min-height: auto; padding: 5%;text-align:left;box-sizing: border-box;}
.publicita{ width: 100%; position: relative; float: right; background: #37c1aa; min-height: 213px; padding: 2%;text-align:left;box-sizing: border-box;}
.ubicacion{ width: 50%; position: relative; float: left; background: #37c1aa; min-height: 213px; padding: 2%;box-sizing: border-box;}
.redessociales{position: relative; float: right; background: #37c1aa;padding: 2% 0 0 2%;}
.logo{ position: absolute; top: 60px;left:30px;box-sizing: border-box;text-align: center;}
footer{ background-color: #ebe3ce;width: 100%; height: 150px; text-align: center;box-sizing: border-box;padding: 2em;}