/**
 *
 *
 *  Media-queries
 *
 *
 **/
 
/** 
 
    Large
 
**/

/**
 * Minor breakpoint: lower half of L(arge) layout
 * 900px <-> 1070px
 *
 */
@media (max-width: 1070px) {
    /**
    .destaques .html5-nav ul {
        font-size: 0.9em;
        position: relative;
        top: 0.2em;
    }
    **/
    /**
    html {
        font-size: 61.7%; 
    }

    .recheio {
        width: 90%;
    }

    .destaques .timeline ol li a {
        width: 10em;
    }
    .no-js .tabs-box .tabs li a {
        padding: 0.35em 0.1em 0.35em;
    }
    **/

    #map {
        font-size: 1.2em;
    }
    

    .tab .with_nav .html5-nav {
        padding-left: 0.5em;
    }

}


/**
 * Minor breakpoint: lower half of L(arge) layout
 * ... <-> 1100px
 *
 */
@media (max-width: 1200px) {
    /**
    .tabs-box .tabs li a:before {
        display:none;
    }
    **/
    .tabs-box .tabs li a {
        margin-right: -0.2em;
        margin-left: -0.2em;
    }
}
@media (max-width: 1100px) {
    #destaques .tabs-box .tabs li {
        font-size: 0.8em;
    }
    .destaques .widgets-destaques + .tabs-box {
        padding: 1em 0.5em;
    }
    .tabs-box .html5-nav ul {
        margin-top: 4px;
    }
    #pesquisa .html5-nav ul {
        margin-top: 0;
    }
    .destaques .widgets-destaques + .tabs-box, body .destaques [data-mode="boxes"] div.tab[data-format="narrow"],
    body .destaques .tabs-box[data-format="narrow"] {
        width: 65.803399%; /* No Golden Ratio for you! :( sorry **/
    }

    .destaques .widgets-base {
        width: 34.196601%;
    }


    .sapo_widget_epg_top label {
        font-size: 0.75em;
    }
}




/**

    Common


**/


@media (min-width: 950px) and (max-width: 1000px) {
    body .recheio,
	#principal,
    #principal .recheio {
        width: 870px;
        width: 920px;
        /* outline: 1px solid orange; */
    }
	/* widget desporto */
    .sapo_widget_desporto_resultados_form p {
		display: block;
	}
    .sapo_widget_desporto_resultados_content p {
    	width:100%;
    }
}
@media (min-width: 1000px) and (max-width: 1099px) {
    body .recheio,
	#principal,
    #principal .recheio {
        width: 920px;
        width: 950px;
         /* outline: 1px solid cyan; */
    }
    /* widget desporto */
    .sapo_widget_desporto_resultados_form p {
		display: block;
	}
    .sapo_widget_desporto_resultados_content p {
    	width:100%;
    }
}
@media (min-width: 1100px) and (max-width: 1199px) {
    body .recheio,
	#principal,
    #principal .recheio {
        width: 1020px;
         /* outline: 1px solid pink; */
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    body .recheio,
	#principal,
    #principal .recheio {
		width: 1120px;
         /* outline: 1px solid blue; */
    }
}

@media (min-width: 1300px) and (max-width: 1399px) {
    body .recheio,
	#principal,
    #principal .recheio {
        width: 1170px;
         /* outline: 1px solid green; */
    }
}
@media (min-width: 1400px) and (max-width: 1499px) {
    body .recheio,
	#principal,
    #principal .recheio {
        width: 1220px;
         /* outline: 1px solid gray; */
    }
}
@media (min-width: 1500px) {
    body .recheio,
	#principal,
    #principal .recheio {
        width: 1280px;
         /* outline: 1px solid yellow; */
    }
}


/* Short viewports, very very wide stuff */
@media (min-width: 1000px) and (max-height: 700px) {
    body.debug .manchetes .img img,
    body.debug .manchete .img img {
        max-height: 186px;
        width: 70%;
        margin: 0 auto 0 0;
    }
}