@charset "UTF-8";
/* Estilos */

BODY {
	color : #000;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 15px;
	background-color: #000;
}
a.link1:link {
	color: #87F5EA;
	text-decoration: underline;
	font-weight: bold;
}
a.link1:visited {
	color: #87F5EA;
	text-decoration: underline;
	font-weight: bold;
}
a.link1:hover {
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}

a.link1:active {
	color: #87F5EA;
	text-decoration: underline;
	font-weight: bold;
}
a.link2:link {
	color: #69C;
	text-decoration: underline;
}
a.link2:visited {
	color: #69C;
	text-decoration: underline;
}
a.link2:hover {
	color: #FFF;
	text-decoration: underline;
}

a.link2:active {
	color: #69C;
	text-decoration: underline;
}
a.link3:link {
	color: #CCC;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background-color: #000;
}
a.link3:visited {
	color: #CCC;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background-color: #000;
}
a.link3:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	background-color: #2D3640;
}

a.link3:active {
	color: #CCC;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	background-color: #000;
}
a.link4:link {
	text-decoration: underline;
	color: #000;
}
a.link4:visited {
	text-decoration: underline;
	color: #000;
}
a.link4:hover {
	color: #FFF;
	text-decoration: underline;
}

a.link4:active {
	text-decoration: underline;
	color: #000;
}
a.link5:link {
	color: #9FF;
	text-decoration: none;
}
a.link5:visited {
	color: #9FF;
	text-decoration: none;
}
a.link5:hover {
	color: #FFF;
	text-decoration: underline;
}

a.link5:active {
	color: #9FF;
	text-decoration: none;
}
.encabezado1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
}
.encabezado2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #9CF;
	font-weight: bold;
}
.encabezado_proyecto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	padding-top: 12px;
	padding-left: 10px;
}
.texto2 {
	color: #CCC;
}
.texto3 {
	color: #CCCC9A;
}
.texto_proyecto1 {
	color: #496CAE;
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.texto_proyecto2 {
	color: #666;
}
.texto_nav_paginas {
	font-weight: bold;
	color: #333;
}
.negrita {
	color: #000;
	font-weight: bold;
}
.negrita2 {
	color: #CCC;
	font-weight: bold;
}
.separador_nav2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
	font-size: 11px;
}
#contenedor_motion {
	width: 100%;
	height: auto;
	margin: auto;
	background-image: url(../img/bg_motion.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000;
}
#contenedor_grafico {
	width: 100%;
	height: auto;
	margin: auto;
	background-image: url(../img/bg_motion.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000;
}
#contenedor_destacado {
	width: 100%;
	height: auto;
	margin: auto;
	background-image: url(../img/bg_motion.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000;
}
#contenedor_web {
	width: 100%;
	height: auto;
	margin: auto;
	background-image: url(../img/bg_motion.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000;
}
#contenedor_contacto {
	width: 100%;
	height: auto;
	margin: auto;
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000;
	background-image: url(../img/bg_contacto.jpg);
}

/* DIV */

