* { padding: 0; margin: 0; }

body { background: url(../interface/fondo-cuerpo.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; }
ul { list-style: none; }
.salto { clear: both; }

#contenedor-principal { }

div.inicio { background: url(../interface/fondo-inicio.jpg) no-repeat center top; }
div.servicios { background: url(../interface/fondo-servicios.jpg) no-repeat center top; }
div.contacto { background: url(../interface/fondo-contacto.jpg) no-repeat center top; }
div.clientes { background: url(../interface/fondo-clientes.jpg) no-repeat center top; }

#encabezado { width: 874px; height: 181px; margin: 0 auto; position: relative; }
#encabezado h1 { height: inherit; }

#encabezado h1 a span {
	background-color: #99FF00;
	background: url(../interface/trailer-01.png) no-repeat center center;
	width: 368px;
	height: 242px;
	position: absolute;
	top: 0;
	left: 35px;
	cursor: pointer;
	text-indent: -10000px;
	z-index: 5;
}

#encabezado h1 a { display: block; width: 100%; height: 100%; text-indent: -10000px; }
#encabezado h1 a:link { background: url(../interface/fondo-encabezado.jpg) no-repeat center top; }
#encabezado h1 a:visited { background: url(../interface/fondo-encabezado.jpg) no-repeat center top; }
#encabezado h1 a:hover { background: url(../interface/fondo-encabezado.jpg) no-repeat center bottom; }

#encabezado a.liga-lenguaje { 
	position: absolute;
	right: 0;
	top: 0;
	background-color: #073858;
	text-align: center;
	color: #fff;
	width: 130px;
	padding: 2px;
	margin-right: 40px;
	display: block;
	text-decoration: none;
	font-size: .8em;
}

#encabezado a:link.liga-lenguaje {}
#encabezado a:visited.liga-lenguaje {}
#encabezado a:hover.liga-lenguaje { color: #3B7AA5; }
#encabezado a:active.liga-lenguaje {}


#contenidos { width: 800px; margin: 0 auto; background: url(../interface/fondo-contenidos.png); }

#menu-principal, #contenido-principal { margin-top: 30px; }
#menu-principal { width: 370px; float: left;  }
#contenido-principal { width: 420px; float: right; padding-right: 10px; }
#contenido-principal h2 { border-bottom: solid #fff 1px;  }
#contenido-principal h2, #contenido-principal p { margin-bottom: 10px; color: #fff;}
#contenido-principal p.firma { background: url(../interface/firma.gif) no-repeat center bottom; height: 85px; text-align: center; font-weight: bold; margin-top: 20px; }
#contenido-principal p { padding: 0 10px 0; line-height: 1.5em; }
#contenido-principal img { margin-bottom: 10px; }

/* Ligas generales */
#contenido-principal a { background-color: #000; padding: 1px; text-decoration: none; color: #fff; }
#contenido-principal a:link {  }
#contenido-principal a:visited {  }
#contenido-principal a:hover { background-color: #333; }
#contenido-principal a:active { color: #3B7AA5; }

#pie { clear: both; width: 800px; margin: 10px auto; background: url(../interface/fondo-menu-pie.jpg) no-repeat center bottom; }
#pie ul { float: left; }
#pie ul li { float: left; }
#pie ul li a { width: 100px; display: block; height: 2em; padding-top: .5em; text-align: center; float: left; }
#pie ul li a:link { color: #FFF; text-decoration: none; }
#pie ul li a:visited { color: #fff; text-decoration: none; }
#pie ul li a:hover { color: #000033; }
#pie ul li a:active { }

a.link-kamikaze { text-indent: -10000px; display: block; float: right; margin: 5px 5px;; width: 30px; height: 30px; background: url(../interface/logo-kamikaze.jpg) no-repeat center center; }
a:link.link-kamikaze {  }
a:visited.link-kamikaze {  }
a:hover.link-kamikaze {  }
a:active.link-kamikaze {  }

/* Menu Principal */

#menu-principal ul {}
#menu-principal ul li {}

#menu-principal ul li a { display: block; height: 101px; text-indent: -10000px; cursor: pointer; }

#menu-principal ul li a:link.servicios { background: url(../interface/menu-principal/boton-servicios.png) no-repeat center top; }
#menu-principal ul li a:visited.servicios { background: url(../interface/menu-principal/boton-servicios.png) no-repeat center top; }
#menu-principal ul li a:hover.servicios { background: url(../interface/menu-principal/boton-servicios.png) no-repeat center bottom; }
#menu-principal ul li a:active.servicios {}

