/* 
    Document   : estilos.css
    Created on : 06/06/2009, 10:48:23
    Author     : Vagner - Acao Direta Web Studio
    Description: CSS - Content Odontoplus Saude

    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*								{ padding:0px; margin:0px; }
img, fieldset					{ border:none; }
ul li							{ list-style:none; }
body 							{ font-family:Arial, Tahoma, Verdana; font-size:12px; background:url(../imagens/background-body.jpg) no-repeat top center; background-color:#E8EFF5; color:#333; }
p								{ color:#666666; text-align:justify; }
h1								{ width:880px; height:30px; font-size:20px; color:#FFF; line-height:30px; text-indent:60px; font-style:italic; background:url(../imagens/background-h1.jpg); }
h2								{ font-size:14px;}

/* Layout */

div#container					{ width:900px; margin:auto; background:#FFFFFF; }
div#wraper						{ width:880px; margin:auto; margin-top:10px; }

/* Cabecalho */

div#cabecalho					{ width:900px; height:245px; position:relative; background:url(../imagens/background-cabecalho.jpg); }
ul#primario						{ width:653px; height:30px; position:absolute; top:169px; left:10px; background:url(../imagens/background-menu-primario.png) no-repeat; }
ul#primario li					{ float:left; list-style:none; margin-right:5px; }
ul#primario li.left				{ margin-left:8px; }
ul#primario li a				{ font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; line-height:30px; }
ul#primario li a:hover			{ color:#CCFF66; }

ul#secundario					{ width:653px; height:30px; position:absolute; top:200px; left:10px; background:url(../imagens/background-menu-secundario.png) no-repeat; }
ul#secundario li				{ float:left; list-style:none; margin-right:17px; border-right:2px solid #fff; padding-right:18px; }
ul#secundario li.right			{ border-right:none; }
ul#secundario li.left			{ margin-left:22px; }
ul#secundario li a				{ font-size:13px; font-weight:bold; color:#FFF; text-decoration:none; line-height:30px; }
ul#secundario li a:hover		{ color:#007BC4; }

img#img_top						{ position:absolute; top:162px; left:0px; }
img#img_bottom					{ position:absolute; top:232px; left:0px; }
ul#terciario					{ width:235px; height:90px; position:absolute; top:162px; right:10px; background:url(../imagens/background-menu-terciario.png) no-repeat; }
ul#terciario li					{ list-style:none; text-align:center; margin-left:2px; margin-top:8px;  }
ul#terciario li a				{ font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }
ul#terciario li a:hover			{ color:#CCFF66; }

/* Areas Odonto */

div#areas_odonto				{ width:880px; height:215px; background:url(../imagens/background-areas-odonto.png) no-repeat; }

div#area_cliente				{ width:278px; height:215px; float:left; }
div#area_cliente p.number 			{ font-size:40px; color:#FFFFFF; float:left; margin-right:7px; }
div#area_cliente p.desce		{ color:#FFFFFF; font-weight:bold; padding-top:5px; }
div#area_cliente a				{ font-size:11px; color:#CCFF66; text-decoration:none; }
div#area_cliente a:hover		{ text-decoration:underline; }
div#area_cliente ul				{ margin-top:6px; }
div#area_cliente ul li			{ list-style:none; margin-top:2px; margin-left:5px; }
div#area_cliente a.mais			{ font-size:12px; display:block; margin-top:22px; margin-left:140px; color:#FFFFFF; }
div#area_cliente a.hum			{ margin-top:8px; }
div#area_cliente a.mais:hover	{ font-weight:bold; text-decoration:none; }

div#area_comercial				{ width:278px; height:215px; float:left; }
div#area_comercial p.number		{ font-size:40px; color:#FFFFFF; float:left; margin-left:30px; margin-right:10px; }
div#area_comercial p.desce		{ color:#FFFFFF; font-weight:bold; padding-top:5px; }
div#area_comercial p			{ margin-left:20px; text-align:justify; }
div#area_comercial a			{ font-size:11px; color:#CCFF66; text-decoration:none; display:block; padding-bottom:5px; }
div#area_comercial a:hover		{ text-decoration:underline; }
div#area_comercial a.mais		{ font-size:12px; display:block; margin-top:21px; margin-left:150px; color:#FFFFFF; }
div#area_comercial a.mais:hover	{ font-weight:bold; text-decoration:none; }

