

/* Inputs */

input[type=text] {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	outline: none;
	border: 1px solid #ccc;
	font-size:12px;
	padding-left: 10px;
}

.input-search {
	width: 470px;
	height: 24px;
	background-image:url(../images/search.png);
}



.input-login {
	width: 237px;
	height: 30px;
}

.input-express-contact {
	width: 237px;
	height: 25px;
}



.input-express-contact-select {
	width: 250px;
	height: 30px;
	border: 1px solid #bbb;
	padding-left: 10px;
	color: #000;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
}

.input-express-contact-textarea {
	width: 230px;
	height: 100px;
	border: 1px solid #bbb;
	padding-left: 10px;
	color: #000;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	padding-top: 7px;
	padding-right: 7px;
}

.input-express-contact-textarea:hover {
	border: 1px solid #999;
}

.input-express-contact-textarea:focus {
	border: 1px solid #000;
}
	

input[type=password] {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	outline: none;
	font-size:12px;
	border: 1px solid #bbb;
	padding-left: 10px;
}

	
	input[type=text]:focus {
	border: 1px solid #000;
	box-shadow: inset 0px 0px 0px 0px  #00468C;
}
	
	input[type=password]:focus {
	border: 1px solid #000;
	box-shadow: inset 0px 0px 0px 0px  #00468C;
}

	input[type=text]:hover {
	border: 1px solid #999;
	box-shadow: inset 0px 0px 0px 0px  #DDD;
}
	
	input[type=password]:hover {
	border: 1px solid #999;
	box-shadow: inset 0px 0px 0px 0px  #DDD;
}


/* Fontes */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

.menu {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	color:#000;
	}
	
	.principal {
	font-family: "Open Sans", sans-serif;
	font-size: 33px;
	font-weight: 400;
	color: #000;
	}

	.sub {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 400;
	color:#000;
	}
	
	.principal2 {
	font-family: "Open Sans", sans-serif;
	font-size: 34px;
	font-weight: 200;
	color: #000;
	}

	.sub2 {
	font-family: "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 200;
	color:#000;
	}
	
	.footer {
	font-family: "Open Sans", sans-serif;
	font-size: 24px;
	font-weight: 200;
	color: #000;
	}

	.sub3 {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	font-weight: 200;
	color: #000;
	}

/* Botões */

.send {
	width: 90px;
	height: 30px;
	background-color: #0072C6;
	background-image: url(images/bg-bottom.png);
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	border: solid 0px #bbb;
	font-weight: 400;
	color:#FFF;
}


/* DIVS */

/* header */

#header {
	width: 100%;
	height: 80px;
	padding-top: 25px;
	text-align: center;
}

#menu {
	padding: 0;  margin: 0;
	width: 980px;
	height: 27px;
	z-index: 9999;
	
}



#menu-line {
	padding: 0;
	width: 980px;
	height: 0px;
	background-color: #EEE;
	border: #eee solid 1px;
	border-bottom: 0px;
	
}

/* End header */

/* Content */

#slide {
	width: 100%;
	height: auto;
}


#content-login {
	width: 980px;
	height: auto;
	padding-bottom: 70px;
}

#content-text {
	width:250px;
	height: 80px;
	text-align: left;
	padding-top: 10px;

}

#content-text a {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #005797;
	text-decoration:none;
	
}

#content-text a:hover {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #003;
	text-decoration: underline;
}

#content-text2 {
	width:280px;
	height: 70px;
	text-align: left;
	padding-top: 10px;

}

#content-text2 a {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #005797;
	text-decoration:none;
	
}

#content-text2 a:hover {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #003;
	text-decoration: underline;
}


#services {
	width: auto;
	height: 100px;
	text-align: left;
	padding-top: 10px;

}

#space {
	width: 1px;
	height:35px;
}


/* end content */

/* Begin footer */

	#footer {
	width: 100%;
	height: 270px;
	background-color: #eee;
	bottom: 0;
	}

	#footer-content {
	width: 1000px;
	height: auto;
	}

	#footer-content a {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #005797;
	text-decoration:none;
	
}

	#footer-content a:hover {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #003;
	text-decoration: underline;
	}

	#footer-link {
	width: auto;
	height: 15px;
	text-align: left;
	padding-top: 10px;

	}

	#footer-rights {
	width: 980px;
	height: auto;
	padding-top: 100px;
	text-align: right;
	}
	
	/* End footer */
	
	/* Class das divs */
	
		.coluna {
        display:inline; /*Evita o bug da margem duplicada*/
        float: left;
        width:235px;
		text-align:left;
		padding-top: 17px;
        }
		
		.coluna2 {
        display:inline; /*Evita o bug da margem duplicada*/
        float: left;
        width:980px;
		text-align:right;
		padding-top: 10px;
        }
		
		.coluna3 {
        display:inline; /*Evita o bug da margem duplicada*/
        float: left;
        width:250px;
		text-align:left;
		padding-right: 70px;
		padding-bottom: 80px;
        }
		
		.works {
        display:inline; /*Evita o bug da margem duplicada*/
        float: left;
        width:730px;
		text-align:left;
        }
		
		.etc-area {
        display:inline; /*Evita o bug da margem duplicada*/
        float: left;
        width:250px;
		text-align:left;
        }
		
		.etc-area {
        display:inline; /*Evita o bug da margem duplicada*/
        float: left;
        width:250px;
		text-align:left;
        }
		
		.login {
        display:inline; /*Evita o bug da margem duplicada*/
        float: left;
        width:250px;
		text-align:left;
        }
		
		.space-ctt {
			padding-top: 5px;
		}
		
			.space-lateral {
			width: 1px;
			height: 670px;
			}
		
		.header-logo {
		display:inline; /*Evita o bug da margem duplicada*/
        float: left;
        width:auto;
		text-align:left;
		}
		
		.header-search {
		display:inline; /*Evita o bug da margem duplicada*/
        float: left;
        width:auto;
		text-align:left;
		}


a									{ text-decoration: none; border: 0px; }
ul									{ list-style: none; }

/* 
	LEVEL ONE
*/
ul.dropdown                         {padding: 0;  margin: 0;  position: relative; }
ul.dropdown li                      { font-weight: 400; float: left; zoom: 1; background: transparent; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #000; }
ul.dropdown li a                    { display: block; padding: 4px; padding-right: 30px; border-right: 0px solid #FFF; font: 14px "Open Sans", sans-serif;
	 								  color: #222; text-align:left; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: transparent; color: black; position: relative; }
ul.dropdown li.hover a              { color: #039;}

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ padding: 0;  margin: 0; width: 220px; visibility: hidden; position: absolute; left: 0; z-index:9999;}
ul.dropdown ul li 					{ padding-left: 10px;  font-weight: normal; background: #EEE; color: #000; z-index:9999;
									  border-bottom: 0px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;  font:12px "Open Sans", sans-serif;} 
ul.dropdown ul li a:hover {text-decoration: underline;}
ul.dropdown  ul li:hover                { background: #EEE; color: black; position: relative; text-decoration: underline; }

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }