@media screen and (min-width:200px) and (max-width:400px){

header{  width:100%; }
#nav_principal ul li{ width:100%; }
.cuerpo{ width: 100%;}
ul#sub_menu ul { width:100%;}
#secundario ul li{ font-size:0.9em; padding:2% 0; box-sizing:border-box; }
#logo{ display: inline-block; box-sizing: border-box;    margin: 0 0;    float: inherit;	width:100%;	text-align:center;	height:auto;}
#logo img{max-width:90%;}
#pronostico {  display: inline-block; float: inherit;  box-sizing: border-box;  text-align: right;}
#parteuna{ width: 100%;}
#aire{ float: none; max-width: 100%;	width:100%;}
main{ width: 100%; margin: 0 auto; box-sizing: border-box;    overflow: auto;    margin-bottom: 0;}
.section_container_yt{ width:100%; height:100%; position: relative; max-height:100%;}
.section_container{ width:100%; height:100%; position: relative; max-height:none; padding-bottom:5%;}
#yt_video_cont{ float:left; width:100%; height:auto;}
#yt_info_video{ float:right; width:100%; height:auto; padding-bottom:5%;}
#yt_info_video h2{ color:#FFF; font-size:1em; padding:0 5%; box-sizing:border-box;  margin-top:5%;}
#yt_info_video h4,hr{ margin-top:0;}
.video_right{ float:right; width:100%; height:auto; position:relative; }
.video_left{ float:left; width:100%; height:auto; position:relative; }
.info_right2{ float:right; width:100%; height:auto; }
.info_right2 h4{ margin:inherit; margin-top:3%;}
.info_right2 hr{ margin-top:2%; width:100%;}
.info_right2 h2{ color:#FFF; font-size:1.4em; padding:0 5%; box-sizing:border-box;  margin-top:5%;}
.info_left{ float:left; width:100%; height:auto; }
.info_left h4{ margin:inherit; margin-top:3%;}
.info_left hr{ margin-top:2%; width:93%;}
.info_left h2{ color:#FFF; font-size:1.4em; padding:0 5%; box-sizing:border-box;  margin-top:5%;}
.info_right{ float:right; width:100%; height:auto; }
.info_right h4{ margin:inherit; margin-top:3%;}
.info_right hr{ margin-top:2%; width:93%;}
.info_right h2{ color:#FFF; font-size:1.4em; padding:0 5%; box-sizing:border-box;  margin-top:5%;}
.boton_mas_vids{ color:#FFF; border: 2px solid white; padding:2% 5%; width:50%; display:block; margin:15% auto 0 auto; }
.boton_mas_vids2{ color:#FFF; border: 2px solid white; padding:1% 5%; width:25%; display:block; margin:15% 5% 0 auto; }
#index_programas ul { padding: inherit; margin: inherit; margin-top:0; }
#index_programas ul li{ float:left; width:100%; height:199px; margin:0 auto 5% auto; position:relative;}
.prog_minifoot{ background-color:crimson; padding:2% 4%; color:#FFF; position: absolute; bottom:0; width:100%; box-sizing:border-box; font-size:0.8em;}
.item{ padding-top:44px;}
#index_noticias, #index_cultural, #index_futbol{ margin-top:0;}
#index_programas ul li img{ width:100%; height:auto;}

.titulo_separador2 h2{
    color: white;
    font-weight: 300;
    font-size: 1.1em;
	padding:5% 1%;
	margin-top:0;
}

.p_boton{
    font-size: 1em;
    font-weight: 300;
    padding: 0.5%;
    border: solid 1px;
    float: right;
    margin-right: -1%;
    color:white;
	margin-top:-48px;
	width:30%;
    
}
.p_boton a{
    color: white;
}

.p_boton:hover{
    background-color: rgba(0, 0, 0, 0.3);
    border: solid rgba(0, 0, 0, 0.2) 1px;
    
}


.titulo_separador2{
    background-color: darkslateblue;
    padding: 1% 5%;
    margin-bottom: 0;
	margin-top:0;
}
}






















@media screen and (min-width:401px) and (max-width:800px){

.cuerpo, main{ width: 100%;}
header{  width:100%; }
#nav_principal ul li{ width:100%; }

ul#sub_menu ul { width:100%;}
#secundario ul li{ font-size:1.2em; padding:1% 0; box-sizing:border-box;}
#logo{ display: inline-block; box-sizing: border-box;    margin: 0 0;    float: inherit;	width:50%;	text-align:center;	height:auto;}
#logo img{max-width:90%;}
#pronostico {  display: inline-block; float: right;  box-sizing: border-box;  text-align: right; margin-right:5%;}
#parteuna{ width: 100%;}
#aire{ float: left;	width:500px; max-width:50%; height:300px;}
#video{ height:300px; }
#aire #video iframe{
    max-width: 100%;
    height: 300px;
}
ul#sub_menu ul {    width:200px;}
#nav_principal{ 
    width:100%; 
    box-sizing:border-box;
    overflow: auto;
}


#nav_principal ul { 
    width: 100%;
    overflow: auto;
}


#nav_principal ul li{
    float:left; 
    width:200px; 
    text-align: center;
}


#nav_principal ul li a{ 
    color:white; 
    font-size:1.2em; 
    display:block; 
    padding:5px 0; 
    font-weight: 700;
    
}


#nav_principal ul li a:hover{ 
    background-color:rgba(0,0,0,0.3);
}

.section_container{ width:100%; height:100%; position: relative; max-height:none; padding-bottom:3%;}
#index_cultural{ padding-bottom:5%;}
#index_noticias, #index_cultural, #index_futbol{ margin-top:0;}

.info_right2{ float:right; width:49%; height:auto; }
.info_right2 h4{ margin:inherit; margin-top:3%;}
.info_right2 hr{ margin-top:2%; width:100%;}
.info_right2 h2{ color:#FFF; font-size:1.4em; padding:0 5%; box-sizing:border-box;  margin-top:5%;}
.info_left{ float:left; width:49%; height:auto; }
.info_left h4{ margin:inherit; margin-top:3%;}
.info_left hr{ margin-top:2%; width:93%;}
.info_left h2{ color:#FFF; font-size:1.4em; padding:0 5%; box-sizing:border-box;  margin-top:5%;}
.info_right{ float:right; width:49%; height:auto; }
.info_right h4{ margin:inherit; margin-top:3%;}
.info_right hr{ margin-top:2%; width:93%;}
.info_right h2{ color:#FFF; font-size:1.4em; padding:0 5%; box-sizing:border-box;  margin-top:5%;}

.boton_mas_vids2{ color:#FFF; border: 2px solid white; padding:2% 5%; width:50%; display:block; margin:15% auto 0 auto; }

.owl-item{ width:777px;}

.titulo_separador2 h2{
    color: white;
    font-weight: 300;
    font-size: 1.1em;
	padding:4% 1%;
}

.p_boton{
    font-size: 1em;
    font-weight: 300;
    padding: 0.5%;
    border: solid 1px;
    float: right;
    margin-right: -1%;
    color:white;
	margin-top:-48px;
	width:30%;
    
}
.p_boton a{
    color: white;
}

.p_boton:hover{
    background-color: rgba(0, 0, 0, 0.3);
    border: solid rgba(0, 0, 0, 0.2) 1px;
    
}


}