*  { padding: 0;margin: 0;}

body  { background-color: #E6E7E8;}

header  
        {
        background:#333132;
        margin: auto;
        margin-top: 1%;
        width: 100%;
        height: auto;
        }

#barra  { 
    height: 130px;
        }
/*Logos y etc */

#logohead   {
            float: left;
            margin-top: 39px;
            margin-left: 65px;
            margin-bottom: 20px;
            }

#logopares  {
            float: left;
            margin-top: 50px;
            margin-left: 95px;
            }
#perfil  {
        float:right;
        margin-top: 5px;
        margin-right: 65px;
        }

#perfil nav  {}

#perfil nav ul 
            {
            list-style-type: none;
            }

#perfil nav ul li 
            { 
            display: inline-block;
            text-align: center;
            margin-top: 15px;
            margin-left: 15px;
            background:#414042;
            height: 30px;
            width: 100px;
            padding-top: 7px;
            border-radius: 7px;
            
            }
#perfil nav ul li a 
            {
            Color: #fcfcf9;
            text-decoration: none;
            font-family:oswald;
            font-size: 15px;
            display: inline-block;
            text-align: center;
            }

#perfil nav ul li:last-child
            {
            Color: #fcfcf9;
            background:#F99F3F; 
            text-decoration: none;
            font-family:oswald;
            display: inline-block;
            height: 30px;
            width: 100px;
            padding-top: 7px;
            border-radius: 7px;
            }

#perfil nav ul li:first-child
            {
            Color: #fcfcf9;
            background:#414042; 
            text-decoration: none;
            display: inline-block;
            height: 30px;
            width: 35px;
            padding-top: 7px;
            border-radius: 7px;
            margin-top: 25px;
            }
#perfil nav ul li:first-child:hover{background-color:#FEC465;transition: 0.3s; }
#perfil nav ul li:last-child:hover{background-color:#FEC465; transition: 0.3s;}
#perfil nav ul li:hover{background-color:#FEC465; transition: 0.3s;} 

/*BUSCADOR*/

#buscador   
        {
            float: right;
            margin-right: 65px;
            margin-top: 15px;
        }
.busca
        {
        width: 275px;
        height: auto;
        }

#buscador:hover 
        {
        
        }
/*--------------------INGRESAR PERFIL:MAIL Y CONTRASEÑA--------------------*/


#ingresarclick {
    text-align: left;
    display:none;
    position:absolute;
    border-top-right-radius:7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;

}

#ingresar:hover > #ingresarclick {
    display:block;
    background-color: #FEC465;
    z-index: 100;
    height: 140px;
    width: 179px;
    padding: 0 20px 20px 20px;
    }

#ingresar:hover > #ingresarclick > label {
    display:block;
    margin-top: 15px;
    
}

#ingresar:hover > #ingresarclick > button {
    display:block;
    border:none;
    margin-top: 6px;
    border-radius: 7px;
    height: 28px;
    width: 60px;
    }
#ingresarclick >button:hover {background-color: black; color:white; transition: 0.3s;}


label {
    color: black;
    font-family: asap;
    font-size: 12px;
    
}
#recordarpass > label {font-family: asap; font-style: italic; font-size: 11px;}


/*--------------------BUSCADOR--------------------*/

.buscador   
        {
            float: right;
            margin-right: 65px;
            margin-top: 15px;
            width: 268px;
            height: 28px;
            border: 3px solid #58585a;
            background-color: white;
            
}
.boxbuscador {
    border: none;
    width: 238px;
    font-family: asap;
    font-size: 13px;
    font-style: italic;
    padding: 5px;
    height: 28px;
}

.buttonsearch {
    float: right;
    border:none;
    font-family: asap;
    font-weight: 700;
    height: 28px;
    width: 28px;
}
.buttonsearch img 
                {
                width: 25px;
                margin-top: 1px;
                }

.buttonsearch:hover {
    
    background-color:#333132;
    background-image: url(imagenes/lupahover.svg);
    background-repeat: none;
                    }

.buttonsearch:hover img {display: none;}

/*menu*/
			
#menu {
				margin:auto;
				max-width:960px;
                width: 100%;
				font-family:oswald;
                float: left;
                margin-top: 5px;
                position: relative;
                z-index: 99;
    
			}
			
ul, ol {
				list-style:none;
                margin: 0px;
                padding: 0px;
                z-index: 3;
			}
			
.nave > li {
				float:left;
                width: 33.3%;
                text-align: center;
                min-width: 115px;
			}
			
.nave li a {
				background-color:#414042;
				color:#fff;
				text-decoration:none;
				padding:10px 12px;
				display:block;
           }
			
.nave li a:hover {
				background-color:#F99F3F;
                transition: 0.3s;
                
			}
			
.nave li ul {
				display:none;
				position:absolute;
				width: 33.3%;
			}
			
.nave li:hover > ul {
				display:block;
			}
			
.nave li ul li {
				position:relative;
               }

.nave li ul li a
                {
				background-color: #FBB040;
                border-radius: 0px;
                }
            
.nave li ul li ul {
				right:-33.3%;
				top:0px;
			}

.nave li ul li ul li {
				width: 300%;
			}



/*tipografia general*/

h1
    {
    font-family: oswald;
    font-size: 24px;
    }
h2
    {
    font-family: oswald;
    font-size: 20px;
    }
h3
    {
    font-family:asap;
    font-size: 14px;
    }
h4
    {
    font-family:asap;
    font-size: 12px;
    }
p
    {
    font-family: asap;
    font-size: 13px;
    }

/*--------------------------Triggers-----------------------------------*/

#lujantrigger 
        {
        width: 10%;
        height: auto;
        margin-left: -210px;
        text-align: center;
        display: block;
        padding-top: 30px;
        float: left;
        position: fixed;
        }
#lujantrigger img
        {
        width: 70%;   
        }
#lujantrigger h2 
        {
        color: #F15B40;
        font-family: oswald;
        }
#flandriatrigger 
        {
         width: 10%;
        height: auto;
        margin-left: 985px;
        text-align: center;
        display: block;
        padding-top: 30px;
        float: right;
        position: fixed;
        }
#flandriatrigger img
        {
        width: 70%;    
        }
#flandriatrigger h2 
        {
        color: #F15B40;
        font-family: oswald;
        }

/*--------------------------columnas-----------------------------------*/

section 
        {
        margin: auto;
        max-width: 960px;
        width:100%;
        }
