/*****- FONT FACE -*****/
@font-face {
    font-family:'open_sansregular';
    src: url('../fonts/OpensansRegular.eot');
    src: url('../fonts/OpensansRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpensansRegular.woff') format('woff'),
         url('../fonts/OpensansRegular.ttf') format('truetype'),
         url('../fonts/OpensansRegular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin:0; padding:0; border:0; }
body { font-family:Tahoma, Arial, Sans-Serif; font-size:13px; color:#666; width:100%; height:100%; background:#FFF; }
p { float:left; position:relative; width:968px; height:auto; margin:17px 0 3px 15px; line-height:20px; font-size:13px; font-family:Tahoma; }
a { outline:none; }
.display { display:none; }

/****- DIVS PRINCIPAIS -****/
.main { float:left; position:relative; width:998px; top:0px; left:50%; margin:0 0 0 -500px; }
.main-header { float:left; position:relative; width:100%; height:auto; margin:0 0 0 0; background:transparent url(../img/bg-header.jpg) repeat-x; }
.main-menu { float:left; position:relative; width:100%; height:auto; margin:0 0 0 0; background-color:#0D6A9F; }
.main-conteudo { float:left; position:relative; width:100%; height:auto; margin:0 0 0 0; background:#fff url(../img/bg-conteudo.jpg) repeat-x top center; }
.main-banner-conteudo { float:left; position:relative; width:100%; height:auto; margin:30px 0 0 0; background:#fff url(../img/bg-banner-conteudo.jpg) repeat-x top center; }
.main-footer { float:left; position:relative; width:100%; height:auto; margin:49px 0 0 0; background:#0D6A9F; }

/*****- HEADER -*****/
.header { float:left; position:relative; width:100%; height:auto; margin:0 0 0 0; }
.header .box-title { float:left; position:relative; width:670px; height:153px; margin:0 0 0 0; }
.header .box-title .title { float:left; position:relative; width:650px; height:auto; margin:20px 0 0 10px; font-size:70px; line-height:70px; font-family:'open_sansregular'; font-weight:normal; color:#FFF; text-align:center; }
.header .box-title .header-sub-title { float:left; position:relative; width:645px; height:auto; margin:10px 0 0 0; font-family:Arial; font-size:25px; line-height:20px; color:#FFF; text-align:right; }
.header .header-left { float:left; position:relative; width:auto; height:auto; margin:0 25px 0 40px; }
.header .header-left .logo { float:left; position:relative; width:175px; height:45px; margin:53px 0 0 30px; background:transparent url(../img/logo-esquadriplast.png) no-repeat; text-indent:-15000px; }
 
/*****- BOX MENU -*****/
.box-menu { float:left; position:relative; width:auto; height:auto; margin:0 0 0 0; }
.box-menu ul { float:left; position:relative; width:620px; height:auto; margin:3px 0 0 0; }
.box-menu ul li { float:left; position:relative; width:200px; height:auto; margin:0 0 0 0; padding:13px 0 11px 0; list-style:none; }
.box-menu ul li a { float:left; position:relative; width:100%; height:auto; margin:0 0 0 0; font-family:Arial; font-size:20px; line-height:20px; font-weight:normal; color:#ffffff; text-align:center; text-decoration:none; }
.box-menu ul li a:hover { color:#ddd; }
.box-menu .atendimento { float:left; position:relative; width:185px; height:auto; margin:14px 0 17px; }
.box-menu .atendimento .ico-telefone { float:left; position:relative; width:22px; height:21px; margin:0 5px 0 0; background:transparent url(../img/ico-telefone.png) no-repeat; }
.box-menu .atendimento .ico-whatsapp { float:left; clear:left; position:relative; width:22px; height:21px; margin:0 5px 0 0; background:transparent url(../img/ico-whatsapp.png) no-repeat; }
.box-menu .atendimento .numero { float:left; position:relative; width:auto; height:auto; margin:0 0 0 0; font-size:20px; line-height:20px; font-family:'open_sansregular'; color:#ffffff; }

/*****- SUB TITLE -*****/
.conteudo-title { float:left; position:relative; width:100%; height:auto; margin:15px 0 0 0; font-size:35px; line-height:35px; color:#777; background:transparent; font-family:'open_sansregular'; }

/*****- TIPOS BIOMBOS -*****/
.tipos-biombos { float:left; position:relative; margin:15px 0 0 274px; background:#fff; width:450px; height:auto; padding:10px 0; }
.tipos-biombos h2 { float:left; position:relative; width:100%; margin:0 0 0 0; color:#777; font-family:'open_sansregular'; font-size:25px; text-align:center; }

h3 { float:left; position:relative; width:auto; margin:30px 0 0 15px; color:#333; font-size:16px; text-align:left; }

/*****- FOOTER -*****/
.footer { float:left; position:relative; width:968px; height:auto; margin:0 0 0 15px; padding:0 0 24px 0; }
.footer .box-left { float:left; position:relative; width:450px; height:auto; margin:0 0 0 0; }
.footer .box-left .title-footer { float:left; position:relative; width:100%; height:auto; margin:29px 0 0 0; font-size:20px; line-height:20px; font-weight:normal; color:#FFF; }
.footer .box-left p { width:100%; color:#FFF; line-height:27px; margin:14px 0 0 0; }
.footer .copyright { float:right; width:auto; margin:65px 10px 0 0; line-height:13px; color:#fff; }

/*- WHATS APP -*/
.whatsapp { float:left; position:relative; height:auto; width:100%; }
.whatsapp span { float:left; position:relative; height:auto; width:auto; margin:0; }
.whatsapp img { float:left; position:relative; height:auto; width:auto; max-width:16px; margin:5px 0 0 7px; }

/*- DESIGNED -*/
.designed { float:right; clear:right; width:177px; height:auto; margin:40px 0 5px 0; font-size:12px; color:#fff; }
.designed span { float:left; position:relative; width:auto; height:auto; margin:0 2px 0 0; }
.designed .nosweb { float:left; position:relative; width:60px; height:21px; margin:0 0 0 0; text-indent:-15000px; background:url(../img/LogoNosweb.png) no-repeat; }

/*- BANNER -*/
#visor {
    background: none repeat scroll 0 0 #fff;
    display: block;
    float:left;
    position:relative;
    height: 548px;
    width: 100%;
	border-top:6px solid #c3262f;
}
#visor .swiper-container, #visor .swiper-slide {
    cursor: pointer;
    height: 100%;
    text-align: center;
    width: 100%;
}
#visor .swiper-slide a {
    display: block;
}
#visor .swiper-slide a div {
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;
    height: 548px;
    width: 100%;
}
#visor .pagination {
    height: 20px;
    margin: -20px auto 0;
    position: relative;
    text-align: right;
    width: 950px;
    z-index: 9;
}
#visor .swiper-pagination-switch {
    background: url("../img/pagination.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 0 3px;
    width: 16px;
}
#visor .swiper-active-switch {
    background: url("../img/pagination.png") no-repeat scroll 0 -16px transparent;
}


#visor .banner {
    display: block;
    width: 100%;
}
#visor .swiper-slide div {
    background-color: transparent;
    background-position: center top!important;
    background-repeat: no-repeat;
    height: 548px;
    width: 100%;
}
#visor .swiper-slide div a {
    display: block;
    height: 548px;
    width: 100%;
}

/*
* Swiper - Mobile Touch Slider CSS
* http://www.idangero.us/sliders/swiper
*
* Vladimir Kharlampidi, The iDangero.us
* http://www.idangero.us/
*
* Copyright 2012-2013, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us
*
* Licensed under GPL & MIT
*
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
margin:0 auto;
position:relative;
overflow:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
/* Fix of Webkit flickering */
z-index:1;
}
.swiper-wrapper {
position:relative;
width:100%;
-webkit-transition-property:-webkit-transform, left, top;
-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);
-webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top;
-moz-transition-duration:0s;
-moz-transform:translate3d(0px,0,0);
-moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top;
-o-transition-duration:0s;
-o-transform:translate3d(0px,0,0);
-o-transition-timing-function:ease;
-o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;
-ms-transform:translate3d(0px,0,0);
-ms-transition-timing-function:ease;
transition-property:transform, left, top;
transition-duration:0s;
transform:translate3d(0px,0,0);
transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
float: left;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
/* Specify Swiper's Size: */
/*width:200px;
height: 100px;*/
}
.swiper-slide {
/* Specify Slides's Size: */
/*width: 100%;
height: 100%;*/
}
.swiper-slide-active {
/* Specific active slide styling: */
}
.swiper-slide-visible {
/* Specific visible slide styling: */
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
/* Stylize pagination button: */
}
.swiper-active-switch {
/* Specific active button style: */
}
.swiper-visible-switch {
/* Specific visible button style: */
}