@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

@font-face{
	font-family:'FontAwesome';
	src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');
	src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),
		url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
		url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Dosis');

body { font: 14px/23px 'Ubuntu', sans-serif; -webkit-font-smoothing: antialiased; word-wrap: break-word; color: #dddddd; background-color: #222222;  }
.section-block:not([class*="bkg-"])



a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

input::-moz-focus-inner { border: 0; }

a:hover, a:active, a:focus { text-decoration: none; outline: none; }

h1, h2, h3, h4, h5, h6 { font-family:'Dosis'; color: white; }

section {
	margin-top:30px;
	margin-bottom:30px;
}

.content { position:relative; width:77%; margin:40px auto; background-color: rgba(0, 0, 0, 0.5); z-index:9999; }

.content-inner { font-family: 'Ubuntu', sans-serif; color: white; padding: 30px; }

.content-inner p { text-align:left; }
.content-inner h3 { font-size: 14px; font-family:'Dosis', sans-serif; font-weight:500; color:#9ac129; text-transform: uppercase; margin:5px 0 5px 0; }

.page-header { padding: 20px 30px; margin: 0; border-bottom: 1px solid #9ac12a; }

.page-title { font-size: 20px; font-family:'Dosis'; text-transform: uppercase; margin: 0; }

.page-title span { color: #9ac129;}

.bg-image { position: fixed; top: 0; left: 0; background-image: url(../images/bg-homepage.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; height: 100%; z-index: 8; }

.bg-image-adobe { position: fixed; top: 0; left: 0; background-image: url(../images/bg-adobe.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; height: 100%; z-index: 8; }

.bg-image-fardos { position: fixed; top: 0; left: 0; background-image: url(../images/bg-fardos.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; height: 100%; z-index: 8; }

.bg-image-sip { position: fixed; top: 0; left: 0; background-image: url(../images/bg-sip.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; height: 100%; z-index: 8; }

.bg-image-madera { position: fixed; top: 0; left: 0; background-image: url(../images/bg-madera.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; width: 100%; height: 100%; z-index: 8; }

.overlay-bg { background-image: url(../images/pattern.png); background-color: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; z-index: 9; }

.thumbs_title { font-size: 16px; font-family:'Dosis'; text-transform: uppercase; margin: 0 0 5px 0;	color:#333; }

.fono-ventas { font-size: 20px; font-family:'Dosis'; font-weight:600; text-transform: uppercase; margin: 0 0 5px 0;	color:#fff; background:#00cc00; border-radius:5px; }



.no-pt {
  position: relative;
  padding-top: 0px;
}
.pt-10 {
  position: relative;
  padding-top: 10px;
}
.pt-20 {
  position: relative;
  padding-top: 20px;
}
.pt-30 {
  position: relative;
  padding-top: 30px;
}
.pt-40 {
  position: relative;
  padding-top: 40px;
}
.pt-50 {
  position: relative;
  padding-top: 50px;
}
.pt-60 {
  position: relative;
  padding-top: 60px;
}
.pt-70 {
  position: relative;
  padding-top: 70px;
}
.pt-80 {
  position: relative;
  padding-top: 80px;
}
.pt-90 {
  position: relative;
  padding-top: 90px;
}
.pt-100 {
  position: relative;
  padding-top: 100px;
}


.pb-10 {
  position: relative;
  padding-bottom: 10px;
}
.pb-20 {
  position: relative;
  padding-bottom: 20px;
}
.pb-30 {
  position: relative;
  padding-bottom: 30px;
}
.pb-40 {
  position: relative;
  padding-bottom: 40px;
}
.pb-50 {
  position: relative;
  padding-bottom: 50px;
}
.pb-60 {
  position: relative;
  padding-bottom: 60px;
}
.pb-70 {
  position: relative;
  padding-bottom: 70px;
}
.pb-80 {
  position: relative;
  padding-bottom: 80px;
}
.pb-90 {
  position: relative;
  padding-bottom: 90px;
}
.pb-100 {
  position: relative;
  padding-bottom: 100px;
}

.mb-0 {
  position: relative;
  margin-bottom: 0;
}

.mb-10 {
  position: relative;
  margin-bottom: 10px;
}

.mb-20 {
  position: relative;
  margin-bottom: 20px;
}

.mb-30 {
  position: relative;
  margin-bottom: 30px;
}

.mb-40 {
  position: relative;
  margin-bottom: 40px;
}

.mb-50 {
  position: relative;
  margin-bottom: 50px;
}

.mb-60 {
  position: relative;
  margin-bottom: 60px;
}

.mb-70 {
  position: relative;
  margin-bottom: 70px;
}

.mb-80 {
  position: relative;
  margin-bottom: 80px;
}

.mb-90 {
  position: relative;
  margin-bottom: 90px;
}

.mb-100 {
  position: relative;
  margin-bottom: 100px;
}

/*  COLUMNAS */
.pull-1{right:8.33333%}
.pull-2{right:16.66667%}
.pull-3{right:25%}
.pull-4{right:33.33333%}
.pull-5{right:41.66667%}
.pull-6{right:50%}
.pull-7{right:58.33333%}
.pull-8{right:66.66667%}
.pull-9{right:75%}
.pull-10{right:83.33333%}
.pull-11{right:91.66667%}

.offset-1{margin-left:8.33333%}
.offset-2{margin-left:16.66667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.33333%}
.offset-5{margin-left:41.66667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.33333%}
.offset-8{margin-left:66.66667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.33333%}
.offset-11{margin-left:91.66667%}


/*	FOOTER
/*-----------------------------------------------------------------------------------*/
.site-footer { font-family: 'Ubuntu', sans-serif; color: white; margin: 60px 10px 10px 10px; padding: 20px; border-top:#666 1px solid; }

.copyright-text { color: white; }
.copyright-text a { color: white; }

.social-icons-footer { text-align: right; }
.social-icons-footer ul li { display: inline; margin-left: 5px; }
.social-icons-footer ul a { color: white; width: 36px; height: 36px; border: 1px solid white; -webkit-border-radius: 18px; border-radius: 18px; text-align: center; line-height: 36px; }
.social-icons-footer ul a:hover { background-color: white; color: #222222; }

/********************************
IPAD LANDSCAPE (1024x768)
********************************/
@media only screen and (max-width: 1200px) { 
  .site-footer, .social-icons-footer { text-align: center; padding: 10px;}
  .main-content { margin-top: 60px; }
  .main_menu { position: relative; } 
  .content { width:95%;  }
  .content-inner { padding: 10px; }
  .content-inner p { text-align:left; }
  .img-responsive { margin:0 auto; }
  .img-responsive2 { margin:0 auto; } }
/********************************
IPAD PORTRAIT (768x1024)
********************************/
@media only screen and (max-width: 960px) { 
  .site-footer, .social-icons-footer { text-align: center; padding: 10px;}
  .portfolio-item { height: auto; }
  .portfolio-item img { width: 100%; height: auto; }
  .team-member { margin-bottom: 30px; }
  .information { margin-top: 60px; }
  .portfolio-item { width: auto; }
  .main-menu { position: relative; }
  .content { width:95%;  }
  .content-inner { padding: 10px; }
  .content-inner p { text-align: justify;}
  .img-responsive { margin:0 auto; }
  .img-responsive2 { margin:0 auto; } }
/********************************
IPHONE 4-4S-5 LANDSCAPE (568x320)
********************************/

/********************************
IPHONE 4-4S-5 PORTRAIT (320x568)
********************************/
@media only screen and (max-width: 479px) { 
.site-footer, .social-icons-footer { text-align: center; padding: 10px;}
  .templatemo_logo img { width: 100%; height: auto; }
  .content { width:100%;  }
  .content-inner { padding: 10px; }
  .content-inner p { font-family: 'Ubuntu', sans-serif; text-align: justify; font-weight:400;}
  .img-responsive { margin:0 auto; }
  .img-responsive2 { margin:0 auto; }
  .row img {margin:0 0 15px 0;}

 .container {
    padding-left: 0;
    padding-right: 0;
 }
}