@charset "utf-8";
/* CSS Document */

body { background-color: #ffffff; font: normal 80%/1em Arial, Verdana, Helvetica, sans-serif; margin: 0; margin-top: 50px; padding:0; text-align: center;}
ul, li { margin: 0; padding: 0;}
.red { color:#ff0000; font-weight:bold;}
.gray {color:#999;}
.bold {font-weight:bold;}

#header {	position: relative; width: 765px; height: 61px; background: url(img/fondo_header.gif) center top no-repeat; margin: 0 auto;}
#header ul {position:relative; font-family:arial, verdana; padding-top:40px; padding-left:375px; list-style-type: none}
#header li {float:left; font-size:1em; display:block; line-height:1.2em;}
#header li a {text-decoration:none; color:#000000;}
#header li a:visited {color:#333333; text-decoration:none;}
#header li a:hover{text-decoration:none; color:#ff0000;}

#cuerpo { position: relative; margin: auto; width: 765px;}
/* Hack para las cajas flotantes en mozilla */
#miElemento:after { content:"|"; display: block; height: 0; clear: both; visibility: hidden;}

#banda_menu { float:left; width:183px; background: url(img/fondo_bandaiz.gif) left top;}
#banda_menu ul{ position:relative; padding-top:40px; padding-left:35px; font-family:Arial; font-size:0.96em; text-align:left; list-style-type:square;}
#banda_menu li { padding-bottom:1em; color:#000000; font-weight:bold;}
#banda_menu li a { color:#000000; text-decoration:none;}
#banda_menu li a:visited {color:#333333; text-decoration:none;}
#banda_menu li a:hover{ color:#ff0000; text-decoration:none;}
#link_video {position:relative; margin:auto; margin-top:35px; margin-left:30px; width:130px; height:130px;}
#base_banda_menu { width:180px; height:32px; background:url(img/base_banda_iz.gif) no-repeat left top; clear:both;}

#contenido_home { float:right; width:550px; }
#contenido_home h2 { position:relative; left: 160px; top:-110px; color: #ff0000; z-index:1; }
#contenido_home ul { position:relative; left: 80px; top:-85px; z-index:1;}
#contenido_home li {color: #000000; text-align:left; font-size:1.2em; font-weight:bold; line-height:1.3em; list-style-type:none;}
#contenido_home p { position:relative; margin:auto; margin-left:35px; margin-top:-45px; padding:0px; color: #000000; text-align:justify; font-size:1em;
line-height:1.2em; width:450px;}

#video { position:relative; margin:auto; margin-top:70px; width:370px; height:300px; text-align:center;}

#contenido_paginas {float:right;width:550px;background: url(img/fondo_contenido.gif) center top no-repeat;}
#contenido_paginas h2 {margin-left: 45px;margin-top: 35px;text-align:left;color:#ff0000;font-size:1.6em;}
#contenido_paginas h3 {margin-left: 95px; margin-top: -8px; text-align:left; color:#CECECE; font-size:1.3em;}
#contenido_paginas p { margin:auto; margin-top:35px; margin-left:250px; width:280px; text-align:left; font-size:0.95em; line-height:1.21em;}
#contenido_paginas ul {margin:auto;width:260px; margin-left: 235px; margin-top:10px; padding-left:15px; list-style-type:square; font-size:1em;}
#contenido_paginas li{color:#000000; text-align:left; font-size:1em; line-height:1.2em; margin-top:8px;}
#contenido_paginas ol { margin:auto; margin-left:265px; padding-left:0px; margin-top:12px;} 
#contenido_paginas ol li{ color:#747474; text-align:left; font-size:1em; line-height:1.1em;}

#enlaces {float:right;width:265px;}
#enlaces ul {margin-left:40px; padding-left:0px;}
#enlaces li  { padding-bottom:0.8em; font-size:1em;}
#enlaces li a {color:#000000; text-decoration:none;}
#enlaces li a:visited {color:#666666; text-decoration:none;}
#enlaces li a:hover {color:#666666; text-decoration:none;}

#fotos {float:left; margin-top:70px; width:220px;}
#fotos img { margin-left:15px; border-right:dashed 1px #cccccc; border-bottom:dashed 1px #cccccc; padding-right:15px; padding-bottom:15px;}
#foto_enlaces { float:left; margin-top:90px; width:280px;}
#foto_enlaces img { margin-left:15px; border-right:dashed 1px #dcdcdc; border-bottom:dashed 1px #dcdcdc; padding-right:15px; padding-bottom:15px;}

#seguridad { float:right; margin-top:30px; width:330px;}
#seguridad p{ position:relative; margin:auto; margin-top:25px; margin-left:10px;}

#referencias { width: 490px; margin-left:0px; clear:both;}
#referencias p { width:420px; margin-left:45px;}
#referencias ul { width:420px; margin-left:35px;}

#galeria { float:left; width:300px; border:1px solid #ff0000;}
#galeria img {margin:10px;}

#trabajos { float:right; width:200px; margin-right:10px; text-align:left;}
#trabajos h1 { display:inline; color:#ff0000; font-size:1.1em; font-weight:bold; margin-left:35px;}
#trabajos ul { width:150px; margin-top:25px; margin-left:25px; list-style-type:none;}
#trabajos li {line-height:1.2em; color:#767676; padding-bottom:0.8em;}
#trabajos li a{ text-decoration:none; color:#767676;}
#trabajos li a:visited{ text-decoration:none; color:#ff0000;}
#trabajos li a:hover{ text-decoration:none; color:#ff0000;}

#formulario{ width:400px; margin:auto; margin-top:50px;}
#formulario h1{ font-size:1.2em; text-align:left;}
#formulario p { position:relative; margin-left:0px; width:400px; color:#898989;}
#formulario form { position:relative; margin-top:25px; padding:20px; border:solid 1px #999999; text-align:left; height:225px;}
#formulario label { float:left; width:130px; text-align:left; margin-top:12px;}
#formulario input { border:1px solid #999999; font-size:0.97em; width:200px; height:15px; margin-left:20px; margin-top:10px; background-color:#F9F9F9;}
#formulario textarea { float:right; border:1px solid #999999; margin-top:12px; height:70px; width:355px; background-color:#F9F9F9; font-size:0.97em; display:block;}
#formulario .btenviar{ border:1px solid #999999; width:70px; height:20px; text-align:center; margin-left:60px; padding:0px; background-color:ff0000, font-weight:bold;}
#formulario .btborrar{ border:1px solid #999999; width:70px; height:20px; text-align:center; margin-left:90px; padding:0px; background-color:ff0000; font-weight:bold;}

#info_adicional{ float:left; width:510px; margin-left:20px; margin-top:25px; }
*html #info_adicional{ margin-left:10px;}
#info_adicional p { width:495px; margin:auto; margin-top:10px;}
#info_adicional table { width:500px; border:solid 1px #999; margin-top:15px; margin-left:5px; background:#ccc;}
*html #info_adicional table { margin-left:3px;}
*:first-child+html #info_adicional table { margin-left:3px;}
#info_adicional td { text-align:center; border:solid 1px #999;width:225px; background:#f3f3f3;}

#pie { width:765px; height:25px; background: url(img/fondo_foot.gif) center top no-repeat; margin:auto; margin-top:35px; clear:both;}
#pie p { float:left; color:#333333; margin-top:5px; font-size:0.95em; line-height:2em;}
#pie a { color:#333333; text-decoration:none;}	
#pie a:visited{ color:#666666;text-decoration:none;}	
#pie a:hover{color:#666666; text-decoration:none;}