.wrapper-inner{
    position: relative;
    margin-top: 40px;
    min-height: 1145px;
}
.wrapper-inner.activo{
    min-height: 1420px;
}
.articledos.activo,
.articleuno.activo{
    width: 100%;
    z-index: 9;        
    -webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.articleuno.activo{z-index: 10;}
.articleuno, .articledos{
    position: absolute!important;
    top: 0;
    -webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
    z-index: 9;
}
.articleuno{
    left: 0;
}
.articledos {
    right:0;
}

/*primer columna*/

.articleuno
        {
        width: 50%;
        position: relative;
        float: left;
        padding-bottom: 10px;
        background: #F1F2F2;
        }

/*---------------------------slider-----------------------------------------*/
.slippry { width: 100%;}

.slippry img { width: 100%;}

.sy-box{
    padding: 0 25px;
    overflow: hidden;
}

#tira1
        {
        float:left;
        margin-left: 25px;
        margin-top: 25px;
        }

#tira1 img 
        {
        width: 430px;
        }

.articleuno.activo #tira1 img { width:910px;
                                transition: 0.5s;
                              }

#tira1 h1
        {
        float: left;
        margin-left: 70px;
        margin-top: -48px;
        z-index: 2;
        position: absolute;
        color: #FFF;
        }

.articleuno.activo #tira1 h1 {  font-size: 56px;
                                margin-top: -100px;
                                margin-left: 140px;
                                transition: 0.5s;
                             }
#banner1
        {
        float: left;
        position: relative;
        margin-top: 20px;
        width: 100%;
            margin-bottom: 30px;
            overflow: hidden;
    -webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
        }

.articleuno.activo #banner1
        {
        float: left;
        position: relative;
        margin-top: 20px;
        height: auto;
        }

.openban 
        {  
            color: #FFF; 
            float: left;
            position: relative;
            margin-left: 193px;
            margin-top: -70px;
            background: #333132;
            opacity: 0.8;
            padding: 6px;
            border-radius: 7px;
            font-size: 20px;
            font-family: oswald;
        }

#banner1 h1
            {
            color: #FFF; 
            float: left;
            position: relative;
            margin-left: 25px;
            margin-top: -70px;
            background: #333132;
            opacity: 0.8;
            padding: 6px;
            border-radius: 7px;
            font-size: 28px;
            }

.articleuno.activo #banner1 h1
            {
            color: #FFF; 
            float: left;
            position: relative;
            margin-left: 25px;
            margin-top: -135px;
            background: #333132;
            opacity: 0.8;
            padding: 6px;
            border-radius: 7px;
            font-size: 23px;
            }

#banner1 h4 
            {
            display: none;
            }

.articleuno.activo #banner1 h4 
            {
            color: #FFF;
            float: left;
            position: relative;
            margin-left: 25px;
            margin-top: -80px;
            margin-right: 40px;
            background: #333132;
            opacity: 0.8;
            padding: 8px;
            border-radius: 7px;
            font-size: 13px;
            display: block;
            }

/*-------------------titulonoticia--------------------------*/

#titulonoticia
            {
            float: left;
            position: relative;
            margin-bottom: 10px;
            width: 100%;
            }

#titulonoticia img
            {
            width: 91%;
            }

#titulonoticia h2
            {
            margin-top: -38px;
            margin-left: 50px;
            }

/*------------------------2columna 1articulo--------------------------*/

.columna1   
            {
            float:left;
            width: 100%;
            margin-left: 25px;
            }

.columna2 
            {
            float: left;
            width: 100%;
            display:none;
            }

.articleuno.activo .columna1 { float:left;
            width: 57%;}

.articleuno.activo .columna2 { float:left;
            width: 37%;
            display: block;}

.estadisticas { margin-bottom: 5px;} 

.estadisticas p {font-size: 15px;} 

