@import url(http://fonts.googleapis.com/css?family=Merriweather:400,300,700,900);
@import url(http://fonts.googleapis.com/css?family=Lato:400,900,700,300);

html {font-size: 12px;}

.separador {width: 100%; clear: both;}

.pagina {max-width: 960px;
    margin: 0 auto;}

.bold {font-weight: 700;}

a {
    text-decoration: none;
    color: #313232;}




/* JQUERY */



/* JQUERY QUIENES SOMOS */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

	border:  none;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(imagenes/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #6666cc;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(imagenes/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(imagenes/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(imagenes/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(imagenes/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/* FIN JQUERY QUIENES SOMOS */
/* FIN JQUERY */










/* HEADER */
.topheader {background: #313232;
            width: 100%;
            height: 30px;}

.topheader .interno{
    width:100%;
    max-width: 960px;
    margin: 0 auto;
    height: 30px;
    color: #A8A9A9;
    background: #313232;}


.topheader ul {text-decoration: none;
                margin: 0;
                padding-top: 4px;
                padding-left: 0;}

.topheader ul li {
    display: inline;
    margin-left: 5px;
    margin-top: 5px;
    color: #A8A9A9;
    text-decoration: none;
    font-family: 'Lato', sans-serif; 
    font-weight: 700; 
    font-size: 1rem; 
    font-weight: 300;}


.navleftpart {
    background: #313232;
    text-align: left;
    text-decoration: none;
    position: relative;
    float: left;
    }


.navrightpart {
    background: #313232;
    height: 30px;
    text-align: right;
    text-decoration: none;
    margin-left: 0px;
    position: relative;
    float: right;
    }


.left-part .interno {
    max-width: 480px;
    float: right;}



.tiempo {
    display: inline;
    margin-left: 10px;
    margin-top: 2.2px;
    width: 960px;
    font-family: 'Lato', sans-serif; 
    font-weight: 700; 
    font-size: 0.8rem; 
    font-weight: 300; 
    color: #A8A9A9;
    text-decoration: none;
    position: absolute;
    }

.bottomheader {
  width: 50%;
  float: right;
  padding-top: 2.5%;
  margin-bottom: 3%;
}

.left-part {
    width: 50%;
    float: left;
    background: #ffed27;
    min-height: 113%;
    text-align: right;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);}

a.logo {
    display: inline-block;
    margin-top: 35px;
    margin-right: 40px;
    margin-bottom: 20px; }


.right_part {
    max-width: 50%;
    position: relative;
    float: right;
    margin-top: 5%;
    padding-right: 7%;
    border-bottom: 1px solid #e5e5e5;
    font-family: 'Merriweather', serif; 
    font-weight: 700; 
    font-size: 1.1rem; 
    font-weight: 700;
    }



ul.menu {
    margin: 4% 0px 5% 0;
    }

ul.menu > li {
    display: inline-block;
    margin-right: 2%;
    list-style: none;
    position: relative;
    font-family: 'Merriweather', serif;
    font-size: 1rem;
    font-weight: 700;}

ul.menu > li > a,
ul.drop-down li a {
    position: relative;
    display: inline-block;
    color: #a5a5a5;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 20px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;}

ul.menu > li > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #2C2C2D;
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;}
            

ul.menu > li > a.active,
ul.menu > li > a:hover {
    color: #2C2C2D;
    padding-bottom: 8px;}

ul.menu > li > a.active:before,
ul.menu > li > a:hover:before {
    opacity: 1;
position: absolute;}


  
ul.menu ul li a:hover{
 color: #2C2C2D;
 cursor:pointer;
    
}
  
ul.menu li:hover ul ul,ul.menu li:hover ul ul ul,ul.menu li.iehover ul ul,ul#menu li.iehover ul ul ul {
 display: none;
 cursor:pointer;
}
  
ul.menu li:hover ul,ul#menu ul li:hover ul,ul.menu ul ul li:hover ul,ul.menu li.iehover ul,ul.menu ul li.iehover ul,ul.menu ul ul li.iehover ul {
 display: block;
 cursor:pointer;
}

.nav_secciones {
    position: absolute;
    width: 160px;
    font-size: 1rem;
    }

.nav_secciones li {
    list-style: none;}

.nav_secciones a {
    text-decoration: none;
    }

.nav_secciones > li > a,
ul.drop-down li a {
    position: relative;
    display: inline-block;
    color: #a5a5a5;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 20px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;}

.nav_secciones > li > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #2C2C2D;
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;}
            

.nav_secciones > li > a.active,
.nav_secciones > li > a:hover {
    color: #2C2C2D;
    padding-bottom: 8px;}

.nav_secciones > li > a.active:before,
.nav_secciones > li > a:hover:before {
    opacity: 1;
position: absolute;}

.nav_secciones ul li a{
 color: #2C2C2D;
    
}
  
.nav_secciones ul li a:hover{
 color: #2C2C2D;
 cursor:pointer;
    
}
  
.nav_secciones li:hover ul ul,ul.menu li:hover ul ul ul,ul.menu li.iehover ul ul,ul#menu li.iehover ul ul ul {
 display: none;
 cursor:pointer;
}
  
.nav_secciones li:hover ul,ul#menu ul li:hover ul,ul.menu ul ul li:hover ul,ul.menu li.iehover ul,ul.menu ul li.iehover ul,ul.menu ul ul li.iehover ul {
 display: block;
 cursor:pointer;
}

.nav_servicios {
    position: absolute;
    width: 160px;
    font-size: 1rem;
    }

.nav_servicios li {
    list-style: none;}

.nav_servicios a {
    text-decoration: none;
    }

.nav_servicios > li > a,
ul.drop-down li a {
    position: relative;
    display: inline-block;
    color: #a5a5a5;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 20px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;}

.nav_servicios > li > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #2C2C2D;
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;}
            

.nav_servicios > li > a.active,
.nav_servicios > li > a:hover {
    color: #2C2C2D;
    padding-bottom: 8px;}

.nav_servicios > li > a.active:before,
.nav_servicios > li > a:hover:before {
    opacity: 1;
position: absolute;}

.nav_servicios ul li a{
 color: #2C2C2D;
    
}
  
.nav_servicios ul li a:hover{
 color: #2C2C2D;
 cursor:pointer;
    
}
  
.nav_servicios li:hover ul ul,ul.menu li:hover ul ul ul,ul.menu li.iehover ul ul,ul#menu li.iehover ul ul ul {
 display: none;
 cursor:pointer;
}
  
.nav_servicios li:hover ul,ul#menu ul li:hover ul,ul.menu ul ul li:hover ul,ul.menu li.iehover ul,ul.menu ul li.iehover ul,ul.menu ul ul li.iehover ul {
 display: block;
 cursor:pointer;
}

/* FIN HEADER */



/* header responsive */

@media screen and (max-width:768px){
    
.left-part {
    max-width: 768px;
    width:100%;}

.left-part .interno {
    max-width: 480px;}

a.logo {
  display: inline-block;
  margin-top: 35px;
  margin-right: 277px;
  margin-bottom: 20px;}

.bottomheader {width: 100%;}

    ul.menu {margin-left: 18%;}
}

@media screen and (max-width:640px){
    
.left-part {width:100%;}

.left-part .interno {
    max-width: 480px;}

a.logo {
  display: inline-block;
  margin-top: 35px;
  margin-right: 237px;
  margin-bottom: 20px;}

.bottomheader {width: 100%;}

ul.menu {margin-left: 11%;}  
    
}


@media screen and (max-width:550px){
    
.left-part {width:100%;}

.left-part .interno {
    max-width: 480px;}

a.logo {
  display: inline-block;
  margin-top: 35px;
  margin-right: 181px;
  margin-bottom: 20px;}

.bottomheader {width: 100%;}

ul.menu {margin-left: 6%;}  
    
}


@media screen and (max-width:480px){
    
.left-part {width:100%;}

.left-part .interno {
    max-width: 480px;}

a.logo {
  display: inline-block;
  margin-top: 35px;
  margin-right: 142px;
  margin-bottom: 20px;}

.bottomheader {width: 100%;}

ul.menu {margin-left: 0%;}  
    
}

@media screen and (max-width:320px){
    
.left-part {width:100%;}

.left-part .interno {
    max-width: 480px;}

a.logo {
  display: inline-block;
  margin-top: 35px;
  margin-right: 71px;
  margin-bottom: 20px;}

.bottomheader {width: 100%; }

ul.menu {padding-left: 35px;
          padding-right: 4px;
          width: 241px;}  
    
}

/* fin header responsive */





/* BODY */

body{
text-align:left;
font-size: 1rem;
margin: 0 auto 0 auto;}

/* FIN BODY */








/* HOME */

.home_vivo_img {
    width: 75%;
    margin: 0 auto 0 auto;
    }


/* HOME: TITULOS */

.home_h2 {
    font-size: 1rem;
    text-align: left;
    font-family: 'Lato', sans-serif; font-weight: 400;
    }    

.home_h3 {
    font-size: 1.25rem;
    text-align: left;
    text-decoration: none;
    color: #313232;
    }

.home_bajada {
    font-size: 1.1rem;
    text-align: left;
    }



/* HOME: ACTUALIDAD */

.home_actualidad {
    width: 960px;
    margin-top: 5%;
    }

 .home_actualidad_titulo {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.home_actualidad_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }

 .home_actualidad a {
     text-decoration: none;
     color: #313232
     }
     
 .home_actualidad_recuadros {
     margin-left: 10%;
     }
 
