/* Colocar Aqui informações necessárias para informações de todos. OBRIGADO a TODOS! ========================================= Nome do Site: Berakah Viagens - Onde viajar é uma bênção URL do SIte: www.berakahviagens.com.br Descrição: Estilos somente de algumas div's pois algumas já estão na index.css Atenciosamente NandoCODU =======*/ /****************************************** * Elementos HTML ******************************************/ * {padding:0;list-style:none;text-decoration:none;border:none;vertical-align:middle;margin:0;} html {background: url(../imagens/bg.jpg) no-repeat center top; overflow: -moz-scrollbars-vertical;} #conteudo{width: 1000px; margin: 0 auto 0; } #conteudo #cont1{width: 750px; float: right;} #conteudo #cont2{width: 220px;} #cabecalho{margin: 22px auto 0; width: 1000px;} #cabecalho #banner{width: 215px; height: 177px; float: right; margin-left: 50px;} #cabecalho h1 a{background: url(../imagens/berakah-viagens.png) no-repeat; margin-left: 5px; width: 396px; height: 123px; display: block; text-indent: -9000px; overflow: hidden;} #principal ul{width: 300px;float: right; padding: 10px;} #principal ul li{padding-left: 5px;} #principal ul li ,#principal ul li a{font: bold 16px 'trebuchet MS'; color:#4E4E4E;} #principal ul li a:hover{text-decoration: underline;} #passagens{width: 1000px; background-color: #DFDFDE; margin-top: 55px;} #passagens h2{font: bold 23px 'trebuchet MS'; color:#FFF; letter-spacing: 1px; background-color: #890000; width: 990px; padding: 5px;} #passagens h2 a{font: italic 13px 'trebuchet MS'; color:#FFF; text-decoration: underline;} #passagens h2 a:hover{text-decoration: none;} #passagens form{width: 900px; padding: 10px; font: normal 18px 'trebuchet MS'; color:#08202D;} #passagens form input{font: normal 14px 'trebuchet MS'; margin: 2px; padding: 2px; color:#333; margin-left: 5px;} #passagens form select{width: 160px; color:#000; font-weight: bold; padding: 2px;} #passagens form label{color:#000; cursor:pointer;padding-left:2px;line-height:16px;} #passagens form label.error {float: none; color: #fff; padding: 2px; margin: 3px 0 2px; font: normal 11px 'trebuchet MS'; vertical-align: top; background-color: red; width: 200px;} #passagens form .descricao{color: #fff; font: normal 12px 'trebuchet MS';} #passagens form #form1 #radio{margin-bottom: 17px;} #passagens form #form1 #radio input{display: inline; padding: 0 10px;} #passagens form #form1 #radio input.item2{margin-left: 30px;} #passagens form #form1{width: 980px; border-bottom: 1px #333 solid; padding: 10px 0; } #passagens form #form1 #forma2, #passagens form #form1 #forma3{margin:3px 0 10px 0px;background-color: #6796B4; padding: 10px; } #passagens form #form2{width: 960px; display: table; margin: 10px 0 10px 0; } #passagens form #form2 h3{color:#333; margin-bottom: 10px; font-size: 26px;} #passagens form #form2 select{width: 160px; margin: 7px 5px; font: normal 12px 'trebuchet MS'; } #passagens form #form2 #comp_1{border-right: 2px #6796B4 groove;} #passagens form #form2 #comp_1, #passagens form #form2 #comp_2, #passagens form #form2 #comp_3{float: left; padding: 10px 7px; margin-left: 10px; width: 290px; } #passagens form #form2 #comp_2 select, #passagens form #form2 #comp_3 select{width: 300px;} #passagens form #form2 span{font-size:11px; letter-spacing: 1px; color:#6796B4;} #passagens form #form2 #form2_item4 {text-align: center; width: 970px; font-size: 22px; border-top: 2px #6796B4 groove; padding-bottom: 4px;} #passagens form #form2 #form2_item4 label{color:#333;} #passagens form #form3{margin-top: 30px;} #passagens #form4 fieldset{border:#6796B4 1px groove; padding:10px; width:930px; margin-bottom:20px;} #passagens #form4 legend{font: normal 30px 'trebuchet MS';} #passagens #form4 input{padding: 5px 10px ;} #passagens form .botao{ width: 300px; color: #333; background-color: #c4c4c4; font: normal 30px 'trebuchet MS'; padding: 10px 15px; margin: 0 10px 10px 0; border-style: outset ;} #passagens form .botao:hover, #passagens form .botao:focus{background-color: #000; color:#fff; border-style: inset; } /*#passagens form .botao{ width: 300px; background-color: #6796B4; color:#000; font: bold 30px 'trebuchet MS'; padding: 10px 15px; margin: 0 10px 10px 0;} #passagens form .botao:hover, #passagens form .botao:focus{background-color: #000; color:#fff;} /**************************************** MENU ****************************************/ #cont2 #menu ul{margin:12px 0 0 6px; width: 215px; float: left;} #cont2 #menu ul h3{font: normal 28px 'trebuchet MS'; color:#8B8B8B; margin: 17px 0px;} #cont2 #menu ul li{margin-left: 35px; line-height: 36px; } #cont2 #menu ul li a{font: normal 17px 'trebuchet MS'; color:#858585;} #cont2 #menu ul li a:hover{color:#6892A6; text-decoration: underline;} /************************************ Formulário de aluguel e passagens *************************************/ form#form_milhas{width: 650px; padding: 10px; font: bold 12px 'trebuchet MS'; color:#000;} form#form_milhas fieldset#aluga{border: 1px #ccc solid; padding: 10px;} form#form_milhas legend{font: bold 40px 'trebuchet MS'; color:#19597D; margin:30px auto 6px; text-align: center;} form#form_milhas #campo1{width: 500px; margin: 10px; } form#form_milhas span{font-size:9px; color:red;} form#form_milhas #campo1 label{color:#19597D; font-size: 20px;} form#form_milhas #campo1 input, form#form_milhas #campo1 textarea {padding:5px 15px; font: normal 20px 'trebuchet MS'; color:#000; border: 1px solid #CCC;background-color: #f0fbff; margin-bottom: 10px; width: 450px;} form#form_milhas select{width: 80px; font-size:100px;} form#form_milhas #opcoes{margin-left:10px; font: normal 20px 'trebuchet MS'; color:#000;} form#form_milhas #campo1 #tipo{font-size: 200px;} form#form_milhas radio{margin-bottom: 25px;} form#form_milhas radio input{display: inline; padding: 0 10px;} form#form_milhas radio input.item2{margin-left: 30px;} form#form_milhas #campo1 label.error { float: none; color: #fff; padding: 2px; margin: 3px 0 2px; font: normal 12px 'trebuchet MS'; vertical-align: top; background-color: red; width: 350px;} /*Imagem Quem somos*/ form #imageField{ width: 300px; background-color: #6796B4; color:#000; font: bold 30px 'trebuchet MS'; padding: 10px 15px; margin: 0 10px 10px 0;} form #imageField:hover, form .imageField:focus{background-color: #000; color:#fff;} form #imageField2{ width: 200px; background-color: #6796B4; color:#000; font: bold 30px 'trebuchet MS'; padding: 10px 15px;} form #imageField2:hover, form .imageField2:focus{background-color: #000; color:#fff;} /*fieldset#aluga li.buttons #imageField{background: url(../imagens/enviar.jpg) no-repeat ; display: block; width: 315px; height: 68px; text-indent: -9000px; overflow: hidden; margin-left: 6px;} fieldset#aluga li.buttons #imageField:hover{background-position:50% 97%;} li.buttons{display: block; width: 315px; margin-left: 200px;} li.buttons #imageFieldcontato{background: url(../imagens/contato.jpg) no-repeat; display: block; width: 315px; height: 68px; text-indent: -9000px; overflow: hidden;} li.buttons #imageFieldcontato:hover{background-position:0% 99%;} */ #alerta {font:bold 20px Arial; color:#FFF; text-align: center; background-color:red; margin:20px; padding: 5px;}