@charset "utf-8";

/*
Reset
==================================================*/
*{margin:0; padding:0;}


/* Tag's */
html, body{margin:0; padding:0; width:100%; height:100%; font-family:sans-serif; color: #404040;}
h1{padding: 10px 5px; font-weight:bold; font-size:30px; color:#333;}
h2{padding: 10px 5px; font-weight:bold; font-size:28px; color:#333;}
h3{padding: 10px 5px; font-weight:bold; font-size:22px; color:#333;}
h4, h5, h6{padding:10px 5px;}
p{padding:10px 5px; text-align:justify; color:#999;}
span{}
strong{color: #333;}
blockquote{padding:25 15px; border-left:3px solid #DDD; text-align:justify;}
hr{border:1px dashed #cccccc;}
img{border:0;}
table{}
ul{margin:0; padding:5px 20px;}
ul li{}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline;}
fieldset{}
label{margin:5px; display:block;}
input[type=text],
input[type=date],
input[type=email],
input[type=password]{margin:5px; height:40px; border:1px solid #cccccc; outline:none;}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=password]:focus{border:1px solid #000000;}
select{margin:5px; height:40px; border:1px solid #cccccc; outline:none;}
select:focus{border:1px solid #000000;}
textarea{margin:5px; height:120px; border:1px solid #cccccc; outline:none;}
textarea:focus{border:1px solid #000000;}
input[type=submit], 
input[type=reset]{margin:5px; padding:0 15px; height:40px; border:1px solid #b4382e; border-bottom:3px solid #95180d; border-radius:5px; background-color:#b4382e; color:#fff; cursor:pointer;}
input[type=submit]:hover, 
input[type=reset]:hover{border:1px solid #95180d; border-bottom:3px solid #b4382e; background-color:#95180d;}

/* HTML5 Tag's */ 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}

/* Clear Float */
.clear{clear:both;}
.center{text-align:center;}

/*
Layout
==================================================*/
.chat{width:235px; height:130px; position:fixed; bottom:0; right:0; z-index:9999;}

/* Boxes */
.boxes{width: 100%; text-align: center; vertical-align: top;}
.boxes .box{display: inline-block; vertical-align: top;}

/* Colunas */
.cols{width: 100%; text-align: center; vertical-align: top;}
.cols .col{display: inline-block; vertical-align: top;}
.cols .left{display: inline-block; vertical-align: top;}
.cols .right{display: inline-block; vertical-align: top;}

/*
Desktop
----------------------------*/
@media screen and (min-width: 960px){
#wrraper{margin:0; padding:0; width:100%; height:100%;}
.inner{margin:0 auto; width:1140px;}
.col{width:50%; height:auto; float:left;}

/*Header*/
#header{width:100%; height:100px; background-color:#f1f1f1;}
#header #top{width: 100%; height: 30px; background-color: #b4382e;}
#header #top ul{width: auto; height: 30px; margin: 0; padding: 0; list-style: none; float: right;}
#header #top ul li{width: auto; height: 30px; margin: 0; padding: 0 15px; float: left; position: relative;}
#header #top ul li span{display: block; line-height: 30px; color: #fff; font-size: 12px;}
#header #inner{height:70px;}
#header #logo{width:250px; height:70px; float:left;}
#header #logo img{height:65px; padding-top:5px;}
#header #banner{width:200px; height:70px; float:left;}
#header #nav{width:590px; height:70px; float:left;}
#header #redes{width:100px; height:70px; float:left;}
#header #redes ul{width: auto; height: 30px; margin: 0; padding: 20px 0; list-style: none; float: right;}
#header #redes ul li{width: auto; height: 25px; margin: 0; padding: 2px 5px; float: left; position: relative;}
#header #redes ul li img{width: 25px; height: 25px;}

/*Menu*/
.menu{margin:0; padding:0; list-style:none; width:auto; height:70px; float:right;}
.menu li{margin:0; padding:0 10px; height:70px; float:left; position:relative;}
.menu li a{font-size: 12px; line-height:70px; color:#333; text-transform: uppercase;}
.menu li a:hover{color:#b4382e;}
.menu li img{padding-top:10px;}

/*Slide*/
#slide{width: 100%; min-height: 450px; height: auto; background: url(../img/bg-slide.png) center no-repeat; background-size: 100%;}
#slide .cols .col{width: 48%;}
#slide .cols .col form{width: 100%; margin: 10px 0; padding: 10px; background-color: #999; text-align: center;}
#slide .cols .col table{width: 100%;}   
#slide .cols .col .form-w{width: 80%; height: 30px; border-radius: 8px;}
#slide .cols .col .form-w2{width: 80%; height: 120px; border-radius: 8px;}


/*Content*/
#content{width:100%; height:auto; background-color:#fff;}
#content .inner{min-height:450px; height:auto;}
#content #main{width:100%; height:auto;}
#content #main img{max-width:100%;}
#content #main .form-w{width:550px;}
#content #main .map{width:570px; height:500px; border:0;}
#content #main .bg-header{width:100%; height:35px; margin:30px 0 5px 0; background-color:#333;}
#content #main .bg-header h2{margin:0 5px; padding:0; line-height:35px; color:#fff; text-transform: uppercase;}
#content #main #boxes{}
#content #main #boxes .boxs{width:370px; height:300px; margin:20px 5px; float:left; text-align:center;}
#content #main #boxes .boxs img{}
#content #main #boxes .boxs h4{color:#584534;}
#content #main #boxes .box{width:370px; height:300px; margin:50px 5px; float:left; text-align:center;}
#content #main #boxes .box img{width:120px; height:120px;}
#content #main #boxes .box h4{color:#584534;}
.desktop{display:block;}
.mobile{display:none;}

/*Footer*/
#footer{width:100%; height:200px; background-color:#f1f1f1;}
#footer .inner{height:170px;}
#footer  .link{text-decoration:none;}
#footer .box{width:370px; height:170px; margin:0 5px; float:left;}
#footer .box img{height:160px;}
#footer .box h4{color:#333;}
#footer .box p{color:#333;}
#footer .box ul{color:#333; float:left; font-size:14px;}
#footer .box a{color:#333;}
#footer #copyright{width:100%; height:30px; background-color:#b4382e;}
#footer #copyright span{display:block; text-align:center; line-height:30px; font-size:12px; color:#fff;}
}

/*
Mobile
----------------------------*/
@media screen and (max-width: 959px){
#wrraper{margin:0; padding:0; width:100%; height:auto;}
.inner{width:100%;}
.col{width:100%;}
.display{display:none;}

/*Header*/
#header{width:100%; height:auto; background-color:#fff;}
#header #top{width: 100%; height: auto; background-color: #b4382e;}
#header #top ul{width: 100%; height: auto; margin: 0; padding: 0; list-style: none;}
#header #top ul li{width: 100%; height: 30px; margin: 0; padding: 0; text-align: center;}
#header #top ul li span{display: block; line-height: 30px; color: #fff; font-size: 12px;}
#header .inner{height:auto;}
#header #logo{width:100%; height:auto; border-bottom:1px solid #fff; text-align:center;}
#header #logo img{height:80px; padding-top:2px;}
#header #banner{width:100%; height:auto; text-align:center;}
#header #banner img{height:80px; padding-top:2px;}
#header #nav{width:100%; height:auto;}
#header #redes{width:100%; height:auto; text-align: center;}
#header #redes ul{width: auto; height: 30px; margin: 0 auto; padding: 5px 0; list-style: none; display: inline-block;}
#header #redes ul li{width: auto; height: 25px; margin: 0; padding: 2px 5px; float: left; position: relative;}
#header #redes ul li img{width: 25px; height: 25px;}

/*Menu*/
.menu{margin:0; padding:0; list-style:none; width:100%; height:auto; background-color:#f1f1f1; border-top:1px dotted #b4382e;}
.menu li{margin:0; padding:0; width:100%; height:35px; border-bottom:1px dotted #b4382e; text-align:center;}
.menu li a{line-height:35px; color:#333; text-transform: uppercase;}
.menu li a:hover{color:#b4382e;}

/*Slide*/
#slide{width: 100%; min-height: 450px; height: auto; background-color: #f1f1f1;}
#slide .cols .col{width: 100%;}
#slide .cols .col form{width: 100%; margin: 35px 0; padding: 10px; background-color: #999; text-align: center;}
#slide .cols .col table{width: 100%;}   
#slide .cols .col .form-w{width: 80%; height: 30px; border-radius: 8px;}
#slide .cols .col .form-w2{width: 80%; height: 120px; border-radius: 8px;}
.cycle-slideshow{display:none;}

/*Content*/
#content{width:100%; height:auto; background-color:#fff;}
#content .inner{height:auto;}
#content #main{width:100%; height:auto;}
#content #main img{max-width:100%;}
#content #main .map{width:100%; height:300px; border:0;}
#content #main .bg-header{width:100%; height:35px; margin:30px 0 5px 0; background-color:#333;}
#content #main .bg-header h2{margin:0 5px; padding:0; line-height:35px; color:#fff; text-transform: uppercase;}
#content #main #boxes{text-align:center;}
#content #main #boxes .boxs{width:370px; height:300px; margin:50px 5px; display:inline-block; text-align:center;}
#content #main #boxes .boxs img{}
#content #main #boxes .boxs h4{color:#584534;}
#content #main #boxes .box{width:250px; height:300px; margin:5px; text-align:center; display:inline-block;}
#content #main #boxes .box img{width:120px; height:120px;}
#content #main #boxes .box h4{color:#584534;}
.desktop{display:none;}
.mobile{display:block; text-align:center;}

/*Footer*/
#footer{width:100%; height:auto; background-color:#f1f1f1;}
#footer .inner{height:auto;}
#footer .box{width:auto; height:auto; margin:0 5px; float:left;}
#footer .box img{display:none !important;}
#footer .box h4{color:#333;}
#footer .box p{color:#333;}
#footer .box ul{color:#333; float:left; font-size:14px;}
#footer .box a{color:#333;}
#footer #copyright{width:100%; height:auto; background-color:#b4382e;}
#footer #copyright span{display:block; text-align:center; line-height:30px; font-size:12px; color:#fff;}
}