/* CSS Document */
* { margin:0; padding:0; }
.spacer{ line-height:0; font-size:0; clear:both; }

#container{
	margin:0 auto; padding:0;
	width:950px;
	position:relative;
}

#header {
	height: 90px;
	border-bottom:#476877 solid 4px;
}
#header img { position:absolute; left:33px; top:15px; }
#header #banner { position:absolute; left:380px; top:15px; }

a:link {color:#486877;}
a:visited {color:#486877;}
a:hover {color:#777777;}
a:active {color:red}

/*-------------------------------------------Left Side Start----------------------------------------*/
	
#left {
	width:199px;
	padding:8px 45px 0 35px;	
	color:#000000; 
	background-color:#FFFFFF;
	float:left;
}

#left ul{ margin:0; padding:0 0 30px 9px; list-style:none; }
#left ul li{ margin:0; padding:0; height:53px; line-height:53px; }

#left ul li a {
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	color:#476877; text-decoration:none;
	width:104px; height:46px; display:block; 
	padding:11px 0 0 77px; margin:0;
}

#left ul li a span {
	font:normal 14px/12px Arial, Helvetica, sans-serif;
	color:#515050;
	text-decoration:none;
	display:block;
}

#left ul li a.home{ background:url(imgs/home.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.home:hover{ background:url(imgs/home_on.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.services{ background:url(imgs/services.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.services:hover{ background:url(imgs/services_on.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.about{ background:url(imgs/contact.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.about:hover{ background:url(imgs/contact_on.gif) no-repeat 0 0 #FFFFFF; }

#left ul li a.planning{ background:url(imgs/planning.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.planning:hover{ background:url(imgs/planning_on.gif) no-repeat 0 0 #FFFFFF; }

#left ul li a.messenger{ background:url(imgs/about_us.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.messenger:hover{ background:url(imgs/about_us_on.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.chat{ background:url(imgs/chat.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.chat:hover{ background:url(imgs/chat_on.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.mail{ background:url(imgs/mail.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.mail:hover{ background:url(imgs/mail_on.gif) no-repeat 0 0 #FFFFFF; }


#left ul li a.graph{ background:url(imgs/graph.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.graph:hover{ background:url(imgs/graph_on.gif) no-repeat 0 0 #FFFFFF; }
	
#left ul li a.projects{ background:url(imgs/projects.gif) no-repeat 0 0 #FFFFFF; }
#left ul li a.projects:hover{ background:url(imgs/projects_on.gif) no-repeat 0 0 #FFFFFF; }



	
#left h2{
	font:normal 22px/26px Arial, Helvetica, sans-serif;
	color:#000000; background-color:#F3F3F3; 
	padding:14px 0 8px 0;
	}
	
#left div.member{
	margin:0; padding:0;
	background-color:#F3F3F3; color:#000000;
	}
	
#left div.topcurve{
	background:url(imgs/top_curve.gif) no-repeat 0 #FFFFFF;
	height:4px; width:199px; font-size:0; 
	display:block;
	}

#left div.bottomcurve{
	background:url(imgs/bottom_curve.gif) no-repeat 0 0 #FFFFFF;
	height:4px; width:199px; font-size:0; color:#000000;
	display:block;
	}

#left #banner {
	background:url(imgs/form_bg.gif) repeat-y 0 0 #FFFFFF;
	color:#000000; width:179px; height:163px;
	padding:10px 10px 0 10px;
}

#left form#memberForm{
	background:url(imgs/form_bg.gif) repeat-y 0 0 #FFFFFF;
	color:#000000; width:149px; height:183px;
	padding:0 25px 0 25px;
	}

#left form#memberForm input{
	width:138px; height:16px;
	background-color:#FFFFFF; 
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	border-left:#808080 solid 1px;
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	color:#000000; margin:0 0 6px 0; padding:4px; 
	float:left;
	}
	
#left form#memberForm p.remember{
	font:normal 10px/11px Arial, Helvetica, sans-serif;
	color:#282828; text-transform:uppercase; background-color:#F3F3F3;
	width:125px; height:28px; 
	float:left;
	}

#left form#memberForm input.check{
	width:16px; height:16px; border:none; background:none;
	float:right;
	}
	
