@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";

*{box-sizing: border-box; -webkit-box-sizing: border-box; }

/*
PURE RESPONSIVE CSS3 SLIDESHOW GALLERY by Roko C. buljan
http://stackoverflow.com/a/34696029/383904
*/

.CSSgal {
	position: relative;
	overflow: hidden;
	height: 100%; /* Or set a fixed height */
}

/* SLIDER */

.CSSgal .slider {
	height: 100%;
	white-space: nowrap;
	font-size: 0;
	transition: 0.8s;
}

/* SLIDES */

.CSSgal .slider > * {
	font-size: 1rem;
	display: inline-block;
	white-space: normal;
	vertical-align: top;
	height: 100%;
	width: 100%;
	background: none 50% no-repeat;
	background-size: cover;
}

/* PREV/NEXT, CONTAINERS & ANCHORS */

.CSSgal .prevNext {
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 100%;
	height: 0;
}

.CSSgal .prevNext > div+div {
	visibility: hidden; /* Hide all but first P/N container */
}

.CSSgal .prevNext a {
	background: #f0f0f0;
	position: absolute;
	width:       60px;
	height:      60px;
	line-height: 60px; /* If you want to place numbers */
	text-align: center;
	opacity: 0.7;
	-webkit-transition: 0.3s;
					transition: 0.3s;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
	left: 0;
}
.CSSgal .prevNext a:hover {
	opacity: 1;
}
.CSSgal .prevNext a+a {
	left: auto;
	right: 0;
}

/* NAVIGATION */

.CSSgal .bullets {
	position: absolute;
	z-index: 2;
	bottom: 0;
	padding: 10px 0;
	width: 100%;
	text-align: center;
}
.CSSgal .bullets > a {
	display: inline-block;
	width:       30px;
	height:      30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	background: rgba(255, 255, 255, 1);
	-webkit-transition: 0.3s;
					transition: 0.3s;
}
.CSSgal .bullets > a+a {
	background: rgba(255, 255, 255, 0.5); /* Dim all but first */
}
.CSSgal .bullets > a:hover {
	background: rgba(255, 255, 255, 0.7) !important;
}

/* NAVIGATION BUTTONS */
/* ALL: */
.CSSgal >s:target ~ .bullets >* {      background: rgba(255, 255, 255, 0.5);}
/* ACTIVE */
#s1:target ~ .bullets >*:nth-child(1) {background: rgba(255, 255, 255,   1);}
#s2:target ~ .bullets >*:nth-child(2) {background: rgba(255, 255, 255,   1);}
#s3:target ~ .bullets >*:nth-child(3) {background: rgba(255, 255, 255,   1);}
#s4:target ~ .bullets >*:nth-child(4) {background: rgba(255, 255, 255,   1);}
#s5:target ~ .bullets >*:nth-child(5) {background: rgba(255, 255, 255,   1);}
#s6:target ~ .bullets >*:nth-child(6) {background: rgba(255, 255, 255,   1);}
#s7:target ~ .bullets >*:nth-child(7) {background: rgba(255, 255, 255,   1);}
#s8:target ~ .bullets >*:nth-child(8) {background: rgba(255, 255, 255,   1);}
#s9:target ~ .bullets >*:nth-child(9) {background: rgba(255, 255, 255,   1);}
#s10:target ~ .bullets >*:nth-child(10) {background: rgba(255, 255, 255,   1);}
#s11:target ~ .bullets >*:nth-child(11) {background: rgba(255, 255, 255,   1);}
#s12:target ~ .bullets >*:nth-child(12) {background: rgba(255, 255, 255,   1);}
#s13:target ~ .bullets >*:nth-child(13) {background: rgba(255, 255, 255,   1);}

/* More slides? Add here more rules */

