@charset "UTF-8";
/**
 * General CSS File
 * @author Purple Creative
 * @email purple@purplecreative.com.br
 * @site http://www.purplecreative.com.br/
 *
 * @project SMT - Systemic Manual Therapy
 * @date 2011-08-03 21:53:38 -0300 (Wed, 03 Aug 2011)
 */
 
/* ################### START RESET-FONTS.CSS ################### */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* ################### END RESET-FONTS.CSS ################### */


/* ############################## START CONFIG. GERAIS ############################## */
html body#front{
	background: #fff url(../images/bground/bg-home.jpg) center top repeat-x;
	height: 100%;
	width: 100%;
}
html {
	background: #fff url(../images/bground/bg-pages.jpg) center top repeat-x;
	height: 100%;
	width: 100%;
}
strong { font-weight: bold; }
.dotted-blue { float: left; margin-bottom: 10px; }
/* ############################## END CONFIG. GERAIS ############################## */

div#container {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
}
div#header-container {
	width: 100%;
	background: url(../images/bground/bg-menu.png) repeat-x;
	position: relative;
	display: block;
	overflow: hidden;
}
div#menu-container {
	width: 955px;
	height: 33px;
	margin: 0 auto;
	position: relative;
	display: block;
	overflow: hidden;
}
div#footer-menu-container {
	width: 955px;
	height: 33px;
	margin: 0 auto;
	position: relative;
	display: block;
	overflow: hidden;
	background: url(../images/miscellaneous/dotted.png) repeat-x;
	padding-left: 12px;
}
ul#menu, ul#footer-menu {
	width: 693px;
	height: 33px;
	float: right;
}
ul#footer-menu { float: left; }
ul#menu li, ul#footer-menu li {
	float: left;
	height: 33px;
}
ul#menu li a, ul#footer-menu li a {
	height: 33px;
	display: block;
	text-indent: -50000em;
	overflow: hidden;
	background: url(../images/buttons/menu.png) 0 -4px no-repeat;
}
ul#footer-menu li a { background: url(../images/buttons/footer-menu.png) 0 -4px no-repeat; }
ul#menu li.btn-profissionais a, ul#footer-menu li.btn-profissionais a {
	width: 96px;
}
ul#menu li.btn-profissionais a:hover, ul#footer-menu li.btn-profissionais a:hover { background-position: 0 -41px; }
ul#menu li.btn-smt a, ul#footer-menu li.btn-smt a {
	width: 85px;
	background-position: -96px -4px;
}
ul#menu li.btn-smt a:hover, ul#footer-menu li.btn-smt a:hover { background-position: -96px -41px; }
ul#menu li.btn-area-de-atuacao a, ul#footer-menu li.btn-area-de-atuacao a {
	width: 110px;
	background-position: -181px -4px;
}
ul#menu li.btn-area-de-atuacao a:hover, ul#footer-menu li.btn-area-de-atuacao a:hover { background-position: -181px -41px; }
ul#menu li.btn-protocolos a, ul#footer-menu li.btn-protocolos a {
	width: 85px;
	background-position: -291px -4px;
}
ul#menu li.btn-protocolos a:hover, ul#footer-menu li.btn-protocolos a:hover { background-position: -291px -41px; }
ul#menu li.btn-testemunhos a, ul#footer-menu li.btn-testemunhos a {
	width: 92px;
	background-position: -376px -4px;
}
ul#menu li.btn-testemunhos a:hover, ul#footer-menu li.btn-testemunhos a:hover { background-position: -376px -41px; }
ul#menu li.btn-cadastro a, ul#footer-menu li.btn-cadastro a {
	width: 68px;
	background-position: -468px -4px;
}
ul#menu li.btn-cadastro a:hover, ul#footer-menu li.btn-cadastro a:hover { background-position: -468px -41px; }
ul#menu li.btn-artigos a, ul#footer-menu li.btn-artigos a {
	width: 56px;
	background-position: -536px -4px;
}
ul#menu li.btn-artigos a:hover, ul#footer-menu li.btn-artigos a:hover { background-position: -536px -41px; }
ul#menu li.btn-links a, ul#footer-menu li.btn-links a {
	width: 41px;
	background-position: -592px -4px;
}
ul#menu li.btn-links a:hover, ul#footer-menu li.btn-links a:hover { background-position: -592px -41px; }
ul#menu li.btn-cursos a, ul#footer-menu li.btn-cursos a {
	width: 55px;
	background-position: -633px -4px;
}
ul#menu li.btn-cursos a:hover, ul#footer-menu li.btn-cursos a:hover { background-position: -633px -41px; }
ul#menu li.btn-contatos a, ul#footer-menu li.btn-contatos a {
	width: 73px;
	background-position: -688px -4px;
}
ul#menu li.btn-contatos a:hover, ul#footer-menu li.btn-contatos a:hover { background-position: -688px -41px; }
body#ico01 li.btn-profissionais a,
body#ico01 li.btn-profissionais a:active,
body#ico01 li.btn-profissionais a:visited,
body#ico01 li.btn-profissionais a:hover {
	background-position: 0 -41px;
}
body#ico02 li.btn-smt a,
body#ico02 li.btn-smt a:active,
body#ico02 li.btn-smt a:visited,
body#ico02 li.btn-smt a:hover {
	background-position: -96px -41px;
}
body#ico03 li.btn-area-de-atuacao a,
body#ico03 li.btn-area-de-atuacao a:active,
body#ico03 li.btn-area-de-atuacao a:visited,
body#ico03 li.btn-area-de-atuacao a:hover {
	background-position: -181px -41px;
}
body#ico04 li.btn-protocolos a,
body#ico04 li.btn-protocolos a:active,
body#ico04 li.btn-protocolos a:visited,
body#ico04 li.btn-protocolos a:hover {
	background-position: -291px -41px;
}
body#ico05 li.btn-testemunhos a,
body#ico05 li.btn-testemunhos a:active,
body#ico05 li.btn-testemunhos a:visited,
body#ico05 li.btn-testemunhos a:hover {
	background-position: -376px -41px;
}
body#ico06 li.btn-artigos a,
body#ico06 li.btn-artigos a:active,
body#ico06 li.btn-artigos a:visited,
body#ico06 li.btn-artigos a:hover {
	background-position: -536px -41px;
}
body#ico07 li.btn-links a,
body#ico07 li.btn-links a:active,
body#ico07 li.btn-links a:visited,
body#ico07 li.btn-links a:hover {
	background-position: -592px -41px;
}
body#ico08 li.btn-cursos a,
body#ico08 li.btn-cursos a:active,
body#ico08 li.btn-cursos a:visited,
body#ico08 li.btn-cursos a:hover {
	background-position: -633px -41px;
}
body#ico09 li.btn-contatos a,
body#ico09 li.btn-contatos a:active,
body#ico09 li.btn-contatos a:visited,
body#ico09 li.btn-contatos a:hover {
	background-position: -688px -41px;
}
body#front div#header { height: 104px; }
div#header {
	width: 955px;
	height: 323px;
	margin: 0 auto;
	position: relative;
	display: block;
	overflow: hidden;
}
div#header.bg-profissionais { background: url(../images/illustrations/bg-profissionais.png) 0 0 no-repeat; }
div#header.bg-smt { background: url(../images/illustrations/bg-smt.png) 0 0 no-repeat; }
div#header.bg-area-de-atuacao { background: url(../images/illustrations/bg-area-de-atuacao.png) 0 0 no-repeat; }
div#header.bg-protocolos { background: url(../images/illustrations/bg-protocolos.png) 0 0 no-repeat; }
div#header.bg-testemunhos { background: url(../images/illustrations/bg-testemunhos.png) 0 0 no-repeat; }
div#header.bg-artigos { background: url(../images/illustrations/bg-artigos.png) 0 0 no-repeat; }
div#header.bg-links { background: url(../images/illustrations/bg-links.png) 0 0 no-repeat; }
div#header.bg-cursos { background: url(../images/illustrations/bg-cursos.png) 0 0 no-repeat; }
div#header.bg-contatos { background: url(../images/illustrations/bg-contatos.png) 0 0 no-repeat; }
div#header h1 {
	display: block;
	height: 94px;
	width: 128px;
	background: url(../images/logo/smt.png) 0 0 no-repeat;
	float: left;
	margin-top: 10px;
}
div#header h1 a {
	display: block;
	height: 94px;
	width: 128px;
	overflow: hidden;
	text-indent: -500000em;
}
div#header h2 {
	display: block;
	height: 60px;
	width: 237px;
	background: url(../images/logo/slogan.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -500000em;
	float: left;
	margin-top: 20px;
}
div#header h3 {
	width: 350px;
	color: #c5efff;
	font-size: 25px;
	position: absolute;
	top: 140px;
	left: 35px;
}
ul#midias-sociais {
	float: right;
	padding-right: 8px;
}
ul#midias-sociais li a {
	height: 30px;
	width: 30px;
	display: block;
	overflow: hidden;
	text-indent: -500000em;
	background: url(../images/icons/midias-sociais.png) 0 0 no-repeat;
}
ul#midias-sociais li#icon-twitter a:hover { background-position: -30px 0; }
ul#midias-sociais li#icon-facebook a { background-position: 0 -30px; }
ul#midias-sociais li#icon-facebook a:hover { background-position: -30px -30px; }
div#content-container {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
}
div#content {
	width: 915px;
	margin: 0 auto;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 20px 20px;
	min-height: 320px;
}
div#content p {
	font-size: 14px;
	color: #00aeef;
	margin-bottom: 10px;
}
div#content a { color: #00aeef; }
div#content h3 {
	color: #00aeef;
	font-size: 40px;
	margin-bottom: 5px;
}
div#content ul { margin-left: 10px; margin-bottom: 10px; }
div#content ul li {
	background: url(../images/miscellaneous/bullet.png) 0 5px no-repeat;
	padding-left: 15px;
	line-height: 20px;
	color: #00aeef;
	font-size: 14px;
}
div.profissional { display: block; overflow: hidden; }
div.profissional img { float: left; }
div.profissional-text { float: left; display: block; width: 647px; padding: 20px 0; }
div#box-artigos {
	width: 288px;
	height: 190px;
	display: block;
	position: absolute;
	top: 108px;
	left: 20px;
}
div#box-artigos h3 {
	color: #01468a;
	font-size: 24px;
	margin-bottom: 10px;
}
div#box-artigos p {
	color: #fff;
}
.btn-leia-mais {
	width: 113px;
	height: 48px;
	background: url(../images/buttons/leia-mais.png) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
}
div#slide-show {
	width: 518px;
	height: 348px;
	position:relative;
	float: right;
	margin-right: -20px;
}
div#slide-show ul { margin: 0 }
div#slide-show ul li {
	float:left;
	position:absolute;
	padding: 0;
}
div#slide-show ul li.show {
	z-index:500;
}
div#callouts-container { 
	width: 100%;
	height: 180px;
	position: relative;
	display: block;
}
body#front div#callouts-container { height: 105px; }
div#callouts {
	width:955px;
	height: 180px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
