/*estrutura basica das paginas */ body{ background-color:#2CB6DD; background-image:url(img/back1.jpg); background-position:top; background-repeat:repeat-x; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif } #container{ width:1001px; height:auto; margin:0 auto; z-index:0; } #bola{ width:301px; height:257px; position:absolute; z-index:1; left:3%; top:-3%; } #topo{ width:1001px; height:535px; position:relative; float:left; padding:0px; margin:0px; z-index:2; } #conteudo{ width:1001px; height:auto; position:relative; float:left; margin:0px; background-image:url(img/back_conteudo.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#FFFFFF; } #rodape{ width:1001px; height:90px;; background-image:url(img/rodape.png); background-position:top; background-repeat:no-repeat; position:relative; float:left; margin-top:0px; margin-bottom:40px; } #rodape p{ color:#FFFFFF; font-size:10px; font-weight:bold; margin-left:20px; margin-top:20px; padding:0px; text-align:center; letter-spacing:2px; margin-bottom:0px; } #rodape a{ color:#FFFFFF; text-decoration:none; } #rodape a:hover{ text-decoration:underline; } /* pagina index */ /*logo e texto */ #logo{ position: absolute; width:490px; height:300px; z-index:3; left:0px; top:380px; } #logoimg{ width:490px; height:166px; position:relative; float:left; margin:0px; } #logotexto{ width:490px; height:100px; position:relative; float:left; margin-left:0px; margin-top:-15px; } #logotexto p{ font-size:11px; text-align:justify; line-height:15px; padding-left:30px; padding-top:0px; padding-right:60px; color:#666666; } /* galeria e texto */ #galeria{ position:absolute; width:550px; height:310px; z-index:3; left:440px; top:315px; margin:0px; } #videogal{ width:550px; height:236px; position:relative; float:left; margin:0px; } #textogal{ width:550px; height:70px; position:relative; float:left; margin-top:10px; } #textogal p { font-size:10px; text-align:justify; padding-left:160px; line-height:13px; padding-right:20px; color:#666666; } #textogal p a{ color:#003399; text-decoration: none; } #textogal p a:hover{ text-decoration:underline; } /* box1 */ #box1 { width:450px; height:300px; position:relative; float:left; margin-left:0px; margin-right:0px; margin-top:100px; margin-bottom:50px; } #noticiahome{ width:320px; height:300px; position:relative; float:left; margin-left:35px; margin-top:20px; } #noticiahome img{ position:relative; float:left; } #textonoticia{ width:290px; height:150px; position:relative; float:left; background-color:#666666; margin-left:15px; } #textonoticia a{ text-decoration:none; } #textonoticia a:hover{ text-decoration:underline; color:#FFFFFF; } #textonoticia p { color:#FFFFFF; font-size:10px; margin-left:10px; } /* box2 */ #box2 { width:496px; height:auto; position:relative; float:left; margin-left:0px; margin-right:10px; margin-top:100px; } .projpers{ width:500px; height:auto; position:relative; float:left; margin-left:30px; margin-top:10px; } .projpers img{ position:relative; float:left; margin:0; } .projpers p{ position:relative; float:left; width:310px; height:auto; text-align:justify; line-height:15px; padding-left:0px; color:#666666; font-size:13px; margin-top:10px; margin-left:10px; margin-right:15px; } #video{ width:425px; height:380px; float:left; position:relative; margin-top:50px; margin-left:10px; margin-bottom:30px; } #boxvideo{ position:relative; float:left; clear:left; margin-left:70px; margin-top:5px; margin-bottom:30px;} /*pagina conheca a isodur */ #textosegmentos{ position:absolute; width:550px; height:auto; z-index:3; left:0px; top:430px; } #textosegmentos p{ color: #000000; font-size:11px; text-align:justify; padding-left:70px; padding-right:0px; line-height:15px; } #tit_segmentos{ position:absolute; width:300px; height:350px; left:600px; top:210px; } #tio{ position:absolute; width:300px; height:350px; left:600px; top:210px; } #listagem{ width:835px; height:432px; position:relative; float:left; margin-left:100px; margin-top:70px; } /*pagina de formulario */ #boxtrabalhe{ width:551px; height:auto; position:absolute; left:130px; top:380px; } #trabalheimg{ position:relative; } #trabahetexto{ background-color:#00FF00; position:relative; } #trabalhetexto p { font-size:11px; text-align:justify; line-height:15px; color:#666666; margin-top:-10px; padding-left:5px; padding-right:30px; } #boxformulario{ width:551px; height:auto; position:relative; float:left; margin-left:100px; margin-top:-70px; z-index:4; } .dados{ display:block; margin-left:0px; padding:0px; font-size:12px; color: #333333; font-weight:bold; width:450px; } .txtcadastro{display:block; padding:3px; width:270px; margin:0px; float:right; border:1px solid #666666; } .caixa{ padding:3px; width:280px; float:right; } #frmtrabalhe{ margin-left:30px; margin-bottom:20px; margin-top:90px; } #frmtrabalhe h3{ font-size:16px; margin-top:40px; display:block; background-color:#B8D90C; padding:5px; color:#FFFFFF; } /*pagina do contato */ #boxcontato{ width:390px; height:auto; position:absolute; left:30px; top:380px; } #contatoimg{ position:relative; } #contatotexto{ position:relative; } #contatotexto p { font-size:12px; text-align:justify; line-height:15px; color:#666666; margin-top:-15px; padding-left:5px; padding-right:40px; } #contatobox1{ width:450px; height:auto; position:relative; float:left; margin:0px; } #contatobox2{ width:550px; height:auto; position:relative; float:right; margin-top:-120px; z-index:4; margin-right:0px; } #googlemap{ margin-left:40px; margin-top:20px; } .fale{ display:block; margin-left:0px; margin-bottom:5px; padding:0px; font-size:12px; color: #333333; font-weight:bold; width:400px; } .txtfale{ display:block; padding:3px; width:270px; margin:0px; float:right; border:1px solid #666666; } .caixafale{ padding:3px; width:220px; float:right; } #frmcontato{ margin-left:50px; margin-bottom:20px; margin-top:20px; margin-right:0px; position:relative; float:left; width:500px; } #contatobox2 h4{font-size:16px; margin-top:40px; display:block; background-color:#B8D90C; padding:5px; color:#FFFFFF; } /*pagina de noticias e detalhe das noticias */ #noticiasimg{ width:390px; height:130px; position:absolute; left:100px; top:390px; } .noticias{ margin-bottom:50px; position:relative; float:left; width:800px; height:auto; margin-left:100px; margin-top:20px; } #boximg{ width:auto; height:auto; position:relative; float:left; border:1px solid #CCCCCC;} #boximg img{ border:10px solid #FFFFFF; } #boxtexto{ width:500px; height:150px; position:relative; float:left; margin-left:30px; margin-top:0px; } #boxtexto h4{ font-size:14px; color:#333333; } #boxtexto p{ font-size:11px; color:#333333; text-align:justify; } #boxtexto a{ color: #993300; text-decoration:none; font-size:11px; } #boxtexto a:hover{ text-decoration:underline; } .notdata{ width:500px; height:20px; position:relative; float:left; font-size:11px; margin-left:30px; color: #666666; } #conteudonoticia{ width:950px; height:auto; position:relative; float:left; margin-bottom:50px; margin-top:0; } #conteudonoticia h3{ text-align:left; font-size:15px; margin-left:50px; margin-bottom:5px; } #contnotbox1{ width: 260px; height:auto; position:relative; float:right; margin:0px; } #contnotbox1 img{ position:relative; float:left; margin-top:20px; margin-left:40px; margin-right:0px; } #contnotbox2{ width:630px; height:auto; position:relative; float:left; margin-left:50px; margin-top:0px; } #contnotbox2 p{color: #000000; font-size:12px; text-align:justify; line-height:15px; } #contnotbox3{ width:910px; height:auto; position:relative; float:left; margin-left:50px; margin-top:0px; margin-bottom:0px; } #contnotbox3 img{margin:5px; } #boximg2{ width: 210px; height:160px; position:relative; float:left; margin:5px; } #contnotbox4{ width:850px; height:auto; position:relative; float:left; margin-left:50px; margin-top:0px; margin-bottom:0px; } #contnotbox4 p{color: #333333; font-size:11px; text-align:justify; } .data{ font-size:12px; text-align:left; margin-top:10px; color:#CCCCCC; } #boxsalas{ width:400px; height:157px; position:absolute; left:30px; top:380px; } #salasimg{ position:relative; } #voltar{ position:relative; width:100%; height:auto; float:left; margin:0; } #voltar p{ float:right; display:block; width:60px; padding:7px; margin-right:80px; text-align:center; background-color:#2CB6DD; } #voltar a{ text-decoration:none; color:#FFFFFF; background-color:#2CB6DD; font-weight:bold; font-size:12px; } #voltar a:hover{ text-decoration:underline; } /* PAGINAS E PRODUTOS E SUB */ #produtos{ width:900px; height:500px; position: relative; float:left; margin-left:70px; margin-bottom:50px; margin-top:10px; } #titprod{ float:left; position:relative; width:100%; height:auto; margin-left:50px; margin-bottom:20px; } .boxprodutos{ width: 201px; height:119px; position:relative; float:left; margin-left:50px; margin-right:35px; margin-top:40px; margin-bottom:30px; display:block; } #produtoscont{ width:900px; height:auto; position:relative; float:left; margin-left:50px; margin-bottom:50px; } #produtoscont h2{ font-size:18px; margin-left:20px; color:#00A6D6; } #produtoscont { font-size:14px; color:#00A6D6; } #boximgprod{ width:360px; height:auto; position:relative; float:left; margin:0px; } .box2{ width:110px; height:85px; position:relative; float:left; margin:5px; } .box2 img{ border:1px solid #CCCCCC; } #boxtextoprod{ width:450px; margin-left:30px; height:auto; position:relative; float:left; } #boxtextoprod h4 { font-size:14px; color:#00A6D6; width:100%; float:left; margin-top:15px; margin-bottom:10px; } #boxtextoprod p{ text-align:justify; padding:5px; line-height:15px; color:#333333; font-size:11px; margin-bottom:0px; margin-top:5px; } #boxtextoprod ul{ width:390px; height:auto; margin-bottom:10px; margin-top:5px; padding:0px; position:relative; float:left; } #boxtextoprod li{ list-style:none; font-size:11px; float:left; margin:5px; color:#333333; } /* salas limpas */ #conteudosalas{ width:900px; height:auto; position:relative; float:left; margin-left:50px; } #conteudosalas h2{ font-size:18px; margin-left:20px; color:#00A6D6; } #boxfotos{ width:350px; height:auto; position:relative; float:left; margin:0px; } #boxfotosalas{ width:321px; height:246px; position:relative; float:left; margin-left:0px; margin-right:0px; background-color:#CCCCCC; border:1px solid #CCCCCC; } #boxfotosalas img{width:300px; height:225px; border:10px solid #FFFFFF; } #fotosalas{ width:340px; height:auto; position:relative; float:left; margin-top:5px; } .box3 { width:102px; height:77px; position:relative; float:left; margin:5px; } .box3 img{ width:100px; height:75px; border:1px solid #CCCCCC; } #textosalas{ width:500px; margin-left:20px; height:auto; position:relative; float:left; margin-bottom:40px; } #textosalas h4{ font-size:14px; color:#00A6D6; width:100%; float:left; margin-top:15px; margin-bottom:15px; margin-left:10px; } #textosalas p{ text-align:justify; padding:5px; line-height:15px; color:#333333; font-size:11px; margin-bottom:0px; margin-top:5px; } #textosalas span{ font-weight:bold; color: #000000; } #textosalas ul{width:100%; height:auto; margin-bottom:10px; margin-top:5px; padding:0px; position:relative; float:left; } #textosalas li{ list-style:none; font-size:11px; margin:10px; text-align:justify; line-height:14px; } .tit{font-size:14px; color:#333333; } #politica{ margin-left:0; margin-right:20px; } #politica h4{ margin-left:40px; } #politica ul{ margin:0; } #politica li{ list-style:none; font-size:11px; padding-left:0; padding-right:0; padding-bottom:15px; margin:0; } #politica p{ margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; text-align:justify; }