/*** geral ***/
* {margin: 0px; padding: 0px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; color: #666666; line-height: 14pt; font-variant: normal; text-decoration: none;}
html {height: 100%;}
body {font-style: normal; text-align: center; background-image: url(../img/att/body.jpg); background-position: center top; background-repeat: no-repeat; background-color: #FFFFFF; height: 100%;}

#geral {margin: 0px auto; width: 900px; height: 100%; text-align: left;}

a {color: #9F0154; font-weight: bold;}
a:hover {color: #EC9DAE; font-weight: none;}
p {margin-bottom: 25px;}
img {border: none;}
h1 {font-size: 13pt; font-weight: bold; color: #9F0154; margin-top: 0px; margin-bottom: 10px;}
h2 {font-size: 15pt; font-weight: normal; color: #9F0154; margin-top: 0px; margin-bottom: 25px;}
h3 {font-size: 11pt; font-weight: bold; color: #9F0154; margin-top: 0px; margin-bottom: 5px;}
.sub {font-size: 11pt; font-weight: bold; color: #9F0154; margin-top: 0px; margin-bottom: 15px;}

/*** TEMPLATE ***/
#tableTemplate{width: 900px; height: 100%; background: url(../img/att/right.jpg) right 195px no-repeat #FFFFFF;}
#tdMain{background: url(../img/att/girl.png) right bottom no-repeat;}
#animaTemplate{width: 900px; height: 200px; background: url(../img/att/animaTemplate.jpg) left top ; float: left;}
#left{width: 250px; height: auto; float: left;}
#right{width: 650px; height: auto; float: left;}
#nossosProdutos{width: 250px; height: auto; background: url(../img/att/nossosProdutos.jpg) left top no-repeat; float: left;}
#dicas{width: 200px; height: auto; margin: 60px 0px 0px 20px;}
#busca{width: 250px; height: auto; background: url(../img/att/busca.jpg) left 20px no-repeat; float: left;}
#busca div{width: 195px; height: auto; margin: 65px 0px 0px 23px;}
#titlePage{width: 650px; height: 70px; float: left;}
#migalhasPao{width: 650px; height: 25px; background: url(../img/att/migalhasDePao.jpg) left top  no-repeat; margin-top: 35px; float: left;}
#migalhasPao h1{margin-left: 30px; margin-top: 5px;	font-size: 9pt;}
#content{width: 650px; height: auto; float: left;}
#contentPage{width: 610px; height: auto; margin: 15px 0px 20px 20px;}

/*** INDEX ***/
#tableIndex{width: 900px; height: 100%;	background-color: #FFFFFF;}
#menu{width: 900px;	height: 100px;	background: url(../img/att/menu.jpg) left top no-repeat; float: left;}
#logo{width: 250px;	height: 100px;	float: left;}
#anima{width: 900px; height: 335px; background: url(../img/att/anima.jpg) left top no-repeat; float: left;}
#lancamentos{width: 700px; height: 300px; background: url(../img/att/lancamento.jpg) left top no-repeat; float: left;}
#lancamentoslInfo{width: 440px; height: auto; margin: 75px 0px 0px 15px}
#lancamentoslInfo p{font-size: 10pt;}

#carrossel{width: 700px; height: 300px; background: url(../img/att/carrossel.jpg) left top no-repeat; float: left;}
#carrosselInfo{width: 550px; height: 300px; margin: 90px 0px 0px 15px}
#newsletter{width: 200px; height: 300px; background: url(../img/att/newsletter.jpg) left top no-repeat; float: left;}
#newsletter div{margin: 150px 0px 0px 20px;}
.newsOk{background: none; background-color: none; border: none; margin: 5px 0px 0px 90px;}
#bottom{width: 900px; height: 50px; background: url(../img/att/bottom.jpg) left bottom repeat-x; vertical-align: bottom; float: left;}
#wwwLedz {width: 60px; height: 30px; margin: 20px 30px 0px 0px; float: right;}
#redesSociais {width: 370px; height: auto; margin: 15px 0px 0px 0px; float: left;}
#redesSociais img{border: 0px;}


/*** Linhas ***/
#produto{width: 405px; height: auto; float: left;}
#produtoFoto{width: 300px; height: 300px; text-align: left; margin: 0px 0px 20px 20px; background: url(../img/att/produtoFoto.jpg) left top no-repeat; float: right;}
#produtoFoto img{height: auto;}
#thumbProduto{width: 120px; height: 120px; margin-bottom: 10px; float: left; text-align: center; background: url(../img/att/thumbProduto.png) left top no-repeat;}
#spacer{width: 15px; height: 100px; float: left;}
#produtoFoto2{width: 200px; height: 120px; text-align: left; margin: 0px 0px 20px 20px; float: right;}

/*** BUSCA LIST ***/
#contentList{width: 580px; height: auto; margin-bottom: 15px; border-bottom: 1px dashed #CCCCCC; float: left;}
#descList{width: 440px; height: auto; float: left;}
#descList h1,p{margin-bottom: 5px;}
#paginacao {clear:both; width: 500px; height: 20px; padding-top: 20px; padding-left: 20px;}
#totalbusca {clear:both; width: 500px;}
#filtrosbusca {clear:both; width: 500px; height: 20px;}

/* the overlayed element */ 
#player{width: 600px; height: 400px; margin: 0px 0px 0px 0px;}
div.overlay {background-image: url(../img/overlay/white.png); _background-image: url(../img/overlay/white6.png); width:550px;  height: 450px; display:none; padding:45px 55px 55px 55px;} 
div.overlay div.close {background-image:url(../img/overlay/close.png); _background-image:url(../img/overlay/close6.png); position:absolute;  right:15px;  top:15px;  cursor:pointer;  height:35px;  width:35px;}

/*** ADMIN ***/
table.tblForm {width: 100%;	border: 1px solid #CCCCCC;}
table.tblForm td {padding-left: 10px; padding-top: 5px; vertical-align:middle;}
table.tblLista {width: 100%; border-left: 1px solid #000000; border-top: 1px solid #000000;}
table.tblLista td {border-bottom:1px solid #000000; border-right: 1px solid #000000; padding-left:5px;}
table.tblLista td.titulo {border-bottom:1px solid #000000; border-right: 1px solid #000000; background-color: #5A7A27; color:#FFFFFF; font-weight:bold; padding-left:5px;}
table.tblLista td.total {border-bottom:1px solid #000000; border-right: 1px solid #000000; background-color:#9cae74; color:#0c2d00; font-weight:bold; padding-left:5px;}
table.tblForm {width: 100%; border: 1px solid #CCCCCC;}
table.tblForm td {padding-left: 10px; padding-top: 5px; vertical-align:middle;}
table.tblLista {width: 100%; border-left: 1px solid #000000; border-top: 1px solid #000000;}
table.tblLista td {border-bottom:1px solid #000000; border-right: 1px solid #000000; padding-left:5px;}
table.tblLista td.titulo {border-bottom:1px solid #000000; border-right: 1px solid #000000; background-color: #5A7A27; color:#FFFFFF; font-weight:bold; padding-left:5px;}
table.tblLista td.total {border-bottom:1px solid #000000; border-right: 1px solid #000000; background-color:#9cae74; color:#0c2d00; font-weight:bold; padding-left:5px;}

/*** FORMS ***/
form {display: block;}
input, textarea, select {font-size: 8pt; color: #333333; line-height: normal; vertical-align: middle; margin-bottom: 8px; background-color: #FFFFFF; border-top: 1px solid  #666666; border-bottom: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666;}
option {color: #000000;}
label {width: 90px; text-align: left; float: left;}
label.autoLabel {width: auto; margin-right: 10px;}
label.mediumLabel {width: 50px;}
label.longLabel {width: 130px;}
input.ok {font-size: 10pt; color: #FFFFFF; line-height: normal; vertical-align: middle; background-color: #C36; padding: 2px 2px 2px 2px; margin-top: 5px; border: 1px solid #000000;}
.ok2{border: 0px;}
#submit {margin-left: 100px; margin-bottom: 10px;}

/*Linhas */
#contentLinhas{width: 580px; height: auto; margin-left: 15px; margin-top: 20px; float: left;}
#linhas{width: 200px; height: auto; float: left;}
#linhasImg{width: 280px; height:200px; background-image: url(../img/att/box.jpg) left top no-repeat; float:right;}