@charset "iso-8859-1";

@import url(http://fonts.googleapis.com/css?family=Lora:100);


/*----- ALL ---------------*/
*{
			margin:0;
			padding:0;
			outline:0;
			list-style:none;
			list-style-type:none;
			font-size:100%;
			font-style:inherit;
			font-weight:inherit;
			font-family:inherit;
			line-height:inherit;
			voice-family:inherit;
			text-decoration:none;
			vertical-align:baseline;
			-ms-text-size-adjust:100%;
			-webkit-text-size-adjust:100%;
			-webkit-font-smoothing:antialiased;
			text-rendering:optimizeLegibility;
}


*:before,
*:after{
			content:"";
			content:none;
			clear:both;
}


* html .cf,
*:first-child+html .cf{
			height:1%;
			*zoom:1;
			*display:block;
}


::selection,
::-moz-selection{
			background:#b3d4fc;
			text-shadow:none;
}


.cf,
.cf:before,
.cf:after{
			width:100%;
			height:0;
			content:"";
			content:none;
			line-height:0;
			visibility:hidden;
			overflow:hidden;
			display:block;
			clear:both;
}


.top-fixed{
			top:0;
			margin-top:0;
}


.bottom-fixed{
			bottom:0;
			margin-bottom:0;
}


.top-fixed,
.bottom-fixed{
			position:fixed;
			z-index:9999;
}


.float-l{
			float:left;
}


.float-r{
			float:right;
}


.left{
			text-align:left;
}


.center{
			margin:0 auto;
			text-align:center;
}


.right{
			text-align:right;
}


.justify{
			text-align:justify;
}


.hiddem{
			font:0/0 a;
			color:transparent;
			text-shadow:none;
			background:transparent;
			visibility:hidden;
			display:none;
			border:0;
}


* img{
			max-height:100% !important;
			max-width:100% !important;
			height:auto \9;
			width:auto \9;
			border:0;
			vertical-align:baseline;
			-ms-interpolation-mode:bicubic;
}


a,
a:link,
a[href],
a:active,
a:visited,
a[href]:active,
a[href]:visited{
			color:#333;
			cursor:pointer;
			transition-duration:.3s;
			-webkit-transition-duration:.3s;
}


a:hover,
a[href]:hover{
			color:#151515;
}


a.link{
			padding:.5em;
			border:1px solid #cecece;
}


a.link:hover{
			border:1px solid #707070;
}



/*----- STRUCTURE ---------------*/
html,
body{
			width:100%;
			height:100%;
			min-height:100%;
			background:#F9F9F9;
			font-family:Verdana,Helvetica,Tahoma,Arial,serif;
			font-size:14px;
			font-weight:100;
			color:#333;
			z-index:0;
}


#header,
#footer,
#banner,
#distop,
#main,
.ctrl,
.row{
			max-width:100%;
			overflow:hidden;
			display:block;
			clear:both;
			z-index:2;
}


.ctrl{
			margin:0 auto;
			width:1000px;
}


.ctrl-left,
.ctrl-right{
			width:68%;
			overflow:hidden;
			display:block;
			float:left;
			z-index:3;
}


.ctrl-right{
			margin-left:2%;
			width:30%;
}


div[class^="col"]{
			margin:1em 1% 1em 1%;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			overflow:hidden;
			display:block;
			float:left;
}
.col1{
			width:6.33333333%;
			*width:6.33333333%;
}
.col2{
			width:14.66666667%;
			*width:14.66666667%;
}
.col3{
			width:23%;
			*width:23%;
}
.col4{
			width:31.33333333%;
			*width:31.33333333%;
}
.col5{
			width:39.66666667%;
			*width:39.66666667%;
}
.col6{
			width:48%;
			*width:48%;
}
.col7{
				width:56.33333333%;
				*width:56.33333333%;
}
.col8{
			width:64.66666667%;
			*width:64.66666667%;
}
.col9{
			width:73%;
			*width:73%;
}
.col9-2{
			width:35.5%;
			*width:35.5%;
}
.col10{
			width:81.33333333%;
			*width:81.33333333%;
}
.col11{
			width:89.66666667%;
			*width:89.66666667%;
}
.col12{
			width:98%;
			*width:98%;
}


#header{
			background:#542300 url(../imgs/bg-cinza-noised.png) repeat 0 0;
}


