body {
     margin: 0;
     padding: 0;
     border: 0;
     width: 100%;
     background: #000;
     font: normal 10pt "MS Sans Serif", Geneva, Arial, Helvetica, sans-serif;
     color: #fff
}

#encabezado {
     clear: both;
     float: left;
     width: 100%;
     height: 213px;
     background: #333 url(../imagenes/fondo_encabezado.png)
}

#menu {
     clear: both;
     float: left;
     width: 100%;
     background: #000;
     text-align: center
}

#intro {
     clear: both;
     float: left;
     width: 100%;
     background: #333
}

.contenedor {
     clear: both;
     float: left;
     width: 100%;
     overflow: hidden;
}

#pie {
     background: #000;
     clear: both;
     float: left;
     width: 100%;
}




/*COLUMNAS PÁGINA DE INICIO*/
.contenido {
     float: left;
     width: 100%;
     position: relative;
}

.izquierda,
.derecha {
     float: left;
     position: relative;
     padding: 2% 0;
     overflow: hidden;
}

.doble {
     background: #888;    /* color de fondo de la columna derecha */
}

.doble .contenido {
     right: 50%;     /* ancho de la columna derecha */
     background: #555;     /* color de fondo de la columna izquierda */
}

.doble .izquierda {
     width: 46%;     /* ancho de la columna izquierda (ancho menos padding izquierdo y derecho) */
     left: 52%;     /* ancho de la columna derecha más padding izquierdo de la columna izquierda */
}

.doble .derecha {
     width: 46%;     /* ancho de la columna derecha (ancho menos padding lateral) */
     left: 56%;     /* ancho de la columna derecha más padding lateral de la columna izquierda más padding izquierdo de la columna derecha */
}




/* MENU PRINCIPAL */
#menu ul {
     clear: left;
     float: left;
     width: 100%;
     list-style: none;
     margin: 0;
     padding: 10px 0;
     font: bold 14pt "Century Gothic", "Avant Garde", sans-serif;
     text-transform: lowercase;
     text-align: center
}

#menu ul li {
     display: inline;
     list-style: none;
     margin: 0;
     padding: 10px
}

#menu ul li a {
     padding: 10px;
     text-align: center;
     color: #fff;
     text-decoration :none;
}

#menu ul li a:hover {
     background: #ee0;
     color: #000;
}



/* TÍTULOS */
h1, h2, h3 {
     font-family: "Century Gothic", "Avant Garde", sans-serif;
     text-transform: lowercase
}

h1#logo {
     width: 432px;
     height: 0;
     margin: 5%;
     padding-top: 87px;
     overflow: hidden;
     background: url(../imagenes/logo_merak.png) top left no-repeat;
     float: left
}

h2#slogan {
     margin: 5%;
     padding: 0;
     font-size: 24pt;
     color: #fff;
     text-shadow: #000 2px 2px 2px;
     filter: glow(color=#000000,strength=2);
}

/* IMÁGENES */
img {
     border: 0
}

img.fotoInicio {
     width: 150px;
     margin-right: 20px;
     float: left
}

img.presentacion {
     width: 100%;
}



/*ESTILOS DE PÁRRAFO*/
a {
     text-decoration: underline;
     color: #fff
}

#intro p {
     margin: 2%
}

#pie a {
     color: #fff
}

address {
     margin: 2%;
     float: left;
     font: normal 9pt "Century Gothic", "Avant Garde", sans-serif;
}

.validacion {
    margin: 2%;
     float: right;
     font: normal 9pt "Century Gothic", "Avant Garde", sans-serif;
}


ul#opcionesContacto, ul#opcionesDescargaCatalogos {
     margin: 0 0 0 20px;
     padding: 0;
     list-style: none;
     font-size: 14pt
}

ul#opcionesContacto li a, ul#opcionesDescargaCatalogos li a {
     display: block;
     padding: 10px 0 10px 50px;
     color: #fff;
     background-position: left center;
     background-repeat: no-repeat
}

ul#opcionesDescargaCatalogos li a span {
     font-size: 10pt
}


a#contactar {
     background: url(../imagenes/contactar.png)
}

a#pedirPresupuesto {
     background: url(../imagenes/pedir_presupuesto.png)
}

a.catalogo {
     background: url(../imagenes/catalogo.png)
}

a#catalogoLuxe {
     background: url(../imagenes/catalogo_luxe.png)
}

a#catalogoEstandar {
     background: url(../imagenes/catalogo_estandar.png)
}

a#catalogoClasico {
     background: url(../imagenes/catalogo_clasico.png)
}

a#catalogoWerzalit {
     background: url(../imagenes/catalogo_werzalit.png)
}

#mensaje {
     padding: 2%;
     border: dotted 1px #fff;
     font-weight: bold;
     background: #ccc
}

#mensaje p {
     margin: 0;
     padding: 0
}




/* FORMULARIOS */
fieldset {
     border: solid 1px #555;
     margin-bottom: 10px;
     padding: 1%
}

legend {
     font: bold 11pt "Century Gothic", "Avant Garde", sans-serif;
     margin-bottom: 10px
}

label {
     width: 30%;
     float: left;
     display: block
}

input {
     width: 68%;
     border: solid 1px #555;
     background: #f5f5f5;
     font: normal 10pt "MS Sans Serif", Geneva, Arial, Helvetica, sans-serif;
}

fieldset.enviar label, fieldset.enviar input {
     width: auto;
     display: inline;
     float: none;
     border: 0;
     background: transparent
}

fieldset.enviar input.enviarFormulario {
     float: right;
     background: url(../imagenes/fondo_enviar_formulario.png);
     font: bold 11pt "Century Gothic", "Avant Garde", sans-serif;
}

textarea {
     width: 98%;
     height: 100px;
     border: solid 1px #555;
     background: #f5f5f5;
     font: normal 10pt "MS Sans Serif", Geneva, Arial, Helvetica, sans-serif;
}