/* ss reset  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

/* clear fix http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0} .clearfix{display: inline-block} html[xmlns] .clearfix{display: block} * html .clearfix{height: 1%}

/* image replacement */
.imgrpl{display: block; font-size: 0; text-indent: -9000px}

html {overflow: hidden}

html, body {height: 100%}
body {background: #000 url(/365/img/bg/body.png) no-repeat center center}

/* fonte */
body, * {font: 10px arial, tahoma, sans-serif; color:#fff}

/* links */
a{text-decoration: none; outline: none}
a:hover{text-decoration: underline}

a.bt_conheca_o_hot_site {width: 183px; height: 27px; background: url(/365/img/bt/conheca_o_hot_site_linea.png) no-repeat 0 0}

/* headings */
h1 a {
	clear: left;
	width: 190px;
	height: 29px;
	margin: 0 0 20px 10px;
	background: url(/365/img/tit/logo_linea.png) no-repeat 0 0
}
h2 {
	clear: left;
	width: 517px;
	height: 28px;
	margin: 0 0 9px 0;
	background: url(/365/img/tit/365_motivos.png) no-repeat 0 0
}
h3 {
	width: auto;
	display: block;
	margin: 0 0 25px 0;
	font-size: 16px;
	font-weight: bold
}

/* estrutura */
#container {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 863px;
	height: 562px;
	margin: -277px 0 0 -432px;
	background: url(/365/img/bg/main.png) no-repeat center 39px
}

#main {
	clear: both;
	width: 763px;
	height: 405px;
	padding: 35px 50px
}

/* conteúdo ajax das campanhas */
#campaign_content {display: block; width: 100%; height: 270px}

#flash_content {
	float: left;
	width: 454px;
	height: 274px
}

#dir_campaign_content {float: right; width: 285px; padding: 235px 0 0 0; background: url(/365/img/bg/right_content.png) no-repeat 0 0}
#dir_campaign_content p, #dir_campaign_content h3 {display: none}
#dir_campaign_content a {margin: 0 0 0 50px}

/* calendário */
#calendar {
	position: relative;
	width: 863px;
	height: 44px;
	margin: 0 -50px 33px -50px;
	padding: 10px 0 0 0;
	overflow: hidden
}
#calendar ul {height: 22px}
#calendar ul  li {position: relative; float: left; height: 16px}
#calendar ul  li a {
	position: relative;
	display: block;
	width: 25px;
	height: 18px;
	margin: 0 3px 0 0;
	padding: 4px 0 0 0;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #fff
}
#calendar ul  li a:hover {color: #f5f5f5; background: #3f2c5c}
#calendar ul  li a.active {color: #f5f5f5; background: #7350a8}

#calendar ul  li.empty a, #calendar ul  li.empty a:hover {color: #4d475e; background: none}
#calendar ul  li.empty a span {display: none; position: absolute; left: 15px; top: -10px; z-index: 2000; width: 90px; padding: 2px; color: #555; font-size: 10px; text-transform: lowercase; background: #fff}
#calendar ul  li.empty a:hover span {display: block}

#months {float: left; display: inline; margin: 0 0 0 55px}
#days {position: absolute; left: 0;	bottom: 0; width: 10000px}

/* footer */
#footer {margin: 10px 0 0 0}

a.bt_fiat {
	float: right;
	width: 47px;
	height: 46px;
	margin: 0 0 0 10px;
	background: url(/365/img/bt/logo_fiat.png) no-repeat 0 0
}

#footer p {font-size: 9px}
p.txt_aviso {float: left; margin: 7px 0 0 0; color: #4d475e}
p.txt_copyright {
	float: right;
	margin: 5px 0 0 0;
	text-align: right;
	color: #1b4c9e
}
p.txt_copyright a {width: 145px; height: 8px; background: url(/365/img/bt/tudo_sobre_o_linea.png) no-repeat 0 bottom}
p.txt_copyright a:hover {text-decoration: none}

p.txt_copyright a span {display: none}

/* waitting loading */
#bg_load {position: absolute; left: 0; top: 0; z-index: 1000; background: #000}
#txt_waitting, #txt_load_month, #txt_load_content, #txt_load_days{position: absolute; left: 50%; top: 50%; z-index: 1001; width: 200px; height: 50px; margin: -25px 0 0 -100px; font-size: 20px}
#txt_waitting {color: #fff}
#txt_load_month {color: #ffcc00}
#txt_load_content {color: #000cff}
#txt_load_days {color: #32cd32f}