/**
 * S3WF Framework
 *
 * Framework desenvolvido pela S3WF
 *
 * @package		S3WF CSS
 * @author		Equipe S3WF
 * @copyright	Copyright (c) 2007 - 2012
 * @license		http://s3wf.com.br/
 * @link		http://s3wf.com.br
 * @since		Version 1.0
 * @filesource
 */

/* --- plugin countdown --- */

div#clock { 
	color: white; 
	margin: 20px auto; 
	width: 600px; 
	overflow: hidden; 
	text-align: center; 
}
div#clock p { 
	background: #333; 
	float: left; 
	height: 100px; 
	width: 80px; /*#3A3A3A*/
	border-radius: 10px;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top, #4c4c4c 0%, #242424 50%, #242424 51%, #4c4c4c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(50%,#242424), color-stop(51%,#242424), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#242424 50%,#242424 51%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4c4c4c 0%,#242424 50%,#242424 51%,#4c4c4c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4c4c4c 0%,#242424 50%,#242424 51%,#4c4c4c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4c4c4c 0%,#242424 50%,#242424 51%,#4c4c4c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
}
div#clock p span { 
	display: block; 
	font-size: 50px; 
	font-weight: bold; 
	padding: 38px 0 0; 
}
div#clock p span.name { 
	padding: 10px 0 0; 
	font-size: 10pt;
}
div#clock div.space { 
	color: #ccc; 
	display: block; 
	line-height: 1.7em; 
	font-size: 50px; 
	float: left; 
	height: 95px;
	width: 30px; 
}
div.coupon{ 
	color: #333 !important; 
	font-size: 50px; 
	font-weight: bold; 
}
div.multi_clock{ 
	border: 1px solid #666;
	color: #333; 
	float: left; 
	margin: 10px; 
	padding: 5px; 
}
pre { 
	background-color: #eee; 
	border: 1px solid #ccc; 
	line-height: 1.4em; 
	padding: 10px; 
	margin: 0;
}









div#clockTop { 
	color: white; 
	margin: 0px auto; 
	/*
	width: 365px; 
	*/
	overflow: hidden; 
	text-align: center; 
}
div#clockTop p { 
	background: #333; 
	float: left; 
	height: 52px; 
	width: 50px; /*#3A3A3A*/
	border-radius: 10px;
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top, #4c4c4c 0%, #242424 50%, #242424 51%, #4c4c4c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(50%,#242424), color-stop(51%,#242424), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#242424 50%,#242424 51%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4c4c4c 0%,#242424 50%,#242424 51%,#4c4c4c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4c4c4c 0%,#242424 50%,#242424 51%,#4c4c4c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4c4c4c 0%,#242424 50%,#242424 51%,#4c4c4c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
}
div#clockTop p span { 
	display: block; 
	font-size: 32px; 
	font-weight: bold; 
	padding: 22px 0 0; 
}

div#clockTop p span.value
{
	display: block; 
	font-size: 28px; 
	font-weight: bold; 
	padding: 16px 0 0; 
}

div#clockTop p span.name { 
	padding: 2px 0 0; 
	font-size: 6pt;
	position:relative;
	bottom:29px;
}

div#clockTop p span.hr { 
	border-bottom:solid 1px #828282;
	position:relative;
	bottom:33px;
}

div#clockTop div.space { 
	color: #757575; 
	display: block; 
	line-height: 44px; 
	font-size: 35px; 
	float: left; 
	height: 52px;
	width: 18px; 
}
/*========================PROMOCAO ESTATICA========================*/
.SgiCountdownBg{
	background-color: #15bee9;
	background-image: url('../../imgweb/site/promocao/container-bg.png'); 
}
.SgiCountdownBg .SgiContainerRelogio{
	height: 92px;
    text-align: center;
	background-image: url('../../imgweb/site/promocao/bg.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday{
	height: 92px;
}
.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .title{	
	font-size: 11pt;
	font-weight: bold;
	line-height: 12pt;
	text-align: right;
    padding-top: 30px;
	text-transform: uppercase;
}
.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .text{
	font-size: 11pt;
	font-weight: bold;
	line-height: 12pt;
	text-align: left;
	padding-top: 30px;
	text-transform: uppercase;
}
.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .corpo{
    width: auto;
    height: 92px;
    padding-top: 19px;
}
.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .corpo p{
	/*background-color: #009FD1;*/
	background-color: rgba(255,255,255,.7);
    border-radius: 10px;
    color: #000;
    display: inline-block;
    height: 52px;
    padding-top: 7px;
    text-align: center;
    vertical-align: middle;
    width: 58px;
}
@media (max-width: 768px){
	.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .corpo p{
		background-color: rgba(255,255,255,1);
	}
}
.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .corpo .space{
	display:inline-block;
	font-size:18pt;
	font-weight:normal;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	text-align:left;
	vertical-align:middle;
	color: #FFF;
}
.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .corpo p .value{
	font-size: 30px;
	display: block;
	margin-top: 5px; 	
	font-weight: bold;
}
.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .corpo p .name{
	font-size: 7pt;
	display: block;
}
/*===============================FIM===============================*/

@media (max-width: 768px) {
	.SgiCountdownBg .SgiContainerRelogio{
    	background: none !important;
	}
}

@media (max-width: 767px) {

	.SgiCountdownBg .SgiContainerRelogio{
    	height: 63px;
	}

	.SgiCountdownBg .SgiContainerRelogio.opened-size{
		height: 185px;
	}

	.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday{
		height: auto;
	}

	.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .corpo{
		padding: 15px 0 0;
		height: auto;
	}

	.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .corpo p{
	    height: 30px;
	    width: 60px;
	    margin: 0;
	    padding: 5px;
	    border-radius: 4px;
	}

	.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .corpo p .value{
	    font-size: 17px;
	    font-weight: bold;
	    margin-top: 0;
	    display: inline-block;
	}

	.SgiCountdownBg .SgiContainerRelogio .SgiDivClockBlackFriday .corpo p .name{
		display: inline-block;
		font-size: 14px;
	}

	.corpo p * {
	    display: inline-block;
	    vertical-align: baseline;
	}

	.promo-text-xs{
		padding: 15px;
		text-align: center;
		z-index: 999;
	}

	.promo-text-xs .lead{
		font-size: 1.2em;
		background: #FFF;
	}

}

@media (max-width: 600px) {

}

@media (max-width: 360px) {

}