/* PREV/NEXT CONTAINERS VISIBILITY */
/* ALL: */
.CSSgal >s:target ~ .prevNext >* {      visibility: hidden;}
/* ACTIVE: */
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
#s5:target ~ .prevNext >*:nth-child(5) {visibility: visible;}
#s6:target ~ .prevNext >*:nth-child(6) {visibility: visible;}
#s7:target ~ .prevNext >*:nth-child(7) {visibility: visible;}
#s8:target ~ .prevNext >*:nth-child(8) {visibility: visible;}
#s9:target ~ .prevNext >*:nth-child(9) {visibility: visible;}
#s10:target ~ .prevNext >*:nth-child(10) {visibility: visible;}
#s11:target ~ .prevNext >*:nth-child(11) {visibility: visible;}
#s12:target ~ .prevNext >*:nth-child(12) {visibility: visible;}
#s13:target ~ .prevNext >*:nth-child(13) {visibility: visible;}

/* More slides? Add here more rules */

/* SLIDER ANIMATION POSITIONS */

#s1:target ~ .slider {transform: translateX(   0%); -webkit-transform: translateX(   0%);}
#s2:target ~ .slider {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
#s3:target ~ .slider {transform: translateX(-200%); -webkit-transform: translateX(-200%);}
#s4:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
#s5:target ~ .slider {transform: translateX(-400%); -webkit-transform: translateX(-400%);}
#s6:target ~ .slider {transform: translateX(-500%); -webkit-transform: translateX(-500%);}
#s7:target ~ .slider {transform: translateX(-600%); -webkit-transform: translateX(-600%);}
#s8:target ~ .slider {transform: translateX(-700%); -webkit-transform: translateX(-700%);}
#s9:target ~ .slider {transform: translateX(-800%); -webkit-transform: translateX(-800%);}
#s10:target ~ .slider {transform: translateX(-900%); -webkit-transform: translateX(-900%);}
#s11:target ~ .slider {transform: translateX(-1000%); -webkit-transform: translateX(-1000%);}
#s12:target ~ .slider {transform: translateX(-1000%); -webkit-transform: translateX(-1000%);}
#s13:target ~ .slider {transform: translateX(-1000%); -webkit-transform: translateX(-1000%);}
/* More slides? Add here more rules */


/* YOU'RE THE DESIGNER! 
   ____________________
   All above was mainly to get it working :)
   CSSgal CUSTOM STYLES / OVERRIDES HERE: */

.CSSgal{
	color: #fff;	
	text-align: center;
}
.CSSgal .slider h2 {
	margin-top: 40vh;
	font-weight: 200;
	letter-spacing: -0.06em;
	word-spacing: 0.2em;
	font-size: 3em;
}
.CSSgal a {
	border-radius: 50%;
	margin: 0 3px;
	color: rgba(0,0,0,0.8);
	text-decoration: none;
}

