/*
Theme Name: Pilos - Centro de transplantes capilar e cirurgia plastica.
Author theme: Bianca Martins & Monica Lopes
Author uri: www.biamartins.com
Developed by: Bruna Morato & Ricardo Nunes
Developers uri: www.brunamorato.com & www.ricardornunes.com.br
Description: Website do Pilos - Centro de transplantes capilar e cirurgia plastica
*/

@import url("reset.css");

html {
	background-color: #fff;
	height: 100%;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	}
	
body {
	height: 100%;
	margin: 0 auto 10px auto;
	width: 885px;	
	}

body#cirurgia_plastica {width: 100%;}
#wrap {margin: 0 auto 10px auto; width: 885px;}

strong {font-weight: bold;}
em {font-style: italic;}
textarea, input {font-family: "Trebuchet MS", Arial, Verdana, sans-serif; color: #555; font-size: 12px;}
h2, h2 a {text-transform: uppercase; color: #369898; padding-top: 20px; line-height: 15px; text-decoration:none;}
h2 a:hover {text-decoration:underline;}
sup {text-transform: lowercase;}
.fl_left {float: left;}

#flags ul{margin: 5px 0 3px 0; text-align: right;}
#flags li {display: inline; margin-right: 10px;}

#menu {
	background: url('../img/bk_menu.jpg') #3E4B72;
	height: 70px;
	text-transform: uppercase;
	text-align: center;
	}
#menu ul {padding-top: 22px; margin-left: 4px;}
#menu li {float: left;}
#menu li a {
	background: url(../img/divmenu.jpg) top right no-repeat; 
	color: #fff;
	padding: 0 33px;
	line-height: 16px;
	text-decoration: none;
	display: block;
	width: 80px;
	}
#menu li a:hover {text-decoration: underline; color: #369898;}
#menu li a.active {color: #369898;}

#banner {position: relative;}
#banner #banner_left {float: left;}
#banner #banner_left img {margin: 35px 0 0 25px;}
#banner #banner_left address{
	font-style: normal;
	line-height: 16px;
	color: #999866;
	margin: 20px 0 0 20px;
	}
#banner #banner_left address a {font-style: normal; line-height: 16px; color: #999866; text-decoration: none;}
#banner #banner_left address a:hover {text-decoration: underline;}
#banner #img_right {float: right;}

#banner #little_menu {position: absolute; top: 0; left: 0;}
#banner #little_menu ul {}
#banner #little_menu li {
	float: left;
	text-transform: uppercase;
	text-align: center;
	}
#banner #little_menu ul li a {
	background-color: #c1dcdd;
	display: block;
	width: 147px;
	height: 18px;
	color: #777;
	margin-right: 1px;
	padding-top: 7px;
	text-decoration: none;
	}
#banner #little_menu ul li a:hover, #banner #little_menu ul li a.active_little {background-color: #5ea2a2; color: #fff; text-decoration: none}

.banner_home {background-image: url('../img/bk_bannerhome.jpg'); background-attachment: scroll; background-repeat: no-repeat; background-position:right; width: 885px; height: 285px;}
.banner_curriculo {background-image: url('../img/bk_bannercurriculo.jpg'); background-attachment: scroll; background-repeat: no-repeat; background-position:right; width: 885px; height: 285px;}
.banner_restauracao {background-image: url('../img/bk_bannercalvicie.jpg'); background-attachment: scroll; background-repeat: no-repeat; background-position:right; width: 885px; height: 285px;}
.banner_cirurgia {background-image: url('../img/bk_bannercirurgia.jpg'); background-attachment: scroll; background-repeat: no-repeat; background-position:right; width: 885px; height: 285px;}
.banner_contato {background-image: url('../img/bk_bannercontato.jpg'); background-attachment: scroll; background-repeat: no-repeat; background-position:right; width: 885px; height: 285px;}
.banner_sobre_calvicie {background-image: url('../img/bk_bannersobreacalvicie.jpg'); background-attachment: scroll; background-repeat: no-repeat; background-position:right; width: 885px; height: 285px;}

#middle {
	background: url('../img/bk_contop.jpg') repeat-x;
	height: 190px;
}
#middle #middle_left {
	width: 588px; 
	height: 190px;
	background: url(../img/bk_middle.jpg) top right no-repeat;
	float: left;
	}
