@import url('../css/forms.css');

/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* IMPORT ------------------------------------------------------------*/
/* aditional */
/* Fonts ----------------------------------------------------*//* Here you go ie */
@font-face {
  font-family: 'mensch';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/mensch-webfont.eot');
}
/* For real web browsers */
@font-face {
  font-family: 'mensch';
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/mensch-webfont.ttf');
}
/* GENERAL ------------------------------------------------------------*/

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
  font-family: mensch;
  line-height: 1.3em;
}


#main .headline {
  font-family: mensch;
  line-height: 1.3em;
  font-size: 48px;
  color: #4d4d4d;
  text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  margin-bottom: 10px;
  margin-right: 20px;
  margin-left: 20px;
}

#main .headline2 {
  font-family: mensch;
  line-height: 1.3em;
  font-size: 26px;
  color: #4d4d4d;
  text-shadow: 0px 2px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
  margin-bottom: 10px;
  margin-right: 20px;
  margin-left: 20px;
}




/* PAGE CONTENT ------------------------------------------------------------*/
.page-content {
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 40px;
}
.img{
     float:left;
     margin:0 20px 10px 0;
  }
  
  .img2{
     float:center;
     margin:10 10px 10px 0;
  }
/* ENTRY CONTENT ------------------------------------------------------------*/
.entry-content {
  text-shadow: 0px 1px 0 #000;
}
.entry-content a {
  color: #e37655;
}
.entry-content strong {
  font-weight: bold;
}
.entry-content ul,
.entry-content ol {
  margin-left: 10px;
}
.entry-content ul {
  list-style: disc;
}
.entry-content ol {
  list-style: decimal;
}
.entry-content .heading {
  margin-bottom: 10px;
}



/* PAGE NAVIGATION ------------------------------------------------------------*/
#main .page-navigation {
  position: relative;
  left: 50%;
  display: block;
  margin-bottom: 40px;
  float: left;
}
#main .page-navigation div {
  position: relative;
  right: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
}
#main .page-navigation div span {
  margin-bottom: 15px;
  display: inline-block;
}
#main .page-navigation div:hover {
  -webkit-transform: translate(0, 2px);
  -moz-transform: translate(0, 2px);
  -o-transform: translate(0, 2px);
  transform: translate(0, 2px);
}
#main .page-navigation a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #59B200;
  display: block;
  padding: 10px 15px;
}
#main .page-navigation .nav-next {
  float: left;
  margin-right: 20px;
  background: #f1f1f1 url(../../serviceprime.com.br/img/arrow-left.png) no-repeat left 12px;
  padding-left: 20px;
}
#main .page-navigation .nav-previous {
  float: right;
  background: #f1f1f1 url(../../serviceprime.com.br/img/arrow-right.png) no-repeat right 12px;
  padding-right: 20px;
}
/* CONTACT ------------------------------------------------------------*/
#map_canvas {
  display: block;
  height: 300px;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.22);
}