@import url("../fonts/stylesheet.css");

.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.box {
	overflow:hidden;
}
.clear {
	clear:both;
	width: 100%;
}
.relativePos{
	position:relative;
}
.last{
	background:none !important;
	border:none !important;
}

/* Propriedades globais */

body, html {
	height: 100%;
	min-width: 960px;
	min-height: 1000px;
	border: 0;
	font: 14px/20px 'MyriadWebProRegular', sans-serif;
	color: #666666;
	background: #000

}


@media only screen and (max-width: 1456px) {
.extra {
	height: 100%;
	min-width: 1440px;
	min-height: 1240px;
	border: 0;
	font: 14px/20px 'MyriadWebProRegular', sans-serif;
	color: #666666;
	background: #000

}
}

@media only screen and (min-width: 1457px) {
.extra{
    height: 100%;
	min-height: 1000px;
	border: 0;
	font: 14px/20px 'MyriadWebProRegular', sans-serif;
	color: #666666;
	background: #000
	}
}


::-webkit-scrollbar{width:17px;height:17px;background-color:#f0f0f0;border:none}
::-webkit-scrollbar-thumb{background-color:#cdcdcd;border:1px solid #f0f0f0}
::-webkit-scrollbar-thumb:hover{background-color:#dadada}
::-webkit-scrollbar-thumb:active{background-color:#606060}
::-webkit-scrollbar-thumb:disabled{background-color:#f9f9f9}
::-webkit-scrollbar-corner{background-color:#f0f0f0}
::-webkit-scrollbar-button{background-color:#f0f0f0;background-image:url(../imgs/controls.png);background-repeat:no-repeat}
::-webkit-scrollbar-button:vertical{height:33px}
::-webkit-scrollbar-button:horizontal{width:33px}
::-webkit-scrollbar-button:horizontal:increment{background-position:0 -444px}
::-webkit-scrollbar-button:horizontal:decrement{background-position:12px -425px}
::-webkit-scrollbar-button:vertical:increment{background-position:-1px -391px}
::-webkit-scrollbar-button:vertical:decrement{background-position:-1px -358px}
::-webkit-scrollbar-button:hover{background-color:#dadada}
::-webkit-scrollbar-button:horizontal:increment:hover{background-position:0 -548px}
::-webkit-scrollbar-button:horizontal:decrement:hover{background-position:12px -529px}
::-webkit-scrollbar-button:vertical:increment:hover{background-position:-1px -495px}
::-webkit-scrollbar-button:vertical:decrement:hover{background-position:-1px -462px}
::-webkit-scrollbar-button:active{background-color:#606060}
::-webkit-scrollbar-button:horizontal:increment:active{background-position:0 -652px}
::-webkit-scrollbar-button:horizontal:decrement:active{background-position:12px -633px}
::-webkit-scrollbar-button:vertical:increment:active{background-position:-1px -599px}
::-webkit-scrollbar-button:vertical:decrement:active{background-position:-1px -566px}
::-webkit-scrollbar-button:disabled{background-color:#f9f9f9}
::-webkit-scrollbar-button:horizontal:increment:disabled{background-position:0 -756px}
::-webkit-scrollbar-button:horizontal:decrement:disabled{background-position:12px -737px}
::-webkit-scrollbar-button:vertical:increment:disabled{background-position:-1px -703px}
::-webkit-scrollbar-button:vertical:decrement:disabled{background-position:-1px -670px}

.social{
	width:50px; float:right; position:relative; top:-65px
}

/* Estrutura global */
.extra{
	overflow:hidden;
	position:relative;
	margin-bottom:-40px;
	width:100%;
	min-width:1440px!important;

}
.main {
	position:relative;
	float:left;
	top:240px;
	z-index:5;
}
.page_spinner {
	position:fixed;
	background: url(../images/main_spinner.gif) 50% 50% no-repeat #000;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
/* Layout principal */
a {
	color: #666;
	text-decoration: none;
	outline: none;
	font-family:'MyriadWebProRegular', sans-serif;
	font-size:14px
}
a:hover {
	color:#e31b23;
}
h1 {
	padding:20px 0 0 0;
}
h2 {
	font: 20px/20px 'MyriadWebProRegular', sans-serif;
	color: #f03d3f;
	text-transform: uppercase;
	padding-bottom: 20px;
	font-weight:normal
}
h3{
	font: 14px/14px 'MyriadWebProRegular', sans-serif;
	color: #ED3237;
	text-transform: uppercase;
	padding-bottom: 18px;
}

#pane3 h3 a{
	color:#ED3237;
	-webkit-transition:all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#pane3 h3 a:hover{
	color:#999;
	-webkit-transition:all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
h4{
	font: 14px/20px 'MyriadWebProRegular', sans-serif;
	color: #333;
	text-transform: none;
	padding-bottom: 10px;
	font-weight: normal;
}
h5{
	font:12px/20px 'MyriadWebProRegular', sans-serif;
	color:#fff;
}
p {
	padding-bottom:20px;
	font-size:13px
}

img{
	
}
.color1 {
	color:#fff;
}
.color2{
color: #ec145b;
}

/* bg */
#container{
	position:absolute !important;
	top:0;
	left:0;


}
#container > div{
	float: left;
}
#container > div > a{
	position:relative;
	display:block;
}
#container > div > a span{
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
}
.description{
	position: absolute;
	overflow: hidden;
	width: 240px;
	height: 240px;
	top: 0;
	left: 0;
	background-color: #000;
	opacity:0.9;
	-moz-opacity:0.9;
	-webkit-opacity:0.9;
	-ms-filter:alpha(opacity=90)
}

.description p{
	color: #fff;
	/*opacity:0.9;
	-moz-opacity:0.9;
	-webkit-opacity:0.9;
	-ms-filter:alpha(opacity=80);*/
}

.description ul{
	position:relative;
}
.description li{
	padding:45px 20px 0 20px;
	height:195px;
	top:0;
}
.description h4{
	font-size: 16px;
	color: #f03d3f;
}
/* header */
header{
	padding: 0px 0 0 21px;
	width:219px;
	height:240px;
	float:left;
	background-color:#000;
	background:url(../imgs/bg_header.png) no-repeat

}
#logo {
	position: relative;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 208px;
	height: 60px;
	background: url(../images/logo.png) 0 0 no-repeat;
	z-index: 111111;
	top: 5px;
	left: -5px;
	margin-bottom: 25px;
}
/* menu */
#menu{
	padding-top: 20px;

}
#menu > li {
	position: relative;
	height: 24px;
	width: 100%;
	padding:5px 0 1px 2px ;
	margin:0 0 0 60px;
	width:150px;
}
#menu > li a{
	display: inline-block;
	font: 14px/14px 'MyriadWebProRegular', sans-serif;
	color: #000;
	text-indent: 14px;
	text-decoration: none;
	text-transform: capitalize;
	background: url(../images/menu_marker.png) 0 4px no-repeat;
}

#menu > li a:hover{
	background-color:#999;
	background: url(../images/menu_marker.png) 0 4px no-repeat;
}

.submenu {
	position:absolute;
	padding-left:27px;
	display:inline-block;
	width:90px;
	left:84px;
	top:0;
	z-index: 5;
	background:url(../images/submenu_line.jpg) 0 6px no-repeat;
}
.submenu li{
	height:26px;
	display:block;
}
/* content */
.itensservicos ul li{
	list-style-type:circle
}

#content{
	position:relative;
	float:left;
}
#content > ul {
	
}
#content > ul > li {
	position:absolute;
	width:720px;
	height:480px;
	background-color:#000;
	/*opacity:0.95;*/
}
.contPad{
	padding:40px 0 0 30px
}