.estadisticas h4 {font-size: 12px; color:#414042;} 

.partidot 
            {   
            width: 100%;
            height: 40px;
            border-spacing: 0;
            padding: 5px;
            font-size: 15px;
            margin-top: 11px;
            margin-bottom: 15px;
            font-family: asap;
            background:#FFCD67;
            text-align: center;
            border-radius: 9px;
            }
.partidot img {   width: 100%;
  margin-top: 5px; }   

.fechafecha{margin-bottom: 5px;}

.posiciones{margin-bottom: 5px;}
 
.titulocol2 {margin-bottom: 20px;}

.titulocol2 img {width: 100%;;}

.titulocol2 h2 { margin-left: 50px;  margin-top: -40px;}

.posicionest
        {
            width: 100%;
            border-spacing: 0;
            padding: 1px;
            font-size: 12px;
            margin-top: 15px;
            margin-bottom: 15px;
            
        }

.posicionest th { text-align:center; color: #fff; background-color:#333132; font-family:asap; font-size: 13px; }

.posicionest th:first-child {text-align:left;}

.posicionest tr{font-family:asap; background: #FBB040; color:#414042; text-align: center; height: 20px;}

.posicionest td:first-child {text-align:left; padding-left: 10px;}

.posicionest .colorfuerte {font-family:asap; background:#FFCD67; }

.posicionest .colorfuerte2 {font-family:asap; background:#F48056; }

.prim {text-align: left; padding-left: 15px; width: 35%;}
.ultim {text-align: right; padding-right: 15px; width: 35%;}
.midlain {}

/*----------------------------------------segunda columna--------------------------------------*/

.articledos
        {
        width: 50%;
        position: relative;
        float: left;
        padding-bottom: 10px;
        background: #F1F2F2;
        }

#tira2
        {
        float:left;
        margin-left: 25px;
        margin-top: 25px;
        }

#tira2 img 
        {
        width: 430px;
        }

.articledos.activo #tira2 img { width:910px;
                                transition: 0.5s;
                              }

#tira2 h1
        {
        float: left;
        margin-left: 70px;
        margin-top: -48px;
        z-index: 2;
        position: absolute;
        color: #FFF;
        }

.articledos.activo #tira2 h1 {  font-size: 56px;
                                margin-top: -100px;
                                margin-left: 140px;
                                transition: 0.5s;
                             }
#banner2
        {
        float: left;
        position: relative;
        margin-top: 20px;
        overflow: hidden;
            margin-bottom: 30px;
        width: 100%;
        }

.articledod.activo #banner2
        {
        float: left;
        position: relative;
        margin-top: 20px;
        margin-left: 25px;
        width: 910px;
        height: auto;
        }

.openban 
        {  
            color: #FFF; 
            float: left;
            position: relative;
            margin-left: 193px;
            margin-top: -70px;
            background: #333132;
            opacity: 0.8;
            padding: 6px;
            border-radius: 7px;
            font-size: 20px;
            font-family: oswald;
        }

#banner2 h1
            {
            color: #FFF; 
            float: left;
            position: relative;
            margin-left: 25px;
            margin-top: -70px;
            background: #333132;
            opacity: 0.8;
            padding: 6px;
            border-radius: 7px;
            font-size: 28px;
            }

.articledos.activo #banner2 h1
            {
            color: #FFF; 
            float: left;
            position: relative;
            margin-left: 25px;
            margin-top: -135px;
            background: #333132;
            opacity: 0.8;
            padding: 6px;
            border-radius: 7px;
            font-size: 23px;
            }

#banner2 h4 
            {
            display: none;
            }

.articledos.activo #banner2 h4 
            {
            color: #FFF;
            float: left;
            position: relative;
            margin-left: 25px;
            margin-top: -80px;
            margin-right: 40px;
            background: #333132;
            opacity: 0.8;
            padding: 8px;
            border-radius: 7px;
            font-size: 13px;
            display: block;
            }


.articledos.activo .columna1 { float:left;
            width: 57%;}

.articledos.activo .columna2 { float:left;
            width: 37%;
            display: block;}


/*---------------------------------------classesneutras---------------------------------------*/

.notia1
        {
        margin-top: 10px;
        position: relative;
        float: left;
        }

.fotomini
        {
        position: relative;
        float: left;
        height: auto;
        }

.fotomini img
        {
        position: absolute;
        float: left;
        z-index: 1;
        }

.frag 
        {
        width: 80px;
        height: 24px;
        background: #F15B40;
        margin-left: -20px;
        margin-top: 15px;
        z-index: 3;
        position: relative;
        border-bottom-left-radius: 7px;
        border-top-left-radius: 7px;
            
        }

.frag h4
        {
        color: #fff;
        text-align: center;
        padding-top: 4px;
        }

.textomini
        {
            position: relative;
            margin-left: 175px;
            margin-right: 25px;
            height: 150px;
            margin-top: 5px;
        }


.textomini h2
            {
            margin-top: -5px;
            background-color: #FFCD67;
            margin-right: 25px;
            padding: 1px;
            border-top-right-radius: 7px;
            border-bottom-right-radius: 7px;
            }
           
.textomini p
            {
            margin-top: 9px;
            margin-right: 25px;
            }

.textomini img
            {
            float: right;
            margin-right: -25px;
            }
            
.vermasbuton
            {
             font-family: oswald;
            color: #fff;
            background: #F15B40;
            max-width: 30px;
            height: 25px;
            margin-top: 5px;
            padding-left: 8px;
            }
.vermasbuton a 
            {
            text-decoration: none;
            color: #fff;
            }


footer
        {
        clear: both;
        background: #333132;
        color: #FFF;
        font-family: asap;
        margin: auto;
        text-align: center;
        padding: 10px;
        margin-top: 30px;
        }
footer p
        { max-width: 960px;
        text-align: center;
            margin: auto;}

@-webkit-keyframes fadein { 
    0% { opacity: 0;filter: alpha(opacity=0);} 
    80% { opacity: 0;filter: alpha(opacity=0);}
    100% { opacity: 1;filter: alpha(opacity=100); }
}
@-moz-keyframes fadein { 
    0% { opacity: 0;filter: alpha(opacity=0);} 
    80% { opacity: 0;filter: alpha(opacity=0);}
    100% { opacity: 1;filter: alpha(opacity=100); }
}
@-o-keyframes fadein { 
    0% { opacity: 0;filter: alpha(opacity=0);} 
    80% { opacity: 0;filter: alpha(opacity=0);}
    100% { opacity: 1;filter: alpha(opacity=100); }
}
@keyframes fadein { 
    0% { opacity: 0;filter: alpha(opacity=0);} 
    80% { opacity: 0;filter: alpha(opacity=0);}
    100% { opacity: 1;filter: alpha(opacity=100); }
}

/*--------------------------------BADGES------------------------------*/

.contenedormed
            {
            width: 100%;
            max-width: 960px;
            background-color: #E6E7E8;
            margin:auto;
            }
#banperfil
        {
        background-color: #FFCD67;
        width: 98%;
        height: 65px;
        float: left;
        position: relative;
        padding: 1% 1% 0% 1%;
        border-radius: 9px;
            
        }

#banperfil h2
            {font-size: 30px}

#banperfil img
        {
        float: left;
        position: relative;
        margin-left: 5px;
        }
#estatus    
        {
        width: 27%;
        float: left;
        margin-left: 20px;
        margin-top: 5px;
        }

.visormed
        {
            width: 15%;
            height: 39px;
            background: #F1F2F2;
            border-radius: 5px;
            float: right;
            position: relative;
            margin-top: 5px;
            margin-right: 17px;
            text-align: center;
            padding-top: 6px;
        }

.visormed1
            {
            width: 26%;
            height: 39px;
            background: #F1F2F2;
            border-radius: 5px;
            float: right;
            position: relative;
            margin-top: 5px;
            margin-right: 17px;
            text-align: center;
            padding-top: 6px;
            }
.visormed1 table
            {
             float: left;
            position: relative;   
            }
            
.visormed1 h3 {
  font-family: oswald;
  width: 26%;
  float: left;
  margin-top: 8px;
  margin-left: 10px;
}

.visormed  h3   { font-family: oswald; }

#infomed
        {
         width: 96.5%;
         height: auto;
         float: left;
         background: #FFF3E3;
         border-radius: 9px;
         padding: 16px;
         margin-top: 10px;
        }

#infomed h2 
            {
                font-family: oswald;
                color: #F7941E;
                margin-bottom: 10px;
            }

#titulomed  
        {
        width: 100%;
        height: auto;
        margin-top: 10px;
        position: relative;
        float: left;
        }
#titulomed  img 
        {
        position: relative;
        float: left;
        z-index: 2;
        }
#titulomed1
            {
            background: #F48056;
            height: 70px;
            border-radius: 9px;
            position: relative;
            float: left;
            width: 86%;
            padding-left: 130px;
            margin-top:-88px;
            z-index: 1;
            }
#titulomed1 h1 
    {
    font-family: oswald;
    font-size: 28px;
    margin-top: 15px;
    color: #F1F2F2;
    }

.badge
        {
        width: 100%;
        height: auto;
        margin-top: 10px;
        float: left;
        position:relative;
        margin-bottom: 10px;
        }
.imgbad
        {
        float: left;
        position:relative;
        z-index: 3;
        }

.badgetit
        {
            position: relative;
            background: #F7943E;
            border-radius: 9px;
            width: 28%;
            z-index: 2;
            margin-left: -50px;
            padding: 5px;
            padding-left: 80px;
            float: left;
        }

.badgetit h2 {color: #FFF3E3; float: left;}

.badgetit h3 {
        color: #FFF3E3;
        float: right;
        margin-top: 7px;
        margin-right: 20px;}
        
.badgeinfo
        {
            position: relative;
            background: #FEC465;
            width: 85%;
            padding: 12px;
            padding-left: 100px;
            border-radius: 9px;
            z-index: 2;
            margin-left: 27px;
            float: left;
            margin-top: -80px;
        }

/*--------------------------------VIVO------------------------------*/

.containervivo { 
        position: relative;
        margin-top: 55px;}
.contenedorvivo
        {
        width: 100%;
        max-width: 960px;
        margin: auto;
        background-color: #E6E7E8;
        }
#titulovivo
        {
        width: 100%;
        height: 65px;
        float: left;
        position: relative;
        margin-bottom: 10px;
        }

#titulovivo img
        {
        float: left;
        position: relative;
        z-index: 2;
        }
#titulovivo1
        {
            background: #FFCD67;
            height: 55px;
            border-radius: 9px;
            position: relative;
            float: left;
            width: 91%;
            padding-left: 85px;
            margin-top: -60px;
            z-index: 1;
            color: #fff;
        }
#titulovivo1 h1 {font-size: 38px;}

.videovivo
        {
        width: 60%;
        float: left;
        position: relative;
        }
.videovivo h1 {color:#333132; margin-bottom: 5px;}

.videovivo iframe{width: 97%;}

#titulovivoest 
        {
        width: 100%;
        height: 35px;
        float: left;
        position: relative;
        margin-bottom: 10px;
        margin-top: 10px;    
        }

#titulovivoest img 
        {
         float: left;
        position: relative;
        z-index: 2;
        }

#titulovivoest1 
        {
          background: #FFCD67;
          height: 36px;
          border-radius: 9px;
          position: relative;
          float: left;
          width: 88.5%;
          padding-left: 50px;
          margin-top: -38px;
          z-index: 1;
          color: #fff;
        }
#textovivopete 
        {
            width: 93%;
            float: left;
            position: relative;
            background-color: #FFF3E3;
            border-radius: 9px;
            padding: 2%;
            margin-bottom: 5px;    
        }

#containterdatosm 
        {
        width: 97%;
        float: left;
        position: relative;
        background-color:#FFF3E3;
        border-radius: 9px;
        }

#tablavivo
        {
        float: left;
        position: relative;
        width: 45%;
        
        }
#estadisticasvivo
        {
        float: right;
        position: relative;
        width: 47%;
        margin-right: 17px;
        margin-top: 15px;
        }



.comentariosvivo
        {
        width: 40%;
        float: left;
        position: relative;
        
        }
#supercontainer 
        {
         width: 100%;
        float: left;
        position: relative;
        background: #F48056;
        border-radius: 9px;
        margin-top: 5px;
        margin-bottom: 10px
        }
#tituchatvivo
        {
        float: left;
        position: relative;
        width: 100%;
        height: 40px;
        z-index: 1;
        background: #EA543F;
        margin-top: 40px;
        border-radius: 9px;
        
        }
#tituchatvivo img {float: left; position: relative; z-index: 2; margin-top: -36px;}

#tituchatvivo h1 {color: #fff;  margin-left: 50px;}


#mensajesvivocont
        {
        
        float: left;
        position: relative;
        margin: 18px;
        }

.mensajevivos
        {
        
        float: left;
        position: relative;
        background: #FFF3E3;
        margin-bottom: 5px;
        padding: 8px;
        width: 100%;
        border-radius: 7px;
        width: 95%;
        }
.mensajevivos h3
        {
        color:#F99F3F;
        margin-bottom: 5px;
        }

#botonvivo
        {
        
        float: left;
        position: relative;
        width: 100%;
        }

#botonvivo1
        {
        float: right;
        position: relative;
        border-radius: 6px;
        width: 60px;
        height: 17px;
        background: #BB4530;
        color: #fff;
        margin-top: 10px;
        text-align: center;
        padding: 5px;
        font-family: oswald;
        margin-bottom: 8px;
        }

#botonvivo1:hover { background: #FBB161;}

.chat 
        {
        width: 98%;
        height: 50px;
        margin-top: 5px;
        border-radius: 9px;
        }

.botonvivo2
        {
        float: left;
        position: relative;
        margin-top: 10px;
        margin-right: 5px;
        margin-left: 5px;
        }

.botonvivo2 img
        { width:66%;}


/*--------------------------------PERFIL------------------------------*/

#profilecont
        {
        width: 95%;
        background-color: #FEC465;
        padding: 2.5%;
        height: auto;
        border-radius: 9px;
        float: left;
        position: relative;
        
        }

#contimgp 
        {
        float: left;
        position: relative;
        width: 17%;
        margin-right: 10px;
        }

#contimgp img 
                {
                float: left;
                position: relative;
                width: 100%;
                }

#estatus1
        {
        float: left;
        position: relative;
        background: #F48056;
        width: 100%;
        text-align: center;
        color: #fff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding-top: 2px;
        padding-bottom: 4px;
        }

/*----*/

#continfo1
        {
        float: left;
        position: relative;
        width: 35%;
        margin-right: 35px;
        }

#datacont4
        {
         float: left;
         position: relative;
         width: 100%;
         background: #FFECD6;
         border-radius: 9px;
         padding: 3px;
         padding-left: 20px;
        }

#datacont1
        {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        background: #FFECD6;
        border-radius: 9px;
        padding: 3px;
        padding-top: 14px;
        padding-left: 20px;
        margin-top: 5px;
        line-height: 22px;
        }

#datacont1 h1
        {
        margin-bottom: 5px;  
        }
#datacont1 h3
        {
         margin-bottom: 10px;
         color: gray;
        }
#datacont1 h3 strong
        {
         margin-bottom: 10px;
            color: black;
        }

/*----*/

#datacont2
        {
        float: left;
        position: relative;
        width: 43%;
        height: auto;
        background: #FFECD6;
        border-radius: 9px;
        }

#pointscont
        {
        float: left;
        position: relative;
        width: 50%;
        margin-top: 5px;  
        }


#followers
        {
        float: left;
        position: relative;
        width: 50%;
        padding-top: 17px;
        padding-bottom: 20px;
        }

.visorper
        {
            width: 90%;
            height: 39px;
            background: #FFCD67;
            border-radius: 5px;
            float: right;
            position: relative;
            margin-top: 10px;
            margin-left: 16px;
            text-align: center;
            padding-top: 6px;
            border-radius: 5px;
            font-family: oswald;
            
        }

.visorper h3 { font-family: oswald; }

.visorper:first-child { margin-top:0px;}

.visorper:last-child { background: #F48056; }

#pointscont
        {
        float: left;
        position: relative;
        width: 50%;
        padding-bottom: 15px;
        line-height: 27px
        }

.points1
        {
            width: 87%;
            float:left;
            position: relative;
            margin-top: 10px;
            margin-left: 20px;
            
        
        }
.points1 h3
        {
        font-family: oswald;
        }

.numbcont
        {
        background: #F48056;
        border-radius: 3px;
        padding: 7px;
        color: #fff;
        font-family: asap;
        }




/*----*/

#datacont3
        {
        float: right;
        position: relative;
        width: 100%;
        margin-top: 10px;
        }

#datacont3 img { z-index: 2;}

#tituloperf
        {
        float: left;
        position: relative;
        background: #F48056;
        border-radius: 5px;
        width: 99%;
        padding: 4px;
            
        }
#tituloperf h2
        {
        padding-left: 40px;
        margin-top: -37px;
        padding-bottom: 1px;
        }

.badgesobtenidas
        {
        float: left;
        position: relative;
        margin-top: 10px;
        text-align: center;
        width: 100%
        }

.badgesobtenidas img {width: 8%; margin-left: 20px; margin-right: 20px;}

/*----*/

#dejauncomentariop 
        {
        width: 98%;
        padding-top: 10px;
        }

.comentarioper {
        padding-top: 10px;
        width: 98.5%;
        background: #FFF3E3;
        border-radius: 7px;
        padding-left: 12px;
    
}

.comentarioper img 
                {
                position: relative;
                float: left;
                z-index: 2;
                padding-top: 4px;
                }

.comentarioper h3 {
    margin-top: 0;
    padding: 0 0 10px 26px;
    font-family: oswald;
    color:#404041
}

.dcomentarioper {
    padding-top: 20px;
    
   }

.dcomentarioper img {float: left; position: relative;}

#barramenucom 
            {
            width:100%;
            background: #939598;
            position: relative;
            float: left;
            }

#barramenucom img 
            {
            position: relative;
            width: 30%;
            float: left;
            }

#micomentarioper 
            {
            width: 84.5%;
            background: #FFF3E3;
            border-radius: 7px;
            margin-left: 70px;
            padding: 2%;
            height:182px;
            }

#micomentarioper > textarea {
    padding: 10px 15px 15px 15px;
    display: inline;
    background-color: #d3d3d3;
    font-family: asap;
    font-size: 14px;
    border: 0;
    width: 94.11%;
    height: 70px;
    }

#micomentarioper button {
    background-color: #f89e3e;
    font-family: asap;
    font-weight: bold;
    border: none;
    border-radius: 7px;
    margin-top: 10px;
    padding: 10px;
    width:90px;
    float: right;
    color: #fff;
    
}

#micomentarioper button:hover {
    background-color: #fbb040;
}

/*----*/
#profilecont1 
    {
        width: 100%;
        float: left;
        position: relative;
  
    }
#col1per
        {
        float: left;
        position: relative;
        width: 65%;
        }

#col2per
        {
        float: left;
        position: relative;
        width: 35%;
        }


.fullcomentp
        {
        width: 100%;    
        float: left;
        position: relative;    
        
        }
.fullcomentp img 
        {
        float: left;
        position: relative; 
        margin-top: 10px;
        width:  9%;
        }

.comentariop
        {
        background: #FFF3E3;
        padding: 2%;
        width: 82.5%;
        border-radius: 9px;
        margin-top: 10px;
        float: left;
        position: relative;
        margin-left: 14px;
        }

.comentariop iframe{ width: 100%;  }

.comentariop img { width: 100%; }

.comentariop h3
        {
        color: #F99F3F;
        }


.contefol
        {
        background: #FFF3E3;
        border-radius: 7px;
        float: left;
        position: relative;
        width: 100%;
        margin-top: 7px;
        }
.titconfol
        {
            background: #F48056;
            padding-left: 8%;
            margin-top: -35px;
            margin-left: 20px;
            border-radius: 7px;
        }
.contav
        {
            float: left;
            position: relative;
            padding: 5%;
            margin-left: 15%;
            width: 70%;
        }

.contav img
        {
        margin: 3px;
        }

/*--------------------HISTORIA:FLANDRIA--------------------*/

/*MAIN GENERAL*/

.mainhistoria {
    max-width: 960px;
    margin: 65px auto 0 auto;
    background-color: #F1F2F2;
    
}

.mainhistoria p {line-height: 20px;}

.historiatot {
    padding: 26px;
}


.tituloybaner img {
    border-top-style: solid;
    border-top-color: #fbb040;
    border-top-width: 10px;
    }

.tituloybaner h1{
    color: white;
    position: absolute;
    font-size: 313%;
    padding: 41px 0 0 220px;
    font-weight: 300;
    }

.tituloybaner {margin-bottom: 20px;}


.artmargin {margin-bottom: 0px;}

/*ARTICULO HISTORIA*/

.titulohistoria {margin-bottom: 20px;}

.titulohistoria img {
    float:left;
    position: absolute;
    z-index: 3;
    
}

.titulohistoria2 {
    float:left;
    position: relative;
    margin: 4px 4px 0 0;
    width: 100%;
    
}

.titulohistoria2 h2 {
    background-color:#ffcd67;
    padding: 5px 0 5px 60px;
    border-radius: 7px;
}
.divhistoria {
    background-color: #ffe798;
    padding: 25px 16px 25px 16px;
    margin-top: 64px;
    overflow: hidden;
}


.historia1 {
    float: left;
    position: relative;
    width:45.66%;
    
}

.historia1 img {
    background-color: #fcf6ac;width: 100%;
}
.historia2 {
    float:left;
    position: relative;
    margin-left: 16px;
    width: 52.512%;
}
.epigrafe p {font-size: 12px;}


/*ARTICULO CAMISETA*/

.titulocamiseta {margin-bottom: 20px;}

.titulocamiseta img {
    float:left;
    position: absolute;
    z-index: 3;
    
}

.titulocamiseta2 {
    float:left;
    position: relative;
    margin: 4px 4px 0 0;
    width: 100%;
}

.titulocamiseta2 h2 {
    background-color:#ffcd67;
    padding: 5px 0 5px 60px;
    border-radius: 7px;
}

.divcamiseta {
    background-color: #ffe798;
    padding: 25px 16px 25px 16px;
    margin-top: 64px;
    overflow: hidden;
}

.articulo2 article {
    float:left;
    position: relative;
    width: 31%;
}

.articulo2 aside {
    padding-top:17px;
    float:right;
    position: relative;
}



/*ARTICULO INSTITUCIONAL*/

.tituloinsti {margin-bottom: 20px;}

.tituloinsti img {
    float:left;
    position: absolute;
    z-index: 3;
    
}

.tituloinsti2 {
    float:left;
    position: relative;
    margin: 4px 4px 0 0;
    width: 100%;
}

.tituloinsti2 h2 {
    background-color:#ffcd67;
    padding: 5px 0 5px 60px;
    border-radius: 7px;
}

.divinsti {
    background-color: #ffe798;
    padding: 25px 0 25px 20px;
    margin-top: 64px;
    overflow: hidden;
    
}

.institucional1 {
    float:left;
    position: relative;
    width: 30.83%;
    margin-right: 2.5%;
    
}

.institucional1 img {
    margin-bottom: 10px;
}

.institucional1 h4 {
    padding-bottom: 5px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

/*--------------------MAIN ARTICULO PRINCIPAL--------------------*/
#main-articuloppal {
    max-width: 960px;
    margin:65px auto 0 auto;
    
}



.section1 {
    padding: 26px;
    width:70%;
    float: left;
    position: relative;
    background-color: #F1F2F2;
}

.section2 {
    width:22%;
    float: right; 
    position: relative;
    
}
.articuloppal {border-bottom: 2px solid #777777;margin-bottom: 20px;}
.titulodelarticulo h1 {
    background-color:#ffcd67;
    padding-left: 63px;
    margin:7px 0 20px 0;
    border-radius: 7px;
}

.titulodelarticulo img {
    position: absolute;
    margin-top:-7px;
}

.section1 h4 {
    margin-bottom: 12px;
    font-weight: normal;
}

#fotoppal {
    margin-bottom: 12px;
}

.textoppal {
    line-height: 20px;
}
.compartircontenedor{padding:38px 0 83px 79.7%;}
.compartir {
    
    float:right;
    position: relative;
    
}
.compartir h4 {display:inline;}

.compartir a {margin-left: 3px;}

/*-------MI COMENTARIO-------------*/

#micomentario {
    height:261px;
    
}

.comentario {
    background-color: white;
    border-radius: 7px;
    padding: 8px;
    margin-bottom: 10px;
    height:28px;
    
}
#barramenucomart {
    width:100%;
    float:left;
    position:relative;
    background: #939598;
    
}
.comentario h3 {
    float: left;
    position: relative;
    font-family: oswald;
    color:#404041;
  
    
}
.comentario img {
    float: left;
    position: relative;
    margin-right: 6px;
    padding-top:4px;
}
.comentariobox {clear: both;}

.comentariobox img {
    float:left;
    position: relative;
}

.comentariobox article {
    float: left;
    position: relative;
    margin-left: 18px;
    width:84.9%;
    background: white;
    padding: 2% 2% 2% 2%;
    border-radius: 7px;
}

#textarea {
    
   width: 98.2%;
    
   
}

