body {overflow-x: hidden; text-align:center; margin: 0; border: none; background:#F0FFF0;}

#centrado {width: 780px; margin: 0 auto 0 auto;}

#cabecera {margin-top: 10px; height: 50px;}

#idioma {float: left; height: 40px; margin-top: 10px; margin-right: 0px; margin-left: 60px; padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0px;}
#idioma ul {margin-top: 7px; margin-left: -5px; padding: 0px;}
#idioma li {float: left; list-style: none; margin-left: -5px;}
#idioma li a {text-align: left; margin-left: 10px; font-family: Arial; font-size: 7pt; color: #666666; text-decoration: none;}/*Idioma*/

#logo {float: right; height: 40px; margin-top: 7px; margin-right: 60px; margin-left: 0px; padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0px; text-align: right;}

h1 { text-align: justify; font-weight: 200; font-family: Verdana; font-size: 8pt; color: #FFFFFF; text-decoration: none; }/*Nuevo_Swis721 Ex BT*/
h2 { text-align: center; font-family: Arial; font-size: 8pt; color: #000000; text-decoration: none; }/*Construcción*/
h3 { text-align: right; font-family: Arial; font-size: 8pt; color: #000000; text-decoration: none; }/*Usuario Form*/
h4 { text-align: left; font-family: Arial; font-size: 7pt; color: #666666; text-decoration: none; }/*Usuario*/
h5 { text-align: justify; font-weight: 100; font-family: Arial; font-size: 8pt; color: #000000; text-decoration: none; }/*Empresa*/

#menu {margin-top: 5px; list-style: none; padding: 0; margin-left: 24px; border: none;}
#menu li {margin-left: 4px; padding: 0; float: left;}
#menu li a {display: block;  width: 100px; padding: 2px 0; text-decoration: none; font-family: arial; font-size: 8pt; color: #FFFFFF; background-color: #00263E; border-bottom: 2px solid #7DA693;}
#menu li a:hover {font-weight: 600; font-size: 8pt; color: #FFFFFF; background-color: #00395B; border-bottom-color: #00395B;}

#contenido {width: 100%; margin-top: 60px; margin-right: 0px; margin-left: 0px; padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0px;}

#trabajo {margin-top: 100px; margin-left: 0px;}
#ttrabajando {margin-top: -78px; margin-left: 350px;}

#tranquilidad {margin-top: 0px; margin-left: -300px;}
#ftran {margin-top: -80px; margin-left: 250px; background: #BA122B; width: 430px; height: 70px; filter:Alpha(Opacity=200, FinishOpacity=0, Style=1, StartX=30, StartY=0, FinishX=0, FinishY=0); z-index: 1;}
#ttran {margin-top: -78px; margin-left: 350px;}

#empresa {width: 620px; margin-top: 0px; margin-left: 70px; margin-right: 70px;}

#tidi p {float: left; width: 500px; margin-top: 0px; margin-left: 70px;}
#tidi h4 {color: #000000;}
#idi img {float: right; width: 120px; height:100px; margin-top: 0px; margin-right: 70px;}

#contacto {float: right; margin-top: 0px; margin-right: 70px; border-left: 2px solid #00263E;}
#contacto h4 {margin-left: 10px; color: #000000;}/*Contacto*/
#contacto h4 a {font-family: Arial; color: #E31534; text-decoration: underline;}
#contacto h2 {margin-top:10px; margin-left: 10px; text-align:left; font-size:9pt;}/*Contacto*/

#mapa {width: 700px; margin-top: 20px; margin: 0 auto; border-top: 2px solid #00263E;}
#mapa iframe {margin-top: 40px; width: 425px; height: 250px;}
#mapa h4 {margin-top: 40px; width: 700px; float: center; border-top: 1px solid #666666;}
#mapa h4 {width: 700px; border-bottom: 1px solid #666666;}
#mapa h4 p {margin-top: 5px; margin-bottom: 5px; margin-left: 10px;}
#mapa h4 a {font-family: Arial; color: #E31534; text-decoration: underline;}

#formulario {float: left; margin-top: 20px; margin-left: 70px;}
#formulario h4 {color: #000000;}/*Contacte Form*/
#formulario h2 { text-align: left; font-size: 9pt;}/*Contacte Form*/

#user {float:right; width: 300px; margin-top: 0px; margin-right: 35px;}
#user a {margin-right: 85px; font-family: Arial; color: #E31534; text-decoration: underline;}
#user a:hover {font-weight: 600; background-color: #dcdcdc;}

#registro h2 {text-align: left;}
#registro {width: 700px; margin: 0 auto; border-top: 2px solid #00263E;}
#registro p {margin-top: 20px; margin-left: 10px;}
#registro form {margin-top: 20px; width: 700px; border-top: 1px solid #666666;}
#registro form p {margin-top: 20px;}

#archivos {float: left; margin-top: 0px; margin-left: 35px;}
#archivos a {font-size: 8pt; color: #000000; text-decoration: none;}
#archivos h4 a {color: #000000; font-size: 9pt;}
#archivos h1 a {font-family: Arial; color: #000000; font-size: 7pt;}
#archivos a.titulo {text-decoration: underline;}
#archivos a.over:hover {font-weight: 600; background-color: #dcdcdc;}
#archivos a.link_demo:hover {font-weight: 600; background-color: #bdbdbd; font-size: 10pt;}
#archivos img.qr {margin-top: 0px; margin-left: -270px; width: 100px; height: 100px;}

#gracias {width: 700px; margin: 0 auto; border-top: 2px solid #00263E;}
#gracias p {margin-top: 80px; margin-left: 10px;}
#gracias h4 {color: #000000; font-size: 9pt;}
#gracias h2 {margin-top: 100px; border-top: 1px solid #666666;}
#gracias h2 p {text-align: left; margin-top: 5px; margin-bottom: 5px; margin-left: 10px;}
#gracias h2 a {font-family: Arial; color: #E31534; text-decoration: underline;}

#proyectos {margin-top: 40px; margin-left: 235px; list-style: none; padding: 0;}
#proyectos li {margin-left: 4px; padding: 0; float: left;}
#proyectos li a {cursor: hand; display: block; width: 150px; padding: 2px 0; text-decoration: none; font-family: arial; font-size: 8pt; color: #FFFFFF; background-color: #00395B; border-bottom: 2px solid #7DA693;}
#proyectos li a:hover {font-weight: 600; font-size:8pt; color:#FFFFFF; background-color:#004B79; border-bottom-color: #00395B;}

#promociones {margin-top: 65px; margin-left: 82px; list-style: none; padding: 0;}
#promociones li {margin-left: 4px; width: 150px; padding: 2px 0; float: left; font-size: 8pt; color: #FFFFFF; background-color: #004B79; border-bottom: 2px solid #7DA693;}
#promociones li a {cursor: hand; text-decoration: none; font-family: arial;}

#proyecto {margin-top: 65px; margin-left: 160px; list-style: none; padding: 0;}
#proyecto li {margin-left: 4px; width: 150px; padding: 2px 0; padding: 0; float: left; font-size: 8pt; color: #FFFFFF; background-color: #004B79; border-bottom: 2px solid #7DA693;}
#proyecto li a {cursor: hand; text-decoration: none; font-family: arial;}

#fotos {width: 700px; margin-left: 40px; margin-right: 40px; margin-top: 20px;}
#fotos li {margin-left: 4px; list-style: none; float: left; padding-top: 5px;}
#fotos li a {text-decoration: none; border: none;}
#fotos li a img {border: 0px;}

#monte {margin-left: 38px;}
#alamandas {margin-left: 130px;}
#torre {margin-left: 207px;}
#tikitano {margin-left: 220px;}
#morera {margin-left: 100px;}
#myramar {margin-left: 218px; margin-right: 80px;}
#myramar li h1 p {margin-left: -108px; width: 400px; font-family: Arial; color: #000000; font-size: 10pt; text-align: center;}
#marazul {margin-left: 120px;}
#granados {margin-left: 210px;}
#altavista {margin-left: 127px; padding-left: 0px; margin-right: 80px;}
#altavista h1 a {margin-left: 160px; margin-top: 10px; font-family: Arial; color: #000000; font-size: 10pt; text-align: center;}
#lamota h1 p {margin-left: 110px; margin-top: 10px; width: 400px; font-family: Arial; color: #000000; font-size: 10pt;  text-align: center;}
#tanger {margin-left: 277px; padding-left: 0px; margin-right: 250px;}
#tanger h1 a {margin-left: 5px; margin-top: 50px; font-family: Arial; color: #000000; font-size: 10pt; text-align: center; text-decoration: none;}

#confort {width: 700px; margin-top:0px; margin-left: 40px;}

#seguridad {width: 700px; margin-top:0px; margin-left: 40px;}

#ffunciones {width:170px; height:800px; margin-top: 20px; margin-left: 450px; background:#C4C4C4; filter:Alpha(Opacity=200, FinishOpacity=0, Style=1, StartX=0, StartY=30, FinishX=0, FinishY=0);}

#clima {margin-top: -760px; margin-left: 450px;}/*Fondos: #D1D1D1, #C4C4C4, #B6B6B6, #A6A6A6*/
#tclima {width: 620px; margin-top: -82px; margin-left: 20px; padding-left: 20px; border-bottom: 4px solid #BA122B;}
#tclima h4 {color:#000000;}
#tclima h2 { text-align:left; margin-bottom: -15px;}

#cierre {margin-top: 10px; margin-left: 450px;}
#tcierre {width: 620px; margin-top: -120px; margin-left: 20px; padding-left: 20px; border-bottom: 4px solid #BA122B;}
#tcierre h4 {color:#000000;}
#tcierre h2 { text-align:left; margin-bottom: -15px;}

#musica {margin-top: 10px; margin-left: 450px;}
#tmusica {width: 620px; margin-top: -100px; margin-left: 20px; padding-left: 20px; border-bottom: 4px solid #BA122B;}
#tmusica h4 {color:#000000;}
#tmusica h2 { text-align:left; margin-bottom: -15px;}

#luces {margin-top: 10px; margin-left: 450px;}
#tluces {width: 620px; margin-top: -120px; margin-left: 20px; padding-left: 20px; border-bottom: 4px solid #BA122B;}
#tluces h4 {color:#000000;}
#tluces h2 { text-align:left; margin-bottom: -15px;}

#remoto {margin-top: 10px; margin-left: 450px;}
#tremoto {width: 620px; margin-top: -90px; margin-left: 20px; padding-left: 20px; border-bottom: 4px solid #BA122B;}
#tremoto h4 {color:#000000;}
#tremoto h2 { text-align:left; margin-bottom: -15px;}

#fuego {margin-top: -760px; margin-left: 450px;}/*Fondos: #D1D1D1, #C4C4C4, #B6B6B6, #A6A6A6*/
#tfuego {width: 620px; margin-top: -97px; margin-left: 20px; padding-left: 20px; border-bottom: 4px solid #BA122B;}
#tfuego h4 {color:#000000;}
#tfuego h2 { text-align:left; margin-bottom: -15px;}

#inundaciones {margin-top: 10px; margin-left: 450px;}
#tinundaciones {width: 620px; margin-top: -85px; margin-left: 20px; padding-left: 20px; border-bottom: 4px solid #BA122B;}
#tinundaciones h4 {color:#000000;}
#tinundaciones h2 { text-align:left; margin-bottom: -15px;}

#panico {margin-top: 10px; margin-left: 450px;}
#tpanico {width: 620px; margin-top: -75px; margin-left: 20px; padding-left: 20px; border-bottom: 4px solid #BA122B;}
#tpanico h4 {color:#000000;}
#tpanico h2 { text-align:left; margin-bottom: -15px;}

#accesos {margin-top: 10px; margin-left: 450px;}
#taccesos {width: 620px; margin-top: -120px; margin-left: 20px; padding-left: 20px; border-bottom: 4px solid #BA122B;}
#taccesos h4 {color:#000000;}
#taccesos h2 { text-align:left; margin-bottom: -15px;}

#funciones {margin-top: 10px; margin-left: 450px;}
#tfunciones {width: 620px; margin-top: -100px; margin-left: 20px; padding-left: 20px; border-bottom: 4px solid #BA122B;}
#tfunciones h4 {color:#000000;}
#tfunciones h2 { text-align:left; margin-bottom: -15px;}

#abajo {position: absolute; width: 780px; left: 50%; margin-left: -390px; bottom: 10px;}
h6 { text-align:center; font-family:Arial; font-size:6pt; color:#000000; text-decoration: none; }/*Pie pagina*/

#const {margin-top: 20px;}
#const2 {position:absolute; top:92%; left:0%; width:100%; height:2%; margin: 0 auto 0 auto;}