body {
  margin: 0;
  background-color: black;
  font-family: "Times New Roman",Georgia,Serif;
}

h1 {
  text-align: center;
  color: white;
}

a {
  outline: none;
}

a:active, a:visited, a:hover {
  border: 0;
}

img {
  border: 0;
}

#wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
  background: url('../images/bg.jpg') no-repeat top center;
}

#tha_big_container {
  display: block;
  position: relative;
  width: 800px;
  margin: 0 auto;
  top: -775px;
  left: auto;
  height: 600px;
  z-index: 100;
}

#cortinas_frente {
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  margin: 0 auto;
  width: 100%;
  height: 59px;
  z-index: 1000;
  background: url('../images/cortinas_frente-top.png') no-repeat top center;
  text-align: center;
}

#cortinas_frente img {
  border: 0;
  margin: 0 0 0 6px;
  cursor: pointer;
}

#main_menu {
  display: block;
  position: relative;
  width: 700px;
  height: 180px;
  margin: 0 auto;
  top: -180px;
  z-index: 500;
}

#main_menu a {
  display: block;
  z-index: 5000;
}

#main_menu_left, #main_menu_right {
  display: block;
  position: relative;
  float: left;
  width: 290px;
  height: 180px;
  z-index: 600;
}

#main_menu_center {
  display: block;
  position: relative;
  float: left;
  width: 80px;
  height: 180px;
  z-index: 600;

}

#main_menu_1, #main_menu_2, #main_menu_3, #main_menu_4 {
  display: block;
  position: relative;
  float: left;
  width: 140px;
  height: 145px;
  margin: 0 17px 0 17px;
}

#main_menu_2, #main_menu_3 {
  bottom: 25px;
}

#main_menu_2 {
  left: -40px;
}

#main_menu_3 {
  left: 50px;
}

#main_menu_1 {
  left: 5px;
}

#portfolio_icon {
  display: block;
  position: absolute;
  width: 140px;
  height: 145px;
  background: url('../images/portfolio_icon_dw.png') no-repeat top left;
  bottom: 0;
  left: 0;
}

#estudio_icon {
  display: block;
  position: absolute;
  width: 140px;
  height: 145px;
  background: url('../images/estudio_icon_dw.png') no-repeat top left;
  bottom: 0;
  right: 0;
}

#contacto_icon {
  display: block;
  position: absolute;
  width: 140px;
  height: 145px;
  background: url('../images/contacto_icon_dw.png') no-repeat top left;
  bottom: 0;
  left: 0;
}

#blog_icon {
  display: block;
  position: absolute;
  width: 140px;
  height: 145px;
  background: url('../images/blog_icon_dw.png') no-repeat top left;
  bottom: 0;
  right: 0;
}

#portfolio_icon a, #estudio_icon a, #contacto_icon a, #blog_icon a {
  display: block;
  position: absolute;
  width: 90px;
  height: 35px;
  left: 25px;
  bottom: 10px;
}

.menu_icon {
  /*border: 1px dashed green;*/
}

#home_window {
  display: block;
  position: relative;
  width: 679px;
  height: 585px;
  top: 0;
  margin: 0 auto;
  z-index: 1200;
}

#home_content {
  display: block;
  position: relative;
  width: 640px;
  height: 362px;
  top: 200px;
  margin: 0 auto;
  color: rgb(120,90,20);
}

#home_left, #home_right {
  display: block;
  position: relative;
  float: left;
  width: 318px;
  height: 362px;
  top: 25px;
}

.home_project {
  display: block;
  position: relative;
  width: 289px;
  height: 111px;
  margin: 0 auto;
}

.home_news {
  display: block;
  position: relative;
  width: 289px;
  height: 111px;
  margin: 0 auto;
}

#portfolio_window {
  display: block;
  position: relative;
  width: 679px;
  height: 632px;
  top: 0;
  margin: 0 auto;

}

#portfolio_content {
  display: block;
  position: relative;
  width: 640px;
  height: 362px;
  top: 198px;
  left: -2px;
  margin: 0 auto;
}

#estudio_window {
  display: block;
  position: relative;
  width: 679px;
  height: 585px;
  top: 0;
  margin: 0 auto;

}

#estudio_content {
  display: block;
  position: relative;
  width: 640px;
  height: 362px;
  top: 200px;
  margin: 0 auto;
}

#contacto_window {
  display: block;
  position: relative;
  width: 679px;
  height: 585px;
  top: 0;
  margin: 0 auto;
  z-index: 1200;
}

