body {
   background: #0f181f url(images/background.gif) repeat-x 50% 0;
	height: 100%;
   text-align: center; 
   margin: 0;
   padding: 0;
}

.clear {
	clear: both;
}
p {
	margin: 0 0 0.5em 0;
}
#container {
	margin: 0;
	padding: 0;
}
#top {
   width: 100%;
	height: 298px;
   margin: 0;
	padding: 0;
	background: transparent url(images/top_right.jpg) no-repeat right;
}
.top_left {
	width: 336px;
	height: 298px;
	float: left;
	margin: 0;
	padding: 0;
}

.logotipo {
	width: 328px;
	height: 42px;
	float: left;
	margin: 28px 0 0 8px;
	padding: 0;
}

.actual {
	width: 308px;
	height: 199px;
	float: left;
	margin: 21px 0 0 20px;
	padding: 0;
}
.top_center {
	width: 398px;
	height: 298px;
	float: left;
	margin: 0;
	padding: 0;
}
.top_center_text {
	width: 300px;
	height: 129px;
	float: left;
	margin: 71px 0 0 20px;
	padding: 0;
	text-align: right;
   font:  bold 15px/17px sans-serif, Helvetica, Verdana;
	color: #3d4d5a;
}
#fancymenu { 
position: relative; 
width: 398px;
height: 39px; 
padding: 0 0 0 25px; 
margin: 35px 0 0 10px; 
overflow: hidden; 
float: left;

} 
  
#fancymenu ul { 
padding: 0; 
margin: 0; 
} 
  
/* Don't apply padding here (offsetWidth will differ in IE) 
If you need padding add it to the child anchor */ 
#fancymenu ul li { 
float: left; 
list-style: none; 
} 
  
#fancymenu ul li a { 
text-indent: -500em; 
z-index: 10; 
display: block; 
float: left; 
height: 30px; 
position: relative; 
overflow: hidden; 

} 
#menu_inicio a { 
width: 67px; 
background: url(images/menu_inicio.png) no-repeat center !important; 
background: url(images/menu_inicio.gif) no-repeat center; // ie! 
} 
  
#menu_servicios a { 
width: 98px; 
background: url(images/menu_servicios.png) no-repeat center !important; 
background: url(images/menu_servicios.gif) no-repeat center; 
} 
  
#menu_portafolio a { 
width: 102px; 
background: url(images/menu_portafolio.png) no-repeat center !important; 
background: url(images/menu_portafolio.gif) no-repeat center; 
} 
  
#menu_contacto a { 
width: 100px; 
background: url(images/menu_contacto.png) no-repeat center !important; 
background: url(images/menu_contacto.gif) no-repeat center; 
} 
#fancymenu li.background { 
background: url(images/bg_menu_right.png) no-repeat top right !important; 
background: url(images/bg_menu_right.gif) no-repeat top right; 
z-index: 8; 
position: absolute; 
visibility: hidden; 
} 
  