#header a{
			color:#FFFFFF !important;
}


#header .col12{
			margin-top:.5em;
			margin-bottom:.5em;
}


#header #logo{
			margin-top:1em;
			margin-bottom:0;
}

#banner{
}


#banner > .image img{
			margin-bottom:-3em;
			width:100% !important;
			background:none no-repeat top center fixed;
			-webkit-background-size:100% 100%;
			-khtml-background-size:100% 100%;
			-moz-background-size:100% 100%;
			-ms-background-size:100% 100%;
			-o-background-size:100% 100%;
			background-size:100% 100%;
			background-origin:initial;
			background-clip:initial;
			position:relative;
			z-index:0;
}


#distop{
}


#main{
			margin-bottom:2em;
			background:#F9F9F9;
}


.ctrl{
}


.row{
}


#footer{
			padding:1em 0 1em 0;
			border-top:2px solid #cccccc;
			background:#F5F5F5;
}


#footer .devel{
			color:#F0F0F0;
}



/*----- TITLES e FONTS ---------------*/
h1,
h2,
h3,
h4,
h5,
h6{
			font-family:'Lora',serif;
			font-size:2.4em;
			line-height:1em;
}


h2{
			font-size:2em;
}


h3,
h4,
h5,
h5{
			font-size:1.8em;
			line-height:1.5em;
}


h4{
			font-size:1.6em;
}


h5{
			font-size:1.4em;
}


h6{
			font-size:1.2em;
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img{
			margin-bottom:-6px;
			vertical-align:baseline;
}

p{
			margin:.5em 0 1em 0;
			font-size:1em;
			font-stretch:normal;
			text-align:justify;
			line-height:1.4em;
}


.font-n{
			font-weight:normal;
			font-style:normal;
			text-decoration:none;
}


i,
em,
.font-i{
			font-style:italic;
}


b,
strong,
.font-b{
			font-weight:bold;
}


u,
ins,
.font-u{
			text-decoration:underline;
}


s,
del,
.font-s{
			text-decoration:line-through;
}



/*----- NAVIGATION ---------------*/
ul#nav-h{
			width:100%;
			color:#FFFFFF;
			text-align:center;
			background:#542300;
			position:relative;
			display:block;
}

 
#nav-h li{
			display:inline;
}


#nav-h li a:link{
			margin:0 auto;
			padding:.5em;
			color:#FFFFFF;
			text-align:center;
			cursor:pointer;
			display:inline-block;
}


#nav-h li a:link,
#nav-h li a:active,
#nav-h li a:visited
#nav-h li a:hover{
			color:#FFFFFF;
}


#nav-h li a:hover{
			background:#753000;
			transition-duration:.3s;
			-webkit-transition-duration:.3s;
}



/*----- EFFECTS ---------------*/
.border-a{
			border:1px solid #ccc;
}


.border-a2{
			border:4px double #ccc;
}


.border-t{
			border-top:1px solid #ccc;
}


.border-t2{
			border-top:4px double #ccc;
}


.border-l{
			border-left:1px solid #ccc;
}


.border-l2{
			border-left:4px double #ccc;
}


.border-r{
			border-right:1px solid #ccc;
}


.border-r2{
			border-right:4px double #ccc;
}


.border-b{
			border-bottom:1px solid #ccc;
}


.border-b2{
			border-bottom:4px double #ccc;
}


.radius{
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-khtml-border-radius:5px;
}


.circle{
			border-radius:50%;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			-khtml-border-radius:50%;
}


.shadow-inset{
			box-shadow:inset 1px 1px 4px #000000;
}


.shadow-multi{
			box-shadow:0 0 5px 1px #09F,
								 0 0 0 2px #F00;
}


.shadow-border{
			box-shadow:0 0 0 2px #F00;
}


.shadow-glow{
			box-shadow:0 0 5px 1px #09F;
}


.shadow-standard{
			box-shadow:1px 1px 1px rgba(0,0,0,0.5);
}


ul.galeria{
			display:block;
}


ul.galeria li{
			margin:.6em;
			overflow:hiddem;
			float:left;
}



/*----- FORMS ---------------*/
:-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
			color:#999;
}


form label{
			display:block;
			clear:both;
}


form label>span{
			margin-right:5px;
			color:#FF0000;
}


