/* CSS Document */

body{ background-color:#f3f3f3; font-family:'Open Sans', sans-serif; color:#45484a;}

p { font-size:13px; line-height:20px; font-family:'Open Sans', sans-serif; color:#45484a;}

a { text-decoration:none; transition: color .5s ease;}

strong { font-weight:bold;}

h1 { font-size:24px; line-height:34px; font-weight:300; font-family: 'Ubuntu', sans-serif;}

h2 { font-size:24px; font-weight:300; line-height:34px; font-family:'Open Sans', sans-serif; text-transform:uppercase; color:#45484a;}

h3 { font-size:16px; font-weight:800; line-height:24px; margin-bottom:20px; font-family:'Open Sans', sans-serif; color:#45484a;}

#topHeader { width:100%; background-color:#45484A; padding:15px 0;}
	#topHeader p { font-family:'Open Sans', sans-serif; color:#C4C6C7; font-size:28px; float:right; font-weight:100;}
	#topHeader img { float:right;}

#header_container { width:100%; background:url(../images/header_bg.png) top left repeat-x; padding:30px 0 10px 0;}

header {}
	header img { float:left; margin-right:20px;}
	header h1 { float:right; margin:0;}
	header p { font-family:'Open Sans', sans-serif; font-size:14px; color:#45484A; float:right;}

nav { float:left;}
	nav ul { list-style:none;}
	nav ul li { display:block; float:left; padding:3px 15px;}
	nav ul li a { font-family: 'Open Sans', sans-serif; text-transform: uppercase; transition: all .25s ease; font-size:14px; color:#C4C6C7; cursor:pointer;}
	nav ul li a:hover { color: #E56038;}
	
/*#alternative_menu { width:150px; position:absolute; top:100px; left:50%; margin-left: -75px; display:none;}*/
#alternative_menu { width:150px; float:left; display:none; margin-left:20px;}

#spacer {text-align:center;}

#slider_container { width:auto; margin:0 auto; position:relative; border-bottom:1px solid #999; border-top:1px solid #666;}

#slider_content1, #slider_content2, #slider_content3, #slider_content4, #slider_content5 { line-height: 25px; font-family: 'Open Sans', sans-serif; width:auto; width:350px; position:absolute; top:15%; left:15%; display:none; z-index:11;}

#slider_content1 { display:block;}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3, #slider_content5 h3 {color:#EBE8DE; font-size:25px; font-weight:bold; margin-bottom:10px; padding:10px 15px; border-radius: 15px 0 15px 0; display:inline-block;}

#slider_content1 p, #slider_content2 p, #slider_content3 p, #slider_content4 p, #slider_content5 p {margin:0 0 30px 0; color:#EBE8DE; background:url(../images/transp_bg.png) top left no-repeat; padding:10px 15px; border-radius: 5px;}

.button { padding: 7px 14px; border: 1px solid #C3532E; background-image: linear-gradient(to bottom, #FF8C66 0%, #E56038 100%); background-color: #EB653C; color: #EBE8DE; text-shadow: 1px 1px 0px #FF8155; text-decoration: none; border-radius: 5px;}

article {}
	article ul.ulChk { list-style-type:none;}
	article ul.ulChk li { font-size:13px; font-family:'Open Sans', sans-serif; color:#45484a; line-height:20px; background:url(../images/check.png) top left no-repeat; background-position:0px 0px; padding-left:35px; margin-bottom:20px; min-height:24px;}
	article ul.ulStar { list-style-type:none;}
	article ul.ulStar li { font-size:13px; font-family:'Open Sans', sans-serif; color:#45484a; line-height:20px; background:url(../images/star.png) top left no-repeat; background-position:0px 2px; padding-left:35px; margin-bottom:20px; min-height:24px;}
	
.scrollableContainer { margin:0 auto; width:100%;}

#formContainer { width:100%; max-width:600px; float:left; padding:20px 0 0 0;}

#infoContainer { width:100%; max-width:244px; height:260px; float:left; margin:54px 0 0 0; padding:0 0 0 15px; border-left:1px dotted #484A4B;}
	#infoContainer ul { float:left; list-style-type:none;}
	#infoContainer ul li { display:block; font-size:12px; line-height:150%; color:#333; font-family:'Open Sans', sans-serif; font-weight:normal; }
	#infoContainer ul li span { color:#222222; font-weight:900;}
	#infoContainer ul li a{ color:#333; font-weight:normal; }
	#infoContainer ul li a:hover{ color:#BD231B;}
	
#recent-work { width:100%; max-width:250px; float:left;}

#recent-work-gallery { width:100%; max-width:620px; float:right; margin-right:10px;}
	#recent-work-gallery img { float:left; border:1px #FFF solid;}
	#recent-work-gallery img.centerImg { margin:0 7px;}


footer { position:relative; clear:both; width:auto;}
 	footer .copyright { font-family: 'Open Sans', sans-serif; color: #5e5e5e; font-size:14px;}
 	footer .copyright .social { float:right;}
 	footer .copyright a:hover{ color:#BD231B;}
 
.go-top { position: fixed; bottom: 2em; right: 2em; text-decoration: none; color: white; background-color: rgba(0, 0, 0, 0.3); font-size: 12px; padding: 1em; display: none;}

.go-top:hover { background-color: rgba(0, 0, 0, 0.6);}

/* global class */
.clear { clear:both;}
.fullWidth { width:100%; padding:40px 0;}
.container { width:auto; max-width:900px; margin:0 auto; padding:0;}
.twoColumn { width:47%; float:left;}
.mrgRight40 { margin-right:40px;}
.mrgTop20 { margin-top:20px;}
.mrgTop40 { margin-top:40px;}
.mrgTop80 { margin-top:80px;}
.mrgBottom20 { margin-bottom:20px;}
.mrgBottom40 { margin-bottom:40px;}
.mrgBottom80 { margin-bottom:80px;}
.textAlignCenter { text-align:center;}
.descTitle { font-size:16px; line-height:24px; color:#45484a;}
.color1 { background-color:#E6E6E6;}
.color2 { background-color:#B4B8BC;}
.color3 { background-color:#F8F8F8;}
.color4 { background-color:#1d1d1d;}
.brdBottom { border-bottom:2px solid #fff;}
.brdTop { border-top:2px solid #fff;}
.brdTop2 { border-top:1px solid #f3f3f3;}
.singleSep { width:auto; max-width:900px; border-bottom:2px solid #E0DEDE; margin:0 auto; padding:10px 0;}
.doubleSep { width:auto; max-width:900px; height:5px; border-bottom:2px solid #E0DEDE; border-top:2px solid #E0DEDE; margin:20px auto; padding:0;}
.iconCheck { width:24px; height:24px; background:url(../images/check.png) top left no-repeat;}
.txtBaseColor { color:#e56038;}
.importantField { color:#F00; font-size:11px;}
.underLine { text-decoration:underline;}
.chrst_bg { width:auto; max-width:1255px; background:url(../images/chrs_bg.png) top center no-repeat;}

/* base color classes */
/*#e56038 (laranja)*/
.bs_BodyBorderTop { border-top:2px solid #e56038;}
.bs_TitleColor { color:#e56038;}
.bs_FooterBorderTop { border-top:1px solid #e56038;}

/* responsive */
#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button, #slider_content4 p .responsive_button, #slider_content5 p .responsive_button { display:none;}

@media (max-width: 1215px){
	#slider_content1, #slider_content2, #slider_content3, #slider_content4, #slider_content5 { width:350px; margin-right:50px;}
	#slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3, #slider_content5 h3 { font-size:18px;}
	#slider_content1 p, #slider_content2 p, #slider_content3 p, #slider_content4 p, #slider_content5 p { font-size:14px;}
	#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button, #slider_content4 p .responsive_button, #slider_content5 p .responsive_button { display:inline; color:	#EB653C;}
	#slider_container .button { display:none;}
}

@media (max-width: 915px){
	header h1, header p, h2, p, h3, ul { padding:0 10px;}
	#formContainer { width:auto; max-width:580px; float:none; margin:0 auto; padding:20px 10px 0 10px;}
	#infoContainer { width:100%; max-width:600px; height:auto; float:none; margin:0 auto; padding:20px 0 0 0; border-left:none; border-top:1px dotted #484A4B;}
	#infoContainer ul li { float:left; display:inline; margin:0; padding:0; margin-right:40px;}
	.copyright { padding:0 10px;}
	#recent-work { width:100%; max-width:900px; clear:both; margin-bottom:20px; text-align:center;}
		#recent-work h2{ text-align:center;}
		#recent-work p{ text-align:center;}
	#recent-work-gallery { width:100%; max-width:620px; float:none; margin:0 auto;}
	
}

@media (max-width: 845px){
	#slider_content1, #slider_content2, #slider_content3, #slider_content4, #slider_content5  { top:-1500px; width:auto;}
	header img#logo { float:none; display:block; margin:0 auto; width:80px; height:48px;}
	header h1 { float:none; margin:0; font-size:20px; text-align:center;}
	header p {  float:none; font-size:13px; text-align:center;}
}

@media (max-width: 680px){
	.twoColumn { float:none; width:98%; margin-bottom:20px;}
	/*#alternative_menu { display:block;}*/
	#topHeader nav { display:none;}
	
}

@media (max-width: 640px){
	#recent-work-gallery img { float:none;}
}

@media (max-width: 610px){
	header { height:120px;}
}

@media (max-width: 543px){
	header { height:120px;}
	header h1 { font-size:18px;}
	#infoContainer ul li { display:block; margin-bottom:20px; float:none;}	
}

@media (max-width: 495px){
	#alternative_menu { display:none;}
	header h1 { font-size:14px; line-height:14px;}
}

@media (max-width: 357px){
	header { height:130px;}
}