article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time,copyright{display:inline}html{width:100%}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;color:#b1b0b0;min-width:960px;background:#fff;-webkit-text-size-adjust:none;}
.reg{text-transform:uppercase}
.f_left{float:left}.f_right{float:right}.align_right{text-align:right}.align_center{text-align:center}.rel{position:relative;}.it{font-style:italic}.let{letter-spacing:-1px}.m_bottom_zero{margin-bottom:0!important;}.m_left_zero{margin-left:0!important;}.p_bottom_zero{padding-bottom:0!important;}.p_left_zero{padding-left:0!important;}.clear{clear:both;width:100%;line-height:0;font-size:0;}.wrapper{width:100%;overflow:hidden; }.extra_wrapper{overflow:hidden;}.container{width:100%; }.extra_last,.last{margin-bottom:0!important;padding-bottom:0!important;}.extra_last{border:none!important;background:none!important;}.bg_none{background:none!important;}a{color:#b1b0b0;outline:none;text-decoration:none;cursor:pointer;}a:hover{color:#6ba0c6;text-decoration:none;}.button{display:inline-block;padding:11px 13px 12px 15px;margin:0 0 0 0;font-size:16px;line-height:19px;color:#ffffff;background:#000;font-weight:300;text-transform:uppercase;}.button span{background:url('../images/arrow_btn.png') no-repeat;display:inline-block;width:6px;height:11px;margin:4px 0 0 13px;}.button:hover{background:#c6a233/*5a99c4*/;color:#fff;}.but_wrap{padding-top:35px;}.link1{color:#3f7ab4;text-decoration:underline;}.block{display:block;}.inline-block{display:inline-block;}

header{
	background:url(../images/texture.png);
	
	padding:15px 0;
	padding-bottom:35px;
	margin-bottom:-50px;
	
	
}
header h1{
	padding-right:2px;
}
header h1 a{
	display:block;
	width:215px;
	margin:0 auto;
	margin-left:165px;
	height:107px;
	/*background:url(../images/cdl_logo.jpg) 0 0 no-repeat;*/
	text-decoration:none;
	text-indent:-9999px;
}
header h2 a{
	display:block;
	width:100px;
	margin:0 auto;
	margin-left:165px;
	height:122px;
	background:url(../images/50anos.png) 0 0 no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}

/* search */

/*-------------------------------------*/
    
    .cf:before, .cf:after{
      content:"";
      display:table;
    }
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }

    /*-------------------------------------*/	
    
    .form-wrapper {
        width: 400px;
        padding: 15px;
        /*background: #444;
        background: rgba(0,0,0,.2);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
        box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);*/
    }
    
    .form-wrapper input {
        width: 280px;
        height: 20px;
        padding: 10px 5px;
        float: left;    
        font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper input::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
       font-style: italic;
    }
    
    .form-wrapper input:-moz-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }
    
    .form-wrapper input:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }    
    
    .form-wrapper button {
		overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 40px;
        width: 110px;
        font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
        color: #fff;
        text-transform: uppercase;
        background: #000;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;      
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }   
      
    .form-wrapper button:hover{		
        background: #e1ba3c;
    }	
      
    .form-wrapper button:active,
    .form-wrapper button:focus{   
        background: #c42f2f;    
    }
    
    .form-wrapper button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #000 transparent;
        top: 12px;
        left: -6px;
    }
    
    .form-wrapper button:hover:before{
        border-right-color: #e1ba3c;
    }
    
    .form-wrapper button:focus:before{
        border-right-color: #e1ba3c;
    }    
    
    .form-wrapper button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/* fim search*/




.social{right:232px;top:13px;position:absolute;overflow:hidden;}.social a{display:block;float:left;width:32px;height:32px;overflow:hidden;margin-left:25px;}.social a:first-child{margin:0 0 0 0;}.social a:hover img{margin-top:-32px;}

.slider_box{
	/*background-image:url(../images/bg_blue_stripe.jpg);*/
	background:#fff;
	background-image:url(../images/texture.png);
	min-height:5px;
	min-width: 1200px;
	padding-top:50px;
	/*border-bottom:#00933f 2px solid;
	border-top:#00933f 2px solid;*/
}