#fancymenu .background .left { 
background: url(images/bg_menu.png) no-repeat top left !important; 
background: url(images/bg_menu.gif) no-repeat top left; 
height: 30px; 
margin-right: 7px; /* 7px is the width of the rounded shape */ 
}
#content {
   margin: 0px auto;
   text-align: left;
   width: 799px;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #b3b2b7;
	padding: 15px 0 10px 0;
}
#content a:link, #content a:visited {
   font:  normal 11px/17px Arial, Verdana, Helvetica, sans-serif;
	color: #828585;
	text-decoration: underline;
	text-align: right;
}
#content a:hover {
    font:  normal 11px/17px Arial, Verdana, Helvetica, sans-serif;
	color: #828585;
	text-decoration: none;
	text-align: right;
}
.box1_portafolio, .box2_portafolio {
	height: 308px;
	float: left;
	text-align: justify;
}
.box1_portafolio {
   width: 488px;
	margin: 0 10px 10px 0;
	padding: 0 15px 5px 5px;
	background: #0f181f url(images/separador.gif) repeat-y right;
}
.box2_portafolio {
   width: 244px;
	margin: 0;
	padding: 0 0 5px 5px;
}
.box1_servicios, .box2_servicios, .box3_servicios, .box1_p, .box2_p, .box3_p {
	width: 244px;
	float: left;
	
}
.box1_servicios, .box2_servicios, .box3_servicios {
	height: 360px;
	text-align: justify;
}
.box1_p, .box2_p, .box3_p {
	height: 720px;
	text-align: left;
}
.box1_servicios, .box2_servicios, .box1_p, .box2_p {
	background: #0f181f url(images/separador.gif) repeat-y right;
	margin: 0 10px 0 0;
	padding: 0 15px 5px 5px;
}
.box3_servicios, .box3_p {
	margin: 0;
	padding: 0 0 5px 5px;
}
.box1, .box2, .box3, .box1c, .box2c, .box3c {
	float: left;
	text-align: justify;
}
.box1, .box2, .box3 {
	height: 380px;
}
.box1, .box2, .box1c, .box2c {
	background: #0f181f url(images/separador.gif) repeat-y right;
	margin: 0 10px 0 0;
	padding: 0 15px 5px 5px;
}
.box1, .box1c {
	width: 269px;
}
.box2, .box2c {
   width: 190px;
}
.box3, .box3c {
   width: 270px;
	margin: 0;
	padding: 0 0 5px 5px;
}
.box1c, .box2c, .box3c {
	height: 360px;
}
h1 {
   font: bold 13px/17px sans-serif, Helvetica, Verdana;
	background: transparent url(images/bullet.jpg) no-repeat;
	color: #3d4f5d;
	padding: 0 0 0 30px;
   letter-spacing: 2px;
	margin: 0 0 10px 0;
}
.top_box2 {
	background: transparent url(images/fondo_titulo.jpg) no-repeat top left;
	width: 189px;
	
}
.top_box3 {
	background: transparent url(images/fondo_titulobig.jpg) no-repeat top left;
	width: 270px;
}
.top_box2, .top_box3 {
	height: 48px;
	padding: 0;
	margin: 0;
}
.top_box_servicios {
	background: transparent url(images/fondo_tituloservicios.jpg) no-repeat top left;
	width: 244px;
	height: 48px;
	padding: 0;
	margin: 0;
}
.center_box_servicios_top, .center_box_servicios, .center_box_portafolio, .center_name_contact, .center_address_contact, .center_mobile_contact, .center_email_contact {
	padding: 11px 0 0 40px;
	text-align: left;
}
.center_box_servicios_top, .center_box_servicios, .center_box_portafolio, .center_name_contact, .center_mobile_contact, .center_email_contact {
	height: 30px;
}
.center_box_servicios_top, .center_box_servicios, .center_box_portafolio {
	width: 244px;
	font: 11px/16px Arial, Verdana, Helvetica, sans-serif;
}
.center_box_servicios_top {
	margin: 16px 0 0 0;
}
.center_name_contact, .center_address_contact, .center_mobile_contact, .center_email_contact {
	margin: 0px;
}
.center_box_servicios_top, .center_box_servicios {
	background: transparent url(images/fondo_cont_servicios.jpg) no-repeat top left;
}
.center_box_servicios, .center_box_portafolio {
	margin: 0;
}
.center_box_portafolio {
	background: transparent url(images/fondo_cont_portafolio.jpg) no-repeat top left;
}
.center_box2, .center_box3 {
	padding: 0;
	text-align: center;
}
.center_box2 {
	width: 189px;
	margin: 18px 0 0 0;
}
.center_box3 {
	width: 270px;
	margin: 0 0 0 0;
}
.center_name_contact, .center_address_contact, .center_mobile_contact, .center_email_contact {
	width: 270px;
}
.center_name_contact, .center_address_contact, .center_mobile_contact, .center_email_contact {
   font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
}
.center_email_contact {
	background: transparent url(images/fondo_email_contacto.jpg) no-repeat top left;
}
.center_mobile_contact {
	background: transparent url(images/fondo_telefono_contacto.jpg) no-repeat top left;
}
.center_name_contact {
	background: transparent url(images/fondo_nombre_contacto.jpg) no-repeat top left;
}
.center_address_contact {
	height: 52px;
	background: transparent url(images/fondo_direccion_contacto.jpg) no-repeat top left;
}
.text_box2, .text_box3 {
	padding: 0;
	text-align: justify;
}
.text_box2 {
	width: 189px;
	margin: 5px 0 0 0;
}
.text_box3 {
	width: 270px;
	margin: 15px 0 0 0;
}
.text_box_portafolio {
	width: 224px;
	margin: 15px 0 0 10px;
	font: 11px/16px Arial, Verdana, Helvetica, sans-serif;
}
.texto {
	color: #45515b;
}

h2 {
   font: normal 12px/17px sans-serif, Helvetica, Verdana;
	color: #fff;
	padding: 18px 0 0 0;
   letter-spacing: 2px;
	text-align: center;
	margin: 0;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #45515b;
	border: 1px dashed #3f4f5c;
	background-color: #0f181f;
}
textarea {
	width: 265px;
}
input.submit {
	clear: both;
   border: none;
	display: block;
   background: url(images/submit.gif) no-repeat 0 0;
   height: 24px;
   width: 89px;
   cursor: hand !important;  
	cursor: pointer; 
}

input.submit:hover {
   background-position: 0 -24px;
}

#footer {
   width: 799px;
   font:  12px/17px Arial, Verdana, Helvetica, sans-serif;
	color: #45515b;
   margin: 0px auto;
	padding: 15px 0 10px 0;
	position: relative;
	clear: both;
	text-align: center;
}
#footer a:link, #footer a:visited {
   font:  normal 12px/17px Arial, Verdana, Helvetica, sans-serif;
	color: #3d4f5d;
	text-decoration: underline;
	margin: 0 5px 0 5px;
}
#footer a:hover {
    font:  normal 12px/17px Arial, Verdana, Helvetica, sans-serif;
	color: #3d4f5d;
	text-decoration: none;
	margin: 0 5px 0 5px;
}