#textarea textarea {
    
    padding:10px 10px 10px 10px;
    height:70px;
    font-size:14px;
    border:none;
    background-color: #d3d3d3;
}

.comentariobox button {
    float:right;
    color:white;
    background-color: #f89e3e;
    border:none;
    padding: 10px;
    border-radius: 7px;
    margin-top: 10px;
}
.comentariobox button a {
    color:white;
    text-decoration: none;
    font-weight: bolder;
}

.comentariobox button:hover {
    background-color: #fbb040;
}

/*-------DESTACADOS-------------*/



.destacadosgral {
    clear:both;
    margin-top: 20px;

}

.destacadosgral>h3 {
    background-color: #fbb040;
    color:white;
    margin-bottom: 20px;
    font-family: oswald;
    padding: 5px 0 5px 10px;
    border-radius: 7px;
    
}

.comdestacados img {
    float: left;
    position: relative;
}

.destacados {
    float: left;
    position: relative;
    margin-left: 18px;
    width:85%;
    background-color: #fff3e3;
    padding: 10px 18px 20px 18px;
    border-radius: 7px;
}

.destacados h3 {color: #f15b40;}

.sucomentario {line-height: 20px; margin-top: 8px;
    
}
.sucomentario img {width:100%;}


/*-------RELACIONADO--------*/

.relacionado1 h3 {
    background-color: #fbb040;
    margin: 0;
    padding: 8px 0 8px 15px;
    border-bottom: 2px solid #f89e3e;
}

.relacionado ul {margin-bottom: 10px;}

.relacionado1 li {
    background-color: #c9c9c9;
    padding: 8px 0 8px 15px;
    border-bottom: 1px solid #afafaf;
    
    
}

.relacionado1 li:hover{
    background-color: #777777;
    color:white;
}

.relacionado1  a {
    text-decoration: none;
    color: black;
    font-family: asap;
    font-size: 14px;
}


/*--------------------BOXEO--------------------*/

.boxeo {
    background: #F1F2F2;
    height:1500px;
    max-width: 960px;
    margin: 65px auto 0 auto;
    padding-bottom: 40px;
}

.divboxeo {padding:26px;}

.boxtxt  {
    background-color:#f48056; 
    margin:7px 0 20px 0;
    border-radius: 7px;
    color:white;
    width: 100%;
    
}
.boxtxt h1 {
    padding-left: 135px;
    padding
    height: 83px;
    font-size: 350%;
    ;
}

.iconoboxeo {
    position: absolute;
    margin-top:-7px;
    width:107px;
}


.img_ppal {
    width:100%;
    padding-top: 20px;
    clear: both;
}
.sectionbox2 {width:100%;}
.epiboxeo {float:left;position:relative;width:100%;}
.epiboxeo > h1  {
            font-family: asap;
            font-size:152%;
            color: #FFF; 
            width:38%;
            margin-left: 25px;
            margin-top: -125px;
            background: #333132;
            opacity: 0.8;
            padding: 2px;
            }
.epiboxeo > h4   {
            color: #FFF;
           
            margin-left: 25px;
            margin-top: 9px;
            margin-right: 40px;
            background: #333132;
            opacity: 0.8;
            padding: 2px;
            font-size: 100%;
            line-height: 20px;
            font-weight: normal;
            } 

.sectionbox2 {margin: 20px 0 20px 0;}

.columna11 {
    width: 62%;
    padding:0;
    float:left;
    position: relative;
}

.iconoart-box {float: left; position: absolute;z-index: 4;}

.ultimasbox {
    float: left;
    position: relative;
    background-color: #f48056;
    padding-right: 69.52%;
    border-radius: 7px;
    margin-top: 3px;
}
.ultimasbox > h2 {margin-left: 44px;width:80%;}

  

.notia1boxeo {
    float: left;
    position: relative;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
}

.fotoboxeo-mini {
    float: left;
    position: relative;
} 

.textominiboxeo {
    float: right;
    position: relative;
    width: 61%;
    
  
}
.textominiboxeo p {
    line-height: 20px;
}
.vermas2 {clear: both; margin-top: 3%;float: right;position: relative;}


/*-BOXEO VER MAS ARTICULOS -*/

.totmasart {
    margin-bottom: 60px;
    width:100%;
}

.columna22 {
    float: right;
    position: relative;
    width: 32%;
    
}

.columna22 p {line-height: 20px;}

.boxeomas {
    float: left;
    position:absolute;
    
}

.titulomas {
    padding-left: 40px;
    background-color:#f89e3e;
    
}

.titulomas > h2 {
    color:white;
    padding:2px 2px 3px 0;
}

.mastxt li{
    background-color: #d8d8d8;
    padding: 10px 11px 10px 11px;
    border-bottom: 1px solid #afafaf;
}

.mas1 h3{font-size: 13px;font-weight: normal;}
.mas1 h5 {
    margin-top: 5px;
    font-family: asap;
    color: #393939;
    font-size: 13px;
}
.mas1 h5:hover {
    color:#f89e3e;
}


.mastxt a {
    text-decoration: none;
    color:black;
}

.mastxt li:hover {
    background-color: #767676; 
    color:white;
}

.mas1> a{
    float: right;
    position: relative;
    font-family: asap;
    margin-top: 5px;
    text-decoration: none;
    color:black;

}


/*----encuesta---*/
.cuestion {margin-bottom: 20px;}
.cuestiontitulo2 {
    padding-left: 40px;
    background-color:#f89e3e;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color:white;
}

.cuestimg {
    float: left;
    position: absolute;
}

.divform {
    background-color: #f48056;
    padding: 20px 15px 48px 13px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    
}


.divform a{
    text-decoration: none;
    color:white;
}

.opcionesbox {margin-left: 10%;}

.divform button {
    float:right;
    position:relative;
    background-color:#767676;
    font-family: asap;
    font-weight: bold;
    font-size: 14px;
    padding:7px;
    width: 80px;
    border:none;
    border-radius: 7px;
}

.divform button:hover {background-color:#464646; }


/*----video----*/
.divvideo {margin-bottom: 40px;}

.iconvid {
    float: left;
    position:absolute;
    
}

.titulovid2 {
    padding-left: 40px;
    background-color:#f89e3e;
  
}

.titulovid2 > h2 {
    color:white;
    padding:2px 2px 3px 0;
}

.titulovidgral iframe {
    width: 92%;
    background-color: #f48056;
    padding:11.5px;
}


/*---------------------DEPORTE LOCAL------------------------*/

.deportesmain {
    max-width: 960px;
    background-color: #F1F2F2;
    margin: 65px auto 0 auto;
    height: 1160px;
    
    
}

.deportespad {padding: 26px;max-width: 908px;}



.banerdeportes {
    margin-bottom: 40px;
    width:100%;
}

.banertitulo1 {
    width: 100%;   
}

.banertitulo1 h1 {
    font-size: 350%;
    padding-left: 20px;color:white;
    background-color: #222222;
    border-radius: 7px;
}


/*---COLOR BORDE TITULOS DEPORTE----*/
#boxeocol {
    border-bottom:2px solid #f15b40;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;  
}

#handcol {
    border-bottom:2px solid #2E3192;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;  
}