.link{
	font: 14px/14px 'MyriadWebProRegular', sans-serif;
	color: #9a0000;
	text-transform: uppercase;
	text-decoration: none;
}
.link:hover{
	color:#878787;
	text-decoration:underline;
}
.list1{
	padding:15px 0 25px;
	overflow:hidden;
}
.list1 li{
	float:left;
	padding-right:14px;
}
.padBot1{
	padding-bottom:25px;
}
.list1 li.pad_0{
	padding-right:0px;
}
.list1 li a > span{
	position:absolute;
	width:108px;
	height:154px;
	background:url(../images/page1_hover.png) 0 0 no-repeat;
}
.list2 li{
	overflow:hidden;
	padding-bottom:50px;
}
.list2 li > img{
	float:left;
	padding-right:15px;
}
.list2 li > div{
	margin-top:-4px;
	float:left;
	overflow:hidden;
	width:120px;
}
.list2 li a, .list3 li a, .list4 li > div a .list5 li > div a{
	color:#fff;
	text-decoration:none;
}
.list2 li a:hover, .list3 li a:hover, .list4 li > div a:hover .list5 li > div a:hover{
	text-decoration:underline;
}
.sn{list-style-type:none; margin:-10px 0 0px 0; height:16px; padding:0; float:left} 
.sn li{list-style-type:none; margin:0; padding:0 5px 0 0; display:inline; background:transparent; border:0px!important;} 
.sn span{height:16px; width:16px; display:inline; display:inline-block}
.icon-img{background-position:0 0;}
.icon-img:hover{background-position:0 -16px !important;}