#middle a, a#google {
	height: 15px;
	font-size: 11px;
	color: #369898;
	text-decoration: none;
	padding-right: 15px;
	}
#middle a:hover {text-decoration: underline; color: #369898;}
#middle div.span {background: url('../img/seta.gif') top right no-repeat; height: 15px;}
#middle #middle_left_l {width: 95px; padding: 0 20px 0 16px; float: left;}
#middle #middle_left_l img, #middle #middle_right_r img {padding: 15px 0 10px 4px;}
#middle #middle_left_l h2, #middle #middle_right_r h2 {padding-left: 4px;}
#middle #middle_right_r h2 a {font-size: 12px;}

#middle #middle_left p {
	width: 520px;
	color: #777;
	font-size: 12.5px;
	line-height: 15px;
	padding: 60px 0 0 0;
	}
#middle #middle_left img#signature {float: right; padding: 0 50px 0 0;}
#middle #middle_left img.sig_en {padding-top: 20px !important}

#middle #middle_right {
	width: 271px;
	height: 190px;
	float: right;
	}
#middle #middle_right_r {width: 95px; float: left;} 
#middle #middle_right p {
	width: 135px;
	color: #777;
	font-size: 12.5px;
	line-height: 15px;
	padding: 60px 0 0 20px;
	float: left;
	}
	
#bottom {margin: 5px 0 0 0;}
#bottom div {
	width: 292px;
	height: 285px;
	margin: 0 0 0 2px;
	float: left;
}
#bottom div h2 {padding: 16px 0 20px 16px;}
#bottom div p {color: #777; font-size: 12.5px;}
#bottom div#text p {padding-left: 16px; line-height: 15px; width: 252px;}
#bottom div#text span {padding-left: 16px; color: #555;}
#bottom div#green_box {background-color: #c3d8d9}
#bottom div#green_box img {padding: 20px 0 0 48px}
#bottom div#green_box p {width: 240px; padding-left: 20px; padding-bottom: 10px; font-size: 12.5px; line-height: 14px;}
#bottom div#green_box h2, #bottom div#green_box h2 a {color: #999866; text-decoration:none;}
#bottom div#green_box h2 a:hover {text-decoration: underline;}
#bottom div#green_box span {padding-left: 20px; color: #333; width: 240px; display: block;}
#bottom div#contact {width: 257px; padding-left: 22px;}
#bottom div#contact h2 {padding: 16px 0 20px 0;}
#bottom div#contact form {text-transform: uppercase; color: #369898;}
#bottom div#contact form li {width: 257px; margin-bottom: 5px;}
#bottom div#contact form li#name input {width: 212px; margin-left: 8px; }
#bottom div#contact form li#email input {width: 212px; margin-left: 5px;}
html[xmlns*=""] body:last-child #bottom div#contact form li#email input {width: 211px; margin-left: 4px;}
#bottom div#contact form li#message textarea {width: 257px; height: 95px;}
#bottom div#contact form input, #bottom div#contact form textarea {border: none; background-color: #cecdcb;}
#bottom div#contact form input#enviar {height: 17px; float: right; margin-top: 2px; vertical-align:middle; border: none; background-color: #369a9a; color: #fff; cursor: pointer;}