/* I N G L E S */
#menu-principal ul li a:link.servicios-eng { background: url(../interface/menu-principal/eng/boton-servicios.png) no-repeat center top; }
#menu-principal ul li a:visited.servicios-eng { background: url(../interface/menu-principal/eng/boton-servicios.png) no-repeat center top; }
#menu-principal ul li a:hover.servicios-eng { background: url(../interface/menu-principal/eng/boton-servicios.png) no-repeat center bottom; }
#menu-principal ul li a:active.servicios-eng {}

#menu-principal ul li a:link.galerias { background: url(../interface/menu-principal/boton-galerias.png) no-repeat center top; }
#menu-principal ul li a:visited.galerias { background: url(../interface/menu-principal/boton-galerias.png) no-repeat center top; }
#menu-principal ul li a:hover.galerias { background: url(../interface/menu-principal/boton-galerias.png) no-repeat center bottom; }
#menu-principal ul li a:active.galerias {}

/* I N G L E S */
#menu-principal ul li a:link.galerias-eng { background: url(../interface/menu-principal/eng/boton-galerias.png) no-repeat center top; }
#menu-principal ul li a:visited.galerias-eng { background: url(../interface/menu-principal/eng/boton-galerias.png) no-repeat center top; }
#menu-principal ul li a:hover.galerias-eng { background: url(../interface/menu-principal/eng/boton-galerias.png) no-repeat center bottom; }
#menu-principal ul li a:active.galerias-eng {}

#menu-principal ul li a:link.clientes { background: url(../interface/menu-principal/boton-clientes.png) no-repeat center top; }
#menu-principal ul li a:visited.clientes { background: url(../interface/menu-principal/boton-clientes.png) no-repeat center top; }
#menu-principal ul li a:hover.clientes { background: url(../interface/menu-principal/boton-clientes.png) no-repeat center bottom; }
#menu-principal ul li a:active.clientes {}

/* I N G L E S */
#menu-principal ul li a:link.clientes-eng { background: url(../interface/menu-principal/eng/boton-clientes.png) no-repeat center top; }
#menu-principal ul li a:visited.clientes-eng { background: url(../interface/menu-principal/eng/boton-clientes.png) no-repeat center top; }
#menu-principal ul li a:hover.clientes-eng { background: url(../interface/menu-principal/eng/boton-clientes.png) no-repeat center bottom; }
#menu-principal ul li a:active.clientes-eng {}

#menu-principal ul li a:link.contacto { background: url(../interface/menu-principal/boton-contacto.png) no-repeat center top; }
#menu-principal ul li a:visited.contacto { background: url(../interface/menu-principal/boton-contacto.png) no-repeat center top; }
#menu-principal ul li a:hover.contacto { background: url(../interface/menu-principal/boton-contacto.png) no-repeat center bottom; }
#menu-principal ul li a:active.contacto {}

/* I N G L E S */
#menu-principal ul li a:link.contacto-eng { background: url(../interface/menu-principal/eng/boton-contacto.png) no-repeat center top; }
#menu-principal ul li a:visited.contacto-eng { background: url(../interface/menu-principal/eng/boton-contacto.png) no-repeat center top; }
#menu-principal ul li a:hover.contacto-eng { background: url(../interface/menu-principal/eng/boton-contacto.png) no-repeat center bottom; }
#menu-principal ul li a:active.contacto-eng {}

/* FAST & C-TPAT */
a.link-ctpat, a.link-fast { display: block; width: 50%; height: 100px; float: right; text-align: center; text-decoration: none; color: #000; }
a:link.link-ctpat { background: url(../interface/c-tpat-logo.jpg) no-repeat center bottom; }
a:link.link-fast { background: url(../interface/fast-logo.jpg) no-repeat center center; }
a:visited.link-ctpat, a:visited.link-fast  { text-decoration: none; }
a:visited.link-ctpat { background: url(../interface/c-tpat-logo.jpg) no-repeat center bottom; }
a:visited.link-fast { background: url(../interface/fast-logo.jpg) no-repeat center center; }

a:hover.link-ctpat, a:hover.link-fast  { color: #3B7AA5; }