.list3{
	overflow:hidden;
}
.list3 li{
	float:left;
	padding-right:17px;
	width:198px;
	height:177px;
}
.list3 li img{
	padding-bottom:12px;
}
.list4 li{
	float:left;
	width:333px;
	padding-bottom:10px;
}
.list4{
	overflow:hidden;
	padding-top:6px;
}
.list4 li > img{
	float:left;
	padding-right:14px;
}
.list4 li > div{
	float:left;
	overflow:hidden;
	width:240px;
}

.list5 li{
	float:left;
	width:310px !important;
	display:inline-table !important;
}
.list5{
	overflow:hidden;
	padding-top:6px;
	width:630px;
}
.list5 li > img{
	float:left;
	padding-right:14px;
	
}
.list5 li > div{
	float:left;
	overflow:hidden;
	width:230px !important;
}
.list5 li a{
	text-decoration:none;
	color:#666666;
}
.list5 li a:hover{
	color:#ffffff;
}

.newsList{
	overflow:hidden;
}
.newsList dt{
	width:40px;
	float:left;
	font: 16px/24px 'MyriadWebProRegular', sans-serif;
	color: #fff;
	background-color:#fff;
	padding-bottom:5px;
	color:#ec145b;
	text-align:center;
}
.newsList dt > span{
	display:block;
	font-size:24px;
	background-color:#ec145b;
	color:#fff;
}
.newsList dd{
	float:left;
	width:160px;
	padding-left:10px;
}
.newsList dd a{
	text-decoration:none;
	color:#ec145b;
	text-align:left;
	
}
.newsList dd a:hover{	
	color:#666666;
	
}
.google_map{
	width: 343px;
	height: 204px;
	margin-bottom: 28px;
	background: #FFF;
}
.address {
	width: 340px;
}
.address > p{
	width:160px;
}
.mailLink{
	color: #f03d3f;
	text-decoration: none;
}
.mailLink:hover{
	color: #fff;
	text-decoration: underline;
}

#content_case{
	width: 1024px;
	height: auto;
	margin: 0 auto
}

#content_port{
	width: 600px;
	height: auto;
}

#content_tabs{
	width: 1024px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
	
}

.content_thumb{
	width: 240px;
	height: 240px;
	float: left;
	margin:0 0 12px 12px;
	background: url(../imgs/bg_boxes.jpg) no-repeat
}

.content_port{
	width: 600px;
	height: auto;
	float:left
}

.thumb_case{
	width:100px;
	float:left;
	margin:0 0 8px 0
}

.text1_case{
	width: 450px;
	float: right;
	margin: 3px 0 3px 0
}

.text1_case span{
	color: #f03d3f;
	font-size: 16px

}

.text2_case{
	width: 450px;
	float: right;
	margin: 3px 0 3px 0
}

.title_case{
	font-size:16px;
	color:#e31b23;
	margin:35px 0 0 0;
	padding:0 0 0 85px;
}

