/* CSS Document */

body{
background-image:url(../layout/bg2.jpg);
background-repeat:repeat-x;
background-color:#B9B8A3;
background-attachment:fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
margin: 0 auto;
text-align:left;
}

#content{
position:absolute; 
left:50%;
margin-left:-400px; 
}

#content-intro{
background:#FFFFFF;
width:600px;
height:400px;
position:absolute; 
left:50%;
top:50%;
margin-left:-300px; 
margin-top:-200px; 
}

#principal{
margin-top:50px;
width:800px;
height:100%;
background-color:#FFFFFF;
display:table;
}

#separador{
width:800px;
height:8px;
background-color:#8E8E7E;
clear:both;
}

#topo{
width:800px;
height:250px;
background-color:#999999;
}

#geral{
background-color:#FFFFFF;
width:800px;
height:100%;
}

#left{
width:222px;
height:100%;
float:left;
margin-left:8px;
margin-top:8px;
margin-bottom:8px;
}

#logo{
width:222px;
height:132px;
background-color:#CCCCCC;
}

#menu{
margin-top:8px;
width:222px;
height:272px;
background-color: #FFFFFF;
}

#chamada-reno{
width:222px;
height:92px;
background-color:#999999;
margin-top:8px;
}

#chamada-vip{
width:222px;
height:130px;
background-color:#999999;
margin-top:8px;
}

#conteudo{
background-image:url(../layout/bg-conteudo.jpg);
background-repeat:repeat-y;
background-position:left;
width:552px;
margin-top:8px;
margin-right:8px;
margin-bottom:8px;
background-color:#FFFFFF;
float:right;
padding-bottom:30px;
}

#foto-chamada-atuacao{
width:183px;
height:120px;
float:left;
margin-top:-10px;
}

#chamada-atuacao{
width:300px;
height:120px;
float:left;
margin-left:30px;
margin-top:-10px;
}

#galeria{
margin-left:30px;
margin-top:20px;
}

/*///////// TEXTOS //////////*/

h3{
margin-top:20px;
font-size:17px;
padding-left:30px;
padding-right:30px;
}

h4{
font-size:13px;
text-decoration:underline;
color:#8E8E7E;
padding-top:5px;
padding-left:30px;
}

p{
text-align:left;
padding-right:30px;
padding-left:30px;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.logo-kellotto{
margin-left:60px;
}

.sombra{
margin-bottom:20px;
margin-top:15px;
}

.chamadas{
margin-left:5px;
}

/*///////// LISTAS //////////*/

ul{
margin-left:50px;
}

ul.links{
margin-left:25px;
}

ul.chamada{
margin-left:15px;
margin-top:-10px;
}

li{
list-style-image:url(../layout/v.jpg);
}

li.square{
list-style: square;
}

/*///////// LINKS //////////*/

a{
text-decoration:none;
color: #333333;
}

a:hover{
text-decoration: underline;
color: #666666;
}

a:visited{
}

a.thickbox{
color: #FFFFFF;
text-decoration:none;
border:none;
}

a.img{
color: #FFFFFF;
text-decoration:none;
border:none;
}

img{
border:0;
}

/*///////// FORMULÁRIO //////////*/

fieldset{
border:0;
margin-bottom:20px;
padding:0;
margin-left:30px;
margin-top:20px;
}

label{
display:block;
font-size:12px;
}

input.text,textarea{
width:250px;
font:12px 'Trebuchet MS',Arial,Helvetica, sans-serif;
color:#333;
padding:3px;
margin:1px 0;
border:1px solid #ccc;
}

input.submit{
margin-top:3px;
padding:1px 5px;
font:bold 12px 'Trebuchet MS',Arial,Helvetica, sans-serif;
color: #666666;
border:1px solid  #666666;
background:#f4f4f4;
}

.error{
font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#CC0000;
}