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

Title : TermoDouro

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

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

	css

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

*{
	margin: 0;
	padding: 0;
}
body{
	background: #dfe7f1 url("images/body_bg.gif") repeat-x;
	color: #555;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 62.5%; /* http://www.clagnut.com/blog/348/ */
	line-height:;
	text-align: center;
}

/* links  */

a{
	color: #1B70C0;
}
a:hover{
	text-decoration: underline;
}

/* headings */

h1 {font-size:2em}  /* displayed at 24px */
h2 {	font-size:1.5em;}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

/* tables & forms */

input, select, th, td {font-size:1em}

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

	page structure

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

#wrap{
	margin: 0 auto;
	text-align: left;
	width: 740px;
	background: #fff;
}
#header{
	background: url("images/header_bg.png") repeat-x;
	height: 89px;
	width: 720px;
	margin: 0 auto;
	position: relative;
}
#navigation{
	font-size: 1.2em;
	font-weight: bold;
	position: absolute;
	right: 20px;
	top: 25px;
	color: #1b70c0;
	list-style: none;
	width: 260px;
}
#banner{
	position: relative;
	background: #EEE url("images/banner_3.jpg") no-repeat center center;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
	margin: 0 auto;
	width: 720px;	
	height: 176px;
}
#primary-content{
	float: left;
	font-size: 1.2em;
	line-height: 1.5em;
	width: 450px;
	margin-left: 10px;
	padding: 20px 0 20px 15px;
}
#secondary-content{
	color: #555;
	float: right;
	font-size: 1.1em;
	line-height: 1.4em;
	width: 216px;
	margin-right: 10px;
	padding: 0 20px 20px 0;
}
#footer{
	border-top: 1px solid #8db7df;
	margin: 0 auto;
	height: 83px;
	background: #e6ecf4 url("images/footer_bg.png") repeat-x;
	font-size: 1.2em;
	color: #1b70c0;
	clear: both;
	position:relative;
}

/* IE */

* html #primary-content{
	margin-left: 5px !important;
}
* html #secondary-content{
	margin-right: 5px !important;
}

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

	header

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

#header h1{
	margin: 0;
	position: absolute;
	left: 25px;
	top: 17px;
}
#header h1 a{
	display: block;
	background: url("images/logo.gif") no-repeat;
	width: 312px;
	height: 46px;
	text-indent: -10000px;
}

/* search */

#search{
	margin: 0 auto;
	width: 720px;
	position: relative;
	font-size: 11px;
	color: #FFF;
	bottom: 0;
	position: absolute;
	text-align: right;
}
#search form{
	margin: 0;
	padding: 5px 15px;
}
#search form .searchfield{
	width: 32%;
}
a.search{
	position: absolute;
	right: 30px;
	top: 0;	
	display: block;
	text-indent: -10000px;
	background: #5488CD url("images/search_bt.png") no-repeat center center;
	width: 25px;
	height: 21px;
	border-bottom: 1px solid #1f54bc;
	
	display: none;
}

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

	navigation

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

#navigation li{
	float: left;
	padding: 0 !important;
	margin: 0 !important;
}
#navigation li a{
	border-right: 1px solid;
	float: left;
	display: block;
	text-decoration: none;
	color: #1b70c0;
	padding: 0 7px 0 5px;
}
#navigation li a:hover{
	text-decoration: underline;
}
li.last-child a{border: none !important;}

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

	primary content

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

#primary-content h2{
	color: #1B70C0;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
}	
#primary-content h2 a{
	color: #1B70C0;
	text-decoration: none;
}		
#primary-content h2 a:hover{
	color: #4B88D4;
}	
#primary-content h3, #primary-content h4{
	background: none;
	border-bottom: 1px solid #dfe3e4;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
	clear:both;
}	
#primary-content p{
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
#primary-content ol {
	line-height: 1.8em;
	margin: 0 30px 20px 50px;
}	
#primary-content ul {
	line-height: 1.8em;
	margin: 0 30px 20px 0;
}
#primary-content ul li {
	background: url(images/blue-box.gif) no-repeat 0 3px;
	line-height: 1.8em;
	list-style: none;
	padding-left: 20px;
}

/* forms & class's */