.line_case{
	font-size: 16px;
	color: #333;
	width: 250px;
	/* [disabled]height: 25px; */
	position: relative;
	left: 55px;
	top: -75px;
	text-align: left;
	z-index: 12

}

.line_case2{
	font-size: 16px;
	color: #333;
	width: 250px;
	/* [disabled]height: 25px; */
	position: relative;
	left: 0px;
	top: -40px;
	text-align: left;
	z-index: 12

}

.line_case, .line_case2 a{
	font-size:16px;
	color:#fff;
}

.line_case, .line_case2 a:hover{
	font-size:16px;
	color:#e31b23;
}

.cab_case{
	font-size: 16px;
	color: #333;
	margin: 15px 0 15px 0;
	padding: 0 0 0 25px;
	text-align: right;
	height: 60px
}

.desc_case{
	font-size: 14px;
	color: #fff;
	width: 420px;
	float: left;
	margin: 30px 40px 0 85px;
	text-align: justify;
	padding-bottom: 10px;
	
}

.social_case{
	font-size: 16px;
	color: #333;
	/*float: right;*/
	margin: 30px 5px 0 490px;
	height:250px;
	width:460px
}

.bts_case1{
	width: 80px;
	height: 80px;
	float: left;
	margin: 0 0 0 15px;
	padding: 12px 0 0 0;
	
}

.bts_case2{
	width: 80px;
	height: 80px;
	float: left;
	margin: 0 0 0 15px;
	padding: 0
	
}

.separador{
    border-bottom:1px solid #666;
	margin:0 0 15px 0;
	float:left
}

.info_case{
	font-size: 14px;
	color: #fff;
	width: 400px;
	margin:0 0 8px 0;
}

.info_case span{
	color:#e31b23
}

.slide{
	width: 850px;
	height: 547px;
	margin: 15px 0 25px 85px;
	float:left
}
/*  footer */
footer{
	padding: 55px 0 0 40px;
	position: relative;
	font-size: 13px;
	color: #858484;
	z-index: 5;
	height:150px;
	width:800px
}
footer a{
	color:#858484;
	text-decoration:none;
}

.footer-face{
	float: left;
	width: 250px;
	height: 100px;
	margin: -18px 0 0 0;
}

.footer-info{
	float: left;
	width: 550px;
	height: 100px;
}
/* formulários */
#form1 {
}
#form1 input {
	margin:0;
	background-color:#aaa;
	padding:7px 0 7px 10px;
	width:244px;
	box-shadow:none;
}
#form1 textarea {
	resize: none;
	margin:0;
	background-color:#aaa;
	padding:7px 0 5px 10px;
	width:244px;
	height:189px;
	overflow:auto;
	line-height:18px;
}
#form1 label {
	position:relative;
	display:inline-block;
	min-height:40px;
}
#form1 .error, #form1 .empty {
	position: relative;
	top: -3px;
	display: none;
	font-size: 11px;
	color: #F34242;
}
.btns{
	margin-right:45px;
}
.btns a{
	display: inline-block;
	margin: 26px 15px 0 10px;
}
/* Form defaults */
input, select, textarea {
	font:12px/12px 'Droid Sans', sans-serif;
	color:#333;
}

/* padding */
.pad1 {
    padding: 46px 0 20px 0;
}
.pad2 {
    padding: 0 51px 0 45px;
}
.pad3 {
    padding-bottom:28px;
}
.pad4 {
    padding: 0 22px 25px 45px;
}
.pad5 {
    padding-bottom: 17px;
}
.pad6 {
    padding-bottom: 20px;
}
.pad7 {
    padding-bottom: 23px;
}
.pad8{
    padding: 0 27px 0 45px;
}
.pad9{
    padding: 0 45px;
}
.pad10{
    padding: 0 22px 28px 45px;
}
.mar1{
    margin-bottom: 21px;
}
.mar2{
    margin: 0px 15px 0px 0px;
}

.w1{
    display: inline-block;
    width: 70px;
}

/* intro */
.intro_text {padding:10px 0 50px 0;}
.intro_text .bwWrapper {
	/* [disabled]border: 5px solid #fff; */
	float: left;
	font-size: 0;
	line-height: 0;
	width: 850px;
}
.intro_text div.desc {
	float: right;
	width: 300px;
	padding-right: 15px;
	text-align: justify;
}