#contenedor{
	text-align: left;
	margin: auto;
	width: 900px;
	background-repeat: no-repeat;
}
#cabecera{
	height : 100px;
	width: 900px;
} 
#nav_principal {
	height: 30px;
	width: 454px;
	position: relative;
	left: 445px;
	top: 54px;
}
#boton1 {
	height: 30px;
	width: 64px;
	float: left;
}
#boton2 {
	height: 30px;
	width: 73px;
	float: left;
}
#boton3 {
	height: 30px;
	width: 78px;
	float: left;
}
#boton4 {
	height: 30px;
	width: 55px;
	float: left;
}
#boton5 {
	height: 30px;
	width: 98px;
	float: left;
}
#boton6 {
	height: 30px;
	width: 86px;
	float: left;
}
#cuerpo_home {
	height: 450px;
	width: 900px;
}
#cuerpo2_home {
	height: 305px;
	width: 900px;
	padding-top: 10px;
}
#cuerpo_contacto {
	height: 600px;
	width: 900px;
}
#destacados_home {
	height: 170px;
	width: 640px;
	position: relative;
	top: 250px;
	float: left;
	left: 20px;
}
#contenido_destacados {
	width: 630px;
	height: 140px;
	position: relative;
	top: 15px;
}
#contacto_home {
	height: 120px;
	width: 140px;
	float: right;
	position: relative;
	top: 250px;
}
#sobre_nosotros {
	width: 500px;
	float: left;
	margin-top: 0px;
	padding: 20px;
}
#twitter {
	height: 80px;
	width: 200px;
	float: right;
	position: relative;
	right: 320px;
	top: 360px;
}
#servicios {
	width: 300px;
	float: right;
	padding: 20px;
	margin-bottom: 35px;
}
#cuerpo_general {
	width: 900px;
	margin-top: 30px;
}
#titulo_seccion {
	height: 30px;
	width: 900px;
	text-align: right;
}
#navpag_1 {
	height: 25px;
	width: 25px;
	float: right;
}
#navpag_2 {
	height: 25px;
	width: 25px;
	float: right;
}
#volver {
	height: 25px;
	width: 50px;
	float: right;
}
#proyecto {
	height: auto;
	width: 900px;
	float: left;
	border: 1px solid #212A31;
	background-image: url(../img/bg_titulo_proyecto.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#titulo_proyecto {
	height: 25px;
	width: 890px;
	float: left;
}
#design {
	height: 342px;
	width: 680px;
	float: left;
	background-color: #000;
	padding: 10px;
}
#info_design {
	height: 322px;
	width: 160px;
	float: right;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #000;
}
#motion {
	height: 362px;
	width: 610px;
	float: left;
	background-color: #000;
	padding: 10px;
}
#info_motion {
	height: 342px;
	width: 230px;
	float: right;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #000;
}
#work {
	height: auto;
	width: 610px;
	float: left;
	background-color: #000;
	padding: 10px;
}
#info_work {
	height: auto;
	width: 230px;
	float: right;
	padding: 20px;
}
#work2 {
	height: auto;
	width: 680px;
	float: left;
	background-color: #000;
	padding: 10px;
}
#info_work2 {
	height: 455px;
	width: 160px;
	float: right;
	padding: 20px;
	background-color: #FFF;
}
#proyecto_ext {
	height: auto;
	width: 900px;
	float: left;
	background-color: #000;
	border: 1px solid #000;
}
#flv {
	height: 362px;
	width: 610px;
}
#nav_proyectos {
	height: 25px;
	width: 900px;
	float: left;
	text-align: right;
	margin-top: 5px;
}
#avance {
	float: right;
	height: 20px;
	width: 23px;
	margin-right: 2px;
	margin-left: 2px;
}
#retro {
	float: right;
	height: 20px;
	width: 23px;
	margin-right: 2px;
	margin-left: 2px;
}
#num_pagina {
	float: right;
	height: 20px;
	width: 300px;
	margin-right: 8px;
}
#pagina {
	float: right;
	height: 20px;
	width: 200px;
	text-align: right;
}
#boton_proyecto {
	float: right;
	height: 20px;
	width: 30px;
}
div.spacer {
  clear: both;
}
#contenedor_pie {
	width: 100%;
	background-color: #1E2547;
	height: auto;
	margin: auto;
}
#pie {
	text-align: center;
	height: 15px;
	width: 880px;
	background-color: #1E2547;
	padding: 10px;
	margin: auto;
}
#legal {
	float: left;
	width: 300px;
	height: 15px;
	text-align: left;
}
#espacio {
	height: 20px;
	width: 900px;
	float: left;
}
#espacio_nav {
	height: 5px;
	width: 900px;
	float: left;
}
#nav2 {
	float: right;
	height: 15px;
	width: 425px;
	text-align: right;
}

a:focus {
width:0px;height:0px;outline:0px;
}