/* CSS Document */
/* ------------------------------------------

Documento de Estilos - Site Institucional Remelexo Brasil

Autor: Fabio Silva 
Site: www.remelexobrasil.com.br
Criacao: 17/08/2009 
Ultima Atualizacao: 17/08/2009 
--------------------------------------------*/

/*Configuracoes Gerais*/
*{ margin:0px; padding:0px; font-family: "trebuchet MS";}
html{ margin:0px; padding:0px; }
body{ background-image:url(imagens/bgTotal.jpg); background-position:top; background-repeat:repeat-x; background-color:#e2e2e2; margin:0px; padding:0px;}

/* Layers */
#bgLuz{}
#totalContent{ width:100%; background-image:url(imagens/bgtop.jpg); background-position:center top; background-repeat:no-repeat; }
#content{ width:898px; margin:0px auto 0px auto;}
#topo{ width:100%; height:233px;}
#menu{ padding:40px 0px 0px 0px;margin:0px 0px 10px 0px;}
#areaContent{ width:100%; background-image:url(imagens/bgLuz.jpg); background-position:center top; background-repeat:no-repeat; margin:0px auto 0px auto; }
#rodape{ width:100%; height:144px; margin-top:80px; background-image:url(imagens/bgBottom.jpg); background-position:bottom; background-repeat:repeat-x;}
#bgCopyRight{ width:898px; height:144px; margin:0px auto; background-image:url(imagens/bgCopyRight.jpg); background-position:bottom center; background-repeat:no-repeat;}

/*Conteúdo*/
#principal{ width:600px; margin-top:15px; position:relative; float:left; }
div.conteudo{width:600px; background-color:#ddd; padding:5px 0px; margin-bottom:15px;}
div.prog{ width:385px;}
div.chamadaServicos{}
div.alignFotos{ width:250px; float:left;}
div.niver{ background-color:#bdbdbd; float:right; width:295px; margin:10px; padding:0px; }
div.aula{ background-color:#bdbdbd; float:right; width:295px; margin:10px; padding:0px; }

#colRight{width:194px; margin-top:20px; float:right;}
div.enquete{background-color:#ddd; padding:5px 0px; margin-top:15px;}
div.btsEnquete{ width:90%; margin:10px auto 5px auto;}
.clear{ clear:both;}
.display{ display:none;}

/*Images*/
img.imageLinks{ border:0px;}
img.alignTopo{ margin-top:30px;}
img.alignImgCasa{ margin: 0px 10px;}
img.alignImgServicos{ margin: 0px 5px;}
img.left{ float:left;}
img.right{ float:right;}

/*Titulos*/
h1{ background-color:#000; color:#ddd;width:100%; font-size:24px; text-align:left; padding:5px 10px 5px 10px ; margin-bottom:15px;}
h2{ font-size:24px; color:#600f35; font-weight:lighter; border-bottom:2px solid #600f35; padding:0px ; margin:0px 10px 15px 10px;}
h3{ background-color:#600f35; color:#e2e2e2;width:100%; font-size:18px; padding:5px 10px 5px 10px ; margin-bottom:1px;}

/*Parágrafos*/
p {text-align:justify; font-size:14px; line-height:22px; color:#353333; margin:0px 10px 10px 10px;}
#bgCopyRight p{ text-align:center; padding-top:90px;}
div.enquete p{text-align:left; font-size:12px; font-weight:bold;line-height:18px; color:#353333; margin:5px 10px 10px 10px;}

/*Span*/
span.fotosp{ font-size:12px; text-align:center; margin:0px; padding:0px; float:left;}
span.btOkp{ font-size:11px; float:left; margin:7px 0px 0px 0px;}

/*Listas*/
ul{ }
li{ list-style:none; cursor:pointer;}


#menu ul{display:block;}
#menu li{display:inline; margin:0px 13px 0px 0px;}
#menu li.outrosLinks{ float:right; margin:0px 0px 0px 30px; }

ul.diaProgram{ float:right; margin-top:6px;}
li.diaProgram{ color:#600f35; margin:0px 10px 0px 0px; display:inline;}

ul.programacao{ margin-left:0px;}
li.programacao{ color:#353333; margin-left:20px;}
li.selecionado{ background-color:#CCC; color:#000; padding-left:20px; margin-right:10px;}

ul.fotos{ margin:0px 0px 0px 30px;}
li.fotos{ display:inline; margin:0px 20px 20px 0px; float:left;}

div.enquete ul{ margin-left:20px;}
div.enquete li{ font-size:12px;}

/*Links*/
a:link, a:active, a:visited, a:hover{ text-decoration:none; text-align:left;}
#menu a:link, a:active, a:visited{ text-decoration:none; text-align:left; color:#FFF;}
#menu a:hover{ color:#000; background-color:#fff;}
a.itemMenu:link, a.itemMenu:active, a.itemMenu:visited, a.itemMenu:hover{ text-decoration:none; text-align:left; color:#ffd800;}
a.linkRight:link, a.linkRight:active, a.linkRight:visited, a.linkRight:hover{ font-size:14px; font-style:italic; color:#2020e9; float:right; margin:0px; padding:0px 10px 0px 0px;}

/*Outras Classes*/
.bgRadio{ background-color:#ddd; }
label{ float:right; font-size:12px; font-weight:bold; color:#535353; margin:0px;}
input{ background-color:#535353;color:#FFF; border:0px; margin:1px 0px; padding:3px 5px;}
.btOk{background-color:#535353; float:right; margin:1px 0px 0px 0px; padding:3px; border:0px;}