/*#############################################################
Name: FORMULÁRIOS
Author: Renato Rodrigues
Clínica Reviver de Cirurgia Plástica
URL: http://www.reviver.med.br/style/form.css
Feel free to use and modify but please keep this copyright intact.
#################################################################*/

fieldset {border:1px solid #de0f79; padding:10px; text-align:left;}

legend {
	font-family: helvetica, arial, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color:#fff;
	background: #0f737e;
	border: 1px solid #333;
	padding: 2px 6px;}
	
label { /* cinza escuro - nome dos campos */
	width:110px; 
	height:23px;
	margin-top:3px;
	margin-right:2px;
	padding-top:8px;
	padding-left:6px;
	background-color:#D7D7D7;
	float:left;
	display: block;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1;
	color:#0F737E;}

.form {
	margin:0;
	padding:0;}

#cont_form {
	width:450px;
	margin:auto;
	padding:1px;}

#top {width:450px;
	height:20px;}

#leftside {
	width:450;
	padding-top:30px;
	float:left;}

#leftside_dp {
	width:450;
	padding-top:30px;
	float:left;}

#leftside_dc {
	width:450;
	padding-top:30px;
	float:left;}

#leftside_du {
	width:450;
	padding-top:30px;
	float:left;}


.clear {clear:both;}

.holder {background-color:#fff;}

h4 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 175%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#333;}

h5 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;}
	
/* --------------------------------- */
/*             TEXTAREA
/* --------------------------------- */
.textarea{
	width:420px;
	height:60px;
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	font:normal 11px verdana, arial;
	color: #666;
	margin-top:-4px;}

/* --------------------------------- */
/*             SELECT
/* --------------------------------- */

.div_select {
	width:auto;
	float:left;
	height:20px;
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	font:normal 11px verdana, arial;
	color: #666;}

/* --------------------------------- */
/*             TEXTBOX
/* --------------------------------- */

.div_texbox { /* cinza claro a direita onde estão as janelas */
	width:300px;
	float:right;
	background-color:#f7f7f7;  /* cor padrão: #E6E6E6 */
	height:25px;
	margin-top:3px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;}

.textbox { /* janela de preenchimento */
	float:left;
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:200px;  
	font:normal 11px Arial, verdana, helvetica;
	color: #666; 
	padding:0px 0px 0px 5px;
	margin-top:4px;}

.text_cir { /* janela de preenchimento */
	float:left;
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:415px;  
	font:normal 11px Arial, verdana, helvetica;
	color: #666; 
	padding:0px 0px 0px 5px;
	margin-top:-4px;
	margin-bottom:24px;}


.textbox_ddd {
	float:left;
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:32px;
	font:normal 11px Arial, verdana, helvetica;
	color: #666;
	text-align:center;
	margin-top:4px;}

.textbox_fone {
	float:left;
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:86px;
	text-align:center;
	font:normal 11px Arial, verdana, helvetica;
	color: #666;
	margin-right:92px;
	margin-top:4px;}

.textbox:focus, .textbox:hover {background-color:#f7f7f7;}
.text_cir:focus, .text_cir:hover {background-color:#f7f7f7;}
.textbox:focus, .textbox:hover {background-color:#f7f7f7;}
.textbox_ddd:focus, .textbox_ddd:hover {background-color:#f7f7f7;}
.textbox_fone:focus, .textbox_fone:hover {background-color:#f7f7f7;}
.textarea:focus, .textarea:hover {background-color:#f7f7f7;}
.text_out:focus, .text_out:hover {background-color:#f7f7f7;}
/* --------------------------------- */
/*          A V A L I A Ç Ã O        */
/* --------------------------------- */


#leftside_av {
	width:450;
	padding-top:30px;
	float:left;}

.div_texbox_1 { /* cinza claro a direita onde estão as janelas */
	width:428px;
	height:25px;
	float:left;
	background-color:#f7f7f7;  /* cor padrão: #E6E6E6 */
	margin-top:3px;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;}
	
.div_texbox_2 { /* faixa verde acima de agendar avaliacao*/
	width:428px;
	height:25px;
	float:left;
	background-color:#D7D7D7; 
	margin-top:3px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1;
	color:#0F737E;}

.div_texbox_3 { /* cinza claro a direita onde estão as janelas */
	width:428px;
	height:70px;
	float:left;
	background-color:#f7f7f7;  /* cor padrão: #E6E6E6 */
	margin-top:3px;
	padding-top:9px;
	padding-bottom:2px;
	padding-left:5px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#666;}

.text_out { /* janela de preenchimento */
	float:left;
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:415px;  
	font:normal 11px Arial, verdana, helvetica;
	color: #666; 
	padding:0px 0px 0px 5px;
	margin-top:0px;
	margin-bottom:24px;}
	
	


/* --------------------------------- */
/*             B U T T O N    		 */
/* --------------------------------- */

.button_div {
	width:224px;
	float:right;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:15px;
	margin-bottom:15px;
	padding:5px 10px 3px 10px;}

.buttons {
	background: #D7D7D7;
	font-size:12px; 
	color: #0F737E; 
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	width:110px;
	height:30px;
	padding: 6px 14px;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;}

.buttons:focus, .buttons:hover {
	background-color:#0f737e;
	font-size:12px;
	color: #ffffff;
	border: 1px solid #333;

}