@CHARSET "utf-8";

body{
	background:#ececec;
	margin:0;
	padding:0;		
	font-family:'Source Sans Pro', sans-serif;
	font-weight:300;
	font-size:100%;
	color:#1c2740;
	background-image:url(images/bgtexture.);
}
	
.caixaTexto { padding:40px; background-color:# }
.caixaTexto { padding:0px; background-color:#; }

a{ color:#ebebeb; text-decoration: none;}
a:hover{ color:#eaeaea; text-decoration: underline;}

h2, .title{	text-shadow:0px 0px 0px #f2f2f2}

.text2{font-size:0.9em; font-family:'Source Sans Pro', sans-serif; color: #424242; line-height: 1.3em  }
ul{list-style:none;}
img{max-width:100%;}

.header{ position:absolute; top:0px; height:40px; z-index:1000; width:100%;}
.espacamento { margin-top:10px; margin-bottom:10px; }

.logo { position:relative; left:0; float:left }
/* nav */
.nav {position: relative; right:0; top:10px; float:right }

p { margin:0 }

.fb-like, .fb-like span, .fb-like.fb_iframe_widget span iframe {
width: 100% !important;}

#fb-root { display: none;}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;}

@media screen and (max-width: 768px) {

.logo { width:70%}
.nav { position:absolute; top:0;}	
.nav ul {
	padding: 20px;
	border: solid 1px #222;
	background:#333 url(../imagens/icon-menu.png) no-repeat 10px 11px;
	border-radius: 1px;
	box-shadow: 0 0px 2px rgba(0,0,0,.3);		
	}
.nav li {display: none; /* hide all <li> items */ margin: 0;}
.nav .current {
display: block; /* show only current <li> item */}
.nav a {display: block; padding: 5px 5px 5px 32px; text-align: left; color:#ccc;}
.nav .current a { background: none;color: #999;}

	/* on nav hover */
.nav ul:hover {color:#c5c1ba; background-image: none;}
.nav ul:hover li {display: block;margin: 0 0 5px;}
.nav ul:hover .current {background: url(../imagens/icon-check.png) no-repeat 10px 7px; color:#c5c1ba;}

	/* right nav */
.nav.right ul {left: auto;right: 0;}

	/* center nav */
.nav.center ul {left: 50%;margin-left: -90px;}
	
}

/* BANNER TOPO */

.tp-banner-container{ width:100%; position:relative; padding:0; background-color: #;}
.tp-banner{ width:100%; position:relative; }

/* FIM TOPO BANNER */


.wrapper{padding: 3em 0 5em 0;}
.wrapper .title
	{
	font-size: 0.9em;
	width: 25em;
	height: 3.25em;
	top: -3.25em;
	line-height: 3.25em;
	margin-bottom: -3.25em;
	margin-left: -12.5em;
	padding-top: 0.5em;
	}

#header-wrapper{ padding: 0;height: 400px;}
.homepage #header-wrapper{ height: 573px;}
#intro-wrapper{ padding-bottom: 8em;}

*/

.clear{ clear: both;}

.container{
	/**	Website Container for PX/% design
	width:1000px;
	width:100%;
	*/
	max-width:100%;	margin: 0 auto;	padding-left:20px;/*1.010101%;*/ padding-right:20px;/*1.010101%;*/}

.container2{
	/**	Website Container for PX/% design
	width:1000px;
	width:100%;*/
	max-width:1000px; margin: 0 auto; padding-left:20px;/*1.010101%;*/ padding-right:20px;/*1.010101%;*/ }

.titdir
	{
	font-family:'Source Sans Pro', sans-serif;
	color: #fff;
	font-size:12px;
	padding: 5px;
	background: #460000 url('images/overlay.png');
	width: auto;
	}
	
#lkuteis{width: 101%; font-family:'Source Sans Pro', sans-serif; font-size:15px;  }
.uteis01{ width:33%; float: left; background:# }
.uteis02{ width:33%; float: left; background:# }
.uteis03{ width:33%; float: left; background:# }

#feedssf{ width: 100%; background:#cecece ; padding-bottom: 120px}

#sidebar{font-family:'Source Sans Pro', sans-serif;font-weight:300;font-size:100%;color:#0e0e0e;}


.abatit{
	padding-top: 5px;
	text-align: center; 
	width: 90px;
	height: 25px; 
	background-color:#ececec;
	right:20px;
	margin-top:-20px;
	position: absolute;
	font-family:'Source Sans Pro', sans-serif; 
	color: #4b4b4b;
	text-shadow:1px #000 ;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.5em;
	letter-spacing: 0.25em;
	box-shadow: 0px 0px 0px #000;
}






/* contatos */
.colunadir{padding: 50px 10px 50px; font-family:'Source Sans Pro', sans-serif; font-size:14px; line-height:20px  }

.contactform .contactInputs {
float:left;position: relative;
}

.contactform input {
	font: normal 14px/22px 'Source Sans Pro', sans-serif;
	width: 164px;
	padding: 5px;
	border: 1px solid #d6d6d6;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	color: #999;
	margin:0px 10px 10px 0px;
}
.contactform .contactInputs.contactInputsRight input {
margin-right:0px;
}
.contactform .textarea {
position:relative;overflow:hidden; float:left; width:100%;
}
.contactform textarea {
	font: normal 14px/22px "Dosis";
	display: block;
	width:90%;
	height:70px;
	background: #fff;
	border: none;
	box-shadow: none;
	padding: 10px;
	border: 1px solid #d6d6d6;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	color: #999;
	margin-bottom: 10px
}
.contactform input:focus, .contactform textarea:focus {
outline:0;	border-color:#b1d999;
}
.contactform .contactButton {
font-size:13px;font-weight:bold;background: #548a33; text-align: center;cursor: pointer; text-decoration: none; border: none; color:#fff; padding:7px 30px 7px 30px ; margin-bottom:20px;
}
.contactform .contactButton:hover {
background:#76b841;}









.footer{
	border-top: solid 1px rgba(255,255,255,0.15);
	height:120px; 
	background-image:url(../imagens/bg_rodape.png);
	background-position:top center;
	padding-top:40px;
	background-color: #401718
}

.containerfooter{
	/**	Website Container for PX/% design
	width:1000px;
	width:100%;*/
	max-width:1000px; margin: 0 auto; padding-left:20px;/*1.010101%;*/ padding-right:20px;/*1.010101%;*/}

.abasocialnet{
	padding-top: 5px;
	text-align: center; 
	width: 90px;
	height: 25px; 
	background-color:#9e477c;
	right:20px;
	margin-top:-100px;
	position: absolute;
	font-family:'Source Sans Pro', sans-serif; 
	color: rgba(255,255,255,0.75);
	text-shadow:1px #000 ;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.9em;
	letter-spacing: 0.25em;
	box-shadow: 5px 5px 5px #000;
}

.fixed{ margin-right:-1.0204081%;}
	
.one_col,.two_col,.three_col,.four_col,.five_col,.six_col,
.seven_col,.eight_col,.nine_col,.ten_col,.eleven_col,.twelve_col{
	float: left;
	margin-right: 1.0204081%;/*10px;*/
/*	margin-right: 2.0833%;/*20px;*/
	margin-left: 0px;
	margin-bottom:15px;
}

.one_col{width:7.31101%;/*139px  */}
.two_col{width: 15.6278%;/*320px;*/	}
.three_col{width: 23.97889%;/*650px;*/}
.four_col{width: 32.284067%;/*485px;*/}
.five_col{width: 40.563667%;/*485px;*/}
.six_col{width: 48.9801%;/*650px;*/}
.seven_col{width: 57.2225%;/*320px;*/}
.eight_col{width: 65.5959%;/*815px;*/}
.nine_col{width: 73.8989%;/*320px;*/}
.ten_col{width: 82.2597%;}
.eleven_col{width: 90.4501%;/*897.5px;*/}
.twelve_col{width:98.958333%;}
.first{clear:left;	}
/**** Offset in row ********/

.offset_1{margin-left:8.3314181%;}
.offset_2{margin-left: 16.6663081%;}
.offset_3{margin-left: 24.9970751%;}
.offset_4{margin-left: 33.3044751%;}
.offset_5{margin-left: 41.5840751%;}
.offset_6{margin-left: 49.9005081%;}
.offset_7{margin-left: 58.2429081%;}
.offset_8{margin-left: 66.6163081%;}
.offset_9{margin-left: 74.9193081%;}
.offset_10{margin-left: 83.2801081%;}
.offset_11{margin-left: 91.4705081%;}
.left { text-align:left;}
.right { text-align:right;}

.corBranco { color:#FFFFFF }
.corAzul { color:#ccc }
.corVermelho { color:#FF0000 }

.espaco {  padding:20px; }

.menuSuperior li { display:inline }
.menuSuperior li img { position:relative; }
.menuSuperior li em { position:absolute; opacity:.5; }
	
/************** MOB **********/

@media screen and (max-width: 600px) {
	body { font-size:80%;}

	.one_col,.two_col,.three_col,.four_col,.five_col,
	.seven_col,.eight_col,.nine_col,.ten_col,.eleven_col,.twelve_col {
		width:98.958333%;
	 }
	.first{
		clear:left;	
	}
}
@media screen and (max-width: 350px) {
	body { font-size:60%;}

}