﻿
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

*{
	padding:0;
	margin:0;
	text-decoration:none;
	list-style:none;
	outline:none;
}
body{
	background: url(images/bg.jpg) repeat;
	text-align:center;
}
header{
	background:#fff;

}
header div{
	margin:0px 0px 0 0px;
}
header div h1{
	max-width: 200px;
    width: 75%;
    padding:10px 0 0px 0;
    float:left;
}
header div h1 img{
	max-width: 90%;   /* Máximo da largura da imagem */
    width: 90%;
    max-height: auto;  /* Máximo da altura da imagem */
    min-height: auto; 
}
header div .menu{
	float:left;
	height:100px;
	display:none;
}
/*
header div .menu ul{ 
	position:relative; 
	top:90px; 
}
header div .menu ul li{
	float:left;
	margin:0 10px 0 10px;
}
header div .menu ul li a{
	padding:10px 0 10px 0;
	color:#797979;
	font-family:tahoma,sans-serif;
}
header div .menu ul li a:hover{
	color:#fff;
}
header div .menu ul .select a{
	color:#fbe400;
}
/*
 header div .menu ul li .seta-baixo:before  {
  content: "";
  position:absolute;
  top:-95px;
  left:-13px;
  vertical-align: middle;
  width: 0; 
  height: 0; 
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 26px solid #fbe400;
}
 header div .menu ul li .seta-baixo2:before  {
  content: "";
  position:absolute;
  top:-95px;
  left:60px;
  vertical-align: middle;
  width: 0; 
  height: 0; 
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 26px solid #fbe400;
}
 header div .menu ul li .seta-baixo3:before  {
  content: "";
  position:absolute;
  top:-95px;
  left:150px;
  vertical-align: middle;
  width: 0; 
  height: 0; 
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 26px solid #fbe400;
}
*/

.group{display:block;}

.navheader { 
  font-size: 14px;
  border:1px solid #ccc;
}
.slide-trigger {
  display: none; /* need this */
  border:1px solid #ccc; 
  cursor: pointer;
  margin-top:25px;
  margin-left: 0px;
  margin-right: 15px;
  width:50px;
  height:40px;
  float:right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size:tahoma,sans-serif;
  color:#919598;
  padding:10px 0px 0 0;
  letter-spacing:1px
}
.slide-trigger:hover{
color:#ec660b;
}
/*
.slide-trigger span {
  background-image: url("/a/i/dropdown-arrows.png");
  background-position: 0 -14px;
  display: block;
  float: right;
  margin-top: 3px;
  height: 14px;
  width: 50px;
}
*/
  .slide-trigger { display: block; }
  .no-js .slide-trigger { display: none;  }
  .navigation { display: none; clear:both; }
  .no-js .navigation { display: block; }


  .navigation { margin}
  .navigation li { 
    display:block;  
    text-align:right;
  	margin:10px 15px 10px 15px;
	padding:0px 0 10px 10px;
	border-bottom:1px solid #ec660b;
  }
  
  .navigation li a { 
  	
  	width:100%;
  	padding:5px;
  	color:#ec660b;
  	font-size:14px;
  	font-family:tahoma;
  	letter-spacing:1px;
  	font-size:tahoma,sans-serif;
  	font-weight:lighter;
  }
    .navigation li a:hover { 
  	 color:#ec660b;
  }



/*

.styled-select {
   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
   margin:0 auto 15px auto;

}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE *
   width: 268px;


}
/* -------------------- Colors: Background *
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #dacebd; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text *
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #202020; }
.yellow select  { color: #000; }
.black select   { color: #fff; }



.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

*/

img{
max-width:100%;
height:auto;
}
/* home */
.banner{
	min-width:100%;
	padding:0 0 0px 0;
	margin: 15px 0 	0px 0;
	position:relative;
	top:0;
	z-index:0;
    width: 100%;
    height: auto;
}
.banner img{
	 max-width: 1000px;   /* Máximo da largura da imagem */
          width: 100%;
          max-height:auto;  /* Máximo da altura da imagem */
          min-height: auto; 
 }
.banner .content{
 
	width:100%; 
	text-align:left;
}
.banner h1{
	position:absolute;
	top:340px;
	margin:0 0 0 220px;
	z-index:0; 
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size:40px;
	width:90%;
	height:170px;
	
}
.banner h1 strong{
	position:relative;
	top:-45px;
	left:90px;
	font-family:AvenirNextCondensed-Heavy, sans-serif;
	color:#ec660b;
}
.banner h1 .sorriso{
	position:relative;
	top:20px;
	left:0px;
	font-size:80px;
	font-family:AvenirNextCondensed-Heavy, sans-serif;
	color:#fff;
}
.banner h1 .bemvindo{
	position:relative;
	top:65px;
	left:-310px;
	font-size:48px;
	font-family:AvenirNextCondensed-Heavy, sans-serif;
	color:#fff;
}




.container{
	text-align:left;
    margin:0px 15px 30px 15px;
}
.container .left{ 
	float:left;
	width:100%;
	margin:0 40px 10px 0;
}
.container .left article{ 
	text-align:center;
}
.container .left article h2{ 
	font-family:tahoma, sans-serif;
	font-size:35px;
	font-weight:lighter;
	color:#202020;
}
.container .left article h3{ 
	font-family:tahoma, sans-serif;
	font-size:23px;
	color:#202020;
	font-weight:lighter;
}
.container .left article h4{ 
	font-family:tahoma, sans-serif;
	font-size:16px;
	color:#c53f24;
	font-weight:lighter;
	margin:10px 0 10px 0;
	line-height:21px;
}
.container .left article p{ 
	font-family:tahoma, sans-serif;
	font-size:16px;
	color:#686868;
	font-weight:lighter;
}

.container .right{
	width:100%;
	margin:0 0 0px 0;
	float:left;
}

.container .right .servicos-home{ 
	padding:0px;
	background:#c2b5a5;
}

.container .right .servicos-home h2{ 
	font-family:tahoma, sans-serif;
	font-size:35px;
	font-weight:lighter;
	color:#202020;
	border-bottom:1px solid #b2a99a;
	text-align:center;
	padding:10px;
}
/*
.scroll ul{
	margin:20px 0 0 0;
}
.scroll ul li{ 
	float:left;
	width:160px; 
	height:130px; 
	border:5px solid #b0a69a;
	margin:5px;
}
/* fim home */



