@import url(sitemap.css);
@import url(order.css);
@import url(search.css);
@import url(content.css);
/*============================= General ============================*/
*{
	padding: 0;
	margin: 0;
}
body{
	background-color: #F5F3F2;
	color: #000;
	font: 0.7em Tahoma,Arial,sans-serif;
	text-align: center;
}
#wrap{
	width:980px;
	margin: 0 auto;
	text-align: left;
}
/*============================= End_General ==========================*/

/*============================= Top ====================================*/
#header{
	width: 980px;
	height: 168px; 
	background:url('img/banner-top-bg.jpg') top left no-repeat;
	position:relative;
}
#logo{
	position: absolute;
	top:0;
	left:31px;
	width: 206px;
	height:161px;
	background: url('img/logo-big.gif') 0 0 no-repeat;
}
#top{
	width: 980px;
	height: 25px; 
	background-color:#FF9C00;
	position:relative;
}
#cor-left,#cor-right{
	position: absolute;
	top: 0;
	height: 7px;
	width: 7px;
}
#cor-left{
	background: url('img/nav-cor-left.gif') 0 0 no-repeat;
	left: 0;
}
#cor-right{
	background: url('img/nav-cor-right.gif') 0 0 no-repeat;
	right: 0;
}
#top span {display:block; margin-left:20px;}
.nav ul {
	list-style:none;
}
.nav li{
	list-style:none;
	padding: 4px 0 4px 20px;
	font-size:1.0em;
	float: left;
}
.nav li a{
	color:#fff;
	text-decoration:none;
}
.nav li a:hover{
	color:#fff;
	text-decoration:underline;
}
#top-bot{
	background: url('img/nav-bot-bg.gif') repeat-x 100%;
	height: 9px;
	width: 980px;
}
#live_main a{
    color:#fff;
	text-decoration:underline;
}
#live_main a:hover{
    color:#fff;
	text-decoration:underline;
}


/*============================= End_Top ================================*/

/*============================= Center ================================*/
#wrap-content{
	width:980px;
	overflow:hidden;
	margin: 35px 0 0 0;
}
/*************** LEFT ****************/
#sidebar{
	float:right;
	width:170px;
	margin:0;
}
#menu{
	width:166px;
}
.leftmenu ul {
	list-style:none;
}
.leftmenu li{
	list-style:none;
	padding: 4px 0 4px 0px;
	font-size:1.2em;
}
.leftmenu li a{
	color:#17455F;
	text-decoration:underline;
}
.leftmenu li a:hover{
	color:#17455F;
	text-decoration:none;
}
#pub{
	margin:64px 0 0 0;
	text-align:center;
	position:relative;
}
#pub h4{
	font-size:1.0em;
	color:#17455F;
	margin: 15px 0 0 0;
}
#pub p{
	color:#17455F;
	text-align:justify;
}
#pub a{
	color:#FF9D33;
	text-decoration:underline;
}
#pub a:hover{
	color:#FF9D33;
	text-decoration:none;
}
#sp-pr{
	background: url('img/sp-pred.gif') 0 0 no-repeat;
	height: 76px;
	width: 126px;
	position: absolute;
	top:-48px;
	left:-4px;
}
* html #sp-pr{
	left:-94px;
}
/************* End_LEFT **************/

/*************** Center ****************/
#contenaire{
	float:right;
	text-align:center;
	width:650px;
	margin:0 auto;
}
#content {
	margin: 0 6px;
	text-align:left;
}
#content h1{ 
	font-size:1.5em; 
	color:#17455F;
	margin:10px 0;
}
#content h2{ 
	font-size:1.3em; 
	color:#17455F;
	margin:5px 0;
}
#content a{
	color:#858585;
	text-decoration:underline;
}
#content a:hover{
	color:#858585;
	text-decoration:none;
}
#breadcrumb{
	margin:0 0 10px 0;
}
#breadcrumb a{
	color:#17455F;
	text-decoration:none;
}
#breadcrumb a:hover{
	color:#17455F;
	text-decoration:underline;
}
.cntMenu ul {
	list-style:none;
}
.cntMenu li{
	list-style:none;
	padding: 2px 0;
	font-size:1.1em;
}
.cntMenu li a{
	color:#858585;
	text-decoration:underline;
}
.cntMenu li a:hover{
	color:#858585;
	text-decoration:none;
}
/************* End_Center **************/

/*************** RIGHT ****************/
#col-right{
	float:right;
	width:158px;
}
#news{
	width:156px;
}
#news h4{
	font-size:1.3em;
}
#news h5{
	color:#858585;
	font-size:0.9em;
}
#news p{ 
	text-align:justify;
}
#news a{
	color:#FF9D33;
	text-decoration:underline;
}
#news a:hover{
	color:#FF9D33;
	text-decoration:none;
}
#svs{
	width:156px;
	margin:0px;
}
#svs h1{ 
	color:#17455F;
	font: 1.4em Arial,Tahoma,sans-serif;
	font-weight: bold;
	margin:10px;
}
/************* End_RIGHT **************/

/*============================= End_Center ============================*/

/*============================= Bottom ====================================*/
#footer {
	width:980px;
 	height:24px;
	clear: both;
	font: 0.8em Arial,Tahoma,sans-serif; 
	margin:30px 0 0 0;
}
#ftrLeft{
	color:#17455F;
	float: left;
	width: 234px;
	margin: 5px 0 0 0px;
	text-align:center;
}
#ftrLeft a{
	color:#858585;
	text-decoration:none;
}
#ftrLeft a:hover{
	color:#858585;
	text-decoration:underline;
}
#ftrRight{
	width:400px;
	margin:0 0 0 280px;
}
.ftrMenu ul {
	list-style:none;
}
.ftrMenu li{
	list-style:none;
	padding: 5px 0 0 20px;
	font-size:1.0em;
	float: left;
}
.ftrMenu li a{
	color:#858585;
	text-decoration:none;
}
.ftrMenu li a:hover{
	color:#858585;
	text-decoration:underline;
}
/*============================= End_Bottom =================================*/

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	background:#fff url('img/cor-right-bot.gif') no-repeat bottom right;
}
.boxhead {
	background:url('img/cor-right-top.gif') no-repeat top right;
	text-align: center;
}
.boxhead h2 {
	background: url('img/cor-left-top.gif') no-repeat top left;
	padding: 23px 0px 0px;
	color: white; 
	font-size: 1px; 
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background:url('img/cor-left-bot.gif') no-repeat bottom left;
	padding: 0px 10px 10px;
}


/*============================= Variables =================================*/
.cls_alarm{color:#FF9D33;}
.cls_red{color:red;}
.clearing{height: 0;clear: both;}
.pic{margin: 3px;border: 0;}
#l-pic {float:left;margin-right: 10px;} 
#r-pic {float:right; margin-left: 10px;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}

/*============================= End_Variables =============================*/