div#area_odonto					{ width:304px; height:215px; float:left; }
div#area_odonto p.number			{ font-size:40px; color:#FFFFFF; float:left; margin-left:40px; margin-right:10px; }
div#area_odonto p.desce			{ color:#FFFFFF; font-weight:bold; padding-top:5px; }
div#area_odonto p				{ margin-left:30px; text-align:justify; }
div#area_odonto a				{ font-size:11px; color:#CCFF66; text-decoration:none; display:block; padding-bottom:5px; }
div#area_odonto a:hover			{ text-decoration:underline; }
div#area_odonto a.mais			{ font-size:12px; display:block; margin-top:50px; margin-left:185px; color:#FFFFFF; }
div#area_odonto a.mais:hover	{ font-weight:bold; text-decoration:none; }

/* Sides */

object#slide_1					{ margin-right:17px; }

/* Empresa */

div#txt_empresa					{ width:440px; float:left; margin-right:10px; }
iframe#frame_map				{ width:425px; height:300px; border:solid 1px #333333; }

/* Beneficios */

ul#beneficios li				{ margin-bottom:5px; }

/* Rodape */

div#rodape						{ width:880px; height:40px; background:#D2E3ED; margin-top:10px; }
div#rodape p					{ text-indent:10px; line-height:40px; float:left; }
div#rodape img					{ margin-top:10px; float:right; margin-right:20px; }


/*Formulario */

div#resposta_contato		{ margin-top:10px; color:#000; font-size:18px; font-weight:bold; }


form#contato label			{ width:100px; margin-top:10px; height:15px; padding-top:3px; float:left; }
form#contato input			{ width:300px; margin-top:10px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
form#contato textarea		{ width:305px; margin-top:10px; border: solid 1px #CCC; background:#E6E6E6; }
form#contato #enviar		{ width:70px; margin-left:100px; background:#E6E6E6; border: solid 1px #CCC; color:#666; font-weight:bold; }

/* Contato */

div#formulario				{ width:500px; float:left; padding-top:20px; }


div#txt_aps						{ width:300px; float:left; margin-right:130px; margin-left:100px; margin-top:20px; }
div#txt_parceiro_comercial		{ width:300px; float:left; margin-right:130px; margin-left:100px; margin-top:20px; }
div#txt_oportunidade_comercial	{ width:300px; float:left; margin-right:130px; margin-left:100px; margin-top:20px; }
div#txt_sistema_odontologico	{ width:300px; float:left; margin-right:130px; margin-left:100px; margin-top:20px; }
div#txt_clinica_credenciada		{ width:300px; float:left; margin-right:130px; margin-left:100px; margin-top:20px; }
div#txt_beneficios				{ width:300px; float:left; margin-right:130px; margin-left:100px; margin-top:20px; }



#cadastre_se dt label				{ display:block; float:left; width: 150px; }
#cadastre_se dt label.maior			{ width:150px; }
#cadastre_se dd						{ margin:0px; }
#cadastre_se dd input				{ font: 12px Verdana, sans-serif; color: #666666; padding: 3px; border: 1px solid #000; margin-bottom: 3px; width: 280px; }
#cadastre_se dd.readed input		{ width:auto; margin-left:10px; }
#cadastre_se dd.maior input			{ width:300px; }
#cadastre_se dd.maiormaior	input	{ width:500px; }
#cadastre_se dd.radio input			{ width:auto; }
#cadastre_se ul.errors 				{ padding-left:150px; }
#cadastre_se ul.errors li			{ color:#990000; font-weight:bold; font-size:10px; }
#cadastre_se dd #enviar				{ width:150px;  }
#cadastre_se dd table#dependentes th 	{ font-size:10px; }
#cadastre_se dd table#dependentes input	{ width:auto; }


