@import url("../global/clearfix.css"); 
@import url("../global/reset.css"); 

body {
  font: 90% Georgia;
  background: #000E0F url(../../img/web/bg.jpg) no-repeat top center;
  color: #fff;
  height: 100%;
}
/*layout*/ 
#container {
  width: 850px;
  height: auto;
  margin: 0 auto;
  position: relative;
}
#header {
  width: 100%;
  height: 260px; 
  position: relative;
}
#content {
  width: 100%;
  min-height: 600px;
/*  padding: 20px 64px 10px 64px;*/
  position: relative;
}
#footer {
  width: 100%;
  height: auto;
}
/* header __________________________________*/ 
#header h1 a {
  width: 240px;
  height: 100px;
  display: block;
  margin-right: 40px;
  text-indent: -999em;
}
h2 { display: none; }
#menu {
  width: 118px;
  height: 108px;
  position: absolute;
  top: 115px;
  left: 185px; 
  background: url(../../img/web/menu.png) no-repeat 0 0;
}
#menu a {
  height: 25px;
  display: block;
  text-indent: -999em;
}
/*
  
*/
#flash { outline: none;}
#flash p, #flash a {color: #fff;}
#flash a {text-decoration: underline;}
a.simplemodal-close {
  color: #fff;
  position: absolute;
  bottom: -20px;
  right: 5px;
  font: 100% Arial;
}

a.reel {
  background: url(../../img/web/trabajos.png) no-repeat 0 0;
  width: 277px;
  height: 197px;
  display: block;
  text-indent: -999em;
  margin: 0 auto;
}
a.reel:hover {
  background-position: 0 -210px;
}
a { color: #fff; text-decoration: none; outline: none;}
p {
  margin: 0 0 20px 0;
}
strong { 
  color: #ffff00;
  font-weight: normal;
}
.c0 { color: #33ffff; }
h3 { 
  background: #000;
  color: #ffff00;
  display: inline;
  padding: 1px 5px;
  line-height: 2.5em;
}
/*
  
*/
#lft {
  width: 410px;
  float: left; 
}
#lft p { 
  font-size: 170%; 
  text-align: right;
  line-height: 1.3em;
  padding: 0 40px 0 30px;
}

#rgt { 
  width: 440px;
  float: right; 
  padding: 8px 0 0 0;
/*  background: #333;*/
}
#rgt p { 
  font: 100% Arial;
  text-align: justify;
  padding: 0 40px 0 5px;
  line-height: 1.3em;
}

.p1 p { padding: 0 40px 0 40px!important; }
.p2 p { padding: 0 40px 0 35px!important; }
.p3 { padding: 0 40px 0 90px!important; }
/*
  
*/
#contacto {
  background: url(../../img/web/contacto.png) no-repeat 0 0;
  width: 434px;
  height: 329px;
  margin: 0 0 80px 0;
}
#contacto form {
  padding: 60px 40px 0 165px;
}
#contacto label {
  display: none;
}
#contacto input, #contacto textarea {
  width: 100%;
  border: 0;
  background: none;
}
#contacto textarea {
  height: 120px;
}
#contacto div {
 width: 230px;
 height: 50px;
 padding: 2px 0 0 0;
 display: block;
}
.submit input {
  background: #000!important;
  color: #ffff00;
  width: 60px!important;
  position: absolute;
  top: 307px;
  right: 50px;
  cursor: pointer;
}
.submit input:hover {
  background: #ffff00!important;
  color: #000;
}
.mano { 
  background: url(../../img/web/contacto0.png) no-repeat 170px 140px;
  height: 480px; 
}
.error-message {
  color: #ffff00;
  background: #000;
  width: 50px!important;
  height: 20px!important;
  font: 80% Arial;  
  padding: 0 5px!important;
  border: 1px solid #ffff00;
  float: right;
}
/* footer __________________________________*/
#footer ul {
  text-align: right;
  background: #000;
  display: inline;
  padding: 1px 5px 2px 5px;
}
#footer li:before {
  content: "| ";
}
#footer li:first-child:before {
  content: "";
}
#footer li {
  display: inline;
  font-size: 90%;
  color: #fff;
  font: 80% Arial;
}
#footer li a {
  color: #fff;
  margin: 0 5px;
  text-decoration: none;
}
#footer li a:hover, #footer li a.activo  {
  color: #ffff00;
}
#footer p {
  color: #fff;
  text-align: right;
  font-size: 80%;
  margin: 10px 42px 0 0;
}
#footer img {
  float: left;
	margin: 0 0 20px 40px;
}
#footer div {
  float: right;
  width: 300px;
  margin: 0 20px 0 0;
  padding: 0 0 10px 0;
}
.message { 
/*  font-size: 120%;*/
  position:absolute;
  top: 340px;
  
}
.error404 {
  color: #333;
  text-align:center;
  margin-top:40px; 
  color: #fff;
  font: 300% Arial;
}