#contacto_content {
  display: block;
  position: relative;
  width: 640px;
  height: 362px;
  top: 200px;
  margin: 0 auto;
  color: rgb(120,90,20);
}

#contacto_sent {
  display: block;
  position: absolute;
  width: 640px;
  height: 362px;
  top: 210px;
  margin: 0 auto;
}
#estudio_content h1 {
  color: rgb(210,180,110);
  font-size: 18px;
  margin: 5px 0 5px 0;
}

#estudio_content p, #estudio_content ul, #estudio_content a {
  font-size: 14px;
  color: rgb(210,180,110);
}

#estudio_content p {
  display: block;
  margin: 6px 10px 6px 10px;
  text-align: justify;
}

#estudio_content ul {
  margin: 5px 0 5px 0;
}

#estudio_content li {
  cursor: pointer;
}

#staff_stuff {
  display: block;
  position: absolute;
  top: 84px;
  left: 160px;
  width: 460px;
  height: 80px;
}

#malefico_info, #picasus_info, #digitalh_info, #bdiego_info {
  position: absolute;
  top: 0;
  left: 0;
}

#malefico_info {
  height: 80px;
  background: url('../images/pic-malefico.jpg') top left no-repeat;
}

#picasus_info {
  height: 80px;
  background: url('../images/pic-picasus.jpg') top left no-repeat;
}

#digitalh_info {
  height: 80px;
  background: url('../images/pic-digitalh.jpg') top left no-repeat;
}

#bdiego_info {
  height: 80px;
  background: url('../images/pic-bdiego.jpg') top left no-repeat;
}

#malefico_info a, #picasus_info a, #digitalh_info a, #bdiego_info a {
  position: relative;
  font-size: 20px;
  text-decoration: none;
  top: 25px;
  left: 80px;
}


#copy_foot {
  display: block;
  position: absolute;
  width: 100%;
  height: 87px;
  margin: 0 auto;
  bottom: 25px;
  background: url('../images/bg_copy.png') top center no-repeat;
}

#copy_foot p {
  display: block;
  position: relative;
  font-size: 14px;
  top: 23px;
  text-align: center;
  color: rgb(230,140,55);
  font-weight: bold;
}

#copy_foot a {
  text-decoration: none;
  color: rgb(230,140,55);
}

#copy_foot a:hover {
  text-decoration: underline;
}

#foot_vignette {
  display: block;
  position: absolute;
  width: 100%;
  height: 87px;
  margin: 0 auto;
  bottom: 0px;
  background: url('../images/bg_copy-vig.png') top center no-repeat;
}

form fieldset {
  display: block;
  position: relative;
  width: 640px;
  border: 0;
  font-size: 12px;
  color: white;
}

form fieldset label {
  display: block;
  position: relative;
  margin: 10px 0 0 0;
  width: 140px;
  height: 50px;
  float: left;
}

form fieldset p {
  display: block;
  position: relative;
  width: 640px;
  margin: 0;
}

.error {
  color: red;
}

.text-input {
  border: 1px solid rgb(50,20,20);
  background-color: rgb(80,60,5);
}

label#name_label      { position:absolute; top:0; left:0; }
input#name            { position:absolute; top:23px; left:140px; }
label#name_error      { position:absolute; top:7px; left:440px; }

label#email_label     { position:absolute; top:45px; left:0px; }
input#email           { position:absolute; top:68px; left:140px; }
label#email_error      { position:absolute; top:52px; left:440px; }

label#subject_label     { position:absolute; top:90px; left:0px; }
input#subject           { position:absolute; top:113px; left:140px; }
label#subject_error      { position:absolute; top:97px; left:440px; }

label#message_label	{ position:absolute; top: 130px; left: 0px; }

.textarea-input 	{ 
  display: block;
  position:absolute; 
  top: 150px; 
  left: 140px; 
  width: 450px;
  height: 100px;
  border: 1px solid rgb(50,20,20);
  background-color: rgb(80,60,5);
}

#submit_btn {
  display: block;
  position: absolute;
  width: 140px;
  height: 50px;
  top: 305px;
  left: 470px;
  background: url('../images/bg_form_send.png') top left no-repeat;
  border: 0;
  cursor: pointer;
}

#social_container {
  display: block;
  position: absolute;
  top: 582px;
  left: 205px;
}

#vimeo_link {
  position: absolute;
  top: 590px;
  left: 288px;
}