.intro_text div.desc2 {
	float: right;
	width: 615px;
	padding-right: 15px;
	text-align: justify;
}
.intro_text div.desc h4 {
	padding-bottom:15px;
	text-align:left;
	font-weight: bold;
}
.intro_text .intro_slider {margin:0;}
.intro_text .intro_slider li {float:left;width:850px; height:535px}
.intro_text .bx-pager {margin:10px 0 0 400px;}
.intro_text .bx-pager a.pager-link {text-indent:-9999em;float:left;height:16px;width:16px;display:block;background:url(../images/sprite.png) -16px 0px no-repeat;margin-right:4px;}
.intro_text .bx-pager a.pager-active, .intro_text .bx-pager a.pager-link:hover {background-position:0px 0px;}


/* feature lists  */
.featured_list {width:100%;overflow:hidden;clear:both;}
.featured_list h3 {font-size:18px;color:#fff;padding:0 0 12px 0;margin:20px 0 24px 0;}
.featured_list ul {padding:0 0 50px 0;float:left;}
.featured_list ul li {float:left;position:relative;width:221px;padding:0;margin:0 25px 28px 0;}
.featured_list ul.features_slider li {width:160px;margin-right:0;}
.featured_list ul li div {position:relative; width:130px; margin:0 30px 0 0;}
.featured_list ul li .bwWrapper {width:auto;padding:0;margin:0;border-bottom:none;}

.features_slider_wrap .bx-prev, .features_slider_wrap .bx-next {display:block;float:left;width:20px;height:20px;position:absolute;left:580px;top:-54px;font-size:0;line-height:0;background:url(../images/direction_nav.png) 0 0 no-repeat;cursor:pointer;}
.features_slider_wrap .bx-next {background-position:100% 0;left:600px;}
.features_slider_wrap .bx-next:hover {background-position: 100% -20px;}
.features_slider_wrap .bx-prev:hover {background-position:0 -20px;}

/* scrollbar pane */
.scroll-pane {
	width: 650px;
	overflow: auto;
	float: left;
	padding-right: 30px;
	height: 250px;

}

#pane1, #pane2, #pane3, #pane4, #pane5, #pane6, #pane7, #pane8, #pane9, #pane10, #pane11, #pane12, #pane13, #pane14, #pane15 {
	height: 330px;
	padding-bottom: 20px;
	padding-right: 10px;

}
#pane6, #pane7, #pane8, #pane9, #pane10, #pane11, #pane12, #pane13, #pane14, #pane15{
	text-align:justify;
	padding:0 120px 0 0;
	width:500px;
	margin:0 auto
	
}

/*Login*/ 

#login{
	padding:4px 2px 4px 2px;
	width:400px;
	margin:0 auto;
	margin-top:20px
}

#login h1{
	font-size:16px;
	text-align:center;
	font-weight:normal;

}

#login form{
	display:block
}

#login form label{
	display:block;
	font-family:'MyriadWebProRegular',Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	padding:0 0 8px 0;
}

#login form input{
	border:none;
	height:25px;
	padding:5px 0 0 0;
	text-align: left;
}

#login .btn_login{
	width:150px;
	border:none;
	background-color:#ed1c24;
	cursor:pointer;
	padding:5px;
	color:#FFF;
	text-align:center
}

#login{
	width:600px;
	height:480px;
	left: 50%;
	margin-left: -300px;
	top:50%;
	margin-top: -255px;
	position:absolute;
	background:url(../imgs/45degreee_fabric.png)
}

#form_login{
	
}

.header_login{
	text-align:center;
	font-size:16px
}

.header_login a{
	color:#9a0000;
}

.header_login a:hover{
	color:#333
}

.footer_case{
	float:left;
	width:875px;
	text-align:left;
	/*padding:10px 0 0 85px;*/
	margin:10px 0 0 0
}

.scrollup{
    width:50px;
    height:50px;
    opacity:0.7;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url(../imgs/icon_top.png) no-repeat;
}

.menu-tabs{
	position:relative;
	top:10px
}