@charset "utf-8";
/* Autor: Abel Espinoza Herrera */
header,nav,section,article,footer,aside,figure{
	display:block;
}

body{
	background:#999 url(../imagenes/fondo-web.jpg) no-repeat fixed top center;
	margin:0 auto;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#414042;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#000000;
	margin:6px;
}

.textopie{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-align:left;
	padding-top:16px;
	padding-left:16px;
}
.textopie2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-align:right;
	padding-top:16px;
	padding-right:16px;
}


/*----- Maquetación -----*/
#contenedor{
	width:1055px;
	height:920px;
	margin:auto;
}

#cuerpo{
	width:1055px;
	height:910px;
	background:#efefef;
	margin-top:10px;
}
#cabecera{
	width:1055px;
	height:127px;
	margin:0 auto;
}
#redes{
  width:151px;
  height:32px;
  margin-top:-105px;
  margin-left:900px;
}
#numero{
	width:225px;
	height:50px;
	margin-top:10px;
	margin-left:820px;
}
#menu{
	height:53px;
	margin:0px 0px 0px 0px;
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#818181', endColorstr='#636363', gradientType='0');
}
/*MENU PRINCIPAL, quita el margen, el pading y las viñetas del menu*/

#boxtitulo{
	width:830px;
	height:43px;
	background:#d0dce9;
	padding-top:8px;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:20px;
	float:right;
}
#projects{
	height:900px;
}
#box_projects{
	width:214px;
	height:896px;
	margin-top:-910px;
}

#cab_projects{
	width:214px;
	height:56px;
	background: url(../imagenes/menu_projects/cab_projects.jpg) no-repeat;
}
/*SUB MENU PROJECTS, quita el margen, el pading y las viñetas del menu-TWE*/
#menu2{
	width:214px;
	height:807px;
	float:left;
	background:url(../imagenes/menu_projects/cuerpo_projects.jpg) no-repeat;
	margin-top:-25px;

}

#menu2 ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu2 li a{
	width:150px;
	height:20px;
	display:block;
	padding-top:50px;
	margin:auto;

}
#menu2 li a.twe{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#FFF;
}
#menu2 li a:hover.twe{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#2a3294;
	text-decoration: none;
}

#menu2 li a.iselect{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#FFF;
	margin-top:30px;
	padding-top:20px;
}
#menu2 li a:hover.iselect{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#2a3294;
	text-decoration: none;
}

#menu2 li a.amex{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#FFF;
	margin-top:50px;
	padding-top:20px;

}
#menu2 li a:hover.amex{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#2a3294;
	text-decoration: none;
}

#menu2 li a.alianz{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#FFF;
	margin-top:40px;
	padding-top:20px;
}
#menu2 li a:hover.alianz{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#2a3294;
	text-decoration: none;
}

#menu2 li a.eureka{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#FFF;
	margin-top:40px;
	padding-top:20px;
}
#menu2 li a:hover.eureka{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#2a3294;
	text-decoration: none;
}

#menu2 li a.nova{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#FFF;
	margin-top:30px;
	padding-top:14px;
}
#menu2 li a:hover.nova{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#2a3294;
	text-decoration: none;
}

#menu2 li a.hwl{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#FFF;
	margin-top:46px;
	padding-top:20px;
}
#menu2 li a:hover.hwl{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#2a3294;
	text-decoration: none;
}

#menu2 li a.sai{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#FFF;
	margin-top:40px;
	padding-top:14px;
}
#menu2 li a:hover.sai{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#2a3294;
	text-decoration: none;
}

#menu2 li a.worley{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#FFF;
	margin-top:50px;
	padding-top:18px;
}
#menu2 li a:hover.worley{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#2a3294;
	text-decoration: none;
}

#menu2 li a.more{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#FFF;
	margin-top:40px;
	padding-top:20px;
}
#menu2 li a:hover.more{
	font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; font-style:italic; text-align:center;
	color:#2a3294;
	text-decoration: none;
}

#galeria{
	width:801px;
	height:593px;
	margin-top:-830px;
	margin-left:230px;
}
#pie-pagina{
width:100%;
height:55px;
background:#003285 repeat;
position: fixed;
bottom:-20px;
}
#menupie{
	width:360px;
	height:25px;
	float:left;
}
#menupie2{
	width:560px;
	height:25px;
	float:right;
}