/*** geral ***/
* {margin: 0px; padding: 0px; font-family: "Trebuchet MS", Tahoma, Arial; font-size: 9pt; 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: repeat-y; background-color: #999999; height: 100%;}

#geral {margin: 0px auto; width: 950px; height: 100%; background-color: #FFFFFF; text-align: left;}
a {color: #000000; font-weight: bold;}
a:hover {color: #999999; font-weight: bold;}
p {margin-bottom: 10px;}
img {border: none;}
h1{color: #333333; margin-bottom: 10px; font-size: 14pt;}
h3{color: #333333; border-bottom: 1px dashed #CCCCCC; padding-bottom: 10px; margin-top: 20px; margin-bottom: 10px; font-size: 14pt;}
ul li{list-style-type: none;}

/*** INDEX ***/
#tableIGeral{width: 950px; height: 100%; background-image: url(../img/att/tableIGeral.jpg); background-position: left 205px; background-repeat: repeat-x; background-color: #FFFFFF;}
#tdMain{background-image: url(../img/att/tdMain.jpg); background-position: right bottom; background-repeat: no-repeat;}
#animaTemplate{width: 950px; height: 205px; background-image: url(../img/att/animaTemplate.jpg); background-position: left top; background-repeat: no-repeat; float: left;}
#left{width: 705px; height: auto; float: left;}
#titlePage{width: 705px; height: 100px; float: left;}
#main{width: 705px; height: auto; padding-bottom: 10px; float: left;}
#content{width: 640px; height: auto; margin: 5px 0px 0px 25px; float: left;}
#right{width: 245px; height: 660px; background-image: url(../img/att/right.jpg); background-position: left top; background-repeat: no-repeat; float: right;}
#rightInfo{width: 200px; height: auto; margin: 280px 0px 20px 20px;}
#colecoesTemplate{width: 950px; height: 130px; background-image: url(../img/att/colecoesTemplate.jpg); background-position: left top; background-repeat: repeat-x; background-color: #FFFFFF; float: left;}
#bottom{width: 950px; height: 235px; background-image: url(../img/att/bottom.jpg); background-position: left bottom; background-repeat: no-repeat;}
#redesSociais{width: 170px; height: 105px; float: left;}
#adress{width: 700px; height: auto; margin-top: 25px; color: #FFFFFF; float: left;}
#adress p{font-size: 8pt; color: #666666; line-height: 15px; margin-bottom: 0px;}
#adress p strong{font-size: 9pt; color: #666666; line-height: 15px; margin-bottom: 0px;}
#wwwLedz {width: 60px; height: 20px; margin-top: 65px; float: left;}

/** LINK SAIBA MAIS**/
a.btn-mais{width:75px; height:16px; display: block; background-image:url(../img/att/btn-mais.jpg); text-indent:-9999px;}
a.btn-mais:hover{background-position: left -16px;}

/*** detail ***/
.imgDetail {width: 210px; height: auto; margin: 0px 10px 10px 10px; float: right;}
.imgDetail img{width: 200px; height: auto;}
.imgBorder{padding: 3px; border: 1px solid #999999;}
#showImg {width: 300px; height: 450px; float:left;}
#referenciaImg{width: 340px; height: 450px; background:url(../img/scrollable/referencia.jpg) no-repeat left top; float:left;}
#referenciaImg h1 {font-size:30px;  font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; color: #999999; padding: 20px 0px 80px 40px;  font-weight:lighter; line-height:100%;}
#codigoLoja {width: 300px; height: 20px; background-color: #EBEBEB; padding:2px 5px 2px 2px; font-size: 9pt; text-align: right; font-weight: bold;}
#referenciaImg p {margin: 250px 0px 0px 250px; }

/*** list ***/
.listOptions {width: 100%; height: auto; margin-bottom: 10px; border-bottom: 1px dotted #CCCCCC; float: left;}
.thumbsProdutos {width: 150px; height: auto; text-align: center; float: left;}
.thumbs {width: 140px; height: 185px; margin-right: 10px; margin-bottom: 10px; text-align: center; border: 1px solid #EBEBEB; overflow: hidden; float: left;}

/*** forms ***/
form {display: block;}
input, textarea, select {padding:2px; margin:2px 0 2px; background:#FBFBFB; border:1px solid #999999;}
input.ok {width: 100px; padding:2px; margin:2px 0 2px; background:#000000; border:1px solid #999999; color: #FFFFFF;}
label {font-size: 8pt; width: 100px; text-align: left; float: left;}
.longLabel {font-size: 8pt; width: 150px; text-align: left; float: left;}
#submit {width: auto; margin: 0px 0px 10px 100px;}

#boxTrabalhe{ border: #999999; background: #EEEEEE; padding: 15px;}
#trabalheSubmit{margin: 20px 0px 0px 390px;}
.submit{width: 120px; height: auto; font-size: 9pt; text-align: center; font-weight: bold; line-height: normal; color: #FFFFFF; background-color: #000000; border: 1px solid  #000000;}

/**** galerias ***/
#opGalerias {
	width:150px; 
	float:right; 
	text-align:center;
}
#opGalerias a{
	font-weight:bold;
	font-size: 10pt;
	font-style:italic;
}