*,html,body {
padding:0;
margin:0;
background-image: gostou.gif);
}
/*ajuste de elementos*/
body{
font-family: Arial, "Lucida Sans", Verdana, sans-serif;
color: #636B70;
font-size:0.7em;
background-image:gostou.gif);
background-repeat: no-repeat;
background-position: left top;
}
a, a:active{
text-decoration: none;
color: #006699;
}
a:hover{
text-decoration: underline;
color: #990000;
}
h1, h2,h4{
font-weight:normal;
font-size: 0.7em;
}
h1{font-size: 11em;}
br{clear:both;}
/*HTML dividido em 3 áreas*/
#menu, #contents, #footer{
width:900px;
margin:0 auto 10px;
padding:0 25px;
}
#contents{margin-top:20px;}
/*Aplicando itens do menu*/
#menu h1{
float:right;
padding:10px 0 0 0;
}
#menu ul{list-style:none;z-index:1;}
#menu ul li{float:left;}
#menu ul a, #menu ul a:active{
display: block;
width:100px;
height:20px;/*ajustar o padding*/
margin:0 2px 0 0;
padding:11px 0 0 0;/*#menu ul a - h1*/
border: 0 solid #F9801D;/*laranja claro #F9801D - escuro #F2580F*/
border-width:0 0 5px 0;
text-align: center;
text-transform: uppercase;
color: #636B70;
font-size: 9em;
white-space: nowrap;
}
#menu ul a:hover{
color:#990000;
text-decoration: none;
border-top: 0 solid;
border-right: 0 solid;
border-bottom: 5px solid;
border-left: 0 solid;
}
/*submenu com javascript jquery*/
#menu ul ul{
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
}
#menu ul ul li{
float: none;
}
#menu ul ul li a,#menu ul ul li a:active{
font-size: 0.8em;
border:none;
height:20px;
padding:5px 0 0 0;
color: #4A5054;
}
#menu ul ul li a:hover{
border:none;
color: #990000;
}
/*fim menu*/
#banner{
height:450px;
margin: 0 0 10px 0;
background-image: url(gostou.gif);
background-repeat: no-repeat;
background-position: left top;
}
/*botao coral link - a*/
.button,.button:active{
display:block;
height:9px;
width:90px;
padding-top:-20px;
text-transform: capitalize;
color: #FFFFFF;
font-size:12px;
text-transform: uppercase;
text-align: center;
background-color: #6699CC;
/*background-image: url(../images/bg_button.gif);*/
background-repeat: repeat-x;
}
.button:hover{
background-color: #990000;
background-position: 0 -40px;
text-decoration: none;
}
/*botao coral input button*/
input.button,input.button:active{
display:block;
border:none;
height:30px;
padding:0;
}
/*botao coral fim*/
.box h2{
display:block;
height:26px;
margin-right:50px;
padding: 9px 0 0 10px;
text-transform: uppercase;
color: #990000;
border-top: 0 solid;
border-right: 0 solid;
border-bottom: 0 solid;
border-left: 5px solid;
}
.box .contrast{
display:block;
padding:10px;
margin: 10px 0 3px 0;
}
.boxBody{
position:relative;
padding:20px;
color: #666666;
font-size:1em;
background-repeat: repeat-x;
background-position: bottom;
left: 23px;
top: 103px;
width: 705px;
height: 215px;
}
.boxBody img{
margin-bottom:4px;
border:none;
}
.boxBody p, .boxBody h3{
margin-bottom:10px;
word-spacing: 0.1em;
}
/*big box*/
#bigBox .info{display:block;height:52px;width:100px;padding:10px 0 0 8px;float:left;font-size:2.0em;color:#000000;}
#bigBox h2{border:none;}
#bigBox .box{float:left;width:838px;}
#bigBox .boxBody{
height:320px;
padding:20px;
}
#bigBox .boxBody img{
float:right;
margin-right:50px;
}
#bigBox .boxBody p{
font-size:1.05em;
width:300px;
}
#bigBox h4{
position:absolute;
bottom:80px;
text-align:right;
font-size:1.7em;
width:300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*big box fim*/
.boxButton{
position:absolute;
display:block;
height:40px;
width:auto;
bottom: 20px;
right:20px;
left: 203px;
top: 108px;
}
.boxButton .button{
margin-left:20px;
float:left;
}
.box .contrast{
background-color:#D6D8D9;
padding:8px;
margin: 30px 0 10px 0;
}
.box .contrastChild{
padding-left:8px;
margin: 7px 0 7px 0;
font-size:1.2em;
}
/*contents>box- configuração para box 'a' e 'b' - da index e contato*/
.a .box,.b .box{
width:400px;
float:left;
margin-right:2px;
}
.a .boxBody{
height:177px;
}
.b .boxBody{
height:400px;
}
#contents.a{margin-top:10px;}
.navegation{
display:block;
list-style:none;
width:800px;
float:right;
padding:2px 0 0 0;
}
.navegation li{float:left;}
.navegation a, .navegation a:active{
display: block;
width:38px;
height:28px;/*ajustar o padding*/
margin:0 0 0 2px;
padding:10px 0 0 0;/*#menu ul a - h1*/
text-align: center;
color: #636B70;
font-size: 1.1em;
}
.navegation a:hover{
color:#990000;
text-decoration: none;
}
.rapidLink{ list-style:none; }
.rapidLink li{clear:right;float:right; display:block;margin-top:10px;}
.rapidLink span{float:left;display:block;font-size:1.2em;text-transform: uppercase;color:white; margin:11px 10px 0 0; }
.rapidLink .button{float:left;}
#contents.c .info{background-color:#E10D12;}
#contents.d .info{background-color:#1278D3;}
#contents.c ul a:hover{background-color:#E10D12;}
#contents.d ul a:hover{background-color:#1278D3;}
#contents.e .boxBody{padding:40px;}
#contents.e .boxBody img{float:right;}
#contents.e .boxBody p{width:530px;margin-bottom:30px;}
#contents.e .boxBody h3{font-weight: normal;margin-bottom:5px;}
/*contents>box- configuração personalizada -FIM*/
.box.lastBox{
margin-right:0;
}
/*form*/
fieldset{border: none;}
.fieldSecond{display:none;}
.box input[type=text]{/*---criar hack ie6 aqui*/
height:26px;/*altura+padding+borda*/
padding:2px 4px 0 4px;
width:300px;/*largura+padding+borda*/
border: 1px solid #BFC2C4;
margin-bottom:10px;
font-size:1.3em;
}
.box input[type=checkbox]{
margin-right: 4px;
}
.box textarea{
overflow:auto;
height:146px;/*altura+padding+borda*/
padding:2px 4px 0;
width:450px;/*largura+padding+borda*/
border: 1px solid #BFC2C4;
margin-bottom:10px;
font-size:1.3em;
font-family: Arial, Helvetica, sans-serif;
}
.box label{
font-size:0.8em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*form contato */
.box #contato label{
display:block;
font-size:1em;
margin:5px 0 5px 0;
}
/*form fim*/
.boxBody span{
float: right;
}
#footer{
padding-top:10px;
font-size:0.9em;
}
#footer ul{
list-style:none;
float:left;
}
#footer ul li{
display: inline;
margin: 0 4px 0 0;
padding: 0 8px 0 0;/*---criar hack ie6 aqui*/
border: 0 solid #636B70;
border-width:0 1px 0 0;
}
#footer p{
text-align:right;
}
.hide{display:none;}