
/* ****************************************************************** 
    Importante:
    USAR ESTE ARCHIVO PARA EDITAR O AGREGAR ESTILOS.
****************************************************************** */

/*margenes*/
.margin-t-40{
    margin-top: 40px;
}
.margin-b-40{
    margin-bottom: 40px;
}


#footer { width: 100%; overflow: hidden}

/*header*/
#header,
#mobile-nav .menu .header{ background-color:#EC5441;}
.separa { display: none}
#footer .topdos {position:relative}


#footer .top .logo:before{
    content:"";
    display:block;
    width:100%;
    height:0;
    padding-bottom:7.971%;
    background:no-repeat center;
    background-size:contain;
    background-image:url(../imagenes17/mvdcomm-logo@3.png);
    background-image:url(../imagenes17/mvdcomm-logo.svg), none;
}

/* BANNERS */

#bannerEspeciales{
    height: 0px;
    width: 100%;
}
.banners{
  overflow: visible;
}
.align-center{
  text-align:center;
}

/* fecha en mas leidas */
h4 .timeago { font-size:1.3em; margin-top:10px; width:100% }
.noticia .content .title { padding-bottom:10px}

/* MOBILE NAV */


#mobile-nav .menu .canales .canal.portal a:after{
	background-color:#ce5243;
    opacity:0.85;
}


#mobile-nav .menu .canales .canal.deportes a:after{
    background-color:#1c80ba;
   	opacity:0.85;
}


#mobile-nav .menu .canales .canal.canalm a:after{
    background-color:#cbcbb5;
    opacity:0.85;
}


#mobile-nav .menu .canales .canal.mujer a:after{
    background-color:#e97683;
    opacity:0.85;
}


#mobile-nav .menu .canales .canal.tiempolibre a:after{
    background-color:#ebb846;
    opacity:0.85;
}


#mobile-nav .menu .canales .canal.pantallazo a:after{
    background-color:#b5b9ba;
    opacity:0.8;
}


#mobile-nav .menu .canales .canal.ciencia a:after{
    background-color:#5fad6c;
    opacity:0.85;
}


#mobile-nav .menu .canales .canal.airbag a:after{
    background-color:#385c9a;
    opacity:0.85;
}


#mobile-nav .menu .canales .canal.gastronomia a:after{
    background-color:#9e9e97;
    opacity:0.85;
}


#mobile-nav .menu .canales .canal.sorteos a:after{
    background-color:#bc4f31;
    opacity:0.85;
}


#mobile-nav .menu .canales .canal.opinion a:after{
    background-color:#5caaa3;
	opacity:0.85;
  
}


#mobile-nav .menu .canales .canal.empresariales a:after{
    background-color:#e9bc59;
	opacity:0.85;
   
}

#topbar .links  { margin-left:0 }

/*share*/
.noticia .foto .icon.gallery{
    background-image: url(../imagenes17/icons/gallery@3.png);
    background-image: url(../imagenes17/icons/gallery.svg), none;
}

/* noticia */
.noticia .foto .icon.gallery{
    background-image: url(../imagenes17/icons/gallery@3.png);
    background-image: url(../imagenes17/icons/gallery.svg), none;
}
.noticia .foto .icon.play{
    background-size:36px;
    background-image: url(../imagenes17/icons/play@3.png);
    background-image: url(../imagenes17/icons/play.svg), none;
}

.noticia .content .share-btn.red share-button{
    background-image: url(../imagenes17/icons/share-r@3.png);
    background-image: url(../imagenes17/icons/share-r.svg), none;
} 

 #footer .topdos{
    border-bottom:0;
    padding-bottom:0; margin-top: 20px
}

#footer .topdos .logogp {
    display:block;
    width:100%;
    max-width: 270px;
    margin:0 auto;
}
#footer .topdos .logogp:before{
    content:"";
    display:block;
    width:100%;
    height:0;
    padding-bottom:7.971%;
    background:no-repeat center;
    background-size:contain;
    background-image:url(../imagenes17/googleplay.png);
    background-image:url(../imagenes17/googleplay-01.svg), none;
}

#footer .topdos .logoas {
    display:block;
    width:100%;
    max-width: 270px;
    margin:0 auto;
}
#footer .topdos .logoas:before{
    content:"";
    display:block;
    width:100%;
    height:0;
    padding-bottom:7.971%;
    background:no-repeat center;
    background-size:contain;
    background-image:url(../imagenes17/applestore.png);
    background-image:url(../imagenes17/applestore-01.svg), none;
}