#content{padding:41px 0px 50px; background-image:url(../images/texture.png) }.cont_pad{padding:0 0 50px!important;}p{margin-bottom:22px}.list1{}.list1 li{background:url(../images/marker1.png) 2px 8px no-repeat;padding-left:21px;margin-top:8px;}.list1 li:first-child{margin-top:0;}.list1 a{color:#3f7ab4;}.list1 a:hover{color:#000;}h2,h3,h4{font-weight:normal;}h2{font-size:30px;line-height:36px;color:#e1ba3c/*3f7ab4*/;font-weight:300;}h2.ind{margin-bottom:24px;}h2.ind1{margin-bottom:27px;}h2.ind2{margin-bottom:21px;}h2.ind3{margin-bottom:18px;}h2.ind4{margin-bottom:17px;}h3,h3 a{font-size:16px;line-height:19px;color:#4c4c4c;margin-bottom:2px; text-align:justify;}.sf-menu a,#search input,#carousel,.title,h2,.f_menu{font-family:'Open Sans',sans-serif;}#carousel .font2,.button{font-family:'Open Sans Condensed',sans-serif;}
{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden; background:#FFF;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.offer_list{
  list-style: none;
}
.offer_list li{
  float: left;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  position: relative;
  width: 202px;
  text-align: center;
  margin-left: 36px;
}
.offer_list .title{letter-spacing: -1px;font-size: 18px;line-height: 22px;margin-top: -8px;color: #5a99c4;}
.offer_list li.first{margin-left: 0;}
.offer_list li .inner{padding: 19px 0 14px 19px;}
.offer_list li:after, .offer_list li:before{
  display: block;
  position: absolute;
  top: -1px;
  height: 152px;
  content: "";
}
.offer_list li:after{width: 30px;right: -28px;background: url('../images/offer_after.png') no-repeat;}
.offer_list li:before{width: 27px;left: -26px;background: url('../images/offer_before.png') no-repeat;}
.offer_list li.last_item:after, .offer_list li.first:before{display: none;}
.offer_list li.last_item{width: 218px;}
.offer_list li.last_item .inner{padding-left: 10px;}

.m_bot1{margin-bottom: 41px;}
.m_bot2{margin-bottom: 44px;}
.m_bot3{margin-bottom: 34px;}
.m_bot4{margin-bottom: 50px;}

.f_18, .f_18 a{color: #4c4c4c;font-size: 18px;line-height: 24px;}
.f_18{margin-bottom: 25px;}
.f_18 a:hover{color: #8a8a8a;}
.box1{}
.box1>div{}
.box1>figure{
	margin: 4px 23px 0 0;
}

.box2>figure{
	margin: 2px 21px 0 0;
}

.news_list{background: url('../images/news_shadow.png') no-repeat; background:#FFF; position: relative; border: 1px solid #e5e5e5; margin-bottom: -3px;}
.news_list:after{display: block;width: 100%;height: 6px;position: absolute; bottom: -6px; content: "";}
.news_list>li{border-top: 1px solid #e5e5e5;padding: 9px 15px 9px 10px ; background: url('../images/news_shadow.png') no-repeat; background:#FFF;}
.news_list>li:hover{background: url('../images/right.png') no-repeat; background:#F0F0F0;}

.news_list>li:first-child{border: none;}
.news_list>li>div{}
.news_list>li>figure{
  padding: 2px 0 0;
  width: auto;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: #c6a233/*6ba0c6*/;
  padding-left: 0px;
  padding: 4px;
}
.news_list>li>figure span{margin-top: -3px;display: block;font-size: 12px;text-transform: uppercase;}

/*********************************page_2*************************************/
.testimonials li{margin-top: 17px;}
.testimonials li:first-child{margin: 0;}
.testimonials .author1{padding-top: 23px;margin: 0;}

.staff figure{margin-bottom: 15px;}

.choose{}
.choose>div{}
.choose>figure{
	margin: 1px 20px 0 0;
  background: #c1c1c1;
  height: 46px;
  border-radius: 500px;
  width: 60px;
  text-align: center;
  padding: 14px 0 0;
}

/*********************************page_3*************************************/
.feat{}
.feat figure{margin-bottom: 12px;}
.feat .f_18{margin-bottom: 1px;}

.work_list{padding-top: 1px;}
.work_list>li{margin-top: 20px;}
.work_list>li:first-child{margin-top: 0;}

.box3>figure{margin: 5px 20px 0 0;}
/*********************************page_4*************************************/

.project figure{margin-bottom: 13px;}
.project .f_18{margin-bottom: 1px;}


/*********************************page_5*************************************/

.blog_info{margin-bottom: 16px;}
.blog_info>div{}
.blog_info>figure{
  width: 45px;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: #c6a233/*6ba0c6*/;
}

.blog_list{padding-right: 60px;}
.blog_list>li{margin-top: 26px;}
.blog_list>li:first-child{margin-top: 0;}


.blog_info .f_18{margin-bottom: 1px;}
.blog_info figure span{margin-top: -3px;display: block;font-size: 12px;text-transform: uppercase;}
.img_box{margin-bottom: 13px;}

.res_posts li{margin-top: 22px;}
.res_posts li:first-child{margin-top: 0;}


/* Contact form */
#contact-form {
  padding:0px 0 0 0;
  position: relative;
}
#contact-form .success
{
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left:0;
  z-index: 99;
  background: #4b84bb;
  text-align: center;
  padding: 20px 0;
  color: #fff;
}
#contact-form textarea, #contact-form input {
  margin:0;
  font-size:14px;
  border:1px solid #e6e6e6;
  color:#b1b0b0;
  border-radius: 4px;
  padding:9px 20px 10px;
  outline:none;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  background:#fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 1px 1px 0 #fff;
}
#contact-form input {
  width:219px;
}
#contact-form textarea {
  overflow:auto;
  width: 100%;
  height:247px;
  resize:none;
  float:left;
  margin: 0 0 0 0;
}
  
#contact-form label {
  display:inline-block;
  position: relative;
  min-height:57px;
  overflow:hidden;
 }
#contact-form label.message {
  display:block;
  padding-bottom:0;
}
#contact-form .button {
  margin-left:8px;
}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}
#contact-form .error, #contact-form .empty {
  text-align:left;
  color:red;
  font-size:11px;
  position: absolute;
  right: 10px;
  top: 5px;
}
#contact-form .buttons2 {
  overflow:hidden;
  text-align:right;
  position:relative;
  clear:both;
  padding-top:32px;
}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}

