/*

Theme Name: Scipioni Cirurgia Plastica
Theme URI: http://scipioni.com.br/
Description: Tema desenvolvido por <a href="http://seo.blog.br/">Ronaldo Bitencourt</a>
Version: 0.1
Author: Ronaldo Bitencourt
Author URI: http://seo.blog.br/
Tags: scipioni

*/
/* reset.css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* 960.css 12 col */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* auxiliares */
.hidden							{ display:none; }
.f-left							{ float:left; }
.f-right						{ float:right; }


/* Begin Typography & Colors */
body 							{ font:12px 'Lucida Grande', Verdana, Arial, Sans-Serif; line-height:18px; color:#3a2518; }
.container_12					{ }

body.home						{ background:#ec9252 url('img/bg-home.jpg') 50% 0; }
body							{ background:#ec9252 url('img/bg-interno.png') 50% 0; }

h1,h2							{ font-family: 'Cardo', arial, serif; font-weight:normal; }

h3,h4,h5,h6,						
.vcard .fn,
.forms legend 					{ font-family: Georgia, arial, serif; font-weight:normal; }

a,h1,h2,h3,h4,h5,h6,
input[type=submit],
.nav							{ color:#8e2b10; }
h1								{ font-size:36px; line-height:46px; font-weight:bold; }
h2								{ font-size:26px; line-height:32px; }
.home h2						{ font-size:39px; line-height:36px; }
h3								{ font-size:20px; line-height:24px; }
h4								{ font-size:18px; line-height:26px; }
h5								{ font-size:16px; line-height:22px; }
h6								{ font-size:14px; line-height:20px; }

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
	height:50px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #8e2b10;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #8e2b10;
}

.wp-pagenavi span.current {
	font-weight: bold;
}



hr								{ display:none; }
small 							{ font-size:0.9em; }
code 							{ font:1.1em 'Courier New', Courier, Fixed; }
a 								{ text-decoration:none; }
a:hover 						{ text-decoration: underline; }
address							{ font-style:normal; }
li								{ list-style:none; }

.vcard .adr						{ letter-spacing:-0.05em; }
.vcard .fn						{ display:block; color:#FFF; font-size:18px; line-height:26px; margin-bottom:10px; }

.bt-highlight					{ display:block; height:25px; line-height:25px; font-size:13px; padding-left:3px; text-align:center; background:url(img/bt-highlight-body.png) no-repeat 0 0; }
.bt-highlight span				{ display:block; height:25px; width:3px; position:absolute; float:right; background:url(img/bt-highlight-corner.png) no-repeat; }

/* End Typography & Colors */

/* Begin estructure */
#header							{ padding-top:63px; height:150px; }
.home #header					{ height:480px; }

.home #footer					{ margin-top:0; }
#footer							{ clear:both; height:216px; padding-top:30px; background:#8e2b10; color:#e68c5e; }
#footer .marca-footer			{ height:110px; background:url(img/marca-footer.png) no-repeat 50% 0; }
#footer .resp-tecnico			{ clear:both; padding:30px 0 0 330px; letter-spacing:-0.05em; }

#content						{  }
.home #content					{ clear:both; }

#sidebar						{ background:url(img/bg-sidebar.png); width:260px; padding:20px; float:right; }

/* End estructure */


/* Begin home */
.marca							{ display:block; width:270px; height:125px; margin-left:25px; float:left; background:url(img/marca.png) no-repeat; position:absolute; z-index:2; }
.marca a						{ display:block; width:270px; height:125px; }
.highlight-marca				{ width:351px; height:267px; position:absolute; z-index:1; top:0; left:50%; margin-left:-490px; background:url(img/bg-highlight-marca.png) no-repeat; }

.nav							{ float:right; padding-top:50px; }
.nav li							{ display:block; float:left; font-size:14px; letter-spacing:-0.05em; margin:0 10px; cursor:pointer; }
.nav li span					{ display:block; height:30px; line-height:30px; }
.nav li .txt					{ display:block; float:left; padding:0 5px 0 10px; }
.nav li.active .txt				{ background:url(img/nav-li-a-body.png) no-repeat; }
.nav li .corner					{ float:right; width:5px; }
.nav li.active .corner			{ background:url(img/nav-li-a-corner.png) no-repeat 100% 0; }
.nav li .only					{ display:block; width:70px; height:30px; line-height:30px; margin:0; text-align:center; float:left; }
.nav li .only:hover				{ background:url(img/nav-a.png) no-repeat 50% 50%; text-decoration:none; }
.nav ul							{ display:none; position:absolute; z-index:4; background:#FFF; padding:10px; margin-top:30px; }
.nav ul li						{ margin:0; }
.nav ul li a					{ display:block; height:30px; line-height:30px; clear:both; letter-spacing:-0.09em; text-indent:10px; }
.nav ul li a:hover				{ background:url(img/nav-li-ul-ul-li-body.png) repeat-x; text-decoration:none; }
.nav ul ul						{ display:none; position:absolute; z-index:4; background:#FFF; padding:10px; margin-top:-40px; }


.nav .a-clinica					{ width:80px; }
.nav .procedimentos				{ width:120px; }
.nav .profissionais				{ width:100px; }
.nav .midia 					{ width:60px; }
.nav .a-clinica .txt			{ width:60px; }
.nav .procedimentos .txt		{ width:100px; }
.nav .profissionais .txt		{ width:80px; }
.nav .midia .txt				{ width:40px; }
.nav .a-clinica ul				{ *margin-left:-75px; }
.nav .a-clinica ul,
.nav .a-clinica ul li a			{ width:130px; }
.nav .procedimentos ul			{ *margin-left:-115px; }
.nav .procedimentos ul,
.nav .procedimentos ul li a		{ width:280px; }
.nav .procedimentos ul ul		{ margin-left:210px; }
.nav .profissionais ul			{ *margin-left:-95px; }
.nav .profissionais ul,
.nav .profissionais ul li a		{ width:130px; }
.nav .midia ul					{ *margin-left:-55px; }
.nav .midia ul,
.nav .midia ul li a				{ width:150px; }

.top-bar						{ position:absolute; z-index:1; width:940px; top:0; left:50%; margin-left:-470px; }
.top-bar .bt-rs					{ width:200px; float:left; margin:10px 10px 0 0; }
.top-bar .bt-rs span			{ margin-left:197px; }
.top-bar .bt-sc					{ width:200px; float:left; margin:10px; }
.top-bar .bt-sc span			{ margin-left:177px; }

.top-bar form					{ float:right; padding-top:10px; }
.top-bar form #s				{ display:block; width:195px; padding-left:25px; color:#666; height:25px; border:none; background:url(img/input-search.png) no-repeat; float:left; }
.top-bar form #bt-search		{ display:block; width:80px; height:25px; border:none; background:url(img/bt-search.png) no-repeat; float:left; font-size:14px; font-weight:bold; cursor:pointer; margin-left:-1px; }

#bg-bar-top						{ height:45px; background:url(img/bg-top-bar.png) repeat-x; position:absolute; width:100%; z-index:0; top:0; }

#slider							{ width:926px; height:301px; overflow:hidden; position:absolute; top:210px; left:50%; margin-left:-463px; z-index:1; }
#slider-counter					{ width:150px; padding:2px 5px; height:17px; overflow:hidden; position:absolute; top:482px; left:50%; margin-left:-45px; z-index:2; background:url(img/slider-counter.png) no-repeat; }
#slider-counter a				{ display:block; width:20px; height:17px; float:left; background:url(img/slider-counter-off.png) no-repeat 50% 50%; text-indent:-9999px; }
#slider-counter a.activeSlide	{ background-image:url(img/slider-counter-on.png); }

#novidades li					{ height:165px; overflow:hidden; padding:6px 0; }
#novidades h3					{ line-height:18px; margin:0 0 10px 0; }
#novidades h3 a					{ font-size:16px; color:#3a2518; font-weight:bold; }

#destaque						{ padding:20px; width:580px; }
#destaque ul					{ height:190px; }
#destaque h2					{ *margin-bottom:20px; }
#destaque h3					{ font-size:20px; font-weight:bold; line-height:22px; margin-top:20px; *margin-top:-20px; }
#destaque h3 a					{ color:#3a2518; }
.bt-mais-detalhes				{ width:300px; float:left; }
.bt-videos-3d					{ width:200px; float:right; }

#conheca-a-clinica				{ margin:20px 0 40px 0; }
#conheca-a-clinica h3			{ color:#3a2518; font-size:30px; margin-bottom:40px; }

/* End home */

/* Begin sidebar */

#sidebar h2						{ font-size:26px; color:#3a2518; margin-bottom:10px; }
#sidebar h3						{ font-size:16px; line-height:20px; margin-bottom:10px; }
#sidebar .bar					{ border-top:1px dotted #8d522d; padding-top:10px; }
#sidebar .conheca,
#sidebar .thumb					{ filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
#sidebar .conheca:hover,
#sidebar .thumb:hover			{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }


/* End sidebar */

/* Begin internas */

#breadcrumb						{ border-bottom:1px dotted #8d522d; padding-bottom:5px }

.forms							{ background:url(img/bg-sidebar.png); padding:20px; }
.forms legend					{ color:#8e2b10; font-size:18px; }
.forms p						{ display:block; height:30px; }
.forms label					{ display:block; float:left; text-align:right; width:180px; padding-right:20px; height:12px; padding-top:5px; margin-bottom:10px; font-size:14px; font-weight:bold;  }
.forms input[type=text],
.forms select,
.forms textarea					{ float:left; font-size:14px; padding:5px; }
.forms select					{ width:200px; }
.forms input[type=text]			{ width:300px; }
.forms textarea					{ width:350px; height:150px; font-family:'Lucida Grande'; }
.forms input[type=text],
.forms select,
.forms textarea					{ background:#FFF url(img/bg-input-forms.png) repeat-x; border:2px solid #cb5e29; }
.forms input[type=text]:focus,
.forms select:focus,
.forms textarea:focus			{ background:#ffd2a2 url(img/bg-input-forms-focused.png) repeat-x; border:2px solid #3a2518	; }
.forms input[type=submit]		{ display:block; height:35px; line-height:35px; width:110px; color:#FFF; font-weight:bold; font-size:18px; clear:both; margin:20px 0 0 200px; background:url(img/bt-submit.png) no-repeat; border:none; cursor:pointer; }
.forms #dia						{ width:100px; }
#newsletter input[type=text] 	{ width:200px; }
#newsletter input[type=submit] 	{ margin:10px 0 0 100px; }
/* End internas */

/* Begin post format */

.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6						{ margin:20px 0 10px 0; }
.post p							{ margin:10px 0 20px 0; }

.post ul,
.post ol						{ margin:10px; }
.post li						{ padding:5px 0; }
.post ul li						{ list-style:disc inside; }
.post ol li						{ list-style:decimal inside; }

.post .thumb,
.post .thumb-medio				{ border:2px solid #cb5e29; display:block; width:96px; height:71px; float:left; margin:0 10px 10px 0; }
.post .thumb-medio				{ width:175px; height:175px; margin:0 20px 0 0; }

.post .thumb:hover,
.post .thumb-medio:hover		{ border-color:#8e2b10; }

/* End post format */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */






/* COMMENTS */
#commentform						{ }
#commentform a						{ border-bottom:1px dotted #465D71; }
#commentform h3						{  }	
#comment							{ width:80%; }

#author,
#email,
#url,
#comment,
#submit								{ margin:5px 5px 0 0; }
#comment							{ border: 1px solid #666; }
#submit								{ width:80px; height:27px; border:none; }

#comments							{ margin-top:30px; }
	
ol.commentlist 						{ }
ol.commentlist li 					{ clear:both; padding:10px 0 10px 10px; margin:10px 0px; list-style-type:none; border-top:1px dotted #CCC; background:#F1f1f1; }
ol.commentlist li.alt 				{ }
ol.commentlist li p 				{ margin:6px 0 6px 0; padding:0 12px 0 0; }
ol.commentlist a 					{ color:#000;}
ol.commentlist .avatar				{ float:left; margin:0 12px 0 0; padding:2px; border: 1px solid #CCC; background:#FFF; }
ol.commentlist .comment-meta		{ font-size:80%; }
ol.commentlist cite 				{ font-weight:bold; font-style:normal; }
ol.commentlist cite a				{ color:#000; text-decoration:none; border-bottom:1px dotted #465D71; }



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/*
 * 
 * facebox.css
 * 
 */
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
	padding: 10px;
  	background: #fff;
  	width: 370px;
  	border:5px solid #000;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
	border-bottom:1px dotted #DDDDDD;
	text-align:right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}




#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  top:0 !important;
  left:0 !important;
  margin:auto;
  width:800px;
  height:600px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:720px; 
  height:570px;
  padding:30px;
  background-color:#ffffff;
  color:#000000;
  line-height:150%;
  text-align:justify;
  overflow:auto;
  margin:auto;
}

.icon-clipping {
float:left;
margin:20px;
}

.clipping-title {
font-size:14px;
font-weight:bold;
}

.clipping-horizontalseparator {
border-bottom:dotted 1px #000000;
margin:20px 0;
}