@import 'swipebox.css';

section.frame .loading.main .img{
    background-image:url('/tmp/cabecalho/tecon_santos.jpg');
  }

section.frame.unidade.imbituba .loading.main .img{
    background-image:url('/tmp/cabecalho/imbituba.jpg');
  }

  div.base.unidade.vila-do-conde .loading.main .img{
    background-image:url('/tmp/cabecalho/convicon.jpg');
  }

div.base.unidade.clia.santos .loading.main .img{
    background-image:url('/tmp/cabecalho/clia_santos.jpg');
  }

div.base.unidade.cd .loading.main .img{
    background-image:url('/tmp/cabecalho/cd.jpg')!important;
  }
  
div.base.unidade.clia.guaruja .loading.main .img{
    background-image:url('/tmp/cabecalho/clia_guaruja.jpg');
  }

div.base.unidade.tcg .loading.main .img{
    background-image:url('/tmp/cabecalho/tcg.jpg');
  }

div.base.unidade.tev .loading.main .img{
    background-image:url('/tmp/cabecalho/tev.jpg');
  }


div.base.unidade.saboo .loading.main .img{
    background-image:url('/tmp/cabecalho/saboo.jpg');
  }


div.base.unidade.tev header.sub menu li:nth-last-child(-n+2) {
	padding-right:0; 
}

div.base.unidade.tev header.sub menu li:nth-last-child(-n+2):after {
	content:none; 
}

div.base  div.in {
    overflow:hidden;
  }
 
 div.base a.button span {
    text-transform:uppercase
  }
 
 div.base  section  div.in div.column {
    overflow:hidden;
    width:875px
  }

div.base  section.intro  div.in div.column {
	padding-top:50px;
}
  
div.base  section div.in div.column:first-child {
	overflow:hidden;
    width:305px
  }
  
section.intro {
	background-color:white;
}

  section.intro button{
  		background-color:var(--blue);
      float:left; margin:13px 0; padding:10px 30px;
    	font-weight:bolder;
  }
  
   section.intro p{
    color:var(--grey-blue);
    text-align:left;
    font-size:2.6em;
    line-height:2.1em;
    font-family:'open-sans-lgt'
    
  }
  
  section.intro p strong{
    color:var(--blue);
    margin-top:-2px;
    display:inline-block;
  }

/* section.serv ///////////////////////// */
  section.serv {
    	padding:40px 0;
    	padding-bottom: 10px;
    	background-color:white;
  }
  
   section.serv div.in {
    overflow:hidden;
  }

   section.serv div.in a {
     font-size: inherit;
  }

  section.serv h3{
    width:240px;
    position:relative;
  }
  
  section.serv span{
    font-size:0.8em;
    color:inherit;
    font-weight:lighter;
    margin:0 15px ;
    letter-spacing:0.05em;
    font-style:italic;
    display:inline-block;
    padding:0!important;
    margin-top:-2px
  }
  
  section.serv h3:after{
    content:'';
    background-image:url(/_img/icon/next.png);
    background-repeat:no-repeat;
    width:20px;
    height:25px;
    position:absolute;
    right:-5px;
    top:3px;
    
  }
  
  section.serv div.box{
		background-color:var(--blue-lgt);
    overflow:hidden;
    width:180px;
    height:190px;
    float:left;
    margin-top:20px;
    margin-right:25px;
    cursor:pointer;
  }

	section.serv div.box header{
    height:85px;
    display:table;
    width:100%;
    padding:0 15px;
  }
  
  section.serv div.box:last-child{
     margin-right:0;
    cursor:default;
  }
  
  section.serv div.box * {
  	text-align:center; color:#888
  }
	
section.serv div.box:hover {
	background-color:var(--blue)
}

	section.serv div.box:hover * {
  	color:white;
  }
  
  section.serv div.box h4{
		font-size:1.9em;
    display:block;
    vertical-align:middle;
    text-decoration:underline;
    font-family:'open-sans';
    display:table-cell;
    letter-spacing:0.1em;
    color:var(--blue); 
  }
  
  section.serv div.box p{
		font-size:1.83em;
    display:block;
    margin:0;
    padding:0 10px;
    color:var(--grey-blue);
    line-height: 1.55em
  }

	section.serv div.box li{
    margin-bottom:10px
  }

  section.serv div.box.linhas:last-child a{
		font-size:1.9em;
    font-weight:bolder;
    letter-spacing:0.1em;
    text-decoration:underline;
  }


/* section.serv ///////////////////////// */
  section.infra {
    padding:25px 0; padding-bottom:0;
  	background-color:white;
  }
  
   section.infra div.in {


    overflow:hidden;
   padding-bottom:50px
  }
 
section.infra div.column {
   padding-top:20px;
  }

