/*
Coded by Hector Cabrera
me@cabrerahector.com
*/

/* DECLARACIONES GENERALES ============================ */
body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	background:#5cafd4 url(../images/bg.jpg) left top repeat-x;
}

a {
	color:#d8a00a;
	text-decoration:none;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

/* CLASES GENERALES ==================================== */
.clear {
	clear:both;
	float:none;
	width:100%;
	line-height:0;
}


/* CONTENEDORES PRINCIPALES ============================ */

/* wrapper ------------------------------------------- */
#wrapper {
	margin:0 auto;
	width:950px;
}

/* header -------------------------------------------- */
#header {
	overflow:hidden;
	padding:23px 0 0 0;
	width:950px; /*950*/
	height:68px; /*91*/
}

	#header h1 {
		display:inline;
		float:left;
		margin:0 0 0 0;
		width:172px;
		height:67px;
		background:url(../images/logo.gif) left top no-repeat;
	}
	
		#header h1 a {
			display:block;
			width:172px;
			height:67px;
		}
		
			#header h1 a span {
				display:none;
			}

	#header ul {
		overflow:hidden;
		display:inline;
		float:right;
		margin:33px 0 0 0;
		padding:0 5px;
		width:753px; /*762*/
		height:35px;
		background:url(../images/bg_menu.jpg) left top no-repeat;
	}
	
		#header ul li {
			list-style:none;
			display:inline;
			float:left;
			margin:0 1px 0 0;
			padding:0;
			width:auto;
			height:35px;
		}
		
			#header ul li a {
				display:inline-block;
				padding:9px 3px 0 3px;
				width:auto;
				height:26px; /*35*/
				font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
				font-size:12px;
				font-weight:bold;
				color:#002750;
				text-decoration:none;
				/*background:url(../images/bg_menu_current.jpg) left top repeat-x;*/
			}
			
			#header ul li a:hover, #header ul li.current a {
				color:#1f7eb7;
				background:url(../images/bg_menu_current.jpg) left top repeat-x;
			}


/* main ---------------------------------------------- */
#main {
	overflow:hidden;
	padding:11px 0 0 0;
	width:950px;
}

	#flashIntro {
		overflow:hidden;
		margin:0 auto 5px auto;
		width:938px;
		height:398px;
	}
	
	#boxes {
		overflow:hidden;
		width:950px;
	}
	
		.box {
			overflow:auto;
			display:inline;
			float:left;
		}
		
		#boxLeft {
			width:246px;
		}
		
			#boxLeft ul {
				margin:0;
				padding:0;
			}
			
				#boxLeft ul li {
					list-style:none;
					margin:0 0 0 0;
					padding:0;
					border-bottom:#4da6d0 1px solid;
				}
				
					#boxLeft ul li a {
						overflow:hidden;
						display:inline-block;
						padding:6px 0 6px 8px;
						width:238px;
						height:17px; /*23*/
						color:#104e7a;
						text-decoration:none;
						background:url(../images/bullet_dashed_arrows.gif) right -20px no-repeat;
					}
					
					#boxLeft ul li a:hover {
						color:#fff;
						background-position:right 3px;
						font-weight: bold;
					}
		
		#boxRight {
			width:232px;
		}
		
			#boxRight h3 {
				margin:0 0 10px 0;
			}
		
		#boxCenter {
			width:472px;
		}
		
			.box h3 {
				margin:0 0 0 0;
				padding:7px 0 7px 0;
				font-family: Helvetica, Arial, "Trebuchet MS", sans-serif;
				font-size:14px;
				font-weight:100;
				color:#062e44;
				text-align:center;
				border-bottom:#3d96c4 1px solid;
			}

/* footer -------------------------------------------- */
.btnfooter{ color:#FFF}
.btnfooter:hover{ color:#036}
#footer {
	overflow:hidden;
	float:none;
	clear:both;
	padding:6px 0 0 0;
	width:100%;
	height:22px;
	font-size:10px;
	color:#fff;
}

	#fcontent {
		margin:0 auto;
		width:950px;
	}
	
		#fcontent p {
			display:inline;
			float:left;
			margin:0;
			padding:1px 0 0 0;
		}
		
		#fcontent ul {
			overflow:hidden;
			display:inline;
			float:right;
			margin:0;
			padding:0;
			width:auto;
			height:22px;
		}
		
			#fcontent ul li {
				display:inline;
				float:left;
				margin:0 0 0 8px;
				padding:0;
				width:auto;
				height:22px;
			}
			
				#fcontent ul li a {
					display:inline-block;
					height:21px;
				}
				
				#btn_twitter a {
					width:68px;
					background:url(../images/btn_twitter.jpg) left top no-repeat;
				}
				
				#btn_linkedin a {
					width:70px;
					background:url(../images/btn_linkedin_1.jpg) left top no-repeat;
				}
				
				#btn_facebook a {
					width:75px;
					background:url(../images/btn_facebook_1.jpg) left top no-repeat;
				}
				
				#fcontent ul li a:hover {
					background-position:left bottom;
				}
				
					#fcontent ul li a span {
						display:none;
					}