body{ /*This is the body*/
	background:#000 url('i/body_bg.png') repeat-x; /*gray bar repeated on the x*/
	font: 70%/1.6em 'Lucida Sans',Verdana,sans-serif;
	margin:0;
	color:#333;
}
#wrap{ /*Top part. Where Codelcar corp and old menu are.*/
	margin:0 auto;
	width:1100px;
	height:540px;
}

a:link,a:visited,a:active{ /*Links after clicked*/
	text-decoration:none;
	color:#000066;
}
a:hover{/*when mouse over*/
	color:#000033;
}

#head{/*behind wrap*/
	background: url('i/top.png') no-repeat;
	background-position:14px 40px;
	padding-left:10px;
	height:130px;
	
}
#head a:link,a:visited,a:active{ /*Links after clicked*/
	text-decoration:none;
	color:#000066;
}

#head h1.title{
	margin:0;
	padding: 105px 0 0 20px;
	font-variant:small-caps;
	color:#fff;	
}
#head ul.navbar{ /*old menu*/
	margin:0;
	padding: 0 0 0 30px;
}
#head ul.navbar li{
	float:left;
	list-style-type:none;
}
#head ul.navbar li a{
	display:none; /*it's not showing. I left it so it doesnt move the rest of the web content*/
	padding: 18px 0 0 0;
	margin: 0 40px 0 0;
	font-weight:bold;
	text-transform:uppercase;
}
#head #title_box{
	display:block;
	position:relative;
	top: 140px;
	left: 200px;
	width:100px;
	border:#c00 1px solid;
}

#main{ /*Fondo del logo*/
	background: url('i/main_bg.png') center repeat-y;
	margin:0 auto;
	width:1093px;
	padding: 0px 0px 0px 0px;
	overflow:auto;
}

#splash{

}

#splash h2.subtitle{
	margin:8px 0 0 0;
	padding: 0 5px 0 0;
	font-variant:small-caps;
	letter-spacing:1px;
	font-size:14px;
}

#splash ul{
float:left;
background:#000066;
width:100%;
padding:0;
margin:0px 0px 0px 0px;
list-style-type:none;
}

#splash a{
float:left;
width:13.63em;
text-decoration:none;

color:white;
background-color:#000066;
padding:.8em 0.602em;
border-right:1px solid white;
font-size: 12px;
font-weight:bold;
}
#splash a:hover {background-color:#FBAE20;}
#splash a:active {background-color:#210D02;}
#splash li {display:inline;}


#content{
	margin: 0 10px 10px 10px;
	text-align:right;
	overflow:visible;
	background: url('i/content_sin.png') repeat-y;
	background-position: 48% 0%;
}
#content h2{
	color:#000066;
	margin:20px 0 0 0;
	line-height:20px;
	background: url('i/content_h2.png') top left no-repeat;
	padding: 0px 0 0 15px;
}

#content div.box{
	background:#000066;	
	width:29%;
	height:340px;
	margin: 0 0px 0px 0px;
	float:right;
	text-align:center;
	color: #000066;
	font-size: 12px;
	overflow:visible;	
}

#content a{
float:center;
width:12.63em;
color:white;
background-color:#000066;
padding:.6em 4.602em;
border:1px solid white;
font-size: 16px;
}

#content a:hover {background-color:#FBAE20;}
#content a:active {background-color:#210D02;}

#content div.box1{
	background:#fff url('i/logoindex.png') no-repeat; /*logo*/
	margin:0px 0px 0px 0px;
	width:68%;
	height:340px;
	float:left;
	color: #000066;
	overflow:visible;
}
	
#footer{ /*footer details*/
	clear:both;
	background: url('i/top.png') center no-repeat;
	height: 75px;
	padding: 0 20px 5px 0;
	text-align:right;
	color:white ;
}
#footer a{
color:#888888;
font-style: underlined;
font-size: 12px;
font-weight:bold ;
}

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