@import url("onepcssgrid.css");
@import url("rslider.css");
@import url("responsivo.css");

@import url(http://fonts.googleapis.com/css?family=Lusitana:400,700);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);
@import url(http://fonts.googleapis.com/css?family=Bree+Serif);

*{padding:0; margin:0}
body{background:#25130d url(../img/bg.png); font-family: 'Montserrat', sans-serif; color:#25130d}
a{text-decoration:underline; color:#25130d; font-weight:800}
.topo{height:36px;}
.sep{clear:both; height:10px;}
.sep2{clear:both; height:20px;}
.sep3{clear:both; height:30px;}
.sep4{clear:both; height:40px;}
.sep_border{clear:both; height:2px; background:#EDEDEC}

img, iframe,  object, embed, video{height:auto; max-width:100%; display: block; width:100%}


@media screen and (min-width: 801px) {	
	.mobile{display:none;}
	.pd{padding:40px 100px;}
	.home{background:url(../img/home.jpg) no-repeat center fixed; background-size:cover; height:540px; clear:both;}
	.frame{width:90%; margin:0 auto; margin-bottom:40px;}
	.frame iframe{height:315px;}
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 800px) {
	.desktop{display:none}
	.pd{padding:40px 0px;}
	.home{background:url(../img/home.jpg) no-repeat center fixed; background-size:cover; height:340px; clear:both;}
	.frame{width:100%; margin:0 auto; margin-bottom:40px;}
	.frame iframe{height:215px;}
}

/*
==========================================
MENU
========================================== 
*/

.menu_b:hover{background:rgba(79, 62, 50, 0.3); color:#FFF !important}
.menu_c{width:167px; float:left; text-align:center;}
.menu_d{width:195px; float:left; text-align:center;}
.menu_d img{margin-top:-25px;}

.menu{list-style:none;}
nav{float:left;}
.menu li{position:relative; width:171px; font-weight:bold;}
.menu li a{color:#4a3b2f; text-decoration:none;	padding:11px 0px 11px 0; display:block;	font-family: 'Montserrat', sans-serif;}
.menu li a:hover{background:rgba(79, 62, 50, 0.5); color:#fff;}
.menu li ul{position:absolute; top:38px; left:0; background:rgba(79, 62, 50, 0.9); display:none; z-index:999999; -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.7); -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.7); box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.7); width:171px;}  
.menu li:hover ul, .menu li.over ul{display:block;}
.menu li ul li{	display:block;  width:100%;	text-align:center; border-bottom: 1px solid #5a4738; box-shadow: 0 1px 0 #3c2f25;}
.menu li ul li a{color:#cea058; text-decoration:none; display:block; padding:9px 0; }
.ultimo{border-bottom: none !important; box-shadow: none !important;}

.menu2{background:url(../img/bg_conteudo2.png); border-top:2px solid #fcf4db; top:34px; position:relative; text-align:center;}
.menu2 .col2{padding:10px 0; font-weight:bold; margin-top:-60px;}
.menu2 .col4{font-weight:bold; font-size:13px;}

/*
==========================================
IMAGENS DAS PÁGINAS
========================================== 
*/

@media screen and (min-width: 801px) {	
	.bg{clear:both; padding-top:65px;}
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 800px) {
	.bg{clear:both;}
}





/*
==========================================
CONTEUDO
========================================== 
*/

.conteudo{background:#fcf4db; display:table; width:100%;}
.conteudo .texto{padding:90px 0 100px 100px;}
.conteudo .texto h1{font-size:80px; font-weight:bold; text-transform:uppercase;}
.conteudo .texto h2{font-size:55px; margin-top:-20px; text-transform:uppercase; border-bottom: 5px solid #4a3b2f; width:90%; }
.conteudo .texto p{font-size:30px; margin-top:10px;}

.conteudo p{font-size:14px; margin:10px 0; line-height:180%}
.conteudo .cont div{font-size:16px; line-height:180%; text-align:justify;}
.conteudo .cont div strong{font-size:18px; line-height:180%; text-align:justify;}
.conteudo h2{font-size:24px; line-height:180%; text-transform:uppercase; margin-bottom:15px;}

.conteudo-cafuso{background:#fff5ae; display:table; width:100%;}
.conteudo-cafuso .texto h2{font-size:20px; margin:50px 0; text-transform:uppercase; width:100%; line-height:180%; text-align:center}

.conteudo-cafuso2{background:#f9dc06; display:table; width:100%;}

.conteudo2{background:#f5881a; display:table; width:100%; text-align:center}

@media screen and (min-width: 321px) {
	.img_dir, .img_esq{width:40%;}
	.img_dir{float:left; margin-right:20px; margin-bottom:10px;}
	.img_esq{float:right; margin-left:20px; margin-bottom:10px;}
}

@media screen and (max-width: 320px) {
	.img_dir{width:100%; float:left; margin-right:20px; margin-bottom:10px;}
	.img_esq{width:100%; float:right; margin-left:20px; margin-bottom:10px;}
}

/*
==========================================
BOX HOME
========================================== 
*/

@media screen and (min-width: 321px) {	
	.box1, .box2, .box3{width:400px; height:284px; padding-top:50px;}
	.box1{background:url(../img/box1.png) no-repeat center; float:right; margin-right:38px;}
	.box2{background:url(../img/box2.png) no-repeat center; margin-left:48px;}
	.box1 h2, .box2 h2, .box3 h2{position:relative; top:110px; width:40%; margin:0 auto; font-size:22px; line-height:100%}
	.box1 p, .box2 p, .box3 p{position:relative; top:120px; width:75%; margin:0 auto; line-height:120%}
	.bnt{margin-top:20px !important; color:#fff; background-color: rgb(74,59,47) !important; width:25% !important; padding:10px;}
	.box_in_1, .box_in_2, .box_in_3, .box_in_4{height:178px; width:400px;  border:1px solid #fcf4db;}
	.box_in_1{background:url(../img/box3.png) no-repeat center;}
	.box_in_2{background:url(../img/box4.png) no-repeat center; float:right}
	.box_in_3{background:url(../img/box5.png) no-repeat center;}
	.box_in_4{background:url(../img/box6.png) no-repeat center; float:right}
	.box_in_1 p, .box_in_2 p, .box_in_3 p, .box_in_4 p{text-align:center; width:80%; margin:0 auto; margin-top:82px; margin-left:65px; font-size:16px;}
	.box_in_1 a, .box_in_2 a, .box_in_3 a, .box_in_4 a{text-decoration:none;}
	
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 320px) {
	.box1, .box2, .box3{width:260px; height:244px; margin:0 auto; padding-top:0px;}
	.box1{background:url(../img/box1.png) no-repeat center; background-size:100%}
	.box2{background:url(../img/box2.png) no-repeat center; background-size:100%}
	.box1 h2, .box2 h2, .box3 h2{position:relative; top:120px; width:40%; margin:0 auto; font-size:18px; line-height:100%}
	.box1 p, .box2 p, .box3 p{position:relative; top:125px; width:90%; margin:0 auto; line-height:120%; font-size:12px;}
	.bnt{margin-top:25px !important; color:#fff; background-color: rgb(74,59,47) !important; width:25% !important; padding:10px;}
}

.box1 a, .box2 a, .box3 a{color:#4a3b2f;}


.grafismo{background:url(../img/grafismo.png) no-repeat center; width:100%; height:51px; margin-bottom:20px;}




/*
==========================================
RODAPE
========================================== 
*/

.rodape{background:#25130d; display:table; width:100%; color:#fcf4db;}

.rodape .col6{padding:40px 0 10px 0; font-size:12px; line-height:150%}
.rodape .col6 h3{font-size:20px; text-transform:uppercase}
.rodape .col6 h4{font-size:18px; margin-bottom:5px;}

.tristao{width:109px; height:107px; background:url(../img/tristao.png); margin:0 auto; margin-top:40px;}
.linha{margin:0 auto; margin-top:40px; }
.direitos p{font-size:12px; padding:12px 0; color:#cea058}
.fb-like-box{background:#FFFFFF;}

.direitos p{font-size:10px; padding:12px 0; color:#f5881a}
.direitos a{color:#f5881a; text-decoration:none}

.fb-like-box{background:#FFFFFF;}

/*
==========================================
FORMUlÁRIO DE CONTATO
========================================== 
*/

/** the form elements **/
#hongkiat-form {
	box-sizing: border-box;
}

#hongkiat-form .txtinput {
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	margin-bottom: 10px;
	font-size: 1.0em;
	padding: 11px 25px;
	width: 80%;
	color: #777;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	font-family: "Ubuntu", Arial, sans-serif;
}

#hongkiat-form input[type=text], #hongkiat-form input[type=email], #hongkiat-form input[type=tel] {
	margin-bottom:3.5%
}

#hongkiat-form .txtinput:focus, #hongkiat-form textarea:focus {
 	color: #333;
	border-color: rgba(34, 93, 156, 0.4);
	box-shadow: 0 1px 3px rgba(34, 93, 156, 0.1) inset, 0 0 8px rgba(34, 93, 156, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(34, 93, 156, 0.1) inset, 0 0 8px rgba(34, 93, 156, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(34, 93, 156, 0.1) inset, 0 0 8px rgba(34, 93, 156, 0.6);
	outline: 0 none; 
}

#hongkiat-form textarea {
	display: block;
	font-family: "Ubuntu", Arial, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	margin-bottom: 15px;
	font-size: 1.0em;
	padding: 11px 25px;
	width: 90%;
	height: 180px;
	color: #777;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
	transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
	-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#hongkiat-form #slider {
	width: 60%; 
}

@media screen and (min-width: 801px) {	
	#hongkiat-form #aligned {
		box-sizing: border-box; 
		float: left; 
		width: 50%;/*350px;*/
	}
	#hongkiat-form #aside {
		float: left;
		width: 50%;/*350px;*/
		padding: 0;
		box-sizing: border-box;
	}
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 800px) {
	#hongkiat-form #aligned {
		box-sizing: border-box; 
		float: left; 
		width: 100%;/*350px;*/
	}
	#hongkiat-form #aside {
		float: left;
		width: 100%;/*350px;*/
		padding: 0;
		box-sizing: border-box;
	}
}




#wrapping {
	width: 100%; 
	box-sizing: border-box;
}

span.radiobadge {
	display: block; 
	margin-bottom: 8px; 
}
span.radiobadge label {
	font-size: 1.2em; 
	padding-bottom: 4px; 
}

select.selmenu {
	font-size: 17px;
	color: #777 !important;
	padding: 9px !important;
	border: 1px solid #aaa;
	width:96% !important;
}

/** custom buttons **/

#buttons {
	display: block; 
	padding-top: 10px; 
}

#buttons #submitbtn {
	display: block;
	float: right;
	/*height: 2em;*/
	padding: 9px 24px;
	border: 1px solid;
	outline: 0;
	font-weight: bold;
	font-size: 14px;
	text-transform:uppercase;
	color:  #fff;
	white-space: nowrap;
	word-wrap: normal;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: rgb(74,59,47);
	margin-top:20px;
	margin-right:16px;
}