#footer .topdos .datos,
#footer .topdos #footer-nav{
    margin-top:30px;
}
#footer .topdos ul li{
    font-size:1.6em;
    color:#fff;
}
#footer .topdos ul li a{
    color:#fff;
    text-decoration: underline;
}
#footer .topdos ul li a:hover,
#footer .topdos ul li a:focus{
    color:#ce5243;
}
#footer .topdos .menu li{
    margin-top:5px;
}
#footer p{
    font-size:1.6em;
    margin-top:30px;
    color:#b1b1b1;
}


@media only screen and (min-width: 767px) {	
.banners.full.int {
  margin:30px 0 0;
  padding:20px 0;
}
}
@media only screen and (max-width: 767px) {	

/*noticia ppal*/
.noticia.ppal .content .text{
 display: none;
}
/*banner internas*/
.banners.full.int {
  margin:30px 0 ;
  background-color:transparent;
}
}

@media (min-width: 768px) {
    
    /* FOOTER */

	#footer .topdos .logo{
        margin-left:0;
    }

    #footer .topdos .datos{
        margin-top:20px;
    }
    
    #footer .topdos ul li a{
        text-decoration: none;
    }

    #footer .topdos #footer-nav{
        margin-top:10px;
    }
    #footer .topdos .menu li{
        margin-top:0;
    }
    #footer .topdos .menu li a:after{
        display:none;
    }
    #footer .topdos .menu li + li:before{
        content:"";
        display:inline-block;
        vertical-align: middle;
        height:17px;
        width:1px;
        position:relative;
        top:-1px;
        background:#fff;
        margin:0 12px;
    }

	
	
}

@media (min-width: 1200px) {

/* FOOTER */


    #footer .topdos .logogp{
        position:absolute;
        right:-108px;
        top:16px;
        margin:0; padding-left:40px
    }
	
	 #footer .topdos .logoas{
        position:absolute;
        right:30px;
        top:16px;
        margin:0;
    }
	
    #footer .topdos .datos{
        margin-top:0;
    }
	
	#footer .topdos .logos{ 
		position: relative;
		right: -105px
	}
	
	#footer .wrapper { width:86% }
}


@media (min-width: 768px) and (max-width:1200px) {

	 .separa{height:35px; display: block; padding: 10px 0 0 0 }
	#footer .topdos .datos{
        margin-top:35px;
    }
	  #footer .topdos ul { margin: 0; padding: 0; text-align: left;display: inline}
		  #footer .topdos ul li { display: inline}
	
 #footer .topdos .logogp{
        position:absolute;
        left:-70px;
        top:6px;
        margin:0; padding-right:40px
    }
	
	 #footer .topdos .logoas{
        position:absolute;
        left:100px;
        top:6px;
        margin:0;
    }
}

@media (min-width: 320px) and (max-width:767px) {

	#footer .topdos ul { margin: 0 auto; padding: 0 auto; align-items: center}
	
	#footer .topdos .logogp{
        position:absolute;
        left:-20px;
        top:6px;
        margin:0 auto; 
    }
	
	 #footer .topdos .logoas{
        position:absolute;
        left:100px;
        top:6px;
        margin:0 auto;
    }
	
	 .separa{height:35px; display: block; padding: 10px 0 0 0 }



	#footer .topdos ul {
        margin: 0; padding: 0; display: inline}
	
	#footer .topdos li { margin: 0; padding: 0; list-style: none; display: inline}

}

@media (min-width: 980px){
#cotizacion-component .cotizacion-btn {

    background-image: url(../imagenes17/icons/cotizacion-btn@3.png);
    background-image: url(../imagenes17/icons/cotizacion-btn.svg), none;
}}


@media (min-width: 768px) and (max-width: 979px) {
	.dropdowns {
		display: none;
	}
}
@media (min-width: 980px) and (max-width: 1250px) {
	.dropdowns {
		display: none;
	}
}
@media (min-width: 1251px) and (max-width: 1600px) {
	.dropdowns {
	    position: absolute;
	    top: 50px;
	    right: 120px;
	    vertical-align: top;
		text-align: right;
	}
}

.dropdowns {
    position: absolute;
    top: 50px;
    right: 320px;
    vertical-align: top;
	text-align: right
}

