/***********
	css reset 
************/
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}

/* just for acessibility */
.jfa {display:none !important;}

/* left e right, esquerda e direita */
.left {float:left;margin: 0 15px 15px 0;}
.right {float:right;margin: 0 0 15px 15px;}
/* input txt */
.txt, .form-contato textarea {
	display: block;
	height: auto;
	margin: 0em 0 1em;
	padding: 5px;
	background: #fff;
	border:1px solid #e8eae5;
	color:#353535;	
	font: normal 14px/1.3em 'arial';
}
:focus {border-color: #84c225 !important;}
/* buttons */
input.bt {
	height: 25px;
	padding: 0.2em 10px 0.3em;
	background: #0074bb;
	color:#fff;
	font-size:12px;
	vertical-align: middle;
	cursor: pointer;
}
a.bt {
	height: 15px;
	padding:5px 10px;
	background: #0074bb;
	color:#fff;
	font-size:12px;
	vertical-align: middle;
	cursor: pointer;
	display: block;
	text-align: center;
}
.bt:hover {background: #008ade; color:#fff;}

/* separator */
.sep {margin-bottom: 50px;}

hr {display: none;}
h1, h2, h3, h4, h5, h6 {line-height:100%;vertical-align: top;}
html {background: #fff; height: 100%;}
body {
	font: normal 12px Arial, 'Trebuchet ms', 'Lucida sans', Verdana, Helvetica, sans-serif;
	background: #fff url(../img/bg-02.jpg) repeat-x left top;
	text-align: center;
}
.tpl-01 {background: #fff url(../img/bg.jpg) repeat-x left top;}





/***********
 corrigindo bug do firefox para o bloco pai contemplar os filhos
***********/
div:after, ol:after, form:after, ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
/***********
 corrigindo bug do firefox para o bloco pai contemplar os filhos
***********/






/***********
	geral website
************/
#geral {
	width: 920px;
	padding: 0 40px;
	margin: 0 auto;
	height: 100%;
	text-align: left;
	position: relative;
}
.tpl-01 #geral {background: transparent url(../img/bg-home.jpg) no-repeat left top;}








/***********
	topo header
************/
#topo {
	width: 100%;
	height: 180px;
}
#topo h1{}
#topo h1 a{
	width: 245px;
	height: 183px;
	display:block;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(../img/centro-odontologico-carioca-logo.png) no-repeat left top;
	cursor: pointer;
}







/***********
	conteudo
************/

#conteudo {height: 100%;padding-bottom: 40px;}
.tpl-01 #conteudo {margin-top:0;}
#col-1 {float: right;display: inline;margin-left: 20px;width: 660px;margin-top: -95px;}
.tpl-01 #col-1 {width: 680px;margin: 0;}
#col-2 {float: left;overflow: hidden;display: inline;width: 196px;}



#conteudo h1 {
	color:#84c225;
	font-size:25px;
	font-weight: normal;
	margin-bottom: 20px;
}
.tpl-01 #conteudo h1 {
	color:#84c225;
	font-size:18px;
	font-weight: normal;
	margin-bottom: 5px;
}
#conteudo h2 {
	color:#7f7f7f;
	font-size:14px;
	font-weight: normal;
	margin-bottom: 20px;
}
#conteudo p {
	color:#a0a0a0;
	font-size:15px;
	line-height:24px;
	margin-bottom: 15px;
}
#conteudo p strong{color:#84c225;font-weight: normal;}
#conteudo p a{
	color:#00a2e5;
	text-decoration: underline;
}
#conteudo p a:hover{
	color:#84c225;
	text-decoration: underline;
}

/***********
	nav menu sidebar col 2
************/
#col-2 .sep {margin-bottom: 30px;}
#nav {
	height: 100%;
	margin-left: 50px;
	padding-top: 25px;
}
#nav li {
	background: transparent url(../img/bg-item-nav.jpg) no-repeat left bottom;
	margin-top: 1px;
}
#nav li a {
	padding: 0 22px 30px; 
	display: block;
	height: auto;
	color:#00a2e5;
	font-size:16px;
	text-transform:lowercase;
	line-height:100%;
}
#nav li a:hover, .tpl-01 #nav .nav-01 a, .tpl-02 #nav .nav-02 a, .tpl-03 #nav .nav-03 a, .tpl-04 #nav .nav-04 a, .tpl-05 #nav .nav-05 a  {background: transparent url(../img/icon-bullet.jpg) no-repeat 8px 5px;color:#84c225;}
.dest-serv-01 {height: auto;padding-left:30px;}
.dest-serv-02 {height: auto;padding-left:5px;}






/***********
	classes genericas
************/

.introducao {width: 310px;height:auto;padding-top: 30px;margin-bottom:90px;}
.bt-conheca {position: absolute;top: 23px;right:63px;}

.dr {height: auto;margin: 20px 0;}
.dr .foto {float:left;margin-right: 30px;}
.dr p {padding-top: 50px;}

.fotos {height: auto;}
.fotos li {
	float:left;
	display: inline;
	margin: 10px 0;
}
.fotos li a:hover {
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;	
}

.fotos-02 {height:auto;margin-bottom: 80px;}
.fotos-02 li {
	height: auto;
	clear:both;
}
.fotos-02 li strong {
	font-size:15px;
	font-weight: bolder;
	color:#11a8e7;
	height: auto;
	display: block;
	padding-top:25px;
}
.fotos-02 li span {
font-size: 12px;
color:#a0a0a0;
}

.info-contato {
	float:right;
	width:250px;
	height: 100%;
	margin-left:30px;
}
.info-contato address, .info-contato span {
	font-style: normal;
	color:#a0a0a0;
	font-size:14px;
	line-height:20px;
	margin-bottom: 15px;
	display: block;
	height: auto;
}
.info-contato strong {
	display: block;
	height: auto;
	font-size:12px;
}

.google-maps a:hover {
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}

.form-contato, .form-contato fieldset {	height: auto;width: 378px;overflow: hidden;}
.form-contato .txt, .form-contato textarea {width: 356px;}
.form-contato label {
	display: block;
	height: auto;
	clear:both;
	font-style: bolder;
	color:#a0a0a0;
	font-size:14px;
	margin: 0.3em 0 0.2em;
}
.form-contato div {display: inline;float:left;margin-right: 10px;}
.form-contato div .txt {width: 167px;}
.form-contato #submit {background: #84c225; color:#fff; padding: 5px; float: right;height: auto; margin: 20px 0;cursor: pointer;}

.form-contato label.error {
	font-size: 10px;
	color:#c00;
	font-style: italic;
	margin: -10px 0 15px;
}
.form-contato input.error, .form-contato textarea.error, .form-contato .error:focus {border-color:#c00 !important;}









/***********
	footer rodape
************/
#rodape {
	height: 62px;
	background: transparent url(../img/bg-footer.jpg) repeat-x left bottom;
	padding-top: 20px;
	overflow: hidden;
}
#rodape .canvas {
	width: 920px;
	padding: 0 40px;
	margin: 0 auto;
	height: 100%;
	text-align: left;
	position: relative;
}
#rodape .canvas span, #rodape .canvas address {
	color:#a0a0a0;
	font-size:12px;
	font-style: normal;
	display: inline;
	float:left;
}
#rodape .canvas address {float:right;}
#rodape .canvas em {font-style: normal; color:#84c225;}
#rodape .canvas small {
	clear:both;
	text-align: center;
	display: block;
	height: auto;
	padding: 20px 0 0;
	color:#7f7f7f;
	font-size:11px;
}