#volcol {
    border-bottom:2px solid #27AAE1;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;  
}

#hockeycol {
    border-bottom:2px solid #509B40;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;  
}


/*----COLOR DE TITULOS a DE DEPORTE Y SU HOVER----*/
#boxeocol h1  a {
    color:#f15b40;
}
#boxeocol h1 a:hover {
    color:#f89e3e;
}
#handcol h1 a{
    color: #2E3192;
}

#handcol h1 a:hover {
    color:#f89e3e;
}

#volcol h1 a{
    color: #27AAE1;
}

#volcol h1 a:hover {
    color:#f89e3e;
}

#hockeycol h1 a{
    color: #509B40;
}

#hockeycol h1 a:hover {
    color:#f89e3e;
}

/*----COLOR DE BACKGROUND NOTA----*/
.notacol {
    background-color: white;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

/*------DEPORTE LOCAL:COLUMNA 1-----*/


.columcarpeta1 {
    max-width:47%;
    float: left;
    position: relative;
    margin-left: 2%;
    
}
.columcarpeta1 a {text-decoration: none; color:#3c3c3c; }
.columcarpeta2 a {text-decoration: none; color:#3c3c3c;}

.carpeta1 {margin-bottom: 30px;}
.iconodeportes {
    float:left;
    position: absolute;
    z-index: 4;
}
.titcarpeta2 {
    float: left;
    position: relative;
    margin:6px 0 0 26px;
    width:87.88%;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.titcarpeta2 h1 {
    padding-left: 39px;
    
}


.titnota1 {
    max-width: 100%;
    clear: both;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding:26px 26px 10px 26px;
    
    
}

.deporte1 {width:100%;}

.titnota1 p {
    margin-top: 8px;
    line-height: 20px;
    color:white;
    font-size: 14px;
}


.leer:hover {color:#f89e3e;}

.txt1 {
    padding-bottom: 13px;
    border-bottom: 1px solid black;
}
.txt1 p {font-weight: bolder;}

.titnota1 ul {margin-top: 13px;}

.titnota1 ul li {
    font-family: asap;
    font-size: 13px;
    color:white;
    margin-bottom: 12px;
}

.titnota1 ul li a:hover {color:#f89e3e;}



/*------DEPORTE LOCAL: COLUMNA 2-----*/


.columcarpeta2 {
    max-width:47%;
    float: left;
    position: relative;
    margin-left: 2%;
    
}


/*--------------------RESPONSIVE 720px--------------------*/
@media screen and (max-width:720px)
                        {
                        #micomentarioper {  width: 79.6%;}
                        .comentariop { width: 81.5%;}
                        #tituloperf { width: 97,9%; }
                        .comentarioper { width: 96.5%; }
                        #logopares { display: none;}
                        
                        
                        
/*--------------------RESPONSIVE VIVO 720px-------------------------*/

                        #titulovivoest{display:none;}
                        #textovivopete{display:none;}
                        #containterdatosm{display:none;}
                        .videovivo{width: 100%;}
                        .videovivo iframe{width: 100%;}
                        .comentariosvivo {width: 100%;}
                        #tituchatvivo { margin-top:1px;}
                        #botonvivo1 {margin-right: 5px;}
                        #titulovivo1 {  width: 87.5%; }
                        .mensajevivos {width: 98% }
                        .chat {width: 100%;}
                            
                        .badgeinfo {width: 80%; margin-left: 50px; padding-left: 80px;}
                            
/*--------------------RESPONSIVE PERFIL 720px--------------------*/
                        .visormed{display: none;}
                        .visormed1 { width: 35%; }
                        #titulomed { width: 95%; }
                        .badgeindo { width: 85%; padding-left: 80px; margin-left: 49px;}
                        #infomed { width: 95%; }
                        #continfo1 {width: 33%;}
                        .visorper{ width: 70%; float: left; margin-left: 22px;}
                        #followers { width: 40%;}
                        .points1 { margin-left: 5px; }
                        #datacont1 h3 { font-size: 12px;}
                        #micomentarioper > textarea { width: 91,5%; }
                        
/*--------------------RESPONSIVE HISTORIA 720px--------------------*/
                        
                        .tituloybaner img {display:none;}
                         
                        #banerflandria1 {height:67px;background-color: #f89e3e;border-radius: 7px;}
                        #banerflandria1 h1 {font-size: 250%;padding:3px 0 0 20px;}
                            .historia1 {width: 99.84%;}
                            .historia1 img {widt}
                            .historia2 {clear: both; margin:20px 0 0 0;width:99.84%;width:100%;}
                            .articulo2 article {float:none; position: none;width:100%;}
                            .datos{display:none;}
                            .camiseta1 {float:none; position: none;}
                            .divinsti {padding: 25px 26px 25px 26px;}
                            .institucional1 {width: 100%;margin-bottom: 30px;}
                            .institucional1 img {display:none;}
                            
/*--------------------RESPONSIVE ARTICULO PPAL 720px--------------------*/
                            
                            #main-articuloppal {margin: 65px auto 0 auto;}
                            .section1 {float:none;padding-bottom: 85%;width:81%;}
                            #fotoppal {width:100%;}
                            .compartircontenedor {padding-left: 0;}
                            .comentariobox article {width:83%;}
                            #textarea {width:97.8%;}
                            .destacados {width:82.6%;}
                            .section2 {clear: both;margin:20px 0 0 5.8%;;float:none;width:88.39%;}
                            .relacionado ul{margin-bottom:0;}
                            .relacionado1 a {display: inline-table;}
                            .relacionado1 li {padding-right: 15px;border-bottom: none;}
                            .relacionado1 {background-color: #c9c9c9;}
                            
                            
                            
/*--------------------RESPONSIVE BOXEO 720px--------------------*/ 
                            .epiboxeo {width: 100%;}
                            .epiboxeo>h1 {width:44%; font-size:127%;margin-top:-127px;}
                            .epiboxeo>h4 {font-size: 96%;}
                            .columna22 {clear:both;float:left;width:100%;}
                            .columna11 {width:100%;}
                            .ultimasbox {width:30.5%;}
                            .divvideo {display:none;}
                            .cuestion {display:none;}
                            
                            
    /*--------------------RESPONSIVE DEPORTE LOCAL 720px--------------------*/                         
                            .deportespad {padding-left:0;}
                            .banertitulo h1 {padding-left: 0;}
                        
                        
                        
                        
                        
                        
                        }

@media only screen and (max-width : 720px) 
                        {
                        #lujantrigger { display: none; }
                        #flandriatrigger { display: none; }
                        .articleuno { width: 100%; position: relative!important; float: left;}    
                        #banner1 h1 {margin-top: -145px;}
                        #banner1 h4 
                            {
                            color: #FFF;
                                float: left;
                                position: relative;
                                margin-left: 25px;
                                margin-top: -80px;
                                margin-right: 40px;
                                background: #333132;
                                opacity: 0.8;
                                padding: 8px;
                                border-radius: 7px;
                                font-size: 13px;
                                display: block;
                            }
                        #banner2 h1 {margin-top: -155px;}
                        #banner2 h4 
                            {
                            color: #FFF;
                                float: left;
                                position: relative;
                                margin-left: 25px;
                                margin-top: -90px;
                                margin-right: 40px;
                                background: #333132;
                                opacity: 0.8;
                                padding: 8px;
                                border-radius: 7px;
                                font-size: 13px;
                                display: block;
                            }
                        #tira1 img { width: 148%;}
                        #tira1 h1 { margin-left: 90px; margin-top: -60px;}
                        #titulonoticia img {width: 93%;}
                        #titulonoticia h2 {margin-top: -45px; margin-left: 60px;}
                        .vermasbuton { margin-top: 20px;}
                        .articledos { width: 100%; position: relative!important; float: left;}
                        #tira2 img { width: 148%;}
                        #tira2 h1 { margin-left: 90px; margin-top: -60px;}

                            }





/*--------------------RESPONSIVE 480px--------------------*/
@media screen and (max-width:480px)
                        {
                        #barra { height: 181px;}
                        #logohead {float: left; margin-top: 39px; margin-left: 92px;}
                        #perfil { margin-right: 108px; margin-top: -30px; margin-bottom: 20px;}
                        .buscador {display: none;} 
                        .small-none{display: none;}
                        .articleuno{ width: 100% }
                        .articledos{ width: 100% }
                        .articledos.activo,
                        .articleuno.activo 
                                    {
                                    width: 100%;
                                    }
                        .articleuno, .articledos{
                            position: relative!important;
                            left: inherit;
                            top: inherit;
                        }
                     
                        

/*--------------------RESPONSIVE PERFIL 480px--------------------*/

                        #contimgp{width: 45%;}
                        #continfo1{width: 48%; margin-right: 10px;}
                        #datacont4{ padding-left: 10px;}
                        #datacont1{ padding-left: 10px;}
                        #datacont2 {width: 98%; margin-top: 10px;}
                        #tituloperf { width: 96%; }
                        .badgesobtenidas img { width: 17%; }
                        #col2per {display: none;}
                        #col1per {width: 98%;}
                        #micomentarioper > textarea { width: 91.6% }
                        .fullcomentp img { width: 13%; }
                        .comentariop { width: 80.5%; margin-left: 10px;}
                        #micomentarioper { width: 81.5%; }
                        .comentariop img { width: 100% ;}
                        .comentarioper {width: 98.5%;}
                        #datacont1 h3 { font-size: 13px;}

/*--------------------RESPONSIVE BADGES 480px-------------------------*/

                        #banperfil{padding: 2% 1% 0% 1%;}
                        #estatus { margin-top: 11px;}
                        #banperfil h2 { font-size: 23px;}
                        .visormed{ display: none;}
                        .visormed1 { width: 36%; margin-right: 5px;}
                        .visormed1 h3 { display: none;}
                        .visormed1 table { margin-left: 5px;}
                        #infomed {width: 93%;}
                        .badgetit {width: 70%;}
                        .badgeinfo {width: 69%; margin-left: 50px; padding-left: 80px;}
                        #titulomed {width: 83%;}
                        #titulomed1 {margin-top: -84px;}
                        #titulomed img {width: 25%;}
                       
/*--------------------RESPONSIVE VIVO 480px-------------------------*/

#titulovivoest{display:none;}
#textovivopete{display:none;}
#containterdatosm{display:none;}
.videovivo{width: 100%;}
.videovivo iframe{width: 100%;}
.comentariosvivo {width: 100%;}
#tituchatvivo { margin-top:1px;}
#botonvivo1 {margin-right: 5px;}
#titulovivo1 {  width: 81.5%; }
                       
                            /*--------------------RESPONSIVE HISTORIA 480px--------------------*/
                            .historiatot {padding:0;}
                            #banerflandria1 {border-radius: 0;}
                            #banerflandria1 h1 {font-size: 238%;}
                            .titulohistoria2 h2 {border-radius: 0;}
                            .titulocamiseta2 h2 {border-radius: 0;}
                            .tituloinsti2 h2 {border-radius: 0;}
                            .camiseta1 {width: 49%;}


/*--------------------RESPONSIVE ARTICULO PPAL 480px--------------------*/
                            
                            .section1 {width:90%;padding: 5% 5% 119% 5%;}
                            #fotoppal {display:none;}
                            .comentario {padding: 10px 8px 8px 10px;}
                            .comentariobox article {width:78%;}
                            #textarea {width: 96.9%;}
                            #micomentario {height: 239px;}
                            .destacados {width:76%;}
                            .section2 {width:100%; margin-left: 0;}
                            .relacionado ul {margin-bottom: 0;}
                            
                            
/*--------------------RESPONSIVE BOXEO 480px--------------------*/
                            .epiboxeo>h1 {width:58%;font-size: 106%;}
                            .epiboxeo>h4 {font-size: 76%;}
                            .ultimasbox>h2 {width:103%;}
                            .notia1boxeo {margin-top: 20px;margin-bottom:11px;}
                            .fotoboxeo-mini {display:none;}
                            .textominiboxeo {float:left;position: relative;width:100%;}
                           
                        
    /*--------------------RESPONSIVE DEPORTES LOCAL 480px--------------------*/                   
                            .columcarpeta1 {max-width: 100%;}
                            .columcarpeta2 {max-width:100%}
                            .deporte1 {display:none;}
                            .titnota1 p {margin-top: 0}
                            
                        
                        
                        
                        
                        
                        }