Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----

@function col( $col ) {
    $cem: 100%;
    $valor: $cem / $col - 2%;
    @return $valor;
}

.pesquisa {
    width: col(2);
}


@mixin teste($top, $bot : $top){
margin: $top auto;
} 

.hum {@include teste(50px);}





@mixin caixa($width, $height : $width){
width:$width;
height:$height; 
} 
.bt{@include caixa(100%);}



@mixin bg($bg, $co : $bg){
background:$bg;
color:$co; 
}

::-moz-selection {@include bg(#111);}


%divide-txt{
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 column-count: 2;
 -moz-column-gap: 20px;
 -webkit-column-gap: 20px;    
}

.single-cirurgias p{@extend %divide-txt;}

.single-cirurgias{
    .bloc-2 .tits, .bloc-3 .tits{
        text-align: left;
        }
}


.bt{
  @include caixa(50px); 
  background:#990;
  &:hover{
    background:#900; color:#fff;
  }
  &:active{
    background:#999; color:#bbb;
  }
}


@mixin fonte-fina($fon-size){
font-size:$fon-size;
font-family:'ralewayregular';
}


.menu{
    float:right;
}
.menu-item{
      float:left; margin:10px 5px;

      a{
          @include fonte-fina(1.1em); text-transform:uppercase; color:#000; padding:60px 10px 10px; float:left ;
          &:hover{
              color:blue;
          }    

      }
  } 


%marcar{
    color:blue; background:#fff url('../images/icon-mais.png') center no-repeat
 }
 
 @each $icone in 'Home', 'Clínica', 'Serviços' {
   
   .menu-item a[title*='#{$icone}']{
       @extend %marcar;
   }
 }


$cor-azulbb:blue;
$cor-branco:white;
$cor-verdeclaro:green;
$cor-azultema:#189;
$cor-azulmarinho:#155;
$cor-azulclaro:#199;

#Azul {
      .bloc-2{
          @include bg($cor-azultema)
        }
      
        .cem-int{
            .tit-nivel2{
            @include bg($cor-azultema, $cor-branco)   
            }
            .cem-menu{
              margin: 15px 0;
              @include bg($cor-azultema)
          }        
        }
    
        .box .tit-nivel2-int, .bloc-3 .tit-nivel2-int{
            
        color: $cor-azulmarinho
    }     
    
    dt a {
        @include bg($cor-azulclaro, $cor-branco); 
    }
    
}

SassMeister-output.css

@charset "UTF-8";
.pesquisa {
  width: 48%;
}

.hum {
  margin: 50px auto;
}

.bt {
  width: 100%;
  height: 100%;
}

::-moz-selection {
  background: #111111;
  color: #111111;
}

.single-cirurgias p {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
}

.single-cirurgias .bloc-2 .tits, .single-cirurgias .bloc-3 .tits {
  text-align: left;
}

.bt {
  width: 50px;
  height: 50px;
  background: #990;
}
.bt:hover {
  background: #900;
  color: #fff;
}
.bt:active {
  background: #999;
  color: #bbb;
}

.menu {
  float: right;
}

.menu-item {
  float: left;
  margin: 10px 5px;
}
.menu-item a {
  font-size: 1.1em;
  font-family: 'ralewayregular';
  text-transform: uppercase;
  color: #000;
  padding: 60px 10px 10px;
  float: left;
}
.menu-item a:hover {
  color: blue;
}

.menu-item a[title*='Home'], .menu-item a[title*='Clínica'], .menu-item a[title*='Serviços'] {
  color: blue;
  background: white url("../images/icon-mais.png") center no-repeat;
}

#Azul .bloc-2 {
  background: #118899;
  color: #118899;
}
#Azul .cem-int .tit-nivel2 {
  background: #118899;
  color: white;
}
#Azul .cem-int .cem-menu {
  margin: 15px 0;
  background: #118899;
  color: #118899;
}
#Azul .box .tit-nivel2-int, #Azul .bloc-3 .tit-nivel2-int {
  color: #115555;
}
#Azul dt a {
  background: #119999;
  color: white;
}