body#front div#callouts {
	z-index:600;
	position: absolute;
	left: 50%;
	top: -75px;
	margin-left: -478px;
}
div#callouts h4 {
	color: #01468a;
	font-size: 16px;
	font-weight: bold;
}
.btn-veja-mais {
	width: 71px;
	height: 26px;
	background: url(../images/buttons/veja-mais.png) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -50000em;
}
div#box-text {
	width: 252px;
	height: 135px;
	display: block;
	overflow: hidden;
	padding: 35px 20px 0;
	float: left;
}
div#box-text h4 {
	font-size: 40px;
	color: #0cc3f4;
	line-height: 31px;
	text-align: right;
	font-weight: normal;
}
div#box-testemunhos {
	width: 252px;
	height: 160px;
	display: block;
	overflow: hidden;
	padding: 10px 20px;
	float: left;
}
div#box-testemunhos h4 {
	background: url(../images/icons/testemunhos.png) 0 0 no-repeat;
	padding-left: 30px;
}
div#box-testemunhos p {
	color: #00aeef;
	margin: 15px 0 0;
}
div#box-smt, div#box-cursos {
	width: 180px;
	height: 95px;
	display: block;
	overflow: hidden;
	background: url(../images/bground/bg-smt.png) 0 bottom no-repeat;
	float: left;
	margin-top: 10px;
	padding: 55px 125px 10px 25px;
}
div#box-cursos { 
	background: url(../images/bground/bg-cursos.png) 0 0 no-repeat;
	padding: 55px 25px 10px 125px;
}
div#box-smt p, div#box-cursos p { color: #666; margin-bottom: 10px; }
div#box-cursos h4, div#box-cursos p { text-align: right; }
div#box-cursos p a { text-align: left; float: right; }
div#footer {
	width:955px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 55px;
}
div#footer h3 {
	color: #0cc3f4;
	font-size: 40px;
	text-align: center;
	margin-bottom: 20px;
}
div#copyright {
	width: 935px;
	margin: 0 auto;
	position: relative;
	padding-left: 20px;
}
div#copyright p {
	font-size: 11px;
	color: #bbb;
	display: block;
}
div#copyright h5 {
	display: block;
	position: relative;
	height: 19px;
	width: 76px;
	text-indent: -500000em;
	background: url(../images/logo/purple.png) 0 0 no-repeat;
}
div#copyright h5 a {
	display: block;
	height: 19px;
	width: 76px;
	overflow: hidden;
}
div#container-facebook {
	width: 100%;
	height: 50px;
	position: fixed;
	display: block;
	bottom: 0;
	background: url(../images/bground/bg-facebook.png) 0 0 repeat-x;
	z-index: 700;
}
div#facebook {
	width: 935px;
	height: 32px;
	margin: 0 auto;
	position: relative;
	padding: 18px 0 0 20px;
}
div#formulario {
	width: 350px;
	display: block;
	overflow: hidden;
	float: left;
}
div#formulario p.txt-obrigatorio { font-size: 11px; padding-left: 10px; margin-top: 20px; }
div#formulario ul { 
	margin: 0;
	width: 330px;
	display: block;
	overflow: hidden;
}
div#formulario ul li { 
	padding: 0;
	background: none;
	float: left;
	height: 60px;
	width: 330px;
}
div#formulario ul li.mensagem {
	height: 150px;
}
div#formulario label {
	font-size: 14px;
	color: #00aeef;
	float: left;
	padding-left: 10px;
	width: 320px;
}
div#formulario input {
	color: #00aeef;
	font-size: 14px;
 }
