@charset "utf-8";
/* CSS Document */

/* PREVISAO */
#definir_padrao{position:absolute; right:0; bottom:0;}
#previsao{margin:5px 0 20px 0; clear:both;}
#previsao .cabecalho{background-color:#f9f9f9; height:30px; margin-bottom:5px; text-align:left; padding:0 3px 0 3px;font-size:11px; font-weight:bold;}
#previsao .cabecalho .data{ float:left; margin-top:7px;}
#previsao .cabecalho .sol{ float:right; margin-top:3px;}
#previsao .icones{float:left; width:47px; height:57px; text-align:center; font-size:10px;}
#previsao #temperatura{width:80px; height:50px; float:left;}
#previsao #temperatura #min{color:#0283c7; height:30px; text-align:center; font-size:24px; font-weight:bold;}
#previsao #temperatura #max{color:#c00000; height:30px; text-align:center; font-size:24px; font-weight:bold;}
#previsao #prob{width:25px; height:50px; float:left; padding-top:16px;}
#previsao #prob_dados{height:50px; float:left; width:40px; padding-top:16px;}
#previsao #vento{width:25px; height:50px; float:left; padding-top:16px;}
#previsao #vento_dados{height:50px; float:left; width:40px; padding-top:16px;}
#previsao #ur{width:30px; height:50px; float:left; padding-top:16px;}
#previsao #ur_dados{height:50px; float:left; width:50px; padding-top:16px;}
#previsao #veja_mais{ margin-left:3px; color:#FF0000; font-weight:bold;}
#previsao #frase{clear:both; margin:0 3px 7px 3px;}
#previsao .mtn{font-size:11px;text-align:center;}
#previsao .titulo{padding-left:3px; font-size:11px; font-weight:bold;}
#previsao .alt{background-color:#FBFBFB;}

/* SOCIAL */
#social{position:relative; margin:0 0 2px 0; height:20px;}
#social a{float:left; margin:0 5px 0 0;}

/* TEMPO NO MOMENTO */
#momento{border:1px #e2e2e2 solid; display:block; overflow:hidden; height:90px;}
#momento .data{background-color:#f9f9f9; margin-bottom:0; padding-left:3px; font-weight:bold; height:25px; line-height:1.9em;}
#momento ul{margin:12px 0 0 0; float:left; width:350px;}
#momento li{width:170px; float:left; margin-left:2px; font-size:10px;}
#momento span{ font-weight:bolder; font-size:11px;}
#momento .icone{float:left; margin:0 10px 0 0;}

/* TENDENCIA PARA OS PROXIMOS DIAS */
#tendencia{width:437px; height:350px;}
#tendencia .box_tendencia{border:1px #e2e2e2 solid; float:left;  height:265px; width:80px; margin:0 6px 0 7px;}
#tendencia .box_sel{background-color:#f9f9f9; margin:0;}
#tendencia .data{margin-left:12px; width:81px;}
#tendencia .icones{padding-left:22px;}
#tendencia #temperatura #min{color:#0283c7; height:20px; text-align:center; font-size:16px; font-weight:bold;}
#tendencia #temperatura #max{color:#c00000; height:20px; text-align:center; font-size:16px; font-weight:bold;}
#tendencia #prob_dados{ width:65px; height:30px; margin:5px 0 0 12px;}
#tendencia #frase{clear:both; text-align:center; width:77px; margin:10px 1px 0 1px;}
#tendencia .obs{ width:430px;}

/* REGIÃO DESTACADA*/
#temperatura_destaque{ height:170px; width:230px; display:inline-block; overflow: hidden;}
#temperatura_destaque li{ border-bottom:#e9e9e9 1px solid; margin-bottom:1px;}
#temperatura_destaque .estados{width:120px; float:left; margin-left:5px;}
#temperatura_destaque b{margin-left:20px;}
#temperatura_destaque .min{ color:#0283C7;}
#temperatura_destaque .max{ color:#C00000;}

/* PLAYER SATELITE BRASIL */
.player{text-align:center;}
.botao_player{ float:left; border:1px #C0C0C0 solid; padding:2px 4px; margin:1px;}

/* FASES DA LUA */
#faseslua{height:140px;}
#faseslua .ico_faseslua{float:left; width:105px; height:85px; text-align:center; margin-right:1px; margin-bottom:5px;}
#faseslua .lua_per{width:105px; height:13px; background-color:#efedee; font-size:10px; font-weight:bold; padding-top:1px; margin-bottom:5px;}
#faseslua #ico_lua_sel{float:left; width:105px; text-align:center; margin-right:1px; margin-bottom:10px; background:#f7f7f7;}
#faseslua #lua_per_sel{background:#d5d5d5; width:105px; height:13px; font-size:10px; font-weight:bold; padding-top:1px; margin-bottom:5px;}

/* PREVISAO NO CELULAR */
#previsao_celular{ display:table}

/* VIDEOS */
#tv_climatempo{overflow:hidden; margin-bottom:0;}
#outrosVideos span{padding:5px; float:left; margin:1px; border:1px solid #C0C0C0;}

/* CARROSEL VIDEOS */
ul#mycarousel.jcarousel-skin-tango li{
	display:none;
} 

ul#mycarousel.jcarousel-skin-tango{
	width:330px;
	height:80px;
	background:url('http://imagens.climatempo.com.br/site/images/lightbox-ico-loading.gif') no-repeat center center;
}
ul#mycarousel.jcarousel-skin-tango li{
	display:none;
} 

ul#mycarousel.jcarousel-skin-tango{
	width:330px;
	height:80px;
	background:url('http://imagens.climatempo.com.br/site/images/lightbox-ico-loading.gif') no-repeat center center;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 15px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://imagens.climatempo.com.br/site/imagens/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(http://imagens.climatempo.com.br/site/imagens/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://imagens.climatempo.com.br/site/imagens/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(http://imagens.climatempo.com.br/site/imagens/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}