﻿/*----------------------RESET--------------------*/


html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

article, aside, figure, footer, header,hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

body{line-height:1; font-size:62.5%; background:#fff url('../img/body-bg.png') repeat-y top; font-family: Arial, Helvetica, sans-serif;} /*---- 1.0 em = 10px---*/

/*----------------------RESET--------------------*/

/*----------------------FONTE--------------------*/


@font-face {
    font-family: 'Bree Serif';
    src: url('../fonts/breeserif-regular-webfont.eot');
    src: url('../fonts/breeserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/breeserif-regular-webfont.woff') format('woff'),
         url('../fonts/breeserif-regular-webfont.ttf') format('truetype'),
         url('../fonts/breeserif-regular-webfont.svg#bree_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Regular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'Bree Serif';
        url('../fonts/breeserif-regular-webfont.svg#bree_serifregular') format('svg');
	};
	@font-face {
		font-family: 'Open Sans Regular';
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	};
	@font-face {
		font-family: 'Open Sans Semibold';
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
	};
}


/*----------------------FONTE--------------------*/

a{text-decoration:none; outline:none;}

a:hover,.primeiros-colocados li:hover{-moz-transition:all ease-in .3s; -webkit-transition:all ease-in .3s; transition:all ease-in .3s}



p{font:1.3em "Open Sans Regular"; line-height:20px; color:#353736;}

.global-div{display:block; width:960px; height:auto; margin:auto; margin-bottom:10px; padding-bottom:10px; }


/*----------------------OVERLAY--------------------*/

#overlay-banner{position:fixed; width:100%; height:95%; padding:3% 0; top:0; left:0; background:url(../img/fundo-semitransp-branco.png); z-index:900;}

	.conteudo-overlay-banner{ width:auto; height:672px; width:582px; padding:15px; position:absolute; margin-top:-350px; margin-left:-290px; left:50%; top:50%; z-index:990;}
	
	.conteiner{float:left; max-width:500px; max-height:600px; overflow:scroll;}

	#fechar-banner{width:30px; height:30px; display:block; line-height: 30px; text-align: center; font-size:1.8em; float:right; margin:0 -40px 0 0; background:#D65B5C; color:#fff; border-radius:50%; cursor: pointer;}

/*----------------------TOPO--------------------*/

header{width:220px; min-height:600px; float:left; padding-right:30px; position:relative; }

.logo{display:block; float:right; background:url(../img/logo1.png) no-repeat top; width:220px; height:180px; text-indent:-9999px; margin:15px 0 30px 0; position:fixed; }

.menu{font:1.8em "Bree Serif", Arial; width:200px; padding:30px 0 40px 0; float:left;  background:url(../img/dial.png) no-repeat left; text-align:right; text-transform:uppercase;/*position:fixed; top:180px;*/ margin-top:200px;}

    .menu li{line-height:28px; margin-bottom:10px; margin-left:15px; position:relative;}

        .menu a{color:#616360; text-decoration:none; display:block; outline:none;}

          .menu a:hover, a:active{color:#5A75C2;}

.menu a::after {position: absolute;	top: 100%;	left: 0;	width: 100%;	height: 1px; background: #5A75C2;	content: ''; opacity: 0;	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;	transition: height 0.3s, opacity 0.3s, transform 0.3s;	-webkit-transform: translateY(-10px);	-moz-transform: translateY(-10px);	transform: translateY(-10px);}

.menu a:hover::after,
.menu a:focus::after {height: 3px;	opacity: 1;	-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);	transform: translateY(0px);}

.players{height:115px; width:100%; position:relative; margin-left:10px; padding-top:20px; background:url(../img/equalizer.jpg) no-repeat left;}

    .fm-player{float:left; width:223px; height:68px;  background:url(../img/players.png) no-repeat left; position:fixed; top:520px; margin-left:-10px;}


        .play{display:block; float:left; width:60px; height:60px; margin-top:5px; text-indent:-9999px; outline: none; }

        .prog-ar, .prog-musica{font:1.5em "Bree Serif", Arial; color:#fff; text-align:center; margin-top:10px; text-transform:uppercase;}

        .prog-musica{text-transform:capitalize; margin-top:3px;}

        .on-air{float:left; width:40px; height:46px; margin:15px 20px 0 20px; background:url(../img/noar.png) no-repeat left;}

.is-playing{width:210px; height:100px; background:#eee url(../img/equalizer.jpg) no-repeat left;; box-shadow:0 2px 2px rgba(0,0,0,0.3); position:absolute; bottom:0; left:0; z-index:0; margin-top:5px; opacity:0; overflow: hidden;}

    h5{font:2.4em "Bree Serif", Arial; color:#eee; text-transform:uppercase; padding:0 0 2px 10px; margin-bottom:10px; text-shadow:0 1px 1px #999; background-color: #446A91; text-align:center;}

    #espaco-player{width:220px; height:30px; margin:8px 0 0 10px;}

/*----------------------INICIAL--------------------*/

.conteudo{float:left; min-height:800px; width:720px;  background:#ecedf0; padding-bottom:40px; box-shadow:inset 1px 0 4px #ddd;}

    .banner{float:left; width:720px; height:235px; overflow:hidden; margin:0px 0 30px 0;}

.msg-dia, .peca-musica, .fb-link{display:block; float:left; width:100%; height:80px; text-indent:-9999px; background:#ccc; outline:none;}

    .msg-dia:hover, .peca-musica:hover, .fb-link:hover{-moz-transition:none; -webkit-transition:none; transition:none;}

    .msg-dia{background:url(../img/msg-dia.png) no-repeat top left; height:75px;}

        .msg-dia:hover{background-position:bottom left;}

    .peca-musica{background:url(../img/peca-musica.png) no-repeat top left;}

        .peca-musica:hover{background-position:bottom left;}

    .fb-link{background:url(../img/nasredes.png) no-repeat left top; height:77px;}

        .fb-link:hover{background-position:bottom left;}

    .divisao{background:url(../img/divisao-sombra.png) no-repeat left;}
/*
.noticias-header, .mais-tocadas-header{width:100%; height:35px; color:#fff; font:2.6em "Bree Serif", Arial; text-transform:uppercase;padding-left:10px; line-height:35px;  background: -webkit-gradient(linear, left top, right top, from(#66b1fe), to(#5ca0e6));
background: -webkit-linear-gradient(top, #66b1fe, #5ca0e6); background: -moz-linear-gradient(top, #66b1fe, #5ca0e6); background: -o-linear-gradient(top, #66b1fe, #5ca0e6); background: -ms-linear-gradient(top, #66b1fe, #5ca0e6); background: linear-gradient(top, #66b1fe, #5ca0e6); background-color: #66b1fe;}

.mais-tocadas-header{line-height:31px;  background: -webkit-gradient(linear, left top, right top, from(#ff6666), to(#db5c5e));
background: -webkit-linear-gradient(top, #ff6666, #db5c5e); background: -moz-linear-gradient(top, #ff6666, #db5c5e); background: -o-linear-gradient(top, #ff6666, #db5c5e); background: -ms-linear-gradient(top, #ff6666, #db5c5e); background: linear-gradient(top, #ff6666, #db5c5e); background-color: #ff6666;}*/

.mais-tocadas{background: #FF6666; border-radius: 10px; box-shadow: 0 2px 2px rgba(0,0,0,.3); padding-bottom: 10px; }

.noticias-header, .mais-tocadas-header{width:100%; height:40px; color:#fff; font:2.8em "Bree Serif", Arial; text-transform:uppercase;padding-left:30px; line-height:40px; color: #66b1fe; border-bottom:1px solid #66b1fe; background: url(../img/not.png) no-repeat 5px 12px;}

    .mais-tocadas-header{ color: #eee; border-bottom:1px solid #eee; margin-bottom: 10px; background: url(../img/nota.png) no-repeat 5px 12px; display: block;}

h1{font:2.2em "Bree Serif", Arial; color:#444644; line-height:1.2em;}

    h1 a{color:#444644; text-decoration:none;}

        h1 a:hover, .continuar-lendo:hover, .outras-noticias a:hover{color:#60A6EF}

.continuar-lendo{font-style:italic; margin:5px 0 20px 0; color:#1e1f1f; text-decoration:underline; float:right; display:block;}

    .outras-noticias li{ list-style:none;  margin-bottom:10px; line-height:24px; }

        .outras-noticias a{color:#777; text-decoration:none; font:1.8em "Bree Serif", Arial;}

.tempo-header{font:2.8em "Bree Serif", Arial; color:#e79f1f; border-bottom:1px solid #e79f1f; margin:20px 0;}

iframe{border:5px solid #ddd; border-radius:5px;}

#bandinha .disable, #gaucha .disable, #rock .disable, #sertaneja .disable { visibility: hidden; }

.conteudo-tabs,  #bandinha .viewport, #rock .viewport, #sertaneja .viewport, #gaucha .viewport{position:relative; float:left; height:310px; width:100%; overflow:hidden;}

.pags-tocadas{position:absolute; bottom:0; left:0; width:100%; height:20px; padding-left:120px;z-index:500; background:#FF6666;}

	.mais, .menos, .buttons{display:block; float:left; width:32px; height:19px; text-indent:-9999px; background:url(../img/setas.png) no-repeat left top; outline: none;}
	
		.menos{background-position:right; margin-left:20px;}

.tabs li{list-style:none; position:relative;float:left; font:1.4em "Bree Serif", Arial; margin:10px 2px 10px 0; }

    .tabs a{color:#eee; padding:4px 5px; border-radius:3px; outline: none;}

        a.tab-selecionada, .tabs a:hover{background:#eee; color:#fd7b7c; text-decoration:none;}

		.tabs a::before{bottom:-4px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #eee; border-width: 5px; left: 48%; opacity:0;}		

    a.tab-selecionada::before, .tabs a:hover::before{opacity:1; bottom:-14px; -moz-transition:all ease-in .3s; -webkit-transition:all ease-in .3s; transition:all ease-in .3s}

.primeiros-colocados,  #bandinha .overview, #rock .overview, #gaucha .overview, #sertaneja .overview{position:absolute; top: 0; left: 0; width:100%;}

.primeiros-colocados li, #bandinha li{list-style:none; position:relative; width:100%; float:left; width:100%; padding:10px 0; border:1px solid transparent; margin-top:10px; height:85px;   }

    .primeiros-colocados li:hover{box-shadow:0 0 10px #ccc; border-radius:5px;  }

    .agenda td:hover{box-shadow:0 0 10px #ccc; border-radius:5px; border:1px solid #ccc; }

        .primeiros-colocados li:hover .play-item{opacity:1;}

    .foto-artista-container{position:relative; float:left; width:75px; height:75px; overflow:hidden; margin:-7px 10px 0 5px ; border-radius:20%; background: #FF6666;}

        .play-item{display:block; width:80px; height:80px; float:left; text-indent:-9999px; background:url(../img/play-item.png) no-repeat center; position:absolute; top:0; left:0; opacity:0; z-index:640;}

        .foto-artista-container:hover .play-item{opacity:1;}

        h3{font:2em "Bree Serif", Arial; color:#eee; margin-top:8px; line-height:1em;}

        .nome-musica{font:1.4em "Open Sans", Arial; color:#ddd; margin-top:5px;}

.primeiros-colocados span{position:absolute; right:5px; bottom:-8px;  font:8em "Bree Serif", Arial; color:#d5d6d8; opacity:.3;}

.divisao-hr{float:left; width:100%; height:10px; margin:40px 0 30px 0; border:0; background:url(../img/divisao.png) no-repeat left;}
            
.fb-div{width:100%; float:left; height:212px; overflow:hidden;}


/*----------------------ESPAÇO POP--------------------*/

.espaco-pop{float:left; width:695px; height: 236px; margin:20px 0 20px 20px; background: url(../img/pop_not_bg.jpg) no-repeat left;}

    .video-pop{width:295px; height: 180px; position: relative; float: left; margin: 40px 0 0 20px;}

        .video-bubble{position: absolute; top:-40px; left:-30px; background: url(../img/video_bublble.png) no-repeat left; width:112px; height: 60px; z-index: 300;}

    .not-pop{float:left; width:335px; height: 180px; position: relative; margin:40px 0 0 25px;}

        .news-bubble{position: absolute; top:-40px; right:-20px; background: url(../img/pop_news_bubble.png) no-repeat left; width:112px; height: 57px; z-index: 300;}

        .foto-not-pop{float:left; width:150px; height: 100px; margin:8px 15px 0 2px; background: #fff; overflow: hidden;}

        h6{font:2.4em "Bree Serif", Arial; color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); line-height: 24px; margin-bottom:5px;}

    .not-pop p{  text-shadow: 0 1px 1px rgba(0,0,0,.2); line-height: 18px;}

.espaco-pop a{color:#fff;}

h4.pop-news{background:url(../img/pop_not_bg.jpg) no-repeat left top; padding-top:10px;}

/*----------------------FOOTER--------------------*/

.endereco{float:right; position:fixed; bottom:10px; width:200px;}

.endereco p{font:1.6em "Bree Serif", Arial; color:#777; border-top:1px solid #777; padding-top:10px; text-align:right; }


/*----------------------INTERNAS--------------------*/

h4{font:3.6em "Bree Serif", Arial; color:#eee; text-transform:uppercase; padding:0 0 2px 30px; margin-bottom:20px; text-shadow:0 1px 1px #999; background-color: #5879bf;}

.texto, .texto-noticia{padding:0 20px;}

	.texto-noticia br{margin-bottom:10px;}

    .texto p, .texto-noticia p{margin-bottom:10px;}

        .texto-noticia img{float:left; clear: left; width:auto; height: auto; max-width:200px; margin:0 10px 10px 0;}

        .texto strong{color:#666; font-size:1.1em;}

    .texto-noticia h1{font-size:3em;}

.estacao{padding:5px 10px; background:#62C7C4; color:#fff; margin:0 10px 0 -10px; font:1.6em "Bree Serif", Arial;}


/*----------------------AGENDA--------------------*/

.agenda td{padding:10px 20px;}

.mes, .mais-noticias{text-align:center; font:2.8em "Bree Serif", Arial; color:#777;  border-bottom:1px solid #777; clear: both;}

.dia{font:2.4em "Bree Serif", Arial; color:#4ec2bd;}


/*----------------------MENSAGEM--------------------*/

.lista-mensagens li{list-style:none; border-bottom:1px solid #ccc; margin-bottom:10px; padding:0 20px 10px 20px;}

    .lista-mensagens li a{color:#666; text-decoration:none; font:2em "Bree Serif", Arial;}

        .lista-mensagens a:hover{color:#66B1FE; padding-left:10px;}

    .lista-mensagens p{margin-top:10px;}

    .open a{color:#66B1FE;}

.lista-mensagens div{display:none;}


/*----------------------NOTICIAS--------------------*/

.texto-noticia{padding:0 40px;}

/*.data{font:italic 1.2em Georgia, "Times New Roman"; color:#666;}*/

.data{font:1.2em Georgia, "Times New Roman"; color:#eee; padding:5px; background:#4FC2BD; margin-right:10px;}

.compartilhe{display:block; width:90px; padding:5px 10px; border:1px solid #3B5998; border-radius:3px; color:#3B5998;  font-size:1.3em; clear:right; margin-bottom:5px;}

    .compartilhe:hover{background:#3B5998; color:#fff; text-decoration:none;}

.borda-inf li{border-bottom:1px dotted #aaa; margin-left:20px; padding-bottom:5px;}

.imgs-noticia{float:left; width:200px; height:auto; margin:5px 20px 0 0; clear:left;}

    .imgs-noticia img{margin-bottom:10px;}


/*----------------------OVERLAY--------------------*/

#overlay{position:fixed; width:100%; height:100%; padding:3% 0; top:0; left:0; background:url(../img/fundo-semitransp.png); z-index:900;}

	.conteudo-overlay{ width:auto; height:520px; width:500px; padding:15px 30px; position:absolute; margin-top:-250px; margin-left:-250px; left:50%; top:50%; z-index:990; background:#fff; border-radius:5px; box-shadow:0 0 5px #333; }
	
	.conteiner{float:left; max-width:500px; max-height:600px; overflow:scroll;}

        #fechar, #fechar-player{position:absolute; top:-15px; right:-15px; color:#eee; width:30px; height:30px; padding:5px; border-radius:50%; text-align:center; background-color:#666; font:1.6em Arial;  z-index:960; box-shadow:0 2px 1px rgba(0,0,0,0.2); text-decoration:none;}

        #fechar-player{width:20px; height:20px; top:80px; right:3px; line-height:20px; font-size:1.2em; padding-top:0;}

            #fechar:hover, #fechar-player{background:#C41A22;}


/*------------------FACEBOOK--------------------------------*/

.fan_box .full_widget {
  border: 0px none !important;
  background: none !important;
}

.fan_box .full_widget .connect_top {
  background: none !important;
  padding: 0px !important;
  position: relative !important;
  float: left !important;
  width: 200px !important;
  margin: 15px 0 0 10px !important;
}

.fan_box .full_widget .connect_top a { color: #fff !important; }

.fan_box .connections {
  border: 0 none !important;
  float: right !important;
  min-height: 100px !important;
  padding: 0 !important;
  width: 720px !important;
}

.fan_box .connections span,
.fan_box .connections a {
  color: #fff !important;
  text-decoration: none !important;
}

.fan_box .connections_grid .grid_item .name {
	font-size: 11px !important;
	color: #fff !important;
	text-decoration: none !important;
}

/*.player{bottom:250px;}*/

/*----------------------DIVERSOS--------------------*/

.alerta{ color:#eee; text-align:center; margin-bottom:10px; padding:10px; border:1px dotted #f00; background:#F00;}

.bottom10{margin-bottom:10px;}

.bottom30{margin-bottom:30px;}

.centralizado{position:relative; float:none; display:block; clear:both; margin:0 auto;}

.clear{clear:both;}

.confirmado{color:#eee; text-align:center; margin-bottom:10px; padding:10px; border:1px dotted #65a03c; background:#65a03c;}

.conteudo-internas{margin-top:20px;}

.displaynone{display:none;}

.left{float:left;}

.left10{margin-left:10px;}

.right{float:right;}

.right10{margin-right:10px;}

.right20{margin-right:20px;}

.top10{margin-top:10px;}

.top20{margin-top:20px;}

.top30{margin-top:30px;}

.top40{margin-top:40px;}

/*----------------------DIVERSOS--------------------*/

/*----------------------FORM------------------------*/
fieldset { border: 0; }

input[type=text], input[type=email], select, textarea{padding:10px 15px; width:100%; display:block; background:#fff; margin-bottom:10px; border-radius:5px; border:1px solid #ccc; font:1.6em "Corisande Light", Arial; }

input:focus, textarea:focus { border-color: #006c72; }

form p { margin: 5px 0 0 0; }

label { font: 1.4em Arial, Helvetica, sans-serif; display: block; color:#999; }

textarea { overflow: auto; font:1.6em "Corisande Light", Arial; color: #333; line-height: 1.6em; }

.enviar {color: #eee;  padding:12px 20px; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px #999; -webkit-box-shadow: 0 1px 1px #999; box-shadow: 0 1px 1px #999; font:1.6em "Bree Serif", Arial; background: -webkit-gradient(linear, left top, right top, from(#C41A3c), to(#C41A1C));
background: -webkit-linear-gradient(top, #C41A3c, #C41A1C);
background: -moz-linear-gradient(top, #C41A3c, #C41A1C);
background: -o-linear-gradient(top, #C41A3c, #C41A1C);
background: -ms-linear-gradient(top, #C41A3c, #C41A1C);
background: linear-gradient(top, #C41A3c, #C41A1C);
background-color: #C41A3c;}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/* Image replacement */
.ir {background-color: transparent;  border: 0;    overflow: hidden;    /* IE 6/7 fallback */    *text-indent: -9999px;}

.ir:before {content: "";    display: block;    width: 0;    height: 150%;}

/* Hide from both screenreaders and browsers */
.hidden {display: none !important;    visibility: hidden;}

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;     height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {    visibility: hidden;}

.clearfix:before,.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}

.clearfix:after {    clear: both;}

.clearfix {*zoom: 1;}


/*------------------------RESPONSIVE DESIGN-----------------------------*/

@media only screen and (max-width: 800px) {
    .topo{width:100%; min-height:auto; height:200px;}
    .logo{display:block; width:100%; position:relative;}
    .menu {position:relative; float:left;}
    .menu{display:none;}
    .topo, header{height:auto; min-height:50px;}
    .endereco{  position:relative; clear:both; bottom:0; width:100%; margin-bottom: 50px; border:0; margin-top:20px;}
    .endereco p{text-align: center;}
    .player{bottom:0;}
    .divisao{margin-top:20px;}
    .banner{display: none;}
    .msg-dia, .peca-musica, .fb-link{display:block; margin-top:20px;}
}


/*----------------------PRINT--------------------*/

@media print {
* { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }    .ir a:after { content: ""; }  /* Don't show links for images */    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }    img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