.map_wrapper{
  overflow:hidden;
  display:block;
  margin-bottom:14px;
}
#map_canvas {
   width:100%;
   height:273px;
}
.adress{}
.adress span{
  display:inline-block;
  width:82px;
}

.demo{color: #5d96c5;}
.demo:hover{ text-decoration:underline;}

/*================================>> aside <<========================================*/
aside{
  /*background: #c7cbd0;*/
  background:url(../images/bgnoise_lg.png);
  padding: 10px 0;
}

.brands_list{
  overflow: hidden;
  clear: both;
}
.brands_list li{
  float: left;
  border-right: 0px solid #a3a5a7;
  text-align: center;
  width: 335px;
  padding:  10px 10 10px ;
  height: 70px;
}
.brands_list li:first-child{width: 233px;border-left: 0px solid #a3a5a7;}

/****************************rodapé************************/
footer {
  padding:28px 0;
  background-image:url(../images/bg-rodape.png);
  height:260px;
}

.tab-footer td{
	border-right:1px dotted #EEEEEE;
	padding-left:14px;
	margin-top:10px
}

.min-font{
	font-size:12px;
}

.privacy{margin-top:20px; font-size: 12px;float: left; margin-top:30px; font-weight:bold; font-family:Verdana, Geneva, sans-serif}
.privacy span{display: inline-block;margin-top:7px;}
.privacy ul.main-ul{
	list-style-type: none;
	text-transform:uppercase;
}

.privacy ul li{
	display:inline;
	margin-left:35px;
}
footer, footer a{color: #f9f9f9;}
footer a:hover{color: #000;}

.f_menu{position:absolute; padding:  0px 0;font-weight: 300; height:100}
.f_menu li{float: left;border-left: 1px solid #ced0d4;padding-left: 8px;margin-left: 8px;}
.f_menu li:first-child{border: none;}
.f_menu li a{font-size: 12px;line-height: 22px;color: #fff;}
.f_menu li a:hover, .f_menu li.current a{color: #000;}

#footer2{
	background:url(../images/bgnoise_lg.png);
	min-height:110px;
	padding-top:15px;
}

.footer_box {
	float: left;
	width: 210px;
	margin-right: 30px;
}

.footer_box h4 {
	color: #c6a233;
	font-size: 20px;
	margin-bottom: 20px
}

.footer_list { margin: 0; padding: 0; list-style: none }
.footer_list li { margin: 0 0 5px; padding: 0 0 5px; border-bottom: 1px solid #a998d9; color: #fff }
.footer_list li a { color: #fff }

#footer_menu_box { clear: both; width: 960px; height: 37px; margin: 0 auto; text-align: center }
.footer_menu { margin: 0; padding: 10px 0; list-style: none }
.footer_menu li { margin: 0 30px; padding: 0; display: inline }
.footer_menu li a { color: #bab0d4 }
.footer_menu li a:hover { color: #fff }

#copyright {
	clear: both;
	width: auto;
	height: 25px;
	padding: 15px 0;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background:url(../images/bg-copyright.png);
}
#copyright a { color: #FFF }

#Sidebar{top: 70%;width:30px;Right: 0 !important;overflow:hidden;position: fixed;z-index: 100000;text-align:center;line-height:normal;_position: absolute;font-size:9px;}
#Sidebar a,#Sidebar a:hover,#Sidebar a:visited{text-decoration:none;font-size:9px;}

.boxpim{
border: #68228B 2px solid; 
padding: 1px; 
-moz-border-radius:0 20px;
-webkit-border-radius:0 20px;
border-radius:0 20px;
display:inline;

	}


#conteudob{ 
margin:0 auto;
}
#banner{
position:absolute;
top:50px;
left:0;
float:left;
width:0px;  /*largura 620 20+*/
height:0px;  /*altura 640 40+*/
background-color:#284D92; /* cor de fundo */
/* background-color:#284D92;  cor de fundo */
-webkit-border-radius: 8px; /* canto arredondado */
-moz-border-radius: 8px; /* canto arredondado */
border-radius: 8px; /* canto arredondado */
z-index:999999; /* posicionando sobre os demais */
display:none;
color:#FFFFFF;
}
#banner a{ color:#000000;text-decoration:none }
#banner p { padding: 5px 10px 0; }
p.link{ text-align:center;clear:both }
#fechar{ 
top:-2px;
position:relative;
float:right; 
width:20px;
height:20px;
color:#000000;
text-align:center; 
}

#banner2{
position:absolute;
/*top:50px;*/
top:900px;
left:730px;
float:left;
width:445px;  /*largura 620 20+*/
height:454px;  /*altura 640 40+*/
background-color:#284D92; /* cor de fundo */
-webkit-border-radius: 8px; /* canto arredondado */
-moz-border-radius: 8px; /* canto arredondado */
border-radius: 8px; /* canto arredondado */
z-index:999999; /* posicionando sobre os demais */
display:none;
color:#FFFFFF;
}
#banner2 a{ color:#FFFFFF;text-decoration:none }
#banner2 p { padding: 5px 10px 0; }
p.link{ text-align:center;clear:both }
#fechar2{ 
top:-2px;
position:relative;
float:right; 
width:20px;
height:20px;
color:#000000;
text-align:center; 
}

#foto {
        padding: 20;
        cursor:nw-resize;
        height: 85px;
        width: 110px;
} 

#foto li {
float: left;
}

#foto li span {
display: block;
width: 100px;
height: 100px;
margin: 0 auto;
line-height: 100px;
}

.camadafoto { 


float:left; 
width:110px; 
height:85px; 
margin: 10px; 
padding:5px; 
background-color:#f5f7f9; 
border-right: #a5a7aa solid 1px; 
border-bottom: #a5a7aa solid 1px; 
text-align:center; 


}

.convenios { 

float:left; 
width:400px; 
height:300px; 
margin: 10px; 
padding:5px; 
background-color:#f5f7f9; 
border-right: #a5a7aa solid 1px; 
border-bottom: #a5a7aa solid 1px; 
text-align:center; 


}


.formpim label {
    float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
    text-align: right; font-size: 16px; color: #445668; 
    text-shadow: 0px 1px 0px #f2f2f2;
	/*text-transform: uppercase;*/
}

.formpim input {
    width: 360px; height: 25px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0; 
    background: #e1ba3c;
    background: -moz-linear-gradient(top, #B3911C 0%, #e1ba3c 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3911C), color-stop(20%,#e1ba3c)); /* webkit */
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
    font-family: sans-serif; font-size: 16px; color: #000000; text-shadow: 0px -1px 0px #334f71; 
	/*text-transform: uppercase;*/
}
    .formpim input::-webkit-input-placeholder  {
        color: #e1ba3c; text-shadow: 0px -1px 0px #38506b;  
    }
    .formpim input:-moz-placeholder {
        color: #e1ba3c; text-shadow: 0px -1px 0px #38506b; 
    }

.formpim textarea {
    width: 460px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
    background: #e1ba3c;
    background: -moz-linear-gradient(top, #B3911C 0%, #e1ba3c 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3911C), color-stop(20%,#e1ba3c)); /* webkit */
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
    font-family: sans-serif; font-size: 16px; color: #000000; text-transform: uppercase; text-shadow: 0px -1px 0px #334f71; 
}
    .formpim textarea::-webkit-input-placeholder  {
        color: #e1ba3c; text-shadow: 0px -1px 0px #38506b;  
    }
    .formpim textarea:-moz-placeholder {
        color: #e1ba3c; text-shadow: 0px -1px 0px #38506b; 
    }
    
.formpim input:focus, textarea:focus {
    background: #e1ba3c;
    background: -moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3911C), color-stop(20%,#EFDC9C)); /* webkit */
}

.formpim input[type=submit] {
    width: 100px; height: 52px; float: left; padding: 10px 15px; margin: 0 15px 0 0;
    -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
    border: 1px solid #556f8c;
    background: -moz-linear-gradient(top, #718DA9 0%, #e1ba3c 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3911C), color-stop(100%,#e1ba3c)); /* webkit */
    cursor: pointer;
}

.formpim input[type=reset] {
    width: 100px; height: 52px; float: left; padding: 10px 15px; margin: 0 15px 0 0;
    -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
    border: 1px solid #556f8c;
    background: -moz-linear-gradient(top, #718DA9 0%, #e1ba3c 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3911C), color-stop(100%,#e1ba3c)); /* webkit */
    cursor: pointer;
}

.texto{font-size: 14px; text-align:justify; color:#000; width:80%;}
.textopeq{font-size: 11px; text-align:justify; color:#000;}

.erro {
 color:#FF0000;
 margin:0 0 10px 0;
}
.ok {
 color:#339966;
 margin:0 0 10px 0;
}
.code {
 border:1px solid #d5d5cb;
 background:url(../images/bg_stripes.png);
 padding:4px;
 height:10px;
 border:1px dashed #ffae00;
}

.formpimass label {
    float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
    text-align: right; font-size: 16px; color: #445668; 
    text-shadow: 0px 1px 0px #f2f2f2;
	/*text-transform: uppercase;*/
}

.formpimass input {
    width: 500px; height: 25px; padding: 5px 20px 0px 20px; margin: 0 0 20px 0; 
    background: #e1ba3c;
    background: -moz-linear-gradient(top, #B3911C 0%, #e1ba3c 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3911C), color-stop(20%,#e1ba3c)); /* webkit */
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
    font-family: sans-serif; font-size: 16px; color: #000000; text-transform: uppercase; text-shadow: 0px -1px 0px #334f71; 
}
    .formpimass input::-webkit-input-placeholder  {
        color: #e1ba3c; text-shadow: 0px -1px 0px #38506b;  
    }
    .formpimass input:-moz-placeholder {
        color: #e1ba3c; text-shadow: 0px -1px 0px #38506b; 
    }

.formpimass textarea {
    width: 650px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
    background: #e1ba3c;
    background: -moz-linear-gradient(top, #B3911C 0%, #e1ba3c 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3911C), color-stop(20%,#e1ba3c)); /* webkit */
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
    font-family: sans-serif; font-size: 16px; color: #000000; text-transform: uppercase; text-shadow: 0px -1px 0px #334f71; 
}
    .formpimass textarea::-webkit-input-placeholder  {
        color: #e1ba3c; text-shadow: 0px -1px 0px #38506b;  
    }
    .formpimass textarea:-moz-placeholder {
        color: #e1ba3c; text-shadow: 0px -1px 0px #38506b; 
    }
    
.formpimass input:focus, textarea:focus {
    background: #e1ba3c;
    background: -moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3911C), color-stop(20%,#EFDC9C)); /* webkit */
}

.formpimass input[type=submit] {
    width: 100px; height: 52px; float: left; padding: 10px 15px; margin: 0 15px 0 0;
    -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
    border: 1px solid #556f8c;
    background: -moz-linear-gradient(top, #718DA9 0%, #e1ba3c 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3911C), color-stop(100%,#e1ba3c)); /* webkit */
    cursor: pointer;
}

.formpimass input[type=reset] {
    width: 100px; height: 52px; float: left; padding: 10px 15px; margin: 0 15px 0 0;
    -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
    border: 1px solid #556f8c;
    background: -moz-linear-gradient(top, #718DA9 0%, #e1ba3c 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3911C), color-stop(100%,#e1ba3c)); /* webkit */
    cursor: pointer;
}

.topic1{font-size: 18px; text-align:center; color:#000;
 border:1px solid #d5d5cb;
 background:url(../images/bg_stripes.png);
 padding:4px;
 height:20px;
 border:1px dashed #ffae00;
}
.topic2{font-size: 14px; text-align:center; color:#000;}
.topic3{font-size: 12px; text-align:center; color:#000;}

.post-menu{
width: 98%;
height: 45px;
border-radius: 10px;
-webkit-border-radius: 10px;
moz-border-radius: 10px;
margin: 0 auto;
}

.post-menu ul li{
display: inline;
}

.post-menu ul li a{
text-decoration: none;
color: #111;
font-family: calibri;
text-transform: uppercase;
float: left;
padding: 5px 10px;
background: #dfdfdf;
margin-top: 7.5px;
margin-right: 5px;
border-radius: 5px;
-webkit-border-radius: 15px;
moz-border-radius: 5px;
font-weight: bold;
}

.post-menu ul li a:hover{
background: #abcdef;
color: #fff;
}

.menupim{
background-color:#369;
color:#369;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .social{display: none;}
 .slider_box .pe_estro_slider_1 {width: 249px !important;}
.slider_box .slides > li{width: 249px !important;}
.slider_box .slides > li .font1{font-size: 16px;}
.offer_list li.last_item, .offer_list li{width: 158px;}
.offer_list li .inner{padding-left: 5px;}
.offer_list li.last_item .inner{padding-left: 0;}

.box1 div, .box2 div, .box3 div{overflow: visible;}
.brands_list li{width: 184px !important;}
.f_menu li{padding-left: 10px;margin-left: 10px;}
.blog_list{padding-right: 0;}
#contact-form input{width: 100%;}
#contact-form label{display: block;margin-bottom: -24px;}
#slider .flex-direction-nav .flex-next {right: -19px; }
#slider .flex-direction-nav .flex-prev {left: -15px;}

#banner{
	width: 50%;
	height: 50%;
	left: -50px;
	background-color:transparent;
}

.camadafoto { 
float:left; 
width:110px; 
height:85px; 
margin: 10px; 
padding:5px; 
background-color:#f5f7f9; 
border-right: #a5a7aa solid 1px; 
border-bottom: #a5a7aa solid 1px; 
text-align:center; 
}
.headerbt {
    position: fixed;
	z-index: 1;
    top: 50;
	margin-left:50px;
}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .slider_box .pe_estro_slider_1 {width: 249px !important;}
 .offer_list li:after, .offer_list li:before{display: none;}
 .offer_list li{width: auto !important;float: none;margin: 15px 0 0px;}
 .box1>figure, .box2>figure, .box3>figure{float: none;margin: 0 0 15px;}
 .box1 img, .staff img, .box2 img, .feat img, .box3 img, .project img, .blog_list img{width: 100%;}
 .brands_list li, .brands_list li:first-child{float: none;padding: 0;margin: 0;width: auto !important;border: none;}
 .privacy, .f_menu{float: none;}
.f_menu{display: none;}
#slider .flex-direction-nav a{top: 23%;}

 .slider_box{display: none;}
 .form-wrapper{display: none;}
 footer {
  padding:28px 0;
  background-image:url(../images/bg_blue_stripe-.jpg);
  height:610px;
}

#copyright {
	height: 45px;
}

#banner{
	width: 50%;
	height: 50%;
	left: -50px;
	background-color:transparent;
}
.camadafoto { 
float:left; 
width:110px; 
height:85px; 
margin: 10px; 
padding:5px; 
background-color:#f5f7f9; 
border-right: #a5a7aa solid 1px; 
border-bottom: #a5a7aa solid 1px; 
text-align:center; 
}
.headerbt {
    position: fixed;
	z-index: 1;
    top: 50;
	margin-left:50px;
}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .slider_box{display: none;}
 .form-wrapper{display: none;}
 footer {
  padding:28px 0;
  background-image:url(../images/bg_blue_stripe-.jpg);
  height:610px;
}

#copyright {
	height: 45px;
}

#banner{
	width: 50%;
	height: 50%;
	left: -50px;
	background-color:transparent;
}
.camadafoto { 
float:left; 
width:110px; 
height:85px; 
margin: 10px; 
padding:5px; 
background-color:#f5f7f9; 
border-right: #a5a7aa solid 1px; 
border-bottom: #a5a7aa solid 1px; 
text-align:center; 
}
.headerbt {
    position: fixed;
	z-index: 1;
    top: 50;
	margin-left:50px;
}
}