@media (max-width: 767px) {
	#cartelera {
		padding: 20px 0 20px 0;
	}
	.dropdowns {
		position: absolute;
		left: 24px;
		top: 68px;
	}
	.carteleras .listado {
		margin-top: 55px;
	}
}
/* JS SOCIALS PLUGIN */
.jssocials-share-copylink .jssocials-share-link:before{
  
    background-image: url(../imagenes17/jssocials/tick.svg);

	}

/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {

	.noticia[class*="color-"] .content:before{
		/* Este selector lo sobreescribieron en el screen y dejó de funcionar */
		/* Así que lo dejo en el screen, pero lo deshabilito en este editable */
		display: none;
	}
    #sorteos .noticia[class*="color-"] .content:before {
        content:"";
        display:block;
        width:100%;
        height:451px;
        position:absolute;
        left:0;
        bottom:-450px;
        background-color:#ce5243;
    }
    #pantallazo .noticia[class*="color-"] .content{
        height:160px;
    }
    #pantallazo .noticia[class*="color-1"] .content{
        height:240px;
    }

}



/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {

    /* COTIZACION */

    #cotizacion-component .cotizacion-btn{
        background-image:url(../imagenes17/icons/cotizacion-btn@3.png);
        background-image:url(../imagenes17/icons/cotizacion-btn.svg), none;
    }
  /*correccion en clima*/
  #clima-banner .col-lg-fixed {
    padding: 0 0 0 60px;
	 }
}




/* ********************** de Desktop a HD ********************** */

@media (min-width: 1200px) {

	/* NOTICIA */

    .noticia.color-1 .content:before {
    	/* Este selector lo tenian con: */
    	/* .noticia[class*="color-1"] .content:before */
    	/* Asi que lo pase  a .color-1 directamente para que sea mas optimo */
        content:"";
        display:block;
        width:100%;
        height:451px;
        position:absolute;
        left:0;
        bottom:-450px;
        background-color:#ce5243;
    }
}

@media (min-width: 1360px){
#clima-banner .col-lg-fixed {
    padding: 0 30px 0 0;

}
}

/* uruguay 2020*/
.heading_uy2020 {  color: #263a5d; font-size: 3em; font-weight: 700; text-transform: uppercase; width: 100%; margin-top: 20px; margin-bottom: 20px;background-image: url(https://www.montevideo.com.uy/plantillas/temas17/imagenes17/logo_uruguay2020_2ch.svg);
    background-repeat: no-repeat;
    background-size: auto 25px;
    background-position: right}

.padding-t-10{padding-top: 10px;}

@media (min-width: 1200px) {
.heading_uy2020 { font-size: 3.5em; margin-top: 25px; margin-bottom: 25px; 
	background-image: url(https://www.montevideo.com.uy/plantillas/temas17/imagenes17/logo_uruguay2020_2.svg);
    background-repeat: no-repeat;
    background-size: auto 35px;
    background-position: right }
 }
	
	
.uy2020subtit { color: #fdc236 }

.heading_uy2020:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 25px;
    background-color: #00A0FF;
	border-bottom: 3px solid #f6f6f6;
    opacity: 1;
    position: relative;
    top: -2px;
    margin-right: 9px;
}
		
@media (min-width: 768px){
	.heading_uy2020:before {
		width: 5px;
		height: 25px;
	}
	
	.fill-btn-azul{ display: inline; margin-top: 20px
	}

}

.bgelecciones19 { background-color: #f6f6f6 }


.fill-btn-azul {
    box-shadow: inset 0px 0px 0px 1px #00A0FF;
}
.fill-btn-azul {
	    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    line-height: 1.1;
    color: #fff;
    border-radius: 5px;
    margin-right: 14px;
	padding: 7px 13px 7px;
    font-size: 1.5em;
    background-color: #00A0FF; margin-top: 0
}


.fill-btn-azul:hover {
  color: #00A0FF;background-color: #FFFFFF
}

.fill-btn-azul a:hover {
  color: #00A0FF;
}




										
@media (min-width: 980px) {

  #header .nav .menu > li > a{

        font-size:1.4em;
        padding:9px 6px 10px   }

}

@media (min-width: 1200px) {
#header .nav .menu > li > a{
        font-size:1.55em;
        padding:12px 10px 10px;
    }

}


@media (min-width: 1300px) {

    #header .nav .menu > li > a{
        padding-right:10px;
    }
    #header .nav .menu > li.children > a{
        padding-right:10px;
    }}