div.base section.infra div.in div.column h3{ 
  	margin-top:15px;
}

 section.infra ul {
    	overflow:hidden;
   		margin-top:7px;
  }

section.infra ul li{
  	float:left;
  	width:390px;
  	list-style:square;
    margin-left:23px;
  	font-size:2.1em;
  	color:var(--blue);
    position:relative;
  }

section.infra ul li:after{
  	content:'';
    display:block;
    width:410px;
    position:absolute;
    border-bottom:2px solid rgb(84, 175, 232);
    bottom:0;
    left:-20px
  }

section.infra ul li:nth-child(odd) {
	margin-right:49px;
}

section.infra ul li span{
    text-align:left;
  	display:block;
  	color:inherit;
  	text-transform:uppercase;
    font-size:12px;
    letter-spacing: 0.05em;
  	font-weight:bolder;
    padding:12px 5px;
  	margin-left:0px;
}

section.infra ul {
			float:left;
			width:425px;
		  }
		
		section.infra ul:first-child {
		  margin-right:23px;
		}
		
		
		section.infra ul li:nth-last-child(-n+2):after {
			content:''; 
		}
		
		section.infra ul li:last-child:after {
			content:none; 
		}
/* section.infra ul li:nth-last-child(-n+2):after {
	content:none; 
} */

/* section highlight ====================== */
      div.base section.highlight {
      	background-color:var(--blue-lgt);
        padding-top:28px;
      }
      
div.base section.highlight div.in{
  	height:auto;
  	overflow:hidden;
  	margin-top:0px;
}

div.base section.highlight div.in div.column{
  	height:205px;
}

div.base.unidade section.highlight div.in div.row.two div.column{
    width:50%!important;
  }


div.base.unidade section.highlight div.in div.row.three div.column{
    width:33.3%!important;
  }

div.base.unidade.vila-do-conde section.highlight div.in div.column,
div.base.unidade section.highlight div.in div.row.four div.column{
    width:25%!important;
    padding:0 2%
  }

section.frame.unidade.imbituba section.highlight div.in div.column,
div.base.unidade.tcg section.highlight div.in div.column,
div.base.unidade section.highlight div.in div.row.five div.column {
    width:20%!important;
  }

section.frame.unidade.imbituba section.highlight div.in div.column span,
section.frame.unidade.tcg section.highlight div.in div.column span{
     width:100%
  }
      div.base section.highlight div.icon {
            	padding:20px;
        	margin-top:10px;
        	height:90px;
      }


div.base section.highlight div.icon.svg {
            	padding:0px;
      }
	  
	  div.base.unidade.tev div.icon.svg img { padding:0; width:130px; margin-left:-5px }

div.base section.highlight div.icon.svg img {
            	padding:0; margin-top:-10px
      }


div.base.tcg section.highlight div.icon.svg img {
            	width:130px; margin:0
      }


div.base.cd section.highlight div.icon { margin-bottom:15px!important }

div.base.cd section.highlight div.icon.svg img {
            	padding:0; margin-top:-65px; margin-left:23px
      }
div.base.cd section.highlight div.row div.column:first-child div.icon.svg img  {
            	margin-left:-15px
      }

div.base.cd section.highlight div.row div.column:last-child div.icon.svg img  {
            	margin-left:-5px
      }

div.base section.highlight div.icon.svg.farmacia img {
            	padding:0; margin-top:-15px; margin-left:-25px;
      }

div.base section.highlight div.icon.svg.transporte img {
            	padding:0; margin-top:-50px; margin-left:40px;
      }

div.base.cd section.highlight div.icon.svg.transporte img {
            margin-top:-55px; margin-left:85px; width:250px
      }

div.base section.highlight div.in div.column span {
  				width:80%;
  				font-size:2em;
  				line-height:1.8em;
      }

/* section highlight ====================== */

/* section schedule ////////////////////////////// */

section.schedule { 
	background-color:white
}

section.schedule div.in{ overflow:hidden; padding-top:60px }

section.schedule div.in div.column{ 
}

section.schedule div.in div.column h3{ 
  	width:175px;
  	margin-top:7px!important;
}

section.schedule table, section.schedule tr, section.schedule th, section.schedule td{ 
 	border-color:white;
  padding:0;
	color:var(--blue)  
}

section.schedule table {
	width:100%; border:none;
}

section.schedule th{ 
  text-transform:uppercase;
  background-color:var(--blue-lgt);
  width:160px;
  padding:7px 20px;
  font-size:14px;
}

section.schedule td{ 
  font-size:14px;
  text-transform:uppercase;
  background-color:rgb(211, 227, 244);
  width:160px;
  padding:7px 20px;
}

section.schedule td strong{ 
	text-transform:uppercase;
  color:var(--blue);
  margin-left:5px;
  margin-top:-1px;
  display:inline-table
}

section.schedule table.main td{ 
  background-color:rgb(219, 228, 237);
  text-transform:uppercase;
}

