/*
Theme Name: Vitória GrandFisio
Theme URI: www.vitoriagrandfisio.com.br
Author: Hibrid
Author URI: http://www.hibrid.com.br/
Description: Tema criado para Vitória GrandFidsio.
Version: 1.0
License: Restrita.
License URI: -
Tags: Two collumm, adaptive, Carousel.
Text Domain: Vitória GrandFisio

*/

@import url("css/reset.css");
@import url("css/lab.css");

@viewport { zoom: 1.0; width: extend-to-zoom; }
@-ms-viewport { zoom: 1.0; width: extend-to-zoom; }


/*COMMON SETTINGS*/

body { background: #dfdfdf url(images/bg-site.jpg) top repeat-x	; font-size:.9em; font-family: 'PT Sans', Arial, Tahoma; min-width:320px; color:#FFF;}
ul, li { list-style:none; margin: 0; padding:0; }
li { display:inline-block; }	
h1 { font-size:18px; }
h2 { font-size:15px; }
a { text-decoration:none; color:#FFF; }
a:hover { color:#66FFFF; }

footer {margin: 0 auto; text-align:center; color:#000; padding-bottom:15px; margin-top:20px; clear:both; }

.col-4 { width:100%; max-width:1004px; }

.clear {clear:both;}

/*MAIN*/

#main { width:95%; max-width:1004px; height: auto; background:#FFF; margin: 0 auto; margin-bottom:20px; padding: 0px; }
.top-detail-right { width:22px; height:231px; float:right; margin-top:-227px; margin-right: -22px; background:url(images/bg-ponta-sup-menor.png) top left no-repeat; }

/*menu*/

.menu-bg-out { /*width:500px;*/ width:20%; height:227px; background:#41C2CC ; position:absolute; z-index:-999; left:0; top:0;}


.menu-container { width:120px; height:227px; padding:0px 0px; background:url(images/menu-bg.png) no-repeat right top;}
.menu-container li { padding-top:10px; text-transform:uppercase}
.menu-container a { font-size: 1.1em; line-height:1.8em; }
.menu-container a br { line-height: .4em; }

.logotype { float:left; width:200px; height:90px; margin-top:-195px; margin-left:145px;}

/*internal boxes padding*/
.subcontainer { width: auto; float:left; margin:20px; }
.title-preset { display:none; }

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

.subcols-4 { height: 175px; background: #72bec5 url(images/textura-verde-escura.png) ; }

.top-container { min-height: 430px; /*margin: 0 auto;*/ }
.banner-container { width:100%; height:auto; }

.home-banner {width: 100%; height:440px; background-size:100%; background-image: url(images/institucional.jpg); background-repeat:no-repeat; }

.level2 { height:110px; background: #48cdd7 url(images/home-faixa-ponta-interna.png) no-repeat left top; border-top-right-radius: 25px; margin-top:0px; margin-top: -25px; }
.level2 .info { float:left; width: 30%; color:#FFF; padding:11px 15px 5px 20px; font-size:1em; line-height:1.2em; }
.level2 ul { width:60%; float:right; padding:10px; font-size:.9em; line-height:1.2em; }
.level2 li { padding:28px; text-transform:uppercase;  }
.level2 li img {vertical-align:middle; float:left; margin-top:-5px; padding-right: 10px; }
.breadcrumb-right { width:22px; height:95px; float:right; margin-top:-100px; margin-right:-22px; background:url(images/breadcrumb-right.png) left center ; }

.carousel-services { width:95%; max-width:1004px; height: auto; padding:0; margin: 0; }
.carousel-services img { width:100%; height: auto; }


/* News bottom */

.home-news { height:180px; margin-top: -10px; padding-top:50px; }
.home-news .chamada { line-height: 1.4em; }
.home-news .chamada img { vertical-align:top; padding-right:5px; float:left; }
.home-news li { width:24%; max-width: 215px; padding:10px 10px 10px 20px; vertical-align: text-top; }
.home-news p { clear:both; }
.home-news-titulo { font-size:1.2em; clear:both; width:50px; text-transform:uppercase; line-height:1.4em;}
.home-news-link { font-size: .7em; border: solid 1px yellow; }
.homenewsTitle { font-size:1em; height: 30px; }
.homenewsDesc { font-size:.94em; line-height:1.2em; height:65px; }

.home-news .link { font-size: .7em; padding-top:5px; } 
.home-news .link img { float:left; } 


/***************
      FOOTER
***************/

.social-footer { height: 50px; background:#154549; font-size:1em; color:#43f2ff; text-decoration:none; }
.social-footer img { border:none;  vertical-align: middle; padding-right:5px; }
.social-footer .facebook {max-width: 600px; padding: 10px; }

.localizacao { margin: 40px auto 40px; width: 95%; height: 310px; max-width:1004px; color:#000;  text-align: left; }
.localizacao img { vertical-align:bottom; float:left; padding-right: 5px; display:block; }
.localizacao a { color:#43f2ff; }
.localizacao .endereco { width:620px; float:left; }
.localizacao .endereco iframe { clear:both;  }
.footerMap {width: 570px; height:260px; border: solid 8px #cccbcb; }

/*formulario rodape*/
.localizacao .down-form {float: right; font-size:.8em;}
.localizacao .down-form img {float:left; vertical-align: middle; }
.localizacao .down-form .titulo {font-size:1.6em; }

.localizacao .down-form table {margin-top:20px; text-align:left; vertical-align:text-top;}
.localizacao .down-form input, .localizacao .down-form textarea { border: none; padding:5px; margin:0px 5px 0px 15px; max-width: 245px; width: 300px; }

.localizacao .down-form .captcharField { width:135px; padding:7px 8px;}
.localizacao  .captcharCode  { padding-left:15px; }

.localizacao  envia { width:30px!important; border: solid 5px yellow; }
.wpcf7-submit { width:50px; }

.localizacao input[type=submit] {margin-left:5px; max-width:255px; width:255px;}


/***************
     INTERNAS
***************/

/* Foto grande da galeria */
#slideshow-wrapper0 img { max-width:590px; max-height:393px; }

.slideshow-content {text-align:center; padding-bottom:15px;}

.slideshow-content img {}

.pscarousel {text-align:center; border-top:1px solid rgba(0,0,0,0.1);}
.pscarousel .pager { margin:0px; padding:0px; text-align:center;}
.pscarousel .pager img { padding-bottom:0px; float:none !important; display:inline-block;}

/**/

.breadcrumb { width:330px; height: 68px; padding: 30px 0 10px 25px; float: left; line-height: 1.4em; color:#17555a; }
.breadcrumb .raiz {font-size:1.1em; }
.breadcrumb .atual {font-size:1.1em; color: #fff; }

.slideshow-wrapper  { background: #e4eff0; border: solid 1px #ccc; padding:10px;}

.internal-banner {width: 100%; height:300px; background-size:100%; background-image: url(images/banner-internos-modelo.jpg); background-repeat:no-repeat; }

.internal-left { min-height: 520px; width:600px; color:#12444a; padding:20px; float:left; }
.internal-left .content { float:left; width:640px; height: auto; padding:10px; margin:20px 0px 20px 0px; background: #e4eff0; border: solid 1px #cedbdc; }


/*SERVICOS*/
.internal-right { float:right; width:270px; padding:20px; color:#2c8b94;}
.internal-right .menu-services ul li { display: list-item; clear:both; }
.internal-right .menu-services ul { width: 250px; margin:20px 10px; }
.internal-right .menu-services li { min-height: 60px; padding: 10px; color: #FFF; font-size:.9em;  }
.internal-right .menu-services span { font-size:1.2em; line-height:1.7em; }

.internal-right .menu-services .um     { background:#2c878f; }
.internal-right .menu-services .dois   { background:#32949d; }
.internal-right .menu-services .tres   { background:#36a3ad; }
.internal-right .menu-services .quatro { background:#3babb5; }
.internal-right .menu-services .cinco  { background:#3cb3be; }
.internal-right .menu-services .seis   { background:#3ebdc9; }

.internal-right .menu-services .um-active     { display:none; width: 12px; height:50px; clear:both;  background: #0F0 url(images/services-submenu-um.png) left no-repeat; }
.internal-right .menu-services .dois-active   { display:none; width: 12px; height:50px; }
.internal-right .menu-services .tres -active  { display:none; width: 12px; height:50px; }
.internal-right .menu-services .quatro-active { display:none; width: 12px; height:50px; }
.internal-right .menu-services .cinco-active  { display:none; width: 12px; height:50px; }
.internal-right .menu-services .seis-active   { display:none; width: 12px; height:50px; }

.service-content .title { text-transform: uppercase; margin-bottom:10px; }
.service-content .chamadaService { font-size:.9em; height:70px; margin-bottom:10px; }
.service-content .chamadaService .mais { height:20px; padding-top:10px; }


/*NOTICIAS (FIQUE POR DENTRO)*/

.noticias { width:600px; }
.noticias li { padding:10px 10px 50px 10px; float: left; width:580px;  }
.noticias li:nth-child(even) {background:#f0f0f0;}
.noticias .data-post { width:80px; height:40px; background:#3896a0; color: #97f8ff; float:left; padding:20px 10px 0px 10px; text-align:center; font-size:1.8em; margin-right:15px; }
.noticias .titulo { color:#17555a; text-transform: uppercase; font-size: 1.7em; height:40px; }
.noticias .resumo { color:#000; padding-top:10px;  float:left;} 

.noticias-internas { width:620px; }

.noticias-internas .titulo { color:#17555a; text-transform: uppercase; font-size: 1.7em; height:40px; float:left;}
.noticias-internas .detalhes { color:#000; padding-top:30px;  float:left; line-height:1.2em;} 
.noticias-internas .detalhes p { padding-bottom:1.2em; }
.noticias-internas .data-post-detalhes { width:600px; height:15px; color:#41c2cc; float:left; padding:7px 5px; text-align:left; font-size:.9em; margin-right:10px; margin-bottom:20px; border-bottom: solid 2px #41c2cc; text-transform:uppercase; }

.noticias-internas .box-navega { width: 600px; border-top:#6CC solid 2px; padding:10px; float: left; margin-top:20px; margin-bottom:20px;}
.noticias-internas .box-navega a {color:#17555a; }
.noticias-internas .box-navega img { float:left; padding-right:5px;}
.noticias-internas .box-navega li {padding-right: 20px; }


.internal-right-banner { padding:20px!important; margin-top:20px;}




/*****************/
@media all and (max-width:1395px)  {

  .menu-bg-out { width: 15%; }
}
@media all and (max-width:1156px)  {

  .menu-bg-out { width: 8%; }
}

@media all and (max-width:1067px)  {

   #main-home { width:99%; }
}
 

@media all and (max-width:1024px)  {

  #main-home { width:100%; }
  .top-detail-right { display:none; }
  .menu-bg-out { width: 5%; }
  .col-4 { width:100%; }
  .level2 .info { float:left; width: 25%; padding:10px 15px 10px 20px; font-size:.9em;  }
  .level2 li { padding:20px; }
  .home-news .chamada{ }
  .home-news li { width:22%; max-width: 210px; padding:10px 10px 10px 15px; vertical-align: text-top; }
  .home-news .titulo { font-size:1.1em; }

  .home-banner { width:480px; }

  .logotype { margin-left:195px;  }

  
}


@media all and (max-width:800px) {
  
  #main-home { width:100%; }
  .top-container { height: 380px; }
  .top-detail-right { display:none; }
  .subcols-4 { height: 250px; padding-top:50px; }	
  .level2 { height:150px; background: #48cdd7 url(images/home-faixa-ponta-interna.png) no-repeat left center;  }
  .level2 .info { float:left; width: 95%; padding:5px 15px 10px 20px; font-size:1.1em; text-align:center; }
  .level2 ul { width:97%; float:left; margin-top:-20px; line-height:1.4em;}
  .level2 li { padding-left: 50px; }
  .home-news li { width:28%; }
  .home-news .chamada { width:700px!important; padding-right:400px; }
  .menu-bg-out { width: 5%; }
  
}

@media all and (max-width:640px) {
	
  .col-4 { width:100%; max-width:600px; }
  .level2 { height:120px; }
  .level2 .info { float:left; width: 95%; padding:5px 15px 10px 20px; font-size:1.1em; text-align:center; }
  .level2 ul { width:97%; float:left; margin-top:-20px; line-height:1.2em; }
  .level2 li { padding-left: 25px; }  
  .home-news { height: 200px; }
  .home-news .chamada { display:none; }
  .home-news li { width:27%; max-width: 210px; padding:10px 10px 10px 20px; vertical-align: text-top; }
  
}

@media all and (max-width:600px) {
	
  /*.top-detail-right {display:none; }*/
  .level2 li { padding-left: 10px; }

}

@media all and (max-width:400px) {

  body { background:#41C2CC; overflow-x:hidden}
  .col-4 { width:100%; max-width:290px; }
  .top-container { height: 100px; }
  .menu-bg-out { display:none; background-color:#000; }
  nav {display:none;}
  .menu-container { z-index:100; position:absolute; top:0; left:0; width:100%; height:80px; padding:5px; background:#41C2CC; }
  .info { height:220px; background: #20767d; text-align:center;}
  .subcontainer { }
  .title-preset { display:inline; font-size:large; text-transform:uppercase; }

}