/*** geral ***/
* {margin: 0px; padding: 0px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; color: #000000; 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; height: 100%;}
#geral {margin: 0px auto; width: 980px; height: 100%; text-align: left; background: #FFFFFF;}

a {color: #30658A; font-weight: normal;}
a:hover {color: #000000; font-weight: normal;}
a.black {color: #000000; font-weight: normal;}
a.black:hover {color: #30658A; font-weight: normal;}
a.white {color: #FFFFFF; font-weight: normal;}
a.white:hover {color: #FFFFFF; font-weight: normal; text-decoration: underline;}

p {margin-bottom: 10px;}
p.space {margin-bottom: 20px;}

.txWh {color: #FFFFFF;}
.txColor {color: #5A7B9C;}

.ulSpace{margin-left: 25px;}
.ulSpace li{list-style-type: decimal;}
.ulSpace2{margin-left: 10px;}

img {border: none;}

h1 {font-size: 10pt; color: #30658A; margin-top: 25px; margin-bottom: 8px; text-align: left;}
h1.destaquesH1 {font-size: 9pt; color: #FFFFFF; margin-top: 0px; margin-bottom: 10px; font-weight: bold; text-align: left;}
a.destaquesH1 {font-size: 9pt; color: #FFFFFF; margin-top: 0px; margin-bottom: 10px; text-align: left;}
h2 {font-size: 9pt; color: #30658A; margin-bottom: 10px;}
h3 {font-size: 12pt; color: #467496; font-weight: bold; margin-bottom: 12px;}

/*** template ***/
#tableMain {width: 980px; height: 100%; background-image: url(../img/att/main.jpg); background-position: 230px 230px; background-repeat: no-repeat;}
#topo{width: 980px; height: 230px; background-image: url(../img/att/anima.jpg); background-position: left top; background-repeat: no-repeat; float: left;}
#animaTemplate{width: 725px; height: 230px; float: left;}
#iconesTemplate{width: 255px; height: 50px; float: left;}
#parceirosTemplate{width: 255px; height: 180px; float: left;}
#left{width: 230px; height: auto; background-image: url(../img/att/left.jpg); background-position: left top; background-repeat: no-repeat; float: left;}
#main{width: 600px; height: auto; float: left;}
#right{width: 150px; height:auto; background-image: url(../img/att/right.jpg); background-position: left top; background-repeat: no-repeat; padding-top: 50px; float: left;}
#noticias{width: 980px; height: 60px; background-image: url(../img/att/noticias.jpg); background-position: left top; background-repeat: no-repeat; margin-bottom: 20px; float: left;}

#destaques{width: 230px; height: 250px; background-image: url(../img/att/destaques.jpg); background-position: left top; background-repeat: no-repeat; float: left;}
#destaquesContent{width: 180px; height: 140px; margin: 80px 20px 10px 30px; text-align: center;}

#titlePage{width: 600px; height: 80px; float: left;}
#content{width: 600px; height: auto; float: left;}
#contentPage{width: 550px; height: auto; margin: 10px 10px 10px 32px;}

#bottomTemplate{width: 980px; height: 110px; background-image: url(../img/index/bottomIndex.jpg); background-position: left bottom; background-repeat: no-repeat;}


/*** index ***/
#tableindex {width: 980px; height: 100%; background-color: #FFFFFF;}
#animaIndex{width: 580px; height: 480px; background-image: url(../img/index/animaIndex.jpg); background-position: left top; background-repeat: no-repeat; float: left;}
#welcome{width: 400px; height: 480px; background-image: url(../img/index/welcome.jpg); background-position: left top; background-repeat: no-repeat; float: left;}
#leftIndex{width: 230px; height: 400px; background-image: url(../img/index/leftIndex.jpg); background-position: left top; background-repeat: no-repeat; float: left;}
#mainIndex{width: 520px; height: 400px; background-image: url(../img/index/mainIndex.jpg); background-position: left top; background-repeat: no-repeat; float: left;}
#rightIndex{width: 230px; height: auto; background-image: url(../img/index/rightIndex.jpg); background-position: left top; background-repeat: no-repeat; float: left;}

#destaquesIndex{width: 230px; height: 250px; float: left;}
#destaquesIndex div{width: 180px; height: auto; margin: 65px 25px 0px 22px;}
#destaquesIndex p{color: #FFFFFF;}

#msnIndex{width: 230px; height: auto; background-image: url(../img/index/atendimentoIndex.jpg); background-position: left top; background-repeat: no-repeat; float: left;}
#msnIndexContent{width: 200px; height: auto; margin: 58px 0px 20px 20px;}
#msnTemplate{width: 230px; height: auto; background-image: url(../img/att/atendimentoTemplate.jpg); background-position: left top; background-repeat: no-repeat; float: left;}
#msnTemplateContent{width: 200px; height: auto; margin: 63px 0px 10px 28px;}

.borderImg{border: 1px solid #CCCCCC; padding: 3px;}
#iconesIndex{width: 400px; height: 50px;}
#welcomeContent{width: 300px; height: 120px; margin: 130px 0px 0px 60px;}
#parceirosIndex{width: 400px; height: 58px;}
#busca{width: 280px; height: 180px; margin: 90px 0px 0px 230px;}
#noticiasIndex{width: 505px; height: auto; margin: 73px 0px 0px 0px;}

#bottomIndex{width: 980px; height: 50px; background-image: url(../img/index/bottomIndex.jpg); background-position: left bottom; background-repeat: no-repeat;}

#adress{width: 800px; height: 50px; float: left}
#adress p{ margin:10px 0px 0px 35px; color:#FFFFFF;}
#redesSociais{width: 100px; height: 50px; float: left}
#wwwLedz {width: 80px; height: 50px; float: left;}


/*** PRODUTOS ***/

#produto{width: 555px; height: auto; margin-bottom: 10px; float: left; border: 1pd dashed #000000;}
#produtoIMG{width: 150px; height: auto; float: left; margin-right: 10px; border: 1pd solid #666666;}
#produtoDesc{width: 385px; height: auto; padding-top: 10px; float: left;}
#produtoIMG2{width: 200px; height: auto; float: left; margin-left: 10px; padding-top: 50px;}
#produtoIMG2 img{width: 200px; height: auto; border: 1px solid #CCCCCC;}
#produtoDesc2{width: 345px; height: auto; padding-top: 10px; float: left;}
.tableBorder{border: 1px solid #CCCCCC;}

/*** forms ***/
form {display: block;}
form.contato {display: block; margin-top: 20px;}
form.login {display: block; margin-left: 180px; margin-top: 40px;}
input, textarea, select {font-size: 8pt; color: #666666; line-height: normal; vertical-align: middle; margin-bottom: 10px; background-color: #FFFFFF; border: 1px solid #999999;}
option {color: #000000;}
.radio {background-color: transparent; border: none; margin-bottom: 6px;}

label {width: 100px; text-align: left; float: left;}
label.autoLabel {width: auto; margin-right: 10px;}
label.longLabel {width: 150px;}

input.ok {font-size: 8pt; color: #FFFFFF; line-height: normal; vertical-align: middle; margin-bottom: 10px; background-color: #30658A; border: 1px solid; margin-left: 100px;}

#submit {margin-left: 100px; margin-bottom: 10px;}

/** SCROLL **/
#scrollup {
 width: 100%;
 height: 40px;
 position: relative;
 margin: 0px;
 overflow: hidden;
}
.headline {
 position: absolute;
 top: 100px;
 height: auto;
 width:auto;
 text-align: left;
}

/*** detail ***/
.imgDetail {
 width: 150px;
 height: auto;
 margin: 30px 0px 10px 10px;
 float: right;
}
.imgMarca {
 width: 200px;
 height: auto;
 margin: 0px 0px 10px 10px;
 float: right;
}
.imgBorder {
 border: 1px solid #666666;
 padding: 5px;
}

/*** list ***/
.listOptions {
 width: 100%;
 height: auto;
 margin-bottom: 10px;
 border-bottom: 1px dotted #666666;
 float: left;
}
.thumbs {
 width: 90px;
 height: auto;
 margin-right: 15px;
 margin-bottom: 5px;
 float: left;
}
.imgThumbs {
 width: 90px;
 height: auto;
 text-align: center;
 border: 3px solid #EBEBEB;
}


/*** admin ***/
.listMenu {width: 100%; height: auto; margin-bottom: 10px; float: left;}
.listMenuName {width: 70%; height: auto; float: left;}
.listMenuAction {width: 30%; height: auto; float: left;}

/*** busca menu ***/
#buscaMenu {width: 175px; padding-left: 20px;}