.home_actualidad_ciudad {
    width: 27%;
    background: #f8f6d2;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 0%;
    margin-bottom: 2%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.home_actualidad_ciudad a {
    text-decoration: none;
    color: #313232
    }

.home_actualidad_politica {
    width: 27%;
    background: #f8f6d2;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 4%;
    margin-bottom: 2%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.home_actualidad_politica a {
    text-decoration: none;
    color: #313232
    }

.home_actualidad_rural {
    width: 27%;
    background: #f8f6d2;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 4%;
    margin-bottom: 2%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.home_actualidad_rural a {
    text-decoration: none;
    color: #313232
    }

    /* FIN HOME: Actualidad */
    

    /* CULTURA */

.home_cultura {
    width: 960px;
    margin-top: 5%;
    }

 .home_cultura_titulo {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.home_cultura_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }

 .home_cultura a {
     text-decoration: none;
     color: #313232
     }

.home_cultura_recuadros {
    margin-bottom: 10%;
    margin-left: 10%;
    }

.home_cultura_arte {
    width: 27%;
    background: #fce8d3;
    min-height: 300px; 
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 0%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.home_cultura_arte a {
    text-decoration: none;
    color: #313232
    }

.home_cultura_musica {
    width: 27%;
    background: #fce8d3;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 4%;
    margin-bottom: 2%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.home_cultura_musica a {
    text-decoration: none;
    color: #313232
    }

.home_cultura_cine {
    width: 27%;
    background: #fce8d3;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 4%;
    margin-bottom: 2%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.home_cultura_cine a {
    text-decoration: none;
    color: #313232
    }

    /* FIN HOME: CULTURA */

    /* HOME: DEPORTES */

.home_deportes {
    width: 960px;
    margin-top: 5%;
    }

 .home_deportes_titulo {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.home_deportes_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }

.home_deportes a {
     text-decoration: none;
     color: #313232
     }

.home_deportes_recuadros {
    margin-bottom: 10%;
    margin-left: 10%;
    }

.home_deportes_futbol {
    width: 27%;
    background: #d4efdf;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    padding: 2%;
    padding-top: 1%;
    margin-left: 0%;
    margin-bottom: 2%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.home_deportes_futbol a {
    text-decoration: none;
    color: #313232
    }

.home_deportes_boxeo {
    width: 27%;
    background: #d4efdf;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 4%;
    margin-bottom: 2%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.home_deportes_boxeo a {
    text-decoration: none;
    color: #313232
    }

.home_deportes_rugby {
    width: 27%;
    background: #d4efdf;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 4%;
    margin-bottom: 2%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.home_deportes_rugby a {
    text-decoration: none;
    color: #313232
    }

    /* HOME: FIN DEPORTES */

    /* HOME: ENLACES */

.home_enlaces {
    width: 960px;
    margin: 0 auto 0 auto;
    margin-top: 5%;
    }

 .home_enlaces_titulo {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     margin-bottom:2%;
     }

 .home_enlaces a {
    text-decoration: none;
    color: #313232;
    }

.home_enlaces_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }
        
.home_enlaces_img {
    padding-left: 25%;
    }

    /* HOME: FIN ENLACES */

/* FIN HOME */


/* HOME: responsive */

@media screen and (max-width:960px){
  
.home_vivo_img {
  width: 78%;
    margin: 0 auto;}

}

@media screen and (max-width:925px){
  
.home_vivo_img {
  width: 82%;
    margin: 0 auto;}

.home_actualidad_recuadros img {width: 100%;}
.home_cultura_recuadros img {width: 100%;}   
.home_deportes_recuadros img {width: 100%;}
    
    
}

@media screen and (max-width:768px){
  
.home_vivo_img {
  width: 95%;
  margin: 0 auto;}

.home_enlaces_linea {visibility: hidden;}
.home_deportes_linea {visibility: hidden;}
.home_actualidad_linea {visibility: hidden;}
.home_cultura_linea {visibility: hidden;}    

.home_enlaces_titulo {text-align: center; width: 100%; max-width: 768px;margin-left: 0px; margin-right: 0px;}
.home_deportes_titulo {text-align: center; width: 100%; max-width: 768px;margin-left: 0px; margin-right: 0px;}
.home_actualidad_titulo {text-align: center; width: 100%; max-width: 768px;margin-left: 0px; margin-right: 0px;}
.home_cultura_titulo {text-align: center; width: 100%; max-width: 768px;margin-left: 0px; margin-right: 0px;}   

.home_actualidad_recuadros img {width: 100%;}     
.home_cultura_recuadros img {width: 100%;}   
.home_deportes_recuadros img {width: 100%;} 
    
.home_enlaces_img {
  padding-left: 16%;}    
    
}  


@media screen and (max-width:480px){
    
.home_vivo_img {
  width: 75%;
    margin-top:4%;
}  

.home_vivo_imgtwitt {
  margin-top:4%;}

    
.home_enlaces_titulo {text-align: center; width: 100%; max-width: 480px;margin-left: 0px; margin-right: 0px;}
.home_deportes_titulo {text-align: center; width: 100%; max-width: 480px;margin-left: 0px; margin-right: 0px;}
.home_actualidad_titulo {text-align: center; width: 100%; max-width: 480px;margin-left: 0px; margin-right: 0px;}
.home_cultura_titulo {text-align: center; width: 100%; max-width: 480px;margin-left: 0px; margin-right: 0px;}

    
.home_actualidad_ciudad {width: 80%;padding: 19px;}
.home_actualidad_politica {width: 80%;padding: 19px; margin: 0 auto; margin-top:8px;}
.home_actualidad_rural {width: 80%;padding: 19px; margin: 0 auto;margin-top:8px;}    
  

.home_cultura_arte {width: 80%;padding: 19px;}
.home_cultura_musica {width: 80%;padding: 19px; margin: 0 auto; margin-top:8px;}
.home_cultura_cine {width: 80%;padding: 19px; margin: 0 auto;margin-top:8px;}  
    

.home_deportes_futbol {width: 80%;padding: 19px;}
.home_deportes_rugby {width: 80%;padding: 19px; margin: 0 auto; margin-top:8px;}
.home_deportes_boxeo {width: 80%;padding: 19px; margin: 0 auto;margin-top:8px;}    
 
.home_actualidad_recuadros {margin-left: 18%;}         
.home_cultura_recuadros {margin-left: 18%;}    
.home_deportes_recuadros {margin-left: 18%;} 
    
    
.home_actualidad_recuadros img {width: 89%;
  padding: 12px;}  
    
}
    


@media screen and (max-width:320px)

{
    
.home_vivo_imgvivo {
  margin-top:4%;
  width: 100%;}

.home_vivo_imgtwitt {
  margin-top:4%;
  width: 100%;}
       
.home_enlaces_titulo {text-align: center; width: 100%; max-width: 320px; margin-left: 0px; margin-right: 0px;}
.home_deportes_titulo {text-align: center; width: 100%; max-width: 320px; margin-left: 0px; margin-right: 0px;}
.home_actualidad_titulo {text-align: center; width: 100%; max-width: 320px; margin-left: 0px; margin-right: 0px;}
.home_cultura_titulo {text-align: center; width: 100%; max-width: 320px; margin-left: 0px; margin-right: 0px;}

    
.home_actualidad_ciudad {width: 80%;padding: 19px;}
.home_actualidad_politica {width: 80%;padding: 19px; margin: 0 auto; margin-top:8px;}
.home_actualidad_rural {width: 80%;padding: 19px; margin: 0 auto;margin-top:8px;}    
  

.home_cultura_arte {width: 80%;padding: 19px;}
.home_cultura_musica {width: 80%;padding: 19px; margin: 0 auto; margin-top:8px;}
.home_cultura_cine {width: 80%;padding: 19px; margin: 0 auto;margin-top:8px;}  
    

.home_deportes_futbol {width: 80%;padding: 19px;}
.home_deportes_rugby {width: 80%;padding: 19px; margin: 0 auto; margin-top:8px;}
.home_deportes_boxeo {width: 80%;padding: 19px; margin: 0 auto;margin-top:8px;}    
 
.home_actualidad_recuadros {margin-left: 18%;}         
.home_cultura_recuadros {margin-left: 18%;}    
.home_deportes_recuadros {margin-left: 18%;} 
    
    
.home_actualidad_recuadros img {width: 89%; padding: 12px;}   
    
}







/* ACTUALIDAD */

    /* ACTUALIDAD: TITULOS */

.actualidad {
    width: 960px;
    }

 .actualidad_titulo {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.actualidad_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }

.actualidad_titulo a {
    text-decoration: none;
    color: #313232;
    }

.actualidad_h2 {
    font-size: 1rem;
    text-align: left;
    font-family: 'Lato', sans-serif; 
    font-weight: 400;
    }


.actualidad_h3 {
    font-size: 1.25rem;
    text-align: left;
    text-decoration: none;
    color: #313232;
    }

.actualidad_bajada {
    font-size: 1.1rem;
    text-align: left;
    }

    /* ACTUALIDAD: RECUADROS */

.actualidad_recuadros {
    margin-left: 10%;
    }
    
.actualidad_recuadro_ciudad {
    width: 27%;
    background: #f8f6d2;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 0%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_ciudad a {
    text-decoration: none;
    color: #313232
    }

.actualidad_recuadro_politica {
    width: 27%;
    background: #f8f6d2;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 5%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_politica a {
    text-decoration: none;
    color: #313232
    }

.actualidad_recuadro_rural {
    width: 27%;
    background: #f8f6d2;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 5%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_rural a {
    text-decoration: none;
    color: #313232
    }

.actualidad_recuadro_policiales {
    width: 27%;
    background: #f8f6d2;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 0%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_policiales a {
    text-decoration: none;
    color: #313232
    }

.actualidad_recuadro_pais {
    width: 27%;
    background: #f8f6d2;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 5%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_pais a {
    text-decoration: none;
    color: #313232
    }

.actualidad_recuadro_mundo {
    width: 27%;
    background: #f8f6d2;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 5%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.actualidad_recuadro_mundo a {
    text-decoration: none;
    color: #313232
    }


    /* ACTUALIDAD: NAVEGADOR SECCIONES */
        .actualidad_navegador_secciones {
            margin: 0 auto;
            width: 100%;
            margin-top: 5%;
            margin-bottom: 5%;
            font-family: 'Merriweather', serif; 
            font-weight: 700;
            text-align: center;
            }

        .actualidad_navegador_secciones nav ul {
            list-style-type: none;
            }

        .actualidad_navegador_secciones nav ul li {
            display: inline;
            }
        
        .actualidad_navegador_secciones nav ul li a {
            text-decoration: none;
            color: #313232;
            }


    /* ACTUALIDAD: FIN NAVEGADOR SECCIONES */













 /* responsive actualidad */


@media screen and (max-width:768px){
.actualidad_recuadros img {width: 100%;}    
  
.actualidad_linea {visibility: hidden;}
    
.actualidad_titulo {
  width: 100%;
  text-align: center;
  max-width: 768px;}    
     .actualidad_navegador_secciones nav ul {padding-left: 0px;}    
}    
    
    
@media screen and (max-width:480px){
    
.actualidad_recuadros img {width: 100%;}    
  
.actualidad_linea {visibility: hidden;}
    
.actualidad_titulo {width: 100%;
  text-align: center;
  max-width: 480px;}    
 
.actualidad_navegador_secciones nav ul {padding-left: 0px;}
 
.actualidad_recuadro_ciudad {
  width: 80%;
  padding: 19px;
  margin-bottom: 1px;}
    
.actualidad_recuadro_politica {
  width: 80%;
  padding: 19px;
  margin: 0 auto;
  margin-top: 8px;}
    
.actualidad_recuadro_rural {
  width: 80%;
  padding: 19px;
  margin: 0 auto;
  margin-top: 9px;
}    

.actualidad_recuadro_policiales {
  width: 80%;
  padding: 19px;
  margin-top: 9px;
  margin-bottom: 9px;}
    
.actualidad_recuadro_pais {
  width: 80%;
  padding: 19px;
  margin: 0 auto;
  margin-top: 1px;}
    
.actualidad_recuadro_mundo {width: 80%;
                      padding: 19px;
                      margin: 0 auto;
                      margin-top: 8px;}

.actualidad_recuadros {margin-left: 18%;}    
    
}    
 
    
@media screen and (max-width:480px){

.actualidad_titulo {width: 100%;
  text-align: center;
  max-width: 320px;}  
    
}  




/* ACTUALIDAD_CIUDAD */

    /* ACTUALIDAD_CIUDAD: ARTÍCULO */

.actualidad_ciudad {max-width: 960px;
  margin: 0 auto;}


 .actualidad_ciudad_titulo {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.actualidad_ciudad_titulo a {
    text-decoration: none;
    color: #313232
    }

.actualidad_ciudad_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }

    .actualidad_seccion {
        margin-bottom: 4%;
        }

    .actualidad_ciudad_seccion {
        width: 640px;
        }
        
    .actualidad_ciudad_h2 {        
        width: 95%;
        position: absolute;
        text-align: left;
        font-family: 'Merriweather', serif;
        font-weight: 700;
        font-size: 1rem;
        }

    .linea_actualidad_ciudad {
        position: absolute;
        float: right;
        margin-top: 1%;
        margin-left: 10%;
        }

    /* ACTUALIDAD: CIUDAD ARTICULO */
 
.actualidad_ciudad_articulo {width: 640px;
              margin-left: 4%;
              margin-bottom: 10%;
              position: absolute;
              float: left;}
    
    .actualidad_ciudad_articulo_div {
        max-width: 95%;
        margin-bottom: 5%;
        }

    .actualidad_ciudad_h3 {
            font-size: 2rem;
            text-align: left;
            position: relative;
            float: left;
            font-weight: 700;
            font-family: 'Lato', sans-serif;
            margin-bottom: 0px;}
        
        .actualidad_ciudad_bajada {
            font-size: 1.3rem;
            text-align: left;
            position: relative;
            float: left;
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            }

        .actualidad_tags {
            max-width: 500px;
            padding-top: 2%;
            }

        .actualidad_tags_fecha {
            font-size: 1rem;
            font-family: 'Lato', sans-serif;
            font-weight: 400;
            margin-top: 15%;
            position: absolute;
            float: left;
            text-align: left;
            }

        .actualidad_tags_niunamenos {
            font-family: 'Lato', sans-serif;
            font-weight: 700;
            font-size: 1rem;
            background: #ffed27;
            border-radius: 5px;
            height: 2%;
            width: 15%;
            margin-top: 14.3%;
            margin-left: 16%;
            padding-top: 0.5%;
            padding-left: 0.5%;
            padding-right: 0.5%;
            position: absolute;
            float: right;
            }

        .actualidad_tags_niunamenos a {
            text-decoration: none;
            color: #313232;
            }

        .actualidad_ciudad_imagen {
            margin-left: 15%;
            margin-top: 7%;
            margin-bottom: 5%;
            width: 75%;
            }

        .actualidad_ciudad_nota {
            font-family: 'Lato', sans-serif; font-weight: 400;
            font-size: 1.1rem;
            text-align: left;
            width: 100%;
            }
        /* ACTUALIDAD: CIUDAD ARTICULO */


        .separador {width: 100%; clear: both;}

    /* ACTUALIDAD_CIUDAD: FORMULARIO */

            .actualidad_formulario_titulo {
                margin-bottom: 7%;
                }

            .actualidad_formulario_titulo_comentario {
                width: 95%;
                position: absolute;
                text-align: left;
                font-family: 'Merriweather', serif;
                font-weight: 700;
                font-size: 1rem;
                }

            .actualidad_formulario_linea {
                position: absolute;
                float: right;
                margin-left: 20%;
                }

            .actualidad_formulario {
                width: 480px;
                margin-left: 8%;
                }

            .actualidad_ul {
                list-style-type:none;
                padding:0px;
                position: relative;
                float: left;
                margin-bottom: 10%;
                }

            .actualidad_li{
                list-style-type:none;
                padding:5px; 
                position:relative;
                }

            .actualidad_li input {
                font-family: 'Lato', sans-serif;
                font-style: italic;
                color: #c1c1c1;
                margin: 0 auto 0 auto;
                }

            .actualidad_li input[type="text"] {
                border-radius: 10px;
                background: #f8f6d2;
                width: 500px;
                height: 30px;
                box-sizing: border-box;
                border-style: none;
                padding-left: 15px;
                }

            .actualidad_li textarea {
                font-family: 'Lato', sans-serif;
                font-weight: 400;
                font-style: italic;
                color: #c1c1c1;
                border-radius: 10px;
                background: #f8f6d2;
                width: 500px;
                height: 100px;
                box-sizing: border-box;
                border-style: none;
                padding-top: 5px;
                padding-left: 15px;
                text-align: left;
                }

            .actualidad_li button[type="submit"]{
                border-radius: 5px;
                background: #ffed27;
                width: 70px;
                height: 30px;
                border-style: none;
                font-family: 'Merriweather', serif;
                font-size: 1rem;
                font-weight: 700;
                position: relative;
                float: right;
                margin-right: 0%;
                }
        
        /* ACTUALIDAD: FIN FORMULARIO */


    /* ACTUALIDAD_CIUDAD: FIN ARTICULO */

    /* ACTUALIDAD_CIUDAD: ASIDE */
        
        
    .actualidad_aside {position: relative;
                      float: right;
                      width: 320px;
                      margin-top: 1%;
                      margin-right: 0px;
                      margin-bottom: 20%;}

    .actualidad_aside_mas_leidos {
        max-width: 80%;
        font-family: 'Merriweather', serif;
        font-size: 1rem;
        font-weight: 700;
        margin-left: 12%;
        position: absolute;
        }

    .actualidad_leidos_linea_secciones_half {
        position: relative;
        float: right;
        margin-right: 24%;
        }

    .actualidad_aside_mas_leidos_recuadro {
        max-width: 80%;
        background: #f8f6d2;
        box-sizing: border-box;
        margin: 5% auto 1% auto;
        padding: 2% 5% 5% 5%;
        border-radius: 15px;
        text-align: left;
        }

    .actualidad_aside_mas_vistos {
        max-width: 80%;
        font-family: 'Merriweather', serif;
        font-size: 1rem;
        font-weight: 700;
        margin-left: 12%;
        margin-top: 7%;
        position: absolute;
        }

    .actualidad_aside_mas_vistos_recuadro {
        max-width: 80%;
        background: #f8f6d2;
        box-sizing: border-box;
        margin: 5% auto 1% auto;
        padding: 2% 5% 5% 5%;
        border-radius: 15px;
        text-align: left;
        }

    .actualidad_vistos_linea_secciones_half {
        position: relative;
        float: right;
        margin-right: 24%;
        margin-top: 7%;
        }

    .actualidad_h3_aside {
        font-family: 'Lato', sans-serif; 
        font-weight: 700;
        text-align: left;
        font-size: 1.25rem;
        margin-bottom: 0%;}

    .actualidad_h3_aside a {
        text-decoration: none;
        color: #313232;
        }

    .actualidad_aside_mas_vistos_recuadro iframe {
        width: 225px;
        height: 170px;
        margin-top: 2%;
        margin-bottom: 5%;
        }

    /* ACTUALIDAD_CIUDAD: FIN ASIDE */    

/* FIN ACTUALIDAD_CIUDAD */





















/* CULTURA */

.cultura {
    width: 960px;
    }

 .cultura_titulo {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.cultura_titulo_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }

.cultura_titulo a {
    text-decoration: none;
    color: #313232;
    }

.cultura_tabla {
    width: 960px;
    margin: 0 auto 0 auto;
    }

.cultura_tabla_int {
    margin-top: 3%;
    }

.cultura_tabla_img_izquierda {
    position: absolute;
    float: left;
    margin-left: 8%;
    }

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

.cultura_tabla_img_izq_txt {
    font-family: 'Lato', sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: left;
    background: #ea8b25;
    padding: 2%;
    position: relative;
    float: right;
    margin-right: 35%;
    margin-top: 75.6%;
    }

.cultura_tabla_img_derecha {
    position: relative;
    float: right;
    margin-right: 8%;
    }

.cultura_tabla_img_muestra_txt {
    font-family: 'Lato', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
    background: #ea8b25;
    padding: 2%;
    position: absolute;
    float: right;
    margin-right: 0%;
    margin-left: 39%;
    margin-top: 45.7%;
    }

.cultura_tabla_img_cine {
    margin-top: 7%
    }

.cultura_tabla_img_cine_txt {
    font-family: 'Lato', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
    background: #ea8b25;
    padding: 2%;
    position: absolute;
    float: right;
    margin-right: 0%;
    margin-left: 39%;
    margin-top: 45.7%;
    }

.cultura_contenido {
    max-width: 960px;
    margin: 0 auto 0 auto;
    width: 80%;
    margin-left: 20%;
    margin-top: 4%;
    }

.cultura_agenda {
    width: 60%;
    position: relative;
    float: right;}

.cultura_agenda_recuadro {
    width: 60%;
    min-height: 230px;
    background: #fce6cf;
    box-sizing: border-box; 
    padding: 1% 1% 0% 2%;
    font-size: 1rem;
    border-radius: 10px;
    text-align: left;
    }

.cultura_agenda_cont {
    width: 100%;
    }

.cultura_agenda_titulo {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: left;}

.cultura_agenda_text {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 130%;
    }

.leermas {
    font-family: 'Merriweather', serif;
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    float: right;
    background: #ffed27;
    border-radius: 5px;
    padding: 2%;
    margin-bottom: 0px;
    margin-top: 0px;
    }

.cultura_agenda_titulo {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    }


.cultura_leidos {
    width: 30%;
    position: absolute;
    float: left;
    }


.cultura_leidos_cont {
    width: 95%;
    }

.cultura_leidos_titulo {
    font-family: 'Merriweather', serif;
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 5px;
    }

.cultura_leidos_texto {
    font-family: 'Lato', serif;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 5%;
    }

.cultura_nav {
    margin: 0 auto;
    width: 960px;
    margin-top: 5%;
    margin-bottom: 5%;
    font-family: 'Merriweather', serif; 
    font-weight: 700;
    text-align: center;
    }

.cultura_nav nav ul {
    list-style-type: none;
    }

.cultura_nav nav ul li {
    display: inline;
    }
        
.cultura_nav nav ul li a {
    text-decoration: none;
    color: #313232;
    }




/* FIN CULTURA */
































/* RECITALES*/

.recitales {
    width: 960px;
    }

 .recitales_titulo {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.recitales_titulo_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }

.recitales_titulo a {
    text-decoration: none;
    color: #313232;
    }


.aznar_box {width: 80%;
    background: #313232;
    /* opacity: 0.2; */
    filter:  alpha(opacity=20);
    min-height: 265px; 
    position: relative; 
    float: left; 
    box-sizing: border-box; 
    margin: 11%;
    padding: 2%;
    font-size: 1rem;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.imagen_aznar{
    position: absolute;
    float: left;
    width: 400px;
    height: 280px;
    }

.caja_aznar_texto_general {
    position: relative;
    float: right;
    width: 50%;
    margin-top: 3%;
    }

.fecha_caja_aznar{
    color: #d1d1d1;
    font-family: 'Lato', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: ;
    text-align: left;
    padding-left: 15%;
    }

.nombre_caja_aznar {
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    font-weight: 400;
    color: #f0d57b;
    margin-top: 8%;
    text-align: left;
    padding-left: 15%;
    }
    
.texto_caja_aznar {
    font-family: 'Lato', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    color: #d6d1d1;
    text-align: left;
    padding-left: 15%;
    }
    
.recitales_parte_inferior {
    width: 960px;
    margin: 0 auto 0 auto;
    }

.videos_recitales {
    width: 850px;
    margin: 0 auto 0 auto;
    }

.los_mejores_shows_recitales {
    margin-left: 15%;
    }

.los_mejores_shows_p {
    font-family:'Merriweather', serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #313232;
    text-align: left;
    }

.recitales_inf_linea {
    position: relative;
    float: left;
    margin-left: 18%;
    margin-bottom: 5%;
    }

.los_mejores_1 {
    width: 70%;
    padding-bottom: 5%;
    margin: 0 auto;
    }

.los_mejores_2 {
    width: 70%;
    padding-top: 8%;
    margin: 0 auto;
    }

.los_mejores_1_p {
    position: relative;
    float: right;
    padding-top: 8%;
    }

.los_mejores_2_p {
    position: relative;
    float: right;
    padding-top: 8%;
    }

.los_mejores_p1 {
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
    text-align: left;
    color: #d6d1d1;
    font-weight: 400;
    }

.los_mejores_p2 {
    font-family: 'Lato', sans-serif;
    font-size: 2rem;
    text-align: left;
    color: #313232;
    font-weight: 700;
    }

.los_mejores_p3 {
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
    text-align: left;
    color: #313232;
    font-weight: 400;
    }

.los_mejores_video {
    position: absolute;
    float: left;
    }
    
/* FIN RECITALES*/






/*DEPORTES*/
/


.deportes {
    width: 960px;
    }

 .deportes_titulo {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.deportes_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }

.deportes_titulo a {
    text-decoration: none;
    color: #313232;
    }

.deportes_h2 {
    font-size: 1rem;
    text-align: left;
    font-family: 'Lato', sans-serif; 
    font-weight: 400;
    }


.deportes_h3 {
    font-size: 1.25rem;
    text-align: left;
    text-decoration: none;
    color: #313232;
    }

.deportes_bajada {
    font-size: 1.1rem;
    text-align: left;
    }

    /* DEPORTES: RECUADROS */

.deportes_recuadros {
    margin-left: 10%;
    }
    
.deportes_recuadro_boxeo {
    width: 27%;
    background: #d4efdf;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 0%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.deportes_recuadro_boxeo a {
    text-decoration: none;
    color: #313232
    }

.deportes_recuadro_futbol {
    width: 27%;
    background: #d4efdf;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 5%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.deportes_recuadro_futbol a {
    text-decoration: none;
    color: #313232
    }

.deportes_recuadro_rugby {
    width: 27%;
    background: #d4efdf;
    min-height: 300px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin-left: 5%;
    margin-bottom: 5%;
    padding: 2%;
    padding-top: 1%;
    font-size: 1rem;
    border-radius: 15px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    }

.deportes_recuadro_rugby a {
    text-decoration: none;
    color: #313232
    }


    /* DEPORTES: NAVEGADOR SECCIONES */
        .deportes_navegador_secciones {
            margin: 0 auto;
            width: 100%;
            margin-top: 5%;
            margin-bottom: 5%;
            font-family: 'Merriweather', serif; 
            font-weight: 700;
            text-align: center;
            }

        .deportes_navegador_secciones nav ul {
            list-style-type: none;
            }

        .deportes_navegador_secciones nav ul li {
            display: inline;
            }
        
        .deportes_navegador_secciones nav ul li a {
            text-decoration: none;
            color: #313232;
            }

.deportes_bottom {
    max-width: 960px;
    width: 85%;
    margin: 0 auto 0 auto;
    }

.deportes_bottom_interno {
    margin: 0 auto 0 auto;
    }

.deportes_revivi_txt {
    width: 30%;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
margin-bottom: 2%;}


/*FIN DEPORTES*/




/* responsive deportes */


@media screen and (max-width:960px){
    
.deportes_linea {visibility:hidden; display:inline;}
    
.deportes_recuadros img {width:100%;}   

.deportes_videos_interno iframe {width:40%;
                                max-width:800px;
                                margin-left:5%;} 
    
.deportes_revivi_txt {margin-left: 6%;}  
    
}



@media screen and (max-width:768px){
    
.deportes_linea {visibility:hidden; display:inline;}
    
.deportes_recuadros img {width:100%;}   

.deportes_revivi_txt {width:38%;
  text-align: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 2%;
  margin-left: 12%;}
    
    
.deportes_videos_interno iframe {width:40%;
                                max-width:700px;
                                margin-left:8%;}   


}

@media screen and (max-width:480px){
    
.deportes_linea {visibility:hidden; display:inline;}
    
.deportes_recuadros img {width:100%;} 
    
.deportes_recuadro_boxeo {width:80%; margin: 0 auto; margin-left: 10%; margin-top: 2%;} 
.deportes_recuadro_futbol{width:80%; margin: 0 auto; margin-left: 10%;margin-top: 2%;} 
.deportes_recuadro_rugby {width:80%; margin: 0 auto; margin-left: 10%;margin-top: 2%;} 
 
    .deportes_recuadros {margin: 0 auto;}    
    
.deportes_revivi_txt {
  width: 59%;
  text-align: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 2%;
  margin-left: 20%;}
    
    
.deportes_videos_interno iframe {width:100%;
                                max-width:480px;
                                margin: 0 auto;}}


@media screen and (max-width:320px){
    .deportes_revivi_txt {
  width: 90%;
  text-align: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 2%;
  margin-left: 8%;
    } 

    .deportes_navegador_secciones nav ul {padding-left: 0px;}   
    
}
    
 /* fin responsive deportes */





















/*QUIENES SOMOS*/

.banner_quienes_somos{
    position: relative;
    width: 100%;
    }

banner_quienes_somos_img {
    position: absolute;
    float: left;}

.banner_institucional {position: absolute;
  float: left;
  padding-top: 12%;}

.banner_institucional_h1 {
    font-family: 'Merriweather', serif;
    font-size: 5rem;
    font-weight: 700;
    color: #A8A9A9;
    text-align: left;
    position: relative;
    float: left;
    margin-left: 5%;
    width: 100%;
    }

.banner_institucional_h1 a {
    text-decoration: none;
    color: #313232;}

.banner_institucional_p {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-size: 1.15rem;
    position: absolute;
    float: left;
    margin-left: 5%;
    color: #313131;
    background-color: #6666cc;
    padding: 0.5%;
    width: 94%;
    margin-top: 24%;
    }


.institucional_article {
    width: 960px;
    margin: 0 auto 0 auto;
    }

.estilo_institucional { 
    position: absolute;
    float: left;
    width: 480px;
    min-height: 250px;
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    text-align: left;
    margin-top: 2.3%;
    margin-bottom: 10%;}

.estilo_institucional_p {
    width: 90%;
    padding-left: 10%;
    }

.video_institucional_general {
    width: 480px;
    position: relative;
    float: right;
    }

.video_institucional_general_interno {
    padding-left: 10%;
    }
    
.video_institucional_general_titulo {
    position: relative;
    float: left;
    width: 100%;
    }

.titulo_video_institucional {
    position: absolute;
    text-align: center;
    font-size: 1.4rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    }
     
.video_institucional_linea_secciones_right {
    position: relative;
    float: left;
    margin-top: 1%;
    margin-left: 35%;
    margin-bottom: 3%;
    }

.video_institucional {   
    width: 400px;
    height: 280px;
    margin-top: 0px;
    margin-bottom: 15%;
    }

.video_institucional iframe{
    width: 400px;
    height: 275px;}



.institucional_article_2 {
    width: 960px;
    margin: 0 auto 0 auto;
    }

.nuestros_estudios_izquierda{
    width: 480px;
    position: absolute;
    float: left;}

.nuestros_estudios_izquierda_titulo {
    padding-left: 8.5%;
    }

.nuestros_estudios_titulo {
    position: absolute;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    }

.nuestros_estudios_titulo_linea {
    position: relative;
    float: right;
    margin-top: 5%;
    margin-right: 12%;
    }
    
.fotos_quienes_somos{
    margin-top: 10%;
    margin-left: 7%;
    }


.nuestros_estudios_derecha{
    width: 480px;
    position: relative;
    float: right;
    margin-bottom: 10%;
    }

.nuestros_estudios_institucional_linea_secciones_left {
    position: relative;
    float: right;
    margin-top: 3.5%;
    }

.instalaciones_institucional {
    width: 90%;
    padding-top: 4%;
    padding-left: 10%;
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;}

.instalaciones_institucional_lista{
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 3.5;}

.instalaciones_institucional_lista ul li{
    list-style-image: url("imagenes/flecha_azul.png");}




.quienes_somos {
    width: 960px;
    margin-top: 5%;
    }

 .quienes_somos_titulo {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.quienes_somos_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }

.quienes_somos_titulo a {
    text-decoration: none;
    color: #313232;}


/*FIN QUIENES SOMOS*/















/* LOGIN */

.login_titulo {
    width: 960px;
    margin: 0 auto 0 auto;
    }

 .login_titulo_ingresar {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.login_titulo_ingresar a {
    text-decoration: none;
    color: #313232
    }

.login_formulario {
    margin-top: 5%;
    position: relative;}

.login_form {
    margin: 0 auto 0 auto;    
    width: 250px;}

.login_ul {
    list-style-type:none;
    }

.login_li{
    list-style-type:none;
    padding:5px; 
    }

.login_li input {
    font-family: 'Lato', sans-serif;
    font-style: italic;
    color: #c1c1c1;
    margin: 0 auto 0 auto;
    }

.login_li input[type="text"] {
    border-radius: 10px;
    background: #f8f6d2;
    width: 200px;
    height: 30px;
    box-sizing: border-box;
    border-style: none;
    padding-left: 15px;
    }

.login_li input[type="password"] {
    border-radius: 10px;
    background: #f8f6d2;
    width: 200px;
    height: 30px;
    box-sizing: border-box;
    border-style: none;
    padding-left: 15px;
    }

.login_li button[type="submit"]{
    border-radius: 5px;
    background: #ffed27;
    width: 70px;
    height: 30px;
    border-style: none;
    font-family: 'Merriweather', serif; 
    font-weight: 700;
    font-size: 1rem;
    position: relative;
    float: right;
    }

.login_ayuda {
    font-family: 'Lato', sans-serif; 
    font-style: italic; 
    font-size: 1.1rem;
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: center;
    }

.login_ayuda_problema {
    margin-top: 20px;
    margin-bottom: 0px;}

.login_ayuda_solucion {
    font-weight: 700;
    margin-top: 0px;
    text-decoration: none;
    color: #313232;}


.login_linea_secciones_left {
    position: relative; 
    margin-top: 0%;
    margin-left: 0%;
    margin-bottom: 2%;}


/*responsive_login*/

@media screen and (max-width:768px){
    
    .login_titulo {width: 100%;}
    .login_titulo_linea{visibility: hidden;}
}

/*fin responsive_login*/


/* FIN LOGIN */
















/*SERVICIOS:TRANSPORTE,FARMACIA,COLECTIVOS*/

/*servicios*/

.contenedorbanners{max-width: 960px;
                    width: 100%;}


.servicio_h1 {font-family: 'Merriweather', serif;
              font-weight: 700;
              color: #313131;
              font-size: 3.5rem;
              text-align: left;
              position: absolute;
              top: 31%;
              left: 5%;
              background: #d5a7c1;}

.bajada_servicio {font-family: 'Merriweather', serif;
              font-weight: 400;
              font-size: 1.3rem;
              position: absolute;
              top: 71%;
              left: 5%;
              color: #313131;
              background: #d5a7c1;
              padding-left: 2px;
              padding-right: 2px;
              padding-bottom: 0px;}

.banner{position: relative;
    width: 100%;
    margin-top:2%;}


.contenedoricono_servicio {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;}


.iconos_servicio_farmacia {  padding-top: 4%;
    padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-left: 6%;}

.iconos_servicio_transporte {padding-top: 4%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-left: 4%;}

.iconos_servicio_donante {padding-top: 4%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: right;
  padding-right: 11%;}


/*responsive_servicio*/

@media screen and (max-width:768px){
    
    .contenedorbanners{width: 100%;}
    
    .banner{width:100%;}
    
.servicio_h1{
  font-size: 3rem;
  position: absolute;
  float: left;
  background: #d5a7c1;
  top: 24%;
  left: 39.5%;
  text-align: center;
  font-family: 'Merriweather', serif;
  font-weight: 700;
  color: #313131;}
    
.bajada_servicio {visibility: hidden;}
    
.contenedoricono_servicio {width: 100%;}
    
.iconos_servicio_farmacia {padding-top: 4%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-left: 32%;}

.iconos_servicio_transporte { padding-top: 1%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-left: 32%;}

.iconos_servicio_donante { padding-top: 1%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: right;
  padding-right: 36%;}
    
}

@media screen and (max-width:480px){
    
 .contenedorbanners{width: 100%;}
    
 .banner{width:100%;}
 
.img_farmacia{width: 72%;}
.img_transporte{width:72%;}
.img_donante{width: 72%;}
  
 .servicio_h1 {font-size: 2rem;
  position: absolute;
  float: left;
  background: #d5a7c1;
  left: 38.5%;
  text-align: center;
  font-family: 'Merriweather', serif;
  font-weight: 700;
  color: #313131;
  margin-top: 24px;
  width: 25%;}
    
.bajada_servicio {visibility: hidden;}
    
.contenedoricono_servicio {width: 80%;
                  position: relative;
                  float: left;
                  margin-left: 17%;}
    
.iconos_servicio_farmacia {padding-top: 4%;
                  padding-bottom: 4%;
                  text-align: center;
                  text-decoration: none;
                  display: inline;
                  float: left;
                  margin-left: 0px;}

.iconos_servicio_transporte {padding-top: 1%;
                      padding-bottom: 4%;
                      text-decoration: none;
                      display: inline;
                      float: left;
                      margin-left: 0px;}

.iconos_servicio_donante {padding-top: 1%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  padding-right: 0px;}
    
}

@media screen and (max-width:320px) {
    
.contenedorbanners{width: 100%;}
 
.banner{width:100%;}
 
.servicio_h1 {font-size: 1.5rem;
          position: absolute;
          float: left;
          background: #d5a7c1;
          left: 33.5%;
          text-align: center;
          font-family: 'Merriweather', serif;
          font-weight: 700;
          color: #313131;
          margin-top: 13px;
          width: 29%;}
    
.bajada_servicio{visibility: hidden;}
    
.contenedoricono_servicio {width: 80%;
                  position: relative;
                  float: left;
                  margin-left: 0%;}
    
    .img_farmacia{width: 72%;}
    .img_transporte{width:72%;}
    .img_donante{width: 72%;}
    
    .iconos_servicio_farmacia {  padding-top: 1%;
  padding-bottom: 1%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-left: 2px;}

.iconos_servicio_transporte {padding-top: 1%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-left: 0%;}

.iconos_servicio_donante {padding-top: 0%;
                  padding-bottom: 4%;
                  text-align: center;
                  text-decoration: none;
                  display: inline;
                  float: left;
                  margin-left: 0%;
                  padding-left: 0%;}
}

/*fin responsive_servicio*/

/* fin servicio*/

/*transporte*/


.contenedorbannert{max-width: 960px;
                   width: 100%;}

.banner_transporte{
    position: relative;
    width: 100%;}

.transporte_h1 {font-family: 'Merriweather', serif;
              font-weight: 700;
              color: #313131;
              font-size: 3.5rem;
              text-align: left;
              position: absolute;
              top: 31%;
              left: 5%;
              background: #e86d66;}

.bajada_transporte {font-family: 'Merriweather', serif;
              font-weight: 400;
              font-size: 1.3rem;
              position: absolute;
              top: 71%;
              left: 5%;
              color: #313131;
              background: #e86d66;
              padding-left: 2px;
              padding-right: 2px;
              padding-bottom: 0px;}


.contenderoicono_transporte { width: 100%;
                          max-width: 960px;
                          margin: 0 auto;}

.iconos_transporte_remises {padding-top: 4%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-left: 5%;}

.iconos_transporte_trenes{padding-top: 4%;
    padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-left: 5%;
             }

.iconos_transporte_colectivo {padding-top: 4%;
    padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: right;
  padding-right: 10%;}

/*responsive_transporte*/

@media screen and (max-width:768px){

    .contenedorbannert{width: 100%;}
    
    .banner_transporte {width:100%;}
    
  .transporte_h1 {position: absolute;
              float: left;
              background: #e86d66;
              top: 25%;
              left: 7%;
              text-align: center;
              font-family: 'Merriweather', serif;
              font-weight: 700;
              font-size: 2.8rem;
              color: #313131;}
     
 .bajada_transporte {font-family: 'Merriweather', serif;
              font-size: 1.3rem;
              font-weight: 700;
              position: absolute;
              float: left;
              background: #e86d66;
              text-align: center;
              top: 62%;
              left: 7%;
              color: #313131;}

.contenedoricono_transporte {width: 100%;}

  

    
.iconos_transporte_remises {padding-top: 4%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-left: 32%;}

.iconos_transporte_trenes { padding-top: 1%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: left;
  margin-left: 32%;}

.iconos_transporte_colectivo { padding-top: 1%;
  padding-bottom: 4%;
  text-align: center;
  text-decoration: none;
  display: inline;
  float: right;
  padding-right: 36%;}
    
}    


@media screen and (max-width:480px) {

    .contenedorbannert {width: 100%;}
    .banner_transporte {width:100%;}
    
  .transporte_h1{ position: absolute;
  float: left;
  background: #e86d66;
  top: 29%;
  left: 35%;
  text-align: center;
  font-family: 'Merriweather', serif;
  font-weight: 700;
  font-size: 2rem;
  color: #313131;}
     
 .bajada_transporte{visibility: hidden;}

.img_remis{width: 72%;}
.img_tren{width:72%;}
.img_colectivo{width: 72%;}   
    
    
.contenderoicono_transporte {width: 80%;
                  max-width: 960px;
                  position: relative;
                  margin-left: 17%;
                  float: left;}
    
.iconos_transporte_remises {padding-top: 4%;
                  padding-bottom: 4%;
                  text-align: center;
                  text-decoration: none;
                  display: inline;
                  float: left;
                  margin-left: 0px;}

.iconos_transporte_trenes {padding-top: 1%;
                      padding-bottom: 4%;
                      text-decoration: none;
                      display: inline;
                      float: left;
                      margin-left: 0px;}

.iconos_transporte_colectivo {padding-top: 1%;
                  padding-bottom: 4%;
                  text-align: center;
                  text-decoration: none;
                  display: inline;
                  float: left;
                  padding-right: 0px;}

}

    
@media screen and (max-width:320px) {
    
    .contenedorbannert{width: 100%;}
    
    .banner_transporte {width:100%;}
    
.transporte_h1{position: absolute;
              float: left;
              background: #e86d66;
              top: 32%;
              left: 35%;
              text-align: center;
              font-family: 'Merriweather', serif;
              font-weight: 700;
              font-size: 1.5rem;
              color: #313131;}
     
 .bajada_transporte{ visibility: hidden;}

.contenderoicono_transporte {width: 80%;
                  max-width: 960px;
                  position: relative;
                  margin-left: 5%;
                  float: left;}
    
.iconos_transporte_remises {padding-top: 4%;
                  padding-bottom: 4%;
                  text-align: center;
                  text-decoration: none;
                  display: inline;
                  float: left;
                  margin-left: 0px;}

.iconos_transporte_trenes {padding-top: 1%;
                      padding-bottom: 4%;
                      text-decoration: none;
                      display: inline;
                      float: left;
                      margin-left: 0px;}

.iconos_transporte_colectivo {padding-top: 1%;
                  padding-bottom: 4%;
                  text-align: center;
                  text-decoration: none;
                  display: inline;
                  float: left;
                  padding-right: 0px;}
    
}

/*fin responsive_transporte*/

/*fin transporte*/

/*farmacia*/

.contenedorbannerf{max-width:960px;
                   width:100%;}

.banner_farmacia{
    position: relative;
    width: 100%;}

.farmacia_h1 {font-family: 'Merriweather', serif;
              font-weight: 700;
              color: #313131;
              font-size: 3.5rem;
              text-align: left;
              position: absolute;
              top: 31%;
              left: 5%;
              background: #8be79c;}

.bajada_farmacia {font-family: 'Merriweather', serif;
              font-weight: 400;
              font-size: 1.3rem;
              position: absolute;
              top: 71%;
              left: 5%;
              color: #313131;
              background: #8be79c;
              padding-left: 2px;
              padding-right: 2px;
              padding-bottom: 0px;}

.contenedor_articulo_turnos {max-width: 960px;
  width: 100%;
  text-align: center}


.fecha_farmacia{font-family: 'Lato', sans-serif;
font-size: 1.7rem;
  font-weight: 500;
  margin-top: 5%;}
        
.turno_1{background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 9%;
  margin-right: 5%;
         }

.turno_2{ background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 1%;
  margin-right: 2%;}

.turno_3 {background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 5.5%;
  padding-right: 5.5%;
  padding-bottom: 2%;
  padding-top: 2%;
  margin-left: 4%;}

.turno_4 {background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 6%;
  padding-right: 6%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 9%;
  margin-right: 5%;
  margin-top: 2%;}

.turno_5{background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 6%;
  padding-right: 6%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 1%;
  margin-right: 6%;
  margin-top: 2%;
}

.turno_6{  background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 5.5%;
  padding-right: 5.5%;
  padding-bottom: 2%;
  padding-top: 2%;
  margin-right: 8%;
  margin-top: 2%;
  margin-bottom: 3%;}

.nombre_f{font-family: 'Lato', sans-serif; font-weight:600;
          color:#313131;
          font-size:1.5rem;}

.direccion_f{font-family: 'Lato', sans-serif; font-weight:500;
          color:#313131;
          font-size:1.3rem;}

.farmacias {max-width:100%;
            height:30%; 
            margin-top: 4%;}

.separador {width: 100%; 
        clear: both;}  


/*responsive_farmacia*/

@media screen and (max-width:768px){

.contenedorbannerf{width:100%;}

.banner_farmacia{width:  100%;}

  
.farmacia_h1 {font-family: 'Merriweather', serif;
              font-weight: 700;
              color: #313131;
              font-size: 3rem;
              text-align: left;
              position: absolute;
              top: 31%;
              left: 5%;
              background: #8be79c;}

.bajada_farmacia {font-family: 'Merriweather', serif;
              font-weight: 400;
              font-size: 1.3rem;
              position: absolute;
              top: 71%;
              left: 5%;
              color: #313131;
              background: #8be79c;
              padding-left: 2px;
              padding-right: 2px;
              padding-bottom: 0px;}
  
    
    
    
.contenedor_articulo_turnos {max-width: 960px;
  width: 100%;
  text-align: center}


.fecha_farmacia{  font-family: 'Lato', sans-serif;
  font-size: 1.7rem;
  font-weight: 500;
  margin-top: 3%;}
        
.turno_1{background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 5%;
  margin-right: 5%;}

.turno_2{ background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 1%;
  margin-right: 2%;}

.turno_3 {  background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 5.5%;
  padding-right: 5.5%;
  padding-bottom: 2%;
  padding-top: 2%;
  margin-left: 4%;}

.turno_4{ background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 6%;
  padding-right: 6%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 6%;
  margin-right: 6%;
  margin-top: 2%;}

.turno_5{background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 6%;
  padding-right: 6%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 1%;
  margin-right: 6%;
  margin-top: 2%;
}

.turno_6{background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 5.5%;
  padding-right: 5.8%;
  padding-bottom: 2%;
  padding-top: 2%;
  margin-right: 5.5%;
  margin-top: 2%;}
}

@media screen and (max-width:480px){
    
.contenedorbannerf{width:100%;}

.farmacia_h1{
  background: #8be79c;
  position: absolute;
  float: left;
  top: 30%;
  left: 25%;
  text-align: center;
  font-family: 'Merriweather', serif;
  font-weight: 700;
  font-size: 2rem;
  color: #313131;
  padding-left: 2px;
  padding-right: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
 }

.banner_farmacia{width:  100%;}

.bajada_farmacia{ visibility: hidden;}
    
    .contenedor_articulo_turnos {max-width: 960px;
  width: 100%;
  text-align: center}


.fecha_farmacia{font-family: 'Lato', sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  margin-top: 3%;}
        
.turno_1{  background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 12%;
  margin-right: 3%;
         }

.turno_2{   background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 2%;
  margin-right: 2%;}

.turno_3 { background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 6.5%;
  padding-right: 6.5%;
  padding-bottom: 2%;
  padding-top: 2%;
  margin-left: 13%;
  margin-top: 2%;
 }

.turno_4{ background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 6%;
  margin-right: 6%;
  margin-top: 2%;}

.turno_5{ background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 7.5%;
  padding-right: 7.5%;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-left: 13%;
  margin-right: 6%;
  margin-top: 2%;
}

.turno_6{background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-left: 8.8%;
  padding-right: 8.8%;
  padding-bottom: 2%;
  padding-top: 2%;
  margin-left: 0.3%;
  margin-top: 2%;}

.nombre_f{ font-family: 'Lato', sans-serif;
  font-weight: 600;
  color: #313131;
  font-size: 1.3rem;}

.direccion_f{font-family: 'Lato', sans-serif;
  font-weight: 500;
  color: #313131;
  font-size: 1rem;}
}

@media screen and (max-width:320px){
    
    .contenedorbannerf{width:100%;}

.farmacia_h1{
   background: #8be79c;
  position: absolute;
  float: left;
  top: 24%;
  left: 24%;
  text-align: center;
  font-family: 'Merriweather', serif;
  font-weight: 700;
  font-size: 1.3rem;
 }

.banner_farmacia{width:  100%;}

.bajada_farmacia{ visibility: hidden;}
    
    .contenedor_articulo_turnos {max-width: 960px;
  width: 100%;
  text-align: center}


.fecha_farmacia{ font-family: 'Lato', sans-serif;
  font-size: 1.2rem;
  margin-top: 9%;}
        
.turno_1{background: #e5e6e6;
  float: left;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  padding-bottom: 2%;
  margin-left: 26%;
 
         }

.turno_2{background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  box-sizing: border-box;
  border-radius: 12px;
  text-align: center;
  margin-left: 26%;
  margin-top: 5%;}

.turno_3 { background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  padding-left: 9.5%;
  padding-right: 9.5%;
  margin-left: 24%;
  margin-top: 4%;
  margin-bottom: 2%;
 }

.turno_4{background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  padding-left: 9.5%;
  padding-right: 9.5%;
  margin-left: 24%;
  margin-top: 4%;
  margin-bottom: 2%; }

.turno_5{ background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  padding-left: 9.5%;
  padding-right: 9.5%;
  margin-left: 24%;
  margin-top: 4%;
  margin-bottom: 2%;}

.turno_6{background: #e5e6e6;
  float: left;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  padding-left: 9.5%;
  padding-right: 9.5%;
  margin-left: 24%;
  margin-top: 4%;
  margin-bottom: 2%;}

.nombre_f{ font-family: 'Lato', sans-serif;
  font-weight: 600;
  color: #313131;
  font-size: 1.3rem;}

.direccion_f{font-family: 'Lato', sans-serif;
  font-weight: 500;
  color: #313131;
  font-size: 1rem;}
}

/*fin responsive_farmacia*/

/*fin farmacia*/


/*colectivo*/
contenedorbannerc{max-width:960px;
                   width:100%;}


.colectivo_h1 {font-family: 'Merriweather', serif;
              font-weight: 700;
              color: #313131;
              font-size: 3.5rem;
              text-align: left;
              position: absolute;
              top: 31%;
              left: 5%;
              background: #e86d66;}

.bajada_colectivo {font-family: 'Merriweather', serif;
              font-weight: 400;
              font-size: 1.3rem;
              position: absolute;
              top: 71%;
              left: 5%;
              color: #313131;
              background: #e86d66;
              padding-left: 2px;
              padding-right: 2px;
              padding-bottom: 0px;}


.banner_colectivo{margin-top: 2%;
            position: relative}


.contenedor_colectivo {width: 50%;
            margin: 0 auto;
            text-align: center;}

.mes {font-family: 'Lato', sans-serif;
              font-weight: 700;
              font-size: 1.4rem;
              color: #313131;
              margin-top: 5%;
              margin-bottom: 2%;}

.empresa{font-family: 'Lato', sans-serif;
              font-weight: 700;
              font-size: 1.4rem;
              color: #313131;
              margin-top: 3%;
              margin-bottom: 2%;}

.destino{font-family: 'Lato', sans-serif;
              font-weight: 700;
              font-size: 1.4rem;
              color: #313131;
              margin-top: 3%;
              margin-bottom: 2%;}

.boton_colectivo {background: #e86d66;
              font-family: 'Lato', sans-serif;
              font-weight: 700;
              font-weight: 700;
              font-size: 1.4rem;
              color: #313131;
              margin-top: 4%;
              border-radius: 5px;
              border-style: none;
              padding-left: 8px;
              padding-right: 8px;}

input[type="text empresa"] {
    border-radius: 10px;
    background: #f8e1e0;
    width: 200px;
    height: 30px;
    box-sizing: border-box;
    border-style: none;
    padding-left: 15px;
   }

input[type="date"]{ border-radius: 10px;
    background:#f8e1e0;
    width: 200px;
    height: 30px;
    box-sizing:border-box;
    border-style:none;
    padding-left: 15px;}

.aclaracion_colectivo{font-family: 'Lato', sans-serif;
                      font-weight: 400;
                      font-size: 1rem;
                      text-align: center;
                      width: 68%;
                      margin-left: 17%;
                      margin-top: 4%;
                      text-decoration:none;color:#313232;}


/*responsive_colectivo*/

@media screen and (max-width:768px){
    
.contenedorbannerc{width:100%;}

.colectivo_h1{ background: #e86d66;
               position: absolute;
               float: left;
               text-align: center;
               font-family: 'Merriweather', serif;
               font-weight: 700;
               font-size: 2.8rem;
               color: #313131;
               margin-top: 16px;
               margin-left: 235px;
 }

.banner_colectivo{ 
  width: 100%;}

.bajada_colectivo{visibility: hidden;}
    
}

@media screen and (max-width:480px){
    
.contenedorbannerc {width:100%;}

.colectivo_h1 {background: #e86d66;
          text-align: center;
          font-family: 'Merriweather', serif;
          font-weight: 700;
          font-size: 2rem;
          color: #313131;
          margin-left: 147px;}
    
.banner_colectivo{ 
  width: 100%;}

.bajada_colectivo{visibility: hidden;}

.boton_colectivo{background: #e86d66;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-weight: 700;
  font-size: 1.2rem;
  color: #313131;
  width: 14%;
  margin-top: 3%;
  }
 
.aclaracion_colectivo {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  width: 96%;
  margin-left: 0px;
  margin-top: 10%;} 

.boton_colectivo {
  background: #e86d66;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-weight: 700;
  font-size: 1.2rem;
  color: #313131;
  width: 27%;
  margin-top: 7%;}
    
}

@media screen and (max-width:320px){
.contenedorbannerc{width:100%;}

.colectivo_h1 {background: #e86d66;
          text-align: center;
          font-family: 'Merriweather', serif;
          font-weight: 700;
          font-size: 2rem;
          color: #313131;
          margin-left: 72px;
          top: 6%;}

.banner_colectivo{ 
  width: 100%;}

 .contenedor_colectivo {width: 65%;
              margin: 0 auto;
              text-align: center;}   
    
.bajada_colectivo{visibility: hidden;}

.boton_colectivo{background: #e86d66;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-weight: 700;
  font-size: 1.2rem;
  color: #313131;
  width: 14%;
  margin-top: 3%;}
 
.aclaracion_colectivo {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  width: 96%;
  margin-left: 0px;
  margin-top: 10%;}
    
.boton_colectivo {
  background: #e86d66;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-weight: 700;
  font-size: 1.2rem;
  color: #313131;
  width: 27%;
  margin-top: 7%;}
    
}
/*fin responsive_colectivo*/

/*fincolectivo*/

/*FIN SERVICIOS:TRANSPORTE,FARMACIA,COLECTIVOS*/






/* CONTACTO */

.paginacontacto{margin: 0px auto;
    max-width: 960px;
    position:relative;
    clear:both;}

.imgbasilica {margin-top:2%;}



.contactleft {position: absolute;
            text-align: center;
            color: #313131;
            top: 36%;
            right: 61%;
            padding: 1px 39px 1px 10px;}

.contactleft .interno {position: absolute;
            text-align: center;
            color: #313131;
            top: 41%;
            right: 154%;}

.contactleft .interno p {position: absolute;
                          top: 30%;
                          width: 227px;
                          left: 3%;
                          font-family: 'Lato', sans-serif; 
                          font-weight: 700; 
                          font-size: 1.1rem; 
                          font-weight: 400;}

.contactcenter {position: absolute;
                text-align: center;
                color: #313131;
                top: 35%;
                left: 33%;
                padding: 1px 3px 10px 37px;}

.contactcenter .interno {position: absolute;
                          text-align: center;
                          color: #313131;
                          top: 31%;
                          left: 100%;}

.contactcenter .interno p  {position: absolute;
                             width: 184px;
                            top: 30%;
                            left: 13%;
                            font-family: 'Lato',sans-serif; 
                            font-weight: 700; 
                            font-size: 1.1rem; 
                            font-weight: 400;}

.contactright {position: absolute;
               text-align: center;
               color: #313131;
               top: 36%;
               left: 67%;
               padding: 1px 4px 1px 17px;}


.contactright .interno {position: absolute;
                          text-align: center;
                          color: #313131;
                          top: 31%;
                          left: 100%;}

.contactright .interno p  {position: absolute;
                              width: 184px;
                              top: 30%;
                              left: 13%;
                              font-family: 'Lato', sans-serif; 
                              font-weight: 700; 
                              font-size:1.1rem; 
                              font-weight: 400;}



.imgmapa {margin-top:2%;}

.pagina {margin: 0 auto 0 auto;
    max-width: 960px;}

.enlaces {font-family: 'Merriweather', serif; font-weight: 700; font-size: 1rem; font-weight: 800;
            color: #313131;}

.seccioncontacto {width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
    font-weight: 700;}

.seccioncontacto p {margin:0px;
                    color:#313232;
                    display:inline-block;}

.contacto_titulo {
  max-width: 960px;
  margin: 0 auto;
  width: 100%; 
  text-decoration:none;}       


.vivo_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;}

.iframe {width: 960px;
         height: 300px;
         margin-bottom:5px;
         margin-top: 10px;}

.paginaiframe {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}

/* FIN CONTACTO */





/* responsive contacto */
@media screen and (max-width:768px){

.paginaiframe {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}
    
    
.paginacontacto{margin: 0px auto;
    max-width: 960px;
    position:relative;
    clear:both;}

.imgbasilica {margin-top:2%;width:100%;}



.contactleft {position: absolute;
            text-align: center;
            color: #313131;
            top: 36%;
            right: 56%;
            padding: 1px 39px 1px 10px;}

.contactleft .interno {position: absolute;
            text-align: center;
            color: #313131;
            top: 41%;
            right: 154%;}

.contactleft .interno p {position: absolute;
                          top: 30%;
                          width: 227px;
                          left: 3%;
                          font-family: 'Lato', sans-serif; 
                          font-weight: 700; 
                          font-size: 1.1rem; 
                          font-weight: 400;}
    
.contactcenter {position: absolute;
                text-align: center;
                color: #313131;
                top: 35%;
                left: 31.1%;
                padding: 1px 3px 10px 37px;}

.contactcenter .interno {position: absolute;
                          text-align: center;
                          color: #313131;
                          top: 31%;
                          left: 64%;}

.contactcenter .interno p  {position: absolute;
                             width: 184px;
                            top: 30%;
                            left: 13%;
                            font-family: 'Lato',sans-serif; 
                            font-weight: 700; 
                            font-size: 1.1rem; 
                            font-weight: 400;}

.contactright {position: absolute;
               text-align: center;
               color: #313131;
               top: 36%;
               left: 65%;
               padding: 1px 4px 1px 17px;}


.contactright .interno {position: absolute;
                          text-align: center;
                          color: #313131;
                          top: 31%;
                          left: 100%;}

.contactright .interno p  {position: absolute;
                              width: 184px;
                              top: 30%;
                              left: 13%;
                              font-family: 'Lato', sans-serif; 
                              font-weight: 700; 
                              font-size:1.1rem; 
                              font-weight: 400;}


.pagina {margin: 0 auto 0 auto;
    max-width: 960px;}

.enlaces {font-family: 'Merriweather', serif; font-weight: 700; font-size: 1rem; font-weight: 800;
            color: #313131;}

.seccioncontacto {
  font-family: 'Merriweather', serif;
  font-size: 1.5rem;
  font-weight: 800;
  color: #313131;
  margin: 0 auto;
  padding-top: 15px;
  text-align: center;}

.iframe {max-width: 960px;
         height: 300px;
         margin-bottom:5px;
         width:100%;}
   
}
    
 
    
@media screen and (max-width:480px){

.paginaiframe {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}

.paginacontacto{margin: 0px auto;
    max-width: 960px;
    position:relative;
    clear:both;}

.imgbasilica {margin-top:2%;width:100%;}



.contactleft {
  position: absolute;
  text-align: center;
  color: #313131;
  top: 41%;
  right: 30%;
  padding: 1px 39px 1px 10px;
}

.contactleft .interno {position: absolute;
            text-align: center;
            color: #313131;
            top: 41%;
            right: 154%;}

.contactleft .interno p { position: absolute;
                          top: 30%;
                          width: 227px;
                          left: 3%;
                          font-family: 'Lato', sans-serif; 
                          font-weight: 900; 
                          font-size: 1.1rem; 
                          font-weight: 400;
                          color: white;}
    
.contactleft .interno img {visibility:hidden;}
.contactcenter .interno img {visibility:hidden;}
.contactright .interno img {visibility:hidden;}
    
    
.contactcenter {
  position: absolute;
  text-align: center;
  color: #313131;
  top: 10%;
  left: 18.1%;
  padding: 1px 3px 10px 37px;
}

.contactcenter .interno {position: absolute;
                          text-align: center;
                          color: #313131;
                          top: 31%;
                          left: 64%;}

.contactcenter .interno p  {position: absolute;
                              top: 30%;
                              width: 227px;
                              left: 3%;
                              font-family: 'Lato', sans-serif; 
                              font-weight: 900; 
                              font-size: 1.1rem; 
                              font-weight: 400;
                              color: white;}
    
.contactright {position: absolute;
              text-align: center;
              color: #313131;
              top: 41%;
              left: 42%;
              padding: 1px 4px 1px 17px;}


.contactright .interno {position: absolute;
                          text-align: center;
                          color: #313131;
                          top: 31%;
                          left: 100%;}

.contactright .interno p  {position: absolute;
                              top: 30%;
                              width: 227px;
                              left: 3%;
                              font-family: 'Lato', sans-serif; 
                              font-weight: 900; 
                              font-size: 1.1rem; 
                              font-weight: 400;
                              color: white;}


.pagina {margin: 0 auto 0 auto;
    max-width: 960px;}

.enlaces {font-family: 'Merriweather', serif; font-weight: 700; font-size: 1rem; font-weight: 800;
            color: #313131;}



.seccioncontacto {font-family: 'Merriweather', serif;
                  font-size: 1.5rem;
                  font-weight: 800;
                  color: #313131;
                  margin: 0 auto;
                  padding-top: 15px;}

.iframe {max-width: 960px;
         height: 250px;
         margin-bottom:5px;
         width:100%;}

}

@media screen and (max-width:320px){

.paginaiframe {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}
    
.paginacontacto{margin: 0px auto;
    max-width: 960px;
    position:relative;
    clear:both;}

.imgbasilica {margin-top:2%;width:100%;}


.contactleft {
  position: absolute;
  text-align: center;
  color: #313131;
  top: 33%;
  right: -18%;
  padding: 1px 39px 1px 10px;}

.contactleft .interno {position: absolute;
            text-align: center;
            color: #313131;
            top: 41%;
            right: 154%;}

.contactleft .interno p {
  position: absolute;
  top: 26%;
  width: 130px;
  left: -9%;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 0.9rem;
  font-weight: 400;
  color: white;
}
    
.contactleft .interno img {visibility:hidden;}
.contactcenter .interno img {visibility:hidden;}
.contactright .interno img {visibility:hidden;}
    
    
.contactcenter {
  position: absolute;
  text-align: center;
  color: #313131;
  top: -1%;
  left: 2.1%;
  padding: 1px 3px 10px 37px;
}

.contactcenter .interno {position: absolute;
                          text-align: center;
                          color: #313131;
                          margin-top:26%;
                          left: 64%;}

.contactcenter .interno p {
  position: absolute;
  top: 30%;
  width: 227px;
  left: 3%;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 0.9rem;
  font-weight: 400;
  color: white;
}
    
.contactright {
  position: absolute;
  text-align: center;
  color: #313131;
  top: 33%;
  left: 22%;
  padding: 1px 4px 1px 17px;
}

.contactright .interno {position: absolute;
                          text-align: center;
                          color: #313131;
                          top: 31%;
                          left: 100%;}

.contactright .interno p {
  position: absolute;
  top: 30%;
  width: 227px;
  left: 8%;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 0.9rem;
  font-weight: 400;
  color: white;
}


.pagina {margin: 0 auto 0 auto;
    max-width: 960px;}

.enlaces {font-family: 'Merriweather', serif; font-weight: 700; font-size: 1rem; font-weight: 800;
            color: #313131;}



.seccioncontacto {font-family: 'Merriweather', serif;
                  font-size: 1.5rem;
                  font-weight: 800;
                  color: #313131;
                  margin: 0 auto;
                  padding-top: 15px;}

.iframe {max-width: 960px;
         height: 250px;
         margin-bottom:5px;
         width:100%;}
 
}

/* fin responsive contacto */






/* TIEMPO */

.tiempo_titulo {
    width: 960px;
    }

 .tiempo_titulo_txt {
     width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
     font-weight: 700;
     }

.tiempo_titulo_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;
    }

 .tiempo_titulo a {
     text-decoration: none;
     color: #313232
     }



.paginatiempo{margin: 0 auto;
  max-width: 960px;
  position: relative;
  clear: both;}

.imgtiempo {margin-top:2%;
            position: relative;
            width:100%;}

.tiempoh1 {font-family: 'Merriweather', serif;
  font-weight: 700;
  font-weight: 400;
  color: #313131;
  font-size: 5rem;
  text-align: left;
  position: absolute;
  top: 31%;
  left: 5%;}

.tiempoh2 {font-family: 'Merriweather', serif;
          font-weight: 400;
          font-size: 1.1rem;
          position: absolute;
          top: 26%;
          left: 5%;
          color: #313131;
          background-color: #72BFD6;
          padding-left: 2px;
          padding-right: 2px;
          padding-bottom: 0px;}

.tiempoh3 {  font-family: 'Merriweather', serif;
          font-weight: 700;
          font-weight: 400;
          font-size: 1rem;
          text-algin: left;
          position: absolute;
          float: left;
          top: 66%;
          left: 5%;
          color: #313131;
          background-color: #72BFD6;
          padding-left: 3px;
          padding-right: 3px;
          padding-bottom: 0px;}

.titulofecha {font-family: 'Merriweather', serif; font-weight: 400; font-size: 1.1rem;
        width: 90%; 
        height: 25px; 
        margin: 20px auto 0 auto; 
        padding: 6px 10px 10px 10px;
        text-align: left;
        color: #313131;}


.titulostiempo {font-family: 'Lato', sans-serif; font-weight: 700; font-weight: 900;
                font-size: 1.4rem;
                color: #313131;}

.tiempofecha {font-family: 'Lato', sans-serif; font-weight: 700; font-weight: 700;
                font-size: 1.2rem;
                color: #313131;}

.nubes {position: absolute;
          padding-top: 19px;
          top: 27%;
          left: 25%;}

.inforight {float: right;
            padding-top: 40%;
            color: #313131;}  

.inforight p {font-family: 'Lato', sans-serif; font-weight: 400;
                color: #313131;
                font-size:1rem;}

.infoleft {float: left;
            padding-top: 40%;
            color: #313131;}

.infoleft p {font-family: 'Lato', sans-serif; font-weight: 400;
                color: #313131;
                font-size:1rem;}

.recuadrostiempo {width: 30%;
    background: #cde0e7;
    min-height: 250px ; 
    position: relative; 
    float: left; 
    box-sizing: border-box; 
    margin: 1.6%; 
    padding: 2%;
    font-size: 1rem;
    border-radius: 30px 30px 30px 30px;
    text-align: center;}


/* FIN TIEMPO */



/* responsive tiempo */
@media screen and (max-width:960px){
    

.secciontiempo{font-family: "Merriweather",serif;
                  font-size: 1.5rem;
                  color: #313131;
                  font-weight: 800;
                  text-align: center;
                  margin: 0 auto;
                  padding-top: 15px;}

.paginatiempo{margin: 0 auto;
  max-width: 960px;
  position: relative;
  clear: both;}

.imgtiempo {margin-top:2%;
            position: relative;
            width:100%;}

.tiempoh1 {font-family: 'Merriweather', serif; font-weight: 700; font-weight: 400;
            color: #313131;
            font-size: 5rem;
            text-align: left;
            position: absolute;
            top: 31%;
            left: 5%;}

.tiempoh2 {font-family: 'Merriweather', serif;
          font-weight: 400;
          font-size: 1.1rem;
          position: absolute;
          top: 26%;
          left: 5%;
          color: #313131;
          background-color: #72BFD6;
          padding-left: 2px;
          padding-right: 2px;
          padding-bottom: 0px;}

.tiempoh3 {font-family: 'Merriweather', serif;
          font-weight: 700;
          font-weight: 400;
          font-size: 1rem;
          text-algin: left;
          position: absolute;
          float: left;
          top: 66%;
          left: 5%;
          color: #313131;
          background-color: #72BFD6;
          padding-left: 3px;
          padding-right: 3px;
          padding-bottom: 0px;}

.titulofecha {font-family: 'Merriweather', serif; font-weight: 400; font-size: 1.1rem;
        width: 90%; 
        height: 25px; 
        margin: 20px auto 0 auto; 
        padding: 6px 10px 10px 10px;
        text-align: left;
        color: #313131;}


.titulostiempo {font-family: 'Lato', sans-serif; font-weight: 700; font-weight: 900;
                font-size: 1.4rem;
                color: #313131;}

.tiempofecha {font-family: 'Lato', sans-serif; font-weight: 700; font-weight: 700;
                font-size: 1.2rem;
                color: #313131;}

.nubes {visibility:hidden;}

.inforight {float: right;
            padding-top: 0%;
            color: #313131;}  

.inforight p {font-family: 'Lato', sans-serif; font-weight: 400;
                color: #313131;
                font-size:1rem;}

.infoleft {float: left;
            padding-top: 0%;
            color: #313131;}

.infoleft p {font-family: 'Lato', sans-serif; font-weight: 400;
                color: #313131;
                font-size:1rem;}

.recuadrostiempo {width: 30%;
    background: #cde0e7;
    min-height: 209px ; 
    position: relative; 
    float: left; 
    box-sizing: border-box; 
    margin: 1.6%; 
    padding: 2%;
    font-size: 1rem;
    border-radius: 30px;
    text-align: center;}
}


   
@media screen and (max-width:768px){
    

.secciontiempo{font-family: "Merriweather",serif;
                  font-size: 1.5rem;
                  color: #313131;
                  font-weight: 800;
                  text-align: center;
                  margin: 0 auto;
                  padding-top: 15px;}

.paginatiempo{margin: 0 auto;
  max-width: 960px;
  position: relative;
  clear: both;}

.imgtiempo {margin-top:2%;
            position: relative;
            width:100%;}

.tiempoh1 {font-family: 'Merriweather', serif; font-weight: 700; font-weight: 400;
            color: #313131;
            font-size: 5rem;
            text-align: left;
            position: absolute;
            top: 25%;
            left: 5%;}

.tiempoh2 {font-family: 'Merriweather', serif;
          font-weight: 400;
          font-size: 1.1rem;
          position: absolute;
          top: 26%;
          left: 5%;
          color: #313131;
          background-color: #72BFD6;
          padding-left: 2px;
          padding-right: 2px;
          padding-bottom: 0px;}

.tiempoh3 {font-family: 'Merriweather', serif;
          font-weight: 700;
          font-weight: 400;
          font-size: 1rem;
          text-algin: left;
          position: absolute;
          float: left;
          top: 63%;
          left: 5%;
          color: #313131;
          background-color: #72BFD6;
          padding-left: 3px;
          padding-right: 3px;
          padding-bottom: 0px;}

.titulofecha {font-family: 'Merriweather', serif; font-weight: 400; font-size: 1.1rem;
        width: 90%; 
        height: 25px; 
        margin: 20px auto 0 auto; 
        padding: 6px 10px 10px 10px;
        text-align: left;
        color: #313131;}


.titulostiempo {font-family: 'Lato', sans-serif; font-weight: 700; font-weight: 900;
                font-size: 1.4rem;
                color: #313131;}

.tiempofecha {font-family: 'Lato', sans-serif; font-weight: 700; font-weight: 700;
                font-size: 1.2rem;
                color: #313131;}

.nubes {visibility:hidden;}

.inforight {float: right;
            padding-top: 0%;
            color: #313131;}  

.inforight p {font-family: 'Lato', sans-serif; font-weight: 400;
                color: #313131;
                font-size:1rem;}

.infoleft {float: left;
            padding-top: 0%;
            color: #313131;}

.infoleft p {font-family: 'Lato', sans-serif; font-weight: 400;
                color: #313131;
                font-size:1rem;}

.recuadrostiempo {width: 30%;
    background: #cde0e7;
    min-height: 209px ; 
    position: relative; 
    float: left; 
    box-sizing: border-box; 
    margin: 1.6%; 
    padding: 2%;
    font-size: 1rem;
    border-radius: 30px;
    text-align: center;}    
}



@media screen and (max-width:480px){

.tiempoh3 {font-family: 'Merriweather', serif;
          font-weight: 700;
          font-weight: 400;
          font-size: 1rem;
          text-algin: left;
          position: absolute;
          float: left;
          top: 54%;
          left: 5%;
          color: #313131;
          background-color: #72BFD6;
          padding-left: 3px;
          padding-right: 3px;
          padding-bottom: 0px;
}
    
.tiempoh2 {font-family: 'Merriweather', serif;
          font-weight: 400;
          font-size: 1.1rem;
          position: absolute;
          top: 22%;
          left: 5%;
          color: #313131;
          background-color: #72BFD6;
          padding-left: 2px;
          padding-right: 2px;
          padding-bottom: 0px;}
    
.tiempoh1 {
  font-family: 'Merriweather', serif;
  font-weight: 700;
  font-weight: 400;
  color: #313131;
  font-size: 3.5rem;
  text-align: left;
  position: absolute;
  top: 20%;
  left: 5%;
}          
    
}

    
@media screen and (max-width:320px){
    
.tiempoh2 {
  font-family: 'Merriweather', serif;
  font-weight: 400;
  font-size: 1.1rem;
  position: absolute;
  top: 24%;
  left: 15%;
  color: #313131;
  background-color: #72BFD6;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 0px;
}
    
.tiempoh1 {
  font-family: 'Merriweather', serif;
  font-weight: 700;
  font-weight: 400;
  color: #313131;
  font-size: 3.5rem;
  text-align: left;
  position: absolute;
  top: 18%;
  left: 14%;
}    
 
.tiempoh3 {
  font-family: 'Merriweather', serif;
  font-weight: 700;
  font-weight: 400;
  font-size: 1rem;
  text-algin: left;
  position: absolute;
  float: left;
  top: 60%;
  left: 13%;
  color: #313131;
  background-color: #72BFD6;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 0px;
  width: 220px;
  text-align: center;
}
    
.titulofecha {
  visibility:hidden;
}    
    
} 
    
/* fin responsive tiempo */    
 



/* VIVO */

.paginavivo {margin: 0 auto;
            max-widht: 960px;
            clear: both;}

.bottomvivoseguir {max-width: 960px;
                margin-left: 50%;}

.seccionvivo {width: 100%;
     text-align: center;
     font-size: 1.4rem;
     font-family: 'Merriweather', serif; 
    font-weight: 700;}

.seccionvivo p{margin:0px;}

.vivo_titulo {
  max-width: 960px;
  margin: 0 auto;
  width: 100%; 
  text-decoration:none;}       


.vivo_linea {
    margin: 0 auto 0 auto;
    margin-bottom: 2%;}


.transmisionvivo {margin-top:2%;}


.seccionprogramacion {font-family: "Merriweather",serif;
                      font-size: 1.3rem;
                      color: #313131;
                      font-weight: 800;
                      text-align: center;
                      margin: 0 auto;
                      padding-top: 24px;
                      max-width: 960px;}

.semana {margin-top: 13px; clear:both;}

.programacion {width: 100%;
              background: #FFF8B1;
              margin-top: 3%;
              height: 420px;}

.programacion .interno {max-width: 611px;
                        margin: 0 auto;}
                                
.internoleft {float: left;
  max-width: 6px;
  padding-top: 14px;} 

.internoleft .img1 {margin-top:11px;}
.internoleft .img2 {margin-top:43px;}
.internoleft .img3 {margin-top:72px;}


.internoright {float: left;
  max-width: 84%;
  padding-left: 13%;
  text-align: left;
  padding-top: 14px;}    
 
.internoright p {font-family: 'Lato', sans-serif; font-weight: 400;
    color: #313131;
    font-size:1rem;}
    
    
/* FIN VIVO */

    
/* responsive vivo */
@media screen and (max-width:768px){
    

.transmisionvivo {margin-top:2%;
                  width:100%;}


.seccionprogramacion {font-family: "Merriweather",serif;
                      font-size: 1rem;
                      color: #313131;
                      font-weight: 800;
                      text-align: center;
                      margin: 0 auto;
                      padding-top: 24px;
                      max-width: 960px;}
    
.programacion {width: 100%;
              background: #FFF8B1;
              margin-top: 3%;
              height: 500px;}

.programacion .interno {width:100%;
                        margin: 0 auto;}
                                
.internoleft {float:left;
              max-width: 29px;
              padding-left: 10%;
              padding-top: 22px;} 

.internoleft .img1 { margin-top:11px;}
.internoleft .img2 { margin-top:56px;}
.internoleft .img3 { margin-top:95px;}


.internoright {  float: left;
  max-width: 58%;
  padding-left: 8%;
  text-align: left;
  padding-top:14px;}    
 
}

@media screen and (max-width:480px){

.internoright {float: left;
  max-width: 58%;
  padding-left: 11%;
  text-align: left;
  padding-top: 14px;}    
    
.internoleft {float: left;
  max-width: 29px;
  padding-left: 10%;
  padding-top: 22px;}
    
    
.semana {width:100%;}    
    
.internoleft .img1 { margin-top:6px;}
.internoleft .img2 { margin-top:84px;}
.internoleft .img3 { margin-top:131px;}
}


@media screen and (max-width:320px){
    
.semana {width:100%;} 
.programacion {width: 100%;
              background: #FFF8B1;
              margin-top: 3%;
              height: 660px;}   
    
.internoleft {padding-left: 3%;}  
    
.internoright {float: left;
              max-width: 58%;
              padding-left: 16%;
              text-align: left;
              padding-top: 14px;}  
 
.internoright p {font-size:1.1rem;} 
    
.internoleft .img1 { margin-top:4px;}
.internoleft .img2 { margin-top:127px;}
.internoleft .img3 { margin-top:224px;}

}
/* fin responsive vivo */





/* ARCHIVOS */

.seccionarchivos {font-family: "Merriweather",serif;
                  font-size: 1.5rem;
                  color: #313131;
                  font-weight: 800;
                  text-align: center;
                  margin: 0 auto;}

.sectionarchivos a{text-decoration: none;color: #313232;}

.articulosarchivoright {max-width: 413px;
                          text-align: left;
                          margin: 0 auto;
                          float: right;
                          position: relative;
                          padding-right: 40px;
                          padding-top: 28px;}

.articulosarchivoleft {max-width: 241px;
                      margin: 0 auto;
                      float: left;
                      padding-left: 40px;
                      text-align: left;
                      padding-top: 28px;}


.sectionarchivos {
  background: #FDF9C3;
  max-width: 780px;
  margin: 0 auto;
  color: #313131;
  min-height: 1021px;
  border-radius: 20px;
  clear: both;
  margin-top: 0%;
  padding-top: 30px;}



.titulosarticuloarchivo {font-family: 'Lato', sans-serif; font-weight: 700; font-weight: 900; 
                            font-size:1.4rem;
                            margin-top: 2%;
                            margin-bottom: 2%;}

.titulosmenoresarticuloarchivo {font-family: 'Lato', sans-serif; 
                                font-weight: 700; 
                                font-weight: 700; 
                                font-size:1.2rem;
                                margin-top: 2%;
                                margin-bottom: 2%;}

.infoarticuloarchivo {font-family: 'Lato', sans-serif; 
                        font-weight: 400; 
                        font-size:1.1rem;
                        margin-top: 2%;
                        margin-bottom: 2%;}
/* FIN ARCHIVOS */



/* archivos responsive */

@media screen and (max-width:768px){
    
.articulosarchivoright {max-width: 241px;
                          text-align: left;
                          margin: 0 auto;
                          float: left;
                          position: relative;
                          padding-left:40px;}

.articulosarchivoright img {width:100%;
                            max-width:400px;}
    
.sectionarchivos {background: #FDF9C3;
                  max-width: 602px;
                  margin: 0 auto;
                  color: #313131;
                  min-height: 979px;
                  clear: both;
                  margin-top: 0%;
                  padding-top: 30px;}


.infoarticuloarchivo {font-size:1rem;}
    
}
    


@media screen and (max-width:480px){
    
.articulosarchivoright {max-width: 241px;
                          text-align: left;
                          margin: 0 auto;
                          float: left;
                          position: relative;
                          padding-left: 40px;
                          padding-top: 12px;}

.articulosarchivoright img {width:100%;
                            max-width:400px;}
    
.sectionarchivos {background: #FDF9C3;
                  max-width: 308px;
                  margin: 0 auto;
                  color: #313131;
                  min-height: 1825px;
                  clear: both;
                  margin-top: 0%;
                  padding-top: 30px;}


.infoarticuloarchivo {font-family: 'Lato', sans-serif; 
                        font-weight: 400; 
                        font-size:1.1rem;
                        margin-top: 2%;
                        margin-bottom: 2%;}
}
    


@media screen and (max-width:320px){
 
.sectionarchivos {background: #FDF9C3;
                  max-width: 304px;
                  margin: 0 auto;
                  color: #313131;
                  height: 1809px;
                  clear: both;
                  margin-top:0%;
                  padding-top:30px;}
    
    .articulosarchivoright article {margin-top: 3px;}
    .articulosarchivoleft article {margin-top: 3px;}
}

/* fin responsive archivos */






/* FOOTER */

footer {width: 100%; 
    height: 250px; 
    background: #ffffff;
    text-align: left;
    clear: both;    
    margin-top:3%;}

.paginafooter {margin: 0 auto;
    max-width: 960px;}

footer p {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.8rem; font-weight: 300; }

.tituloscontacto {font-family: 'lato', serif; font-weight: 700; font-size: 0.9rem;}

.left {position: relative;
  float: left;
  margin-bottom: 2%;
  margin-left: 3%;}

.mid {position: relative;
  float: left;
  margin-left: 40px;}
.coop {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.9rem;}

.contactoleft {position: relative;
              float: right;
              margin-left: 22px;
              line-height: 60%;
              margin-top: 10px;}


.contactoright {position: relative;
              float: right;
              margin-left: 4px;
              line-height: 60%;
              margin-top: 10px;}

.contactoright p {font-size:1rem;}
.contactoleft p {font-size:1rem;}

.right {position: relative; float: right; right:39px;}

.right .right-r {width: 6px;
                  float: right;
                  position: relative;
                  margin-right: 16px;
                  margin-top:20px;}

.right .right-r img {padding-bottom:7px;}
.right .right-l img {padding-bottom:7px;}

.right .right-l {width: 6px;
                  float: left;
                  position: relative;
                  margin-left: 0px;
                  margin-top:20px;}


.bottomfooter {background: #313232;
                  width: 100%;
                  text-align: center;
                  overflow: hidden;
                  line-height: 100%;}

.bottomfooter .interno{width: 100%;
                       max-width: 960px;
                       margin:0 auto;}

.bottomfooter ul  {padding-left: 0px;
                     margin: 7px;}

.bottomfooter ul li {
    display: inline;
    margin-left: 0px;
    margin-top: 0px;
    color: #A8A9A9;
    text-decoration: none;
    font-family: 'Lato', sans-serif; font-size: 0.95rem; font-weight: 300;}

/* FIN FOOTER */



/* responsive footer */

@media screen and (max-width:768px){


footer {width: 100%; 
    height: 250px; 
    background: #ffffff;
    text-align: left;
    clear: both;    
    margin-top:3%;}
    
.lineafooter {width: 40%; margin: 0 auto;}
    
.paginafooter {margin: 0 auto;
    max-width: 960px;}

footer p {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.8rem; font-weight: 300; }

.tituloscontacto {visibility:hidden;}
.ubicacionimg {visibility:hidden;}  
    
 .left { visibility: hidden;
     width: 1%;}
    
.mid {
  position: relative;
  float: left;
  margin-left: 21%;
  text-align: center;
}
    
.coop {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.9rem;}

.contactoleft {position: relative;
              float: right;
              margin-left: 22px;
              line-height: 60%;
              margin-top: 10px;}


.contactoright {position: relative;
              float: right;
              margin-left: 4px;
              line-height: 60%;
              margin-top: 10px;}

.contactoright p {font-size:1rem;}
.contactoleft p {font-size:1rem;}

.right {
  position: relative;
  float: right;
  right: 23%;
  margin-bottom: 2%;
}
    
.right .right-r {width: 6px;
                  float: right;
                  position: relative;
                  margin-right: 16px;
                  margin-top:20px;}

.right .right-r img {padding-bottom:7px;}
.right .right-l img {padding-bottom:7px;}

.right .right-l {
  width: 6px;
  float: left;
  position: relative;
  margin-left: 0px;
  margin-top: 20px;}

@media screen and (max-width:480px){


footer {width: 100%; 
    height: 250px; 
    background: #ffffff;
    text-align: left;
    clear: both;    
    margin-top:3%;}
    
.lineafooter {width: 40%; margin: 0 auto;}
    
.paginafooter {margin: 0 auto;
    max-width: 960px;}

footer p {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.8rem; font-weight: 300; }

.tituloscontacto {visibility:hidden;}
.ubicacionimg {visibility:hidden;}  
    
 .left { visibility: hidden;
     width: 1%;}
    
.mid {
  position: relative;
  float: left;
  margin-left: 21%;
  text-align: center;
}
    
.coop {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.9rem;}

.contactoleft {position: relative;
              float: right;
              margin-left: 22px;
              line-height: 60%;
              margin-top: 10px;}


.contactoright {position: relative;
              float: right;
              margin-left: 4px;
              line-height: 60%;
              margin-top: 10px;}

.contactoright p {font-size:1rem;}
.contactoleft p {font-size:1rem;}

footer {width: 100%; 
    height: 250px; 
    background: #ffffff;
    text-align: left;
    clear: both;    
    margin-top:3%;}
    
.lineafooter {width: 40%; margin: 0 auto;}
    
.paginafooter {margin: 0 auto;
    max-width: 960px;}

footer p {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.8rem; font-weight: 300; }

.tituloscontacto {visibility:hidden;}
.ubicacionimg {visibility:hidden;}  
    
 .left { visibility: hidden;
     width: 1%;}
    
.mid {
  position: relative;
  float: left;
  margin-left: 4%;
  text-align: center;
}
    
.coop {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.9rem;}

.contactoleft {position: relative;
              float: right;
              margin-left: 22px;
              line-height: 60%;
              margin-top: 10px;}


.contactoright {position: relative;
              float: right;
              margin-left: 4px;
              line-height: 60%;
              margin-top: 10px;}

.contactoright p {font-size:1rem;}
.contactoleft p {font-size:1rem;}

.right {
  position: relative;
  float: right;
  right: 9%;
  margin-bottom: 2%;
}
    
.right .right-r {width: 6px;
                  float: right;
                  position: relative;
                  margin-right: 16px;
                  margin-top:20px;}

.right .right-r img {padding-bottom:7px;}
.right .right-l img {padding-bottom:7px;}

.right .right-l {
  width: 6px;
  float: left;
  position: relative;
  margin-left: 0px;
  margin-top: 20px;}

    
.right .right-r {width: 6px;
                  float: right;
                  position: relative;
                  margin-right: 16px;
                  margin-top:20px;}

.right .right-r img {padding-bottom:7px;}
.right .right-l img {padding-bottom:7px;}

.right .right-l {
  width: 6px;
  float: left;
  position: relative;
  margin-left: 0px;
  margin-top: 20px;}
}

    
    
@media screen and (max-width:320px){


footer {width: 100%; 
    height: 250px; 
    background: #ffffff;
    text-align: left;
    clear: both;    
    margin-top:3%;}
    
.lineafooter {width: 40%; margin: 0 auto;}
    
.paginafooter {margin: 0 auto;
    max-width: 960px;}

footer p {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.8rem; font-weight: 300; }

.tituloscontacto {
  visibility: hidden;
  margin: 0 auto;
}
.ubicacionimg {visibility:hidden;}  
    
 .left { visibility: hidden;
     width: 1%;
     margin-left: 0px;}
    
.mid {
  position: relative;
  margin-left: 0%;
  text-align: center;
}
    
.coop {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.9rem;}

.contactoleft {margin-left: 0%;}


.contactoright p {font-size:1rem;}
.contactoleft p {font-size:1rem;}

footer {width: 100%; 
    height: 250px; 
    background: #ffffff;
    text-align: left;
    clear: both;    
    margin-top:3%;}
    
.lineafooter {width: 40%; margin: 0 auto;}
    
.paginafooter {margin: 0 auto;
    max-width: 960px;}

footer p {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.8rem; font-weight: 300; }

.tituloscontacto {
  visibility: hidden;
  margin: 0 auto;
}
.ubicacionimg {visibility:hidden;}  
    
 .left { visibility: hidden;
     width: 1%;}
    
.mid {
  position: relative;
  text-align: center;}
    
.coop {font-family: 'Lato', sans-serif; font-weight: 700; font-size: 0.9rem;}

.contactoleft {
  position: relative;}

.contactoright {position: relative;}

.contactoright p {font-size:1rem;}
.contactoleft p {font-size:1rem;}

.right {position: relative;
  margin: 0 auto;}
    
.right .right-r {width: 84px;}

.right .right-r img {padding-bottom:7px;}
.right .right-l img {padding-bottom:7px;}

.right .right-l {
  width: 84px;
  position: relative;}
    
.right .right-r {width: 84px;
  position: relative;
  margin-left: 5px;
  margin-right: 41px;}

.right .right-r img {padding-bottom:7px;}
.right .right-l img {padding-bottom:7px;}

.right .right-l {
  width: 84px;
  float: left;
  position: relative;
  margin-left: 0px;
  margin-top: 20px;}

}    
    
    
    

    
/* fin responsive footer */