/* Contrato */
.sm 		{ list-style:none; margin:auto; width:860px; height:300px; display:block; overflow:hidden}
.sm a		{ color: #666666; font-weight:bold; text-decoration:none;}
.sm a:hover	{ text-decoration: underline;}
.sm li 		{ float:left; display:inline; overflow:hidden}

.venda1, .venda2, .venda3, .venda4 { width:300px; height:320px; color:#FFFFFF; }

.venda1 { background:#836FFF; }
.venda2 { background:#43CD80; }
.venda3 { background:#DAA520; }
.venda4 { background:#CD919E; }

.venda1 p, .venda2 p, .venda3 p, .venda4 p, 
.venda1 h3, .venda2 h3, .venda3 h3, .venda4 h3{ padding:0 10px 0 45px; text-align:left; }

.lado_direita	{ width:230px; display:block; }
.style1 	{font-size: x-small}

.box_contrato 	{ height:400px; overflow: auto; border:2px solid #999999; padding:5px;  }
.texto_1 	{ color:#FFFFFF;}

dd.select_mes 	{ float:left; width:50px; }
dd.select_ano 	{ float:left; width:50px; }
#debito_visacod	{ width:50px!important; }

.botao		{ margin-top:10px; }

table.ganhadores thead tr {
    background-color:#694B7C;
}
table.ganhadores thead th {
    color:#FFF;
}
table.ganhadores tbody td {
    color:#57BFE4;
}




fieldset#tabela_dependentes	legend		{ font-size:14px; font-weight:bold; }
fieldset#tabela_dependentes	table 		{ width:700px;	border:1px solid #D6D6D6;  }
fieldset#tabela_dependentes	table thead tr th { width:125px; background:#577983; color:white; text-align:center; padding:3px 0 3px 0; }
fieldset#tabela_dependentes	table tbody tr { background:#D6D6D6;  }
fieldset#tabela_dependentes	table tbody tr td { text-align:center; padding:3px;   }


form#home input.campo_requer					{ border:1px solid #900; }

/*
table 						{ width:80%; margin:10px auto 0;	border:1px solid #D6D6D6;}
table tr:hover 				{ background:#9BC348; }
table caption 				{ text-align: left; padding:5px; background:#f4f4f4; font-weight:bold;}
table thead tr th 			{ background:#606060; color:white; padding:5px; text-align:center;}

table tbody tr td 			{ text-align:center; padding:5px; border-top:1px solid #FFF; border-bottom:1px solid #D6D6D6; border-left:1px solid #D6D6D6;} 
*/

form#cadastro_empresas fieldset	legend	{ font-size:14px; font-weight:bold; }
form#cadastro_empresas label			{ width:100px; margin-top:5px; height:15px; padding:0px 5px 0 0; float:left; text-align:right; }
form#cadastro_empresas input			{ width:300px; margin-top:5px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
form#cadastro_empresas input.data		{ width:80px; padding:2px; margin-top:5px; border: solid 1px #CCC; background:#E6E6E6; } 

form#cadastro_empresas #enviar			{ width:70px; background:#E6E6E6; border: solid 1px #CCC; color:#666; font-size:12px; }
fieldset#tabela_dependentes {}

/* Formulário Login (para o ADMIN) */
#area_login		{ margin-top:10px; }
#area_login fieldset { width: 97%; margin: 0;  text-align: center; padding-bottom:20px; }
#area_login fieldset legend { width: 100%; margin-top: 2px; padding: 5px 10px 2px; border:1px solid #3E6E7C; background-color: #3E6E7C;  font-size: 120%; font-weight: bold; color:#fff; text-align:center; }
#area_login fieldset label { width:120px; margin-right:10px; margin-left:15px; }
#area_login fieldset input { margin-top: 20px; border:1px solid #3E6E7C; }

#area_login fieldset input[TYPE="submit"] { margin-left:20px; }