#primary-content form{margin: 10px 0 20px 0;}
#primary-content fieldset legend{
	margin: 0 0 10px 0;
	color: #333;
}
#primary-content fieldset{
	background: #fff;
	border-top: 1px solid #dfe3e4;
	padding: 30px 15px 15px 10px !important;
	width: 95%;
	margin-bottom: 20px;
	position: relative;
}
#primary-content fieldset p{
	margin: 0 0 10px 0;
}
#primary-content fieldset .text{
	padding: 3px;
	border: 1px solid #ccc;
}
#primary-content fieldset textarea{
	height: 250px;
	overflow: auto;
	border: 1px solid #ccc;	
}
#primary-content textarea{
	height: 150px;
	overflow: auto;
}
	
/* ------------------------------------------------------------

	secondary content

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

#secondary-content h2{
	color: #FF6501;
	border-bottom: 1px solid #DDD;
	font-size: 1.1em;
	font-weight: normal;
	margin: 20px 0 5px 0;
	padding: 7px 0 6px 0;
	text-transform: uppercase;
}		
#secondary-content p{margin: 0;}		
#secondary-content ul{
	margin: 7px 0 20px 0;
}
#secondary-content ul li{
	background: url(images/blue-box.gif) no-repeat 0 1px;
	height: 18px;
	list-style: none;
	padding-left: 15px;
}	
#secondary-content a{	
	color: #4188CB;
	text-decoration: none;
}	
#secondary-content a:hover{color: #231f20;}	

/* class's */

#secondary-content form {margin-top: 10px;}
.searchfield{
	font-size: 1.1em;
	width: 66%;
	margin-right: 5px;
	border: 1px solid #CCC;
	padding: 2px;
}
.button{cursor: pointer;}

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

	footer

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

#footer p{
	padding: 35px 30px 30px 30px;
	margin: 0;
}

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

	global

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

p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
a img{ border:none; }
hr, .hide {display: none;}
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }

.right, .left{	
	background: #fff;
	border: 1px solid #e3e7e8;
	float: left;
	margin: .5em 12px 6px 0;
	padding: 6px;
}
.right{
	float: right;
	margin: .5em 0  6px 12px;
}
.left{
	float: left;
	margin: .5em 12px 6px 0;
}

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

	browser issues

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

.floatclear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.floatclear {display: inline-table;}

/* hides from IE-mac \*/
* html .floatclear {height: 1%;}
.floatclear {display: block;}
/* end hide from IE-mac */


/* slide menu */
#menuContainer {
	height:0px;
	position:relative;
	clear:both;
	overflow:hidden;
	padding: 0;
	margin: 0;
}

#menuContainer ul{
	margin: 0;
	padding: 0;
}

#menuContainer2 {
	position:relative;
	clear:both;
	overflow:hidden;
	padding: 0;
	margin: 0;
}

#menuContainer2 ul{
	margin: 0;
	padding: 0;
}

.menu {
	float: left;
	width: 216px;
	position: absolute;
	left: 0px;
	display: block;
	margin: 0;
	padding: 0;
}

.menu li {
	margin: 0 0 2px 0;
	padding: 8px 0;
/* 	border-bottom: 1px solid #1B70C0; */
	position:relative; 
	background:#DFE7F1 !important;
}

.category-name {
	width: 150px;
}

.menu li.menu-back {
	background: #1B70C0 url(/images/arrowback.gif) no-repeat left center !important;
	color: #DFE7F1;
	cursor: pointer;
}

.menu-arrow {
	right: 0;
	top: 0;
	position:absolute;
	width: 30px;
	height: 18px;
	background: #1B70C0 url(/images/arrow.gif) 14px center no-repeat;
	cursor: pointer;
	padding: 8px 0;
}

/* forms */

div.form-container{
	margin-top: 20px;
}

div.form-container fieldset {
	margin: 0; 
	padding: 20px 10px 10px 10px; 
	border: none;
}

div.form-container legend {
	font-weight: bold;
}

.form-container label{
	display: block;
	width: 100px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	text-align: right;
}

.form-container p {
	clear: both;
	overflow: hidden;
	padding: 5px 0;
}

.form-container .text{
	float: left;
	padding: 1px; 
	font-size: 1.1em;
	width: 60%;
	border: 1px solid #555555;
}

.form-container textarea{
	border: 1px solid #555555;
	padding: 2px; 
	font-size: 1.2em;
	width: 60%;	
	height: 100px;
	overflow: auto;
}

.form-container .wrap-bt{
	text-align: center; 
	padding-left: 57px;
}

h3 {
	clear:both;
	padding-top:30px !important;
}

#footer p span.poweredby {
	position:absolute; 
	right:30px;
}