@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");

* { margin:0; padding:0; font-family: 'Open Sans'; color: #363636; list-style:none; font-size: 14px;}

*:focus {outline:none;}

/* Clear Float Width */
.cf:before, .cf:after {content: "";display: table;} 
.cf:after {clear: both;}
.cf { zoom: 1; /* For IE 6/7 (trigger hasLayout) */}


a img{border:none;}
a, a:hover {text-decoration:none;}
.azul{color: #59C5CF;}

body{ padding:0px; margin:0px;  background: #8A8A8A ;}

#page{ padding: 0px; margin:0px; background: #FAF8F8 url('_img/site/bgPage.png') top center repeat-x ;position:relative; display: block; }

h2 { font-size:24px; height: 35px; color: #59c5cf; background:url('_img/site/bgH2.png') no-repeat; padding-left:45px; font-weight: normal; margin-bottom: 20px;}
h2 span { font-size:inherit;color:707070;}
hr{ float: left; width: 100%; background-color: #59C5CF; padding: 0px; margin: -19px; border: none; height: 1px;}

.centraliza { display: block; width: 1170px; padding: 0 10px; margin: 0 auto; position: relative; }

/* Bordas */
.rnd {-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.rndTop {-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;-o-border-radius: 4px 4px 0px 0px;border-radius: 4px 4px 0px 0px;}
.rndBottom {-moz-border-radius: 0px 0px 4px 4px;-webkit-border-radius: 0px 0px 4px 4px;-o-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;}
.rndLeft {-moz-border-radius:  4px 0px 0px 4px;-webkit-border-radius: 4px 0px 0px 4px;-o-border-radius: 4px 0px 0px 4px;border-radius: 4px 0px 0px 4px;}
.rndRight {-moz-border-radius:  0px 4px 4px 0px;-webkit-border-radius: 0px 4px 4px 0px;-o-border-radius: 0px 4px 4px 0px;border-radius: 0px 4px 4px 0px;}

/***************************** TOPO *****************************/

div#topo { display: block; position: relative; height: 270px;  }

/* LOGO */
a#logo { display:block;  float: left;}
a#logo img {display:block; margin: 60px 0px 0px 20px; width:200px; }

/* CONTATE NOS */
div#atendimento { /*background: url('_img/site/bgAtendimento.png') no-repeat;*/ width: 240px;  height: 130px; padding:0px 20px 0px 140px; float: right; margin-top: 25px; }
div#atendimento p {font-weight: bold;}
div#atendimento .tit {font-size:24px;  margin-top:0px; margin-bottom: 15px; }
div#atendimento .mail { background: url('_img/site/icoAtendimento.png') no-repeat; color: #59c5cf; padding-left: 25px; margin-bottom: 14px;}
div#atendimento .tel { background: url('_img/site/icoAtendimento.png') 0px -20px no-repeat; padding-left: 25px; }

/* MENU */
ul#menu{ width: 100%; background: #fff; height: 60px; padding: 0px ; position: relative;  clear: both; box-shadow: 4px 2px 7px 0px #bdbdbd ;}

ul#menu li { list-style-type:none; background: url('_img/site/bgLi.png') top right no-repeat; display: block; float:left;  text-align: center; position: relative; width: 14.28%}
ul#menu li a { display:block; font-size: 16px;  height:30px; padding: 15px 25px;  line-height: 30px;  }
ul#menu li a:hover { background:  #59c5cf url('_img/site/bgLi.png') top right no-repeat;color:#fff;text-shadow: 1px 1px 2px #7f7f7f;}
ul#menu li a.ativo { background:  #59c5cf url('_img/site/bgLi.png') top right no-repeat; color:#fff;text-shadow: 1px 1px 2px #7f7f7f;}

/***************************** BANNER  *****************************/

#banner { padding: 0px; height: 525px; margin:0px; position:relative; display: block; background: url('_img/site/bgBanner.png') top center repeat-x; border-bottom: 1px solid #E7E5E5; }

#banner .lista { width: 1170px; height: 450px;  margin-bottom: 20px; position: relative; outline:1px solid #CAC8C8;background: #fff;}
#banner .item {width: 1150px; height: 430px; padding: 10px; position: relative; display: block; overflow: hidden;}
#banner .item img {width: 1150px; height: 430px;}


#nav {display: block; float:left; height: 35px; padding:0; background: url('_img/site/bgNav.png') repeat-x; padding: 0px 20px; position: relative;}
#nav:before { display: block; width: 20px; height: 35px; background:url('_img/site/bgNav2.png') 0px 0px no-repeat; content: ''; position: absolute; left:0px; }
#nav:after { display: block; width: 20px; height: 35px; background:url('_img/site/bgNav2.png') -20px 0px no-repeat; content: ''; position: absolute; right:0px;}

#nav a { display:block; float: left; margin: 0px; padding:0px ; width:25px;  height:35px; background:url('_img/site/bgNav2.png') -65px 0px ; text-indent:-9999px; font-size: 0px; }
#nav a:hover, #nav a.activeSlide  {background:url('_img/site/bgNav2.png') -40px 0px ;}

div#banner #prev { display: block; cursor:pointer; position: absolute; top:165px; left: -48px; width: 125px; height: 120px; background: url('_img/site/prevnext.png') 0px 0px no-repeat; z-index: 9999;}
div#banner #next { display: block; cursor:pointer; position: absolute; top:165px; right: -48px; width: 125px; height: 120px; background: url('_img/site/prevnext.png') -125px 0px no-repeat; z-index: 9999;}
div#banner #next:hover, div#banner #prev:hover {background-position-y: -120px;}

#formBusca { height:35px; display:block; float:right; width:270px; }
#formBusca .campo {border: none; width: 225px; height:25px; padding: 5px; float: left; }
#formBusca .ok { border: none; width: 35px; height:35px; float: left; font-size:0px; cursor: pointer; background: url('_img/site/btBuscar.png') no-repeat; }

#formBuscaInterna { height:35px; display:block; float:left; width:600px;}
#formBuscaInterna .campo {border: none; width: 225px; height:25px; padding: 5px; float: left; }
#formBuscaInterna .ok { border: none; width: 35px; height:35px; float: left; font-size:0px; cursor: pointer; background: url('_img/site/btBuscar.png') no-repeat; }


/***************************** HOME *****************************/

#home { background:#FAF8F8;}

/* Blocos */
.allWidth{width: 100%; float: left;}
.halfWidth{width: 50%; float: left;}
.blocos { border-bottom: 1px solid #E7E5E5;  padding: 20px 0px;}
.bloco {  width: 370px; height:380px; margin-right:30px; float: left;  }
.bloco:last-child { margin: 0px;}

.blocoNovidade {  width: 320px; height:250px; padding: 35px; float: left;  }
.blocoNovidadeDetalhe {  width: 700px; height:auto; padding: 10px; float: left;  }

.frame {box-shadow: 4px 2px 7px 0px #bdbdbd ;  background: #fff; padding: 10px; }

.mais { display: block; width: 77px; height: 25px; background: url('_img/site/btnMais.png') no-repeat; font-size: 0px; float: left;}
.mais:hover { background-position-y: -25px; }

.noticias .frame{  padding: 0px; }
.noticias .lista {height: 200px; }



.noticias .item {height: 180px; width: 350px;margin: 10px;}
.noticias .item img { float: left; margin-right: 10px; width: 150px; height: 180px; position: relative;}
.noticias .item .tit { font-weight: 600; }
.noticias .item .data { font-size: 12px;color:#59C5CF; margin-bottom:5px;}
.noticias .item .texto p  { font-size: 12px; line-height: 15px; margin-bottom: 10px;}

.precos .col1{width: 500px; float: left; height: auto;}
.precos .col2{width: 500px; float: left; height: auto;}
.precos .item {height: 180px; width: 520px;margin: 10px;}
.precos .item img { float: left; margin-right: 10px; width: 150px; position: relative;}
.precos .item .tit { font-weight: 600; }
.precos .item .data { font-size: 12px;color:#59C5CF; margin-bottom:5px;}
.precos .item .texto p  { font-size: 12px; line-height: 15px; margin-bottom: 10px;}


.noticias nav {background: #1eb3c1; height: 25px; padding: 10px;}
.noticias nav a { display: block;  border: 1px solid #0aa0ae; color: #16737c; height: 23px; padding: 0 5px; background: url('_img/site/bgNoticia.png') repeat-x; line-height: 23px; text-align: center;}
.noticias nav a:hover { color: #fff; cursor: pointer;}
.noticias nav a.prev { float: left; width: 13px;}
.noticias nav a.next { float: right; width: 13px;}
.noticias nav a.todos { margin: 0 auto; width: 70px; font-size: 12px;}

.versao ul {display:block; border-top:1px solid #D7D7D7; background: #fcfafa;}
.versao li {border: 1px solid #D7D7D7; background: url('_img/site/icoVersao.png') no-repeat; border-top:none; height: 49px; line-height: 49px; padding:0px 10px 0px 40px; font-size: 12px;}
.versao li.bt { background: none; padding: 0px 10px}
.versao a {display:block;}
.versao .mais {margin-top: 12px ;}

.sobre img {display:block; margin-bottom: 10px;}
.sobre p {font-size:12px; margin-bottom:10px; line-height: 20px;}
.sobre a {display:block; }

/* Destaques */

.destaques { border-bottom: 1px solid #E7E5E5;  padding: 20px 0px; height:150px;}
.destaques p { font-size:12px;}

.destaques .btn {background: url('_img/site/btnDestaque.png'); height: 20px; padding: 5px 20px; color: #59c5cf; line-height: 20px; float: left; margin-top: 5px; }

.destaque { display: block; width: 225px;  position: relative; padding: 10px 10px 10px 135px; height:110px; margin-right:30px; float: left;  }
.destaque:last-child { margin: 0px;}

.destaque .tit { font-size: 24px; font-weight:bold; margin-bottom: 3px; }
.destaque img { position: absolute;}

.hospub {  background:url('_img/site/bgDestaque.png') 0px 0px; }
.hospub .tit {color: #1eb3c1 ;}
.hospub img { left:-35px; top: 15px;}

.tabela { background: #01bdcf; box-shadow: inset 2px 2px 6px 0px #3F8F9E}
.tabela .tit {color: #16858f ;}
.tabela p { color: #fff;}
.tabela img { left:5px; top:15px;}

.suporte { background:url('_img/site/bgDestaque.png') 0px -130px; }
.suporte img { left:5px; top: 15px;}


/***************************** RODAPÉ *****************************/

div#rodape { background: url('_img/site/bgRodape.png') ; height: 270px;}

.submenu { margin: 25px 0px 0px 20px; width: 210px; height:205px; float: left;}
.submenu ul { width: 100px; }

.submenu li { list-style-type:none; height:25px; padding-right: 10px; margin-right: 10px; display: block; }
.submenu li a { display:block; font-size: 11px; color: #fff; padding: 5px; text-shadow: 1px 1px 2px #6e6e6e; }
.submenu li a:hover {text-decoration:underline; }
.submenu li a.ativo {text-decoration:underline; }

div#rodape .tit {display: block; font-weight: bold; text-decoration: underline; font-size: 18px; color: #fff; margin-top: 0px; margin-bottom:20px; text-shadow: 1px 1px 2px #6e6e6e; }

div#rodape p {color:#fff;}
div#rodape .emails { margin-top: 30px; width: 270px; float: left; }
div#rodape .emails a { display: block; font-size: 11px; color: #fff; padding: 5px 0px; text-shadow: 1px 1px 2px #6e6e6e; margin-bottom: 10px; }
div#rodape .emails a:hover {text-decoration: underline;}

div#rodape .tels { margin-top: 30px; width: 220px; float: left;  text-shadow: 1px 1px 2px #6e6e6e;}
div#rodape .tels p{ color: #fff;} 

div#rodape .newsletter { margin-top: 30px; width: 380px; padding-left: 50px; float: left;  text-shadow: 1px 1px 2px #6e6e6e;}

#formNews { height:40px; display:block; float:right; width:380px; margin-bottom: 20px; }
#formNews .campo {border: none; width: 300px; height:30px; padding: 5px; float: left;  }
#formNews .ok { border: none; width: 70px; height:40px; float: left; font-size: 14px; font-weight: 600; cursor: pointer; background: #59C5CF; text-align: center; color: #fff;}

.newsletter p {font-size: 13px;}
.newsletter b {font-size: inherit; color: #fff; font-weight: bold; display: block;}

div#rodape .cr {color:#e1e1e1; text-align: center; display: block; height: 40px; line-height: 40px;  font-size: 12px;}
div#rodape .cr a {color: #fff;font-size: 12px;}

select {
    padding: 10px;
    border: 1px solid #E5E5E5;
    width: 220px;
    color: #999999;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
}

input, textarea {
    padding: 10px;
    border: 1px solid #E5E5E5;
    width: 200px;
    color: #999999;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
}
textarea {
    width: 400px;
    height: 150px;
    max-width: 400px;
    line-height: 18px;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
    border-color: 1px solid #C9C9C9;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
}
.form label {
    margin-bottom: 10px;
    color: #999999;
    display: block;
    margin-top: 10px;
}
.submit input {
    width: 100px;
    height: 40px;
    margin-top: 10px;
    background-color:#59C5CF;
    color: #FFF;
    border-radius: 3px;
    moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}