﻿/* Arquitectura */
html, body {background-color:#000; height:100%; margin:0px; padding:0px; text-align:center; overflow:hidden}
#continente {position:absolute; left:0px; top:0px; width:100%; height:auto}
#cabecera {position:relative; width:980px; height:0px}
#contenido {position:relative; width:980px; height:auto}
/* Elementos Generales */
table {border:0px}
/*td, th {padding:0px; vertical-align:top}*/
img {border:0px}
td {vertical-align:top}
.divrel {position:relative}
.drel {position:relative; width:100%}
/* Espacios */
.space5 {width:5px; height:5px}
.space10 {width:10px; height:10px}
.space20 {width:20px; height:20px}
.space30 {width:30px; height:30px}
.space40 {width:40px; height:40px}
.space80 {width:80px; height:80px}
/* Cabecera */
#titular {position:absolute; top:20px; left:30px; height:auto; width:300px; text-align:left}
#icomail {position:absolute; top:20px; right:20px; height:25px; width:40px}
/* Continente */
#centrar2 {position:relative; margin:25% auto 50px auto; width:200px; height:102px}
#lnkscentrar {position:relative; margin:0 auto; width:220px; height:auto; text-align:center}

#centrado {position:absolute; left:50%; top:50%}
#logolnk {position:absolute; left:-150px; top:-51px; height:102px; width:300px}

#divabs {position:relative; height:auto; width:300px; margin:10px auto}

/* Paginas Lista y Detalle */
#volver {position:absolute; left:30px; top:-20px; z-index:3}
.tdspace {width:10px}
#tdtodo {position:relative; width:980px}
#tdizq {width:550px}
#tdder {width:400px}
#imagenizq {position:absolute; top:63px; left:30px; width:500px; height:500px; overflow:hidden}
#galeriader {position:absolute; top:55px; left:550px; width:400px; height:auto}
#txtder {position:relative; width:300px; height:auto; padding:5px; text-align:justify; color:#fff}
.proyectodiv {position:relative}
.proyectoimg {position:relative; width:85px; height:85px}
.proyectoimg2 {position:relative; width:80px; height:80px; overflow:hidden}
.proyectotxt {position:relative; width:90px; height:10px}
.proyectotxt a {display: block; margin-left: 5px;_margin-left: auto; margin-right: auto; text-align:center}
.proyectotxtrel {position:relative; left:20px; text-align:left}
.proyectotxtrel p {font-size:13px}
#imgampizq {position:absolute; top:60px; left:100px}
.imgrel {position:relative; width:100px; height:100px; overflow:hidden; margin-bottom:5px; cursor:pointer}

/* Formulario Contacto */
#contactform {position:relative; height:auto; text-align:right}
.etiqform {position:absolute; top:0px; left:140px; width:150px; text-align:right}
.campotxt {position:absolute; top:-3px; left:300px; text-align:left}
.campotxtform {position:absolute; top:0px; border:solid 1px #fff; border-bottom:solid 2px #fff; width:200px; font:bold 11px Arial; color:#000}
.campotxtformgr {border:solid 1px #fff; border-bottom:solid 2px #fff; width:200px; font:bold 11px Arial; color:#000;  overflow:auto}
.btnenviar {background-color:Transparent; border:solid 1px #fff; position:absolute; top:0px; left:446px; width:60px; height:20px; font:bold 11px Arial; color:#fff; cursor:hand}
.btnvolver {background-color:Transparent; border:solid 1px #fff; width:60px; height:20px; font:bold 11px Arial; color:#fff; cursor:hand}
.asterisco {position:absolute; left:210px; top:3px; font:21px Arial Rounded MT Bold, Arial, Helvetica, sans-serif; color:#fff; vertical-align:middle}
/* Fuentes */
h1, h2, p {color:#fff; margin:0px; padding:0px}
p {font:11px Arial}
h1, h2 {font:bold 11px Arial}
/* Links */
a:link, a:visited {font:11px Arial; color:#ccc; text-decoration:none}
a:active, a:hover {font:11px Arial; color:#fff; text-decoration:none}