#bottom_contato {background: url('../img/bk_contato.jpg') repeat-x; height: 374px; width: 870px; padding: 15px 0 0 15px}
#bottom_contato div#contact {background-color: #ccdedf; width: 265px; height: 373px; float: left; margin: -14px 0 0 0; padding: 0 15px 0 20px;}
#bottom_contato div#contact h2 {padding: 16px 0 20px 0; color: #777;}
#bottom_contato div#contact form {text-transform: uppercase; color: #777;}
#bottom_contato div#contact form li {width: 257px; margin-bottom: 5px;}
#bottom_contato div#contact form li#name input {width: 210px; margin-left: 8px; }
#bottom_contato div#contact form li.name_en input, #bottom div#contact form li.name_en input {margin-left: 10px !important;}
#bottom_contato div#contact form li#email input {width: 210px; margin-left: 5px;}
#bottom_contato div#contact form li#email { padding-bottom: 10px;}
html[xmlns*=""] body:last-child #bottom_contato div#contact_contato form li#email input {width: 211px; margin-left: 4px;}
#bottom_contato div#contact form li#message textarea {width: 257px; height: 95px;}
#bottom_contato div#contact form input, #bottom_contato div#contact form textarea {border: none; background-color: #fff;}
#bottom_contato div#contact form input#enviar {height: 17px; float: right; margin-top: 2px; margin-right: 5px; vertical-align:middle; border: none; background-color: #369a9a; color: #fff; cursor: pointer;}
.clinica {width: 270px; margin-right: 15px; float: left;}
.clinica img {margin-bottom: 15px;}
.clinica h2 {font-size: 15px; color: #999866; margin: 0 0 10px 10px; padding-top: 0;}
.clinica address {font-size: 12px; color: #999866; font-style: normal; line-height: 14px; margin-left: 10px;}
.clinica address a {font-size: 12px; color: #369A9A; text-decoration: none;}
.clinica address a:hover {text-decoration:underline;}

#content {background: url('../img/bg_faux.gif') repeat-y; width: 885px; overflow: hidden;}
#content h2 {padding: 15px 0 20px 20px;}
#content h2.h2_sp {padding-top: 0;}
#content h2 span {text-transform: none;}
#content h2#sp {padding-top: 0;}
#content #left_side {width: 292px; /*background-color: #c3d8d9;*/ margin-right: 5px; float: left;}
#content #left_side ul, #content #left_side dl {padding: 0 20px;}
#content #left_side ul li {color: #777; padding-bottom: 13px; line-height: 14px;}
#content #left_side ul li a {color: #555; text-decoration:none;}
#content #left_side ul li a:hover {text-decoration: underline;} 
#content #left_side h2 {color: #555; width: 195px;}
#content #left_side dl dt {color: #555; font-weight: bold; line-height: 15px;}
#content #left_side dl dd {padding:0 30px 0 25px; color: #777; margin-bottom: 12px;}
#content #left_side p {color: #777; padding: 0 20px; margin-bottom: 15px; line-height: 15px;}
#content #right_side {width: 588px; /*background-color: #cbcbcb;*/ float: left; padding-bottom: 10px;}
#content #right_side h3 {color: #999866; font-size: 12.5px; font-weight: normal; padding: 0 0 15px 20px;}
#content #right_side p, #content #right_side p.title  {padding: 0 25px 0 55px; margin-bottom: 15px; color: #777; line-height: 14px;}
#content #right_side p.title {color: #666; font-size: 13px; font-weight: bold; text-decoration: underline;}
#content #right_side p.br {margin-bottom: 6px;}
#content #right_side p.br_sp {margin-top: 35px;}
#content #right_side p a {font-weight: bold; color: #555; text-decoration: none;}
#content #right_side p a:hover {text-decoration: underline;}
#content #right_side div {padding-left: 60px;}
#content #right_side div span {float: left; margin: 0 5px 15px 0;}
#content #right_side div span.margin_r {margin-right: 0;}
#content #right_side div span p {text-align: center; padding-top: 15px;}
#content #right_side ul {width: 465px; padding-left: 85px;}
#content #right_side ul li{color: #777;  margin-bottom: 12px;}
#content #right_side .img_p {float: left; padding: 0 15px 20px 55px;}
#content #right_side .img_p_r {float: right; padding: 0 36px 20px 15px;}
#content #right_side .img_p_r span {padding-top: 5px; color: #369898;}
.img_brd {border: 2px solid #369898;}

#content #right_side dt {margin: 10px 0 10px 55px; font-size: 13px; color: #333;}
#content #right_side dl.al_right {margin: 10px 25px 10px 0px; text-align: right; color: #333;}
#content #right_side .al_right dt {font-style:italic;}

#content #right_side address {padding: 0 25px 0 55px; margin-bottom: 15px; color: #777; line-height: 14px}

#content #right_side p.assinatura {margin: 10px 25px 10px 0px; text-align: right; color: #333; font-style: italic;}
#content #right_side p.nota {color: #1B3766; margin-top: 15px;}

#content #right_side ul#certificados {width: 495px; padding-left: 55px}
#content #right_side ul#certificados li {float: left; margin-right: 10px;}

#footer {
	background: #cecdcb url("../img/bk_footer.jpg") repeat-x;
	height: 50px;
	color: #369898;
	text-align: center;
	margin-top:-20px;
	}
#footer.footer_sp {margin-top:3px;}
#footer ul{font-size: 11px; padding-top: 7px;}
#footer ul li {display: inline; line-height: 15px;}
#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #369898;
}
#footer a:hover {text-decoration: underline;}