#left form#memberForm div.login{	
	background-color:#D0D0D0; width:148px; height:15px;
	color:#000000; 
	}
	
#left form#memberForm input.loginBtn{
	background:url(imgs/login_btn.gif) no-repeat 0 0 #F3F3F3;
	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FDFDFD; width:67px; height:15px; margin:0; padding:0;
	text-align:center; border:none;
	cursor:pointer; float:right;
	}

a.registerBtn{
	background:url(imgs/register_btn.gif) no-repeat 3px 0 #F3F3F3;
	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center; text-decoration:none;
	color:#FFFFFF; border:0; margin:0; padding:0 0 0 3px;
	width:67px; height:15px; 	
	float:right;
	}

/*-------------------------------------------Left Side End----------------------------------------*/

/*-------------------------------------------Right SIde Start----------------------------------------*/

#right {
	color:#000000; width:630px; padding:5px 32px 0 0; 
	float:left;
}
	
#right h2 {
	font:normal 26px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; text-transform:uppercase; background-color:#FFFFFF;
	margin:20px 0 8px 0;
}
#right h2 span { color:#476877; }
	
#right p {
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#595858; background-color:#FFFFFF;
	text-align: justify;
	margin:0 0 6px 0;
}

/*-------------------------------------------Right SIde End----------------------------------------*/

/*-------------------------------------------Footer Start----------------------------------------*/

#footerOuter { margin-top:20px; background-color:#EBEBEB; border-top:#476877 solid 2px; color:#000000; }
#footer {
	position:relative;
	margin:0 auto; width:778px;
	background-color:#EBEBEB;
	color:#010101; height:55px; text-align:right; 
	padding:24px 14px 0 0;
}
#footer ul.nav li {
	list-style:none;
	font:normal 10px/11px Arial, Helvetica, sans-serif;
	color:#010101; background-color:#EBEBEB; 
	float:right;
}
#footer ul.nav li a { text-transform:uppercase; padding:0 10px; color:#010101; text-decoration:none; }
#footer ul.nav li a:hover { text-decoration:underline; }
#footer p {
	font:normal 12px/28px Arial, Helvetica, sans-serif;
	padding:0 10px 0 0; float:right;
	color:#010101;
}
	
/*-------------------------------------------Footer End----------------------------------------*/

/*******************/
/* Formulario webs */
/*******************/
.formerror {
	text-align: center;
	color: #ff0000;
	border: 1px solid #926E00;
	background: #FFFEBE;
	padding: 10px 10px 10px 10px;
	margin: 10px;
}

.formsend {
	text-align: center;
	color: #5E7B88;
	border: 1px solid #5E7B88;
	background: #DEDFDF;
	padding: 10px 10px 10px 10px;
	margin: 10px;
}


/**********************/
/* Login para el chat */
/**********************/
.chat { background: url(imgs/chat-bg.png) no-repeat; padding:0px; margin: 15px auto 10px auto; height: 170px; width: 286px; }
.chat_head { font-family: Arial; font-size: 20px; color: #FFFFFF; text-decoration: none; float: left; height: 33px; width: 230px; background: url(imgs/chat-head.png) no-repeat; padding: 10px 0 0 38px; margin: 10px 0 0 10px; }
.chat_textarea { font: 11px Arial; color: #FFFFFF; float: left; width: 258px; padding: 0 0 0 10px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
.chat_name { color: #a6a6a6; color: #000; margin: 0px; float: left; padding: 3px 10px 0 0; width: 55px; }
.chat_box { font: 11px Arial; color: #a6a6a6; margin: 0px; float: left; padding: 0 10px 0 0; }
.chattextbox { font: 12px Arial; color: #666666; text-decoration: none; margin: 0px; padding: 0px; float: left; height: 18px; width: 180px; border: 1px solid #666666; }
.chatbutton { float: right; background-color:#fcfcfc; border:1px solid #d8d8d8; color:#505050; font-weight:400; font-size:1.2em; margin:0 12px 15px; padding:7px 7px 7px 11px; width:120px; }
.chat_textarea span { color: #a6a6a6; color: #000; float:left; width: 100px; margin: 20px 0 0 0;}