section.schedule td:first-child{ 
  width:550px;
  text-align:left;
  text-transform:capitalize;
}

section.schedule table.main td.empty{ 
  background-color:white;
}

/* section schedule ////////////////////////////// */

/* section planta ////////////////////////////// */

section.mapa {
	background-color:white
}

section.mapa div.in { padding-top:55px }

section.mapa div.img{ 
		background-color:#ccc;
  	margin-top:10px;
}

section.mapa span, section.mapa a{ 
  	float:right;
  	margin:5px 0;
  	color:var(--blue);
  	font-weight:bolder;
  	font-size:2em;
  	letter-spacing:0.1em!important;
}
/* section planta ////////////////////////////// */

/* section geo ////////////////////////////// */

section.geo { background-color:white }

section.geo div.in { padding-top:43px; }

section.geo div.maps{ 
		background-color:#ccc;
  	height:470px
}

section.geo div.maps iframe{ 
		width:100%;
  	height:100%
}

section.geo h4 {
  padding:0;
  margin:2px;
  margin-bottom:10px;
  font-size:2.4em;
  letter-spacing: 0.05em;
  color:var(--blue-avg);
}
/* section geo ////////////////////////////// */

div.base footer {
  	margin-top:73px;	
  	position:relative;
    padding-bottom:25px
}

div.base footer div.in { 
		overflow:hidden;
}


div.base footer div.in div.column { 
		overflow:hidden;
  	width:530px
}

div.base footer div.in div.column h3{ 
  	font-size:2.7em;
  	color:var(--blue);
  	width:195px;
  	float:left;
  	font-size:2.5em;
  	letter-spacing:0.1em;
  	margin-top:30px
}

div.base footer div.in div.column div.icon { 
  	margin:0;
  	margin-right:20px;
  	width:90px;
  	height:90px;
  	float:left;
    font-size:2.7em;
  	color:var(--blue);
}

div.base footer div.in div.column div.icons{
  overflow:hidden;
}

div.base footer div.in div.column.precos { 
		overflow:hidden;
  	width:650px;
  	float:right;
  	margin:0;
}
div.base.saboo footer div.in div.column.precos { 
  	width:100%;
  	float:none;
}



div.base footer div.in div.column.precos div.prices { 
		overflow:hidden;
  	width:100%;
  	margin:0;
}

div.base footer div.in div.column.precos h3{ 
  	width:190px; 
}

div.base footer div.in div.column a.button { 
  	float:left;
    margin-top:3px;
  	margin-left:10px;
  	padding:7px 12px!important;
  	background-color:var(--blue-avg);
}

div.base footer div.in div.column div.prices a.button, div.base footer div.in div.column div.termos a.button:nth-child(2)  { 
  	margin-top:30px;
}


div.base footer div.in div.column a.button:nth-child(4) {
		margin-left:220px; margin-top:10px; width:380px
}

div.base footer div.in div.column a.button span { 
  	display:block;
  	font-size:0.8em;
  	font-weight:bolder;
  	letter-spacing:0.05em;
  	color:white;
}

div.base footer div.in div.column a.button strong { 
  	display:block;
  	font-size:0.7em;
  	font-weight:bolder;
    color:var(--blue);
  	letter-spacing:0.07em;
  	margin:1px;
}

@media screen and (max-width: 660px) {
  section.serv{
    margin:25px 0;
    padding:0!important;
  }
  
  section.serv h3{
    margin:0 15px!important;
  }

  
  section.serv div.box{
    width:49%;
    height:225px;
    margin-top:5px;
    margin-right:5px;
  }
  
section.infra ul:first-child li:last-child:after {

				content:''; 
			}
  
  section.serv div.box:nth-child(odd) {
    margin-right:0!important;
  }
  
  section.intro div.column{
    padding:0!important;    
  }
  
	div.base.unidade.vila-do-conde section.highlight div.in div.column{
		width:50%!important;
		padding:0
	  }
	
	section.frame.unidade.imbituba section.highlight div.in div.column{
		width:50%!important;
		padding:0 
	  }
	  
	  section.highlight div.in div.column {
			width:50%!important;
			padding:0;
	  }
  
  section.mapa span, section.mapa a{ 
  	float:none;
  }

  div.certify div.icon { 
    margin: 0!important;
    width:33.335%!important;
  }
  
  div.base footer div.in div.column div.icon:nth-child(2){
		margin-top:8px!important;
	}
  
  div.base footer div.in div.column div.icon:nth-child(2) img{
		margin-left:10px
	}
  
  
div.base footer div.in div.column div.icon:nth-child(3){
		margin-top:11px!important;
	}
  
  div.base footer { height:auto }
  
  div.precos a.button { 
    width:100%;
    margin:0!important;
    margin-top:1px!important;
  } 
}