div#formulario div.textarea {
	background: url(../images/bground/text-area.png) 0 0 no-repeat;
	width: 330px;
	height: 120px;
	display: block;
	overflow: hidden;
}
div#formulario textarea#Mensagem {
	width: 310px;
	height: 100px;
	border: 0;
	padding: 10px;
	font-size: 14px;
	color: #00aeef;
	overflow: auto;
	background: transparent;	
}
div#formulario .input-container {
	height: 40px;
	display: block;
	float: left;
	position: relative;
}
div#formulario .input {
	height: 40px;
	line-height: 40px;
	width: 300px;
	border: 0;
	float:left;
	background: url(../images/bground/input-center.png) repeat-x 0 0;
}
div#formulario .input-small {
	height: 40px;
	line-height: 40px;
	width: 20px;
	border: 0;
	float:left;
	background: url(../images/bground/input-center.png) repeat-x 0 0;
}
div#formulario .input-medium {
	height: 40px;
	line-height: 40px;
	width: 250px;
	border: 0;
	float:left;
	background: url(../images/bground/input-center.png) repeat-x 0 0;
}
div#formulario .input-left {
	background: url(../images/bground/input-left.png) no-repeat;
	height: 40px;
	width: 15px;
	float: left;
}
div#formulario .input-right {
	background: url(../images/bground/input-right.png) no-repeat;
	height: 40px;
	width: 15px;
	float: left;
}
.btn-enviar {
	background: url(../images/buttons/enviar.png) no-repeat;
	cursor: pointer;
	height: 48px;
	width: 92px;
	overflow:hidden;
	padding: 48px 0 0;
	border: none;
}
.btn-limpar {
	background: url(../images/buttons/limpar.png) no-repeat;
	cursor: pointer;
	height: 48px;
	width: 92px;
	overflow:hidden;
	padding: 48px 0 0;
	border: none;
}
div#contato-text {
	width: 540px;
	display: block;
	overflow: hidden;
	margin-left: 20px;
	float: left;
}
div#contato-text div.contato-info {
	width: 270px;
	float: left;
}
div#contato-text div.contato-info p { margin: 0 0 0 30px; }
div#error {
	width: 350px;
	position: absolute;
	left: 440px;
	top: 320px;
}
/* ############################## START VALIDAÇÃO ############################## */
/*input.msgerror { border: 1px dotted #f26222 !important; }
textarea.msgerror { border: 1px dotted #f26222 !important; }*/
p.msgerror { color: #f00 !important; float: left; width: 350px; margin: 0 !important;}
/* ############################## END VALIDAÇÃO ############################## */