h2{margin:10px 0 10px 0; font-family:tahoma, sans-serif; font-weight:lighter;}
h3{margin:10px 0 15px 0; font-family:tahoma, sans-serif; color:#686868; font-size:14px; font-weight:lighter; text-align:justify;}
h4{margin:10px 0 15px 0; font-family:tahoma, sans-serif; color:#686868; font-size:13px; font-weight:lighter; text-align:justify;}
h5{margin:10px 0 15px 0; font-family:tahoma, sans-serif; color:#e43d1d; font-size:12px; font-weight:lighter; text-align:justify;}


.left h2{margin:10px 0 10px 0; font-family:tahoma, sans-serif; font-weight:lighter;}
.left h3{margin:10px 0 15px 0; font-family:tahoma, sans-serif; color:#686868; font-size:14px; font-weight:lighter; text-align:center;}
.left h4{margin:10px 0 15px 0; font-family:tahoma, sans-serif; color:#686868; font-size:13px; font-weight:lighter; text-align:center;}
.left h5{margin:10px 0 15px 0; font-family:tahoma, sans-serif; color:#e43d1d; font-size:12px; font-weight:lighter; text-align:center;}



/* serviços */
.breadcrumb{
	background:#cec3b3;
	width:100%;
	padding:7px;
	margin:0 0 20px 0;
}
.breadcrumb li{
	float:left;
	padding:0 10px 0 0;
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#202020;
}
.breadcrumb li a{
	float:left;
	padding:0 10px 0 0;
	color:#c53f24;
}
.breadcrumb li a:hover{
	float:left;
	padding:0 10px 0 0;
	color:#202020;
}
.servicos{	
	 margin:30px 0 30px 0;
}
/* fim serviços */




.email-contato{
	font-size:15px; 
	color:#ec660b;
	display:block;
	margin:10px 0 15px 0px;
}
.email-contato:hover{
	font-size:15px; 
	color:#ccc;
	display:block;
	margin:10px 0 15px 0px;
}

/* contato *
.contato{
	min-width:100%; 
	margin:30px 0 30px 0;
}



.contato .responsive-container iframe, object, embed {
        max-width: 100%;
}
.contato .responsive-container
{
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0;
    overflow: hidden;

    }

.contato .responsive-container iframe,  
.contato .responsive-container object,  
.contato .responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.contato article{
	width:300px;
	display:none;
}
.contato article p{
 	font-family:tahoma, sans-serif;
	font-size:13.5px;
	color:#686868;
	font-weight:lighter;
	line-height:19px;
	margin:0 0 50px 0;
	display:none;
}

.contato article h3{
	 font-family:tahoma, sans-serif; 
	 color:#202020; 
	 font-size:15px; 
	 font-weight:bold;
	 margin:0px 0 0px 0;
}
.contato article address{
 	font-family:tahoma, sans-serif;
	font-size:13.5px;
	color:#686868;
	font-weight:lighter;
	margin:0px 0 0px 0;
	font-style:normal;
	line-height:21px;
}
.contato article address img{
 	position:relative;
 	top:2px;
 	width:25px;
}
.contato article address a{
 	color:#c53f24;
}
.contato article address a:hover{
 	color:#202020;
}

.contato form{
	width:100%;
	margin:40px 0 0 0;
}

.contato form input{
	width:100%;
	height:41px;
	padding:10px;
	background:#dfd4c4;
	border:1px solid #b7ac9e;
	color:#9c9b9b;
    font: 13px verdana, arial, sans-serif;
    margin:0 0 10px 0;
}
.contato form textarea{
	width:100%;
	height:151px;
	margin:0px 10px 16px 0;
	float:left;
	padding:10px;
	background:#dfd4c4;
	border:1px solid #b7ac9e;
	color:#9c9b9b;
	resize:none;

	color:#9c9b9b;
    font: 13px verdana, arial, sans-serif;
}
.contato form .bto_limpar{ 
	width:90px; 
	height:40px;
	 background: url(images/bg-bto-form.jpg) repeat-x; 
	 color:#000; 
	 cursor:pointer;
}
.contato form .bto_enviar{ 
	width:90px; 
	height:40px; 
	background: url(images/bg-bto-form.jpg) repeat-x; 
	color:#000;
	 cursor:pointer;
}
.contato form .bto_limpar:hover{  
	color:#c53f24; 
}
.contato form .bto_enviar:hover{  
	color:#c53f24; 
}



/*
.contato form  ::-webkit-input-placeholder {
   color: #9f9c98;
   font: 13px verdana, arial, sans-serif;
}
.contato form :-moz-placeholder {
   color: #9f9c98;
   font: 13px verdana, arial, sans-serif;
}
.contato form ::-moz-placeholder {
   color: #9f9c98;  
   font: 13px verdana, arial, sans-serif;
}
.contato form :-ms-input-placeholder {  
   color: #9f9c98; 
   font: 13px verdana, arial, sans-serif;
}
*/










.container .lodonto-area-de-atuacao{

}
.container .lodonto-area-de-atuacao li{
	width:100%;
	height:auto;
	background:#f1f1f2;
	float:left;
	padding:20px 20px;
	margin:0 0px 16px 0;
	}

.container .lodonto-area-de-atuacao li h2{
	font-family:AvenirNextCondensed-medium, sans-serif;
	font-size:26px;
	color:#303286;
	font-weight:lighter;
	line-height:23px;
	
}
.container .lodonto-area-de-atuacao li h2 span{
	color:#75759f;
	clear:both;
	font-family:AvenirNextCondensed-Ultra, sans-serif: 
}
.container .lodonto-area-de-atuacao li p{
	color:#303286;
	font-family:tahoma, sans-serif: 
}




.container .lodonto-duvidas{
	margin:0 0 20px 0; 	
	background:#f1f1f2; 
	padding:20px;
}
.container .lodonto-duvidas h4{ 
	color:#303286;
	font-family:AvenirNextCondensed-medium, sans-serif;
	font-size:21px;
	
}
.container .lodonto-duvidas p{ 
	color:#303286;
	font-family:tahoma, sans-serif;
	margin:0;
	position:relative;
	top:-10px;
}










#slides2{
    display: none;
	height:200px;
	margin:10px;
	width:98%;
}
#slides2 img{
    width:90% !important;
    height:170px;
    margin:20px 30px;
    position:relative;
    z-index:0;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	
}

.slidesjs-navigation {
      margin-top:-305px;
	  position:relative;
      z-index:10;
  }
.slidesjs-previous {
      margin-right: 0px;
      float: left;
      position:relative;
	  width:25px;
      height:92px;
      background:url(images/seta-esq.png);
      overflow:hidden;
      text-indent: -9000px;
}
.slidesjs-next {
      margin-right: 6px;
      float: right;
      width:25px;
      height:92px;
      background:url(images/seta-dir.png);
      overflow:hidden;
       text-indent: -9000px;
}
.slidesjs-pagination {
      margin-right:5px;
      float: right;
      list-style: none;
      display:none;
}
.slidesjs-pagination li {
      float: left;
      margin: 0 1px;
}
.slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
      background-position: 0 -26px
}








.clear{
	clear:both;
}

footer{
	clear:both; 
	

}
footer div{
	margin:0 auto;
	width:100%;
	height:324px;
	background:url(images/bg-footer.jpg) repeat-x;
}
footer p{
	font-family:tahoma,sans-serif;
	color:#fff;
	position:relative;
	top:0px;
	font-size:11px;
	text-align:left;
	padding:20px 25px 0 15px;
	letter-spacing:0.5px;
	height:97px;
}
footer p span{
	font-family:tahoma,sans-serif;
	color:#fff;
	font-size:12px;
	text-align:right;
	margin:0 0 0 10px;
}
footer p span strong{
	font-family:tahoma,sans-serif;
	color:#fff;
	font-size:12px;
	margin:0 5px 0 0;
	font-style: normal;
}
footer .copyright{
	float:left;
	height:85px;
	padding:25px 25px 0 15px;
	
}

footer  .assinatura{
	float:right;display:block; width: 340px; 
	background:url(images/bg-footer2.jpg) repeat-y;
	height:56px;
	padding:0px 0px 0 0px;
	float:right;
	color:#fff;
}
footer  .assinatura .facebook{
	color:#fff;
	position:relative;
	top:3px;
	margin:0 111px 0 70px;
}
footer  .assinatura .agencia{
	color:#fff;
	position:relative;
	top:-15px;
}



@media screen and (min-width: 320px) {
	.grid figure {
		margin: 0;
		position: relative;
		max-width:96px;
	}
	.grid figure img {
		max-width:100% !important;
		display: block;
		position: relative;
	}
}


@media screen and (min-width:360px) and (max-width:375px){
	.grid figure {
		margin: 0;
		position: relative;
		max-width:109px;
	}
	.grid figure img {
		max-width:100% !important;
		display: block;
		position: relative;
	}
}
@media screen and (min-width:376px) and (max-width:480px){
	.grid figure {
		margin: 0;
		position: relative;
		max-width:149px;
	}
	.grid figure img {
		max-width:100% !important;
		display: block;
		position: relative;
	}
}

@media screen and (min-width:481px) and (max-width:533px){
	.grid figure {
		margin: 0;
		position: relative;
		max-width:165px;
	}

	.grid figure img {
		max-width:100% !important;
		display: block;
		position: relative;
	}
}

@media screen and (min-width:534px) and (max-width:568px){
	.grid figure {
		margin: 0;
		position: relative;
		max-width:178px;
	}
	.grid figure img {
		max-width:100% !important;
		display: block;
		position: relative;
	}
}
@media screen and (min-width:569px) and (max-width:600px){
	.grid figure {
		margin: 0;
		position: relative;
		max-width:189px;
	}
	.grid figure img {
		max-width:100% !important;
		display: block;
		position: relative;
	}
}

@media screen and (min-width:601px) and (max-width:768px){
	.grid figure {
		margin: 0;
		position: relative;
		max-width:122px;
	}
	.grid figure img {
		max-width:100% !important;
		display: block;
		position: relative;
	}
}
@media screen and (min-width:769px) and (max-width:800px){
	.grid figure {
		margin: 0;
		position: relative;
		max-width:128px;
	}
	.grid figure img {
		max-width:100% !important;
		display: block;
		position: relative;
	}
}