form select,
form textarea,
form select[size],
form select[multiple],
form input[type="text"],
form input[type="file"],
form input[type="email"],
form input[type="image"],
form input[type="password"]{
			width:100%;
			height:42px;
			padding:10px 5px 10px 5px;
			font:100 14px Tahoma,Arial,sans-serif;
			border:2px solid #CCC;
			cursor:pointer;
			box-sizing:border-box;
			-ms-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-webkit-transition-duration:.3s;
			transition-duration:.3s;
}


form textarea{
			min-width:100%;
			max-width:100%;
			min-height:8em;
			height:auto;
}


form select > option{
			padding:5px 0 5px 10px;
			height:1.3em;
}

form input[type="radio"],
form input[type="checkbox"]{
			margin:4px 0 0;
			margin-top:1px \9;
			transform:scale(1.3);
			-ms-transform:scale(1.3);
			-moz-transform:scale(1.3);
			-webkit-transform:scale(1.3);
			-o-transform:scale(1.3);
			cursor:pointer;
}


form .btn-reset,
form .btn-submit,
form .btn-disabled,
form button[disabled],
form button[type="reset"],
form button[type="submit"]{
			margin:1em;
			padding:.5em 1em .5em 1em;
			font:700 1.2em Arial, sans-serif;
			color:#FFFFFF;
			text-align:center;
			text-shadow: 1px 1px 1px #57B245;
			background:linear-gradient(#6BDB55,#57B245);
			box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
			border:0;
			cursor:pointer;
			display:inline-block;
			-webkit-appearance:button;
}


form .btn-reset,
form button[type="reset"]{
			font-weight:100;
}


form .btn-reset:hover,
form .btn-submit:hover,
form button[type="reset"]:hover,
form button[type="submit"]:hover{
			box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),
			inset 0 1.5em 1em rgba(255,255,255,0.3);
}


form select:focus,
form textarea:focus,
form select[size]:focus,
form select[multiple]:focus,
form input[type="text"]:focus,
form input[type="file"]:focus,
form input[type="email"]:focus,
form input[type="image"]:focus,
form input[type="password"]:focus{
			background:#F5F5F5;
}


form select:disabled,
form textarea:disabled,
form select[size]:disabled,
form select[multiple]:disabled,
form input[type="text"]:disabled,
form input[type="file"]:disabled,
form input[type="email"]:disabled,
form input[type="image"]:disabled,
form input[type="password"]:disabled,
form input[type="checkbox"]:disabled,
form input[type="radio"]:disabled,
form button[type="submit"]:disabled,
form button[type="reset"]:disabled,
form button[disabled]:disabled,
form .btn-disabled:disabled,
form .btn-submit:disabled,
form .btn-reset:disabled{
			background:#E9E9E9;
			color:#808080;
			text-shadow:none;
			cursor:not-allowed;
}






/*-----  ---------------*/



/******- RESPONSIVE -******/
/*
1200px- Desktops com monitores widescreen
1024px- Tablets maiores em modo paisagem, monitores antigos
 960px- Tablets em formato paisagem e monitores antigos
 768px- Tablets em modo retrato
 600px- Tablets pequenos. Ex: eReaders
 480px- Smartphones em formato paisagem
 320px- Smartphones em formato retrato
*/


@media (max-width: 768px){
		#banner > .image img{
					margin-top:-1em;
					padding-bottom:1em;
		}
		
		
		#main .ctrl-left form [class^="col"]{
					width:98%;
		}
}



@media (max-width: 600px){
		#main .ctrl-left,
		#main .ctrl-right{
					margin:0;
					width:100%;
		}
		
		
		#main .ctrl-right .col12{
					width:48%;
					display:block;
					float:left;
		}
		
		
		div[class^="col"]{
					width:98%;
		}
		
		
		h1,
		h2,
		h3,
		h4,
		h5,
		h6{
					font-size:1.8em;
					line-height:1.2em;
		}


		h2{
					font-size:1.6em;
		}


		h3{
					font-size:1.4em;
		}


		h4{
					font-size:1.3em;
		}


		h5{
					font-size:1.2em;
		}


		h6{
					font-size:1.1em;
		}
		
		
		p{
					font-size:.938em;
					line-height:1.3em;
		}
}



@media (max-width: 480px){
		#main .ctrl-right .col12{
					width:98%;
		}
}



@media (max-width: 380px){
}