#todo {
width : 760px;
margin : 0;
background : transparent;
border : 0;
}
#cap {
position : absolute;
left : 289px;
top : 5px;
height : 30px;
width : 550px;
z-index : 2;
}
#cabecera {
width : 189px;
height : 90px;
top : 10px;
left : 10px;
margin : 0;
}
.titulo {
position : fixed;
top : 10px;
left : 10px;
z-index : 4;
background-color : transparent;
font : 30px 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-weight : lighter;
letter-spacing : -2px;
color : #d1c8c3;
}
* html .titulo {
position : absolute;
}
.marca {
position : fixed;
top : 40px;
left : 5px;
z-index : 4;
background-color : transparent;
font : 30px 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-weight : lighter;
letter-spacing : 2px;
color : #000000;
}
* html .marca {
position : absolute;
}
#fondo {
width : 454px;
height : 654px;
margin : 0;
top : 0;
left : 0;
}
.imagen {
position : fixed;
top : 0;
left : 0;
z-index : 1;
background-color : transparent;
}
* html .imagen {
position : absolute;
}
#cajamenu {
position : fixed;
width : 189px;
height : 200px;
top : 130px;
left : 70px;
padding-top : 10px;
padding-right : 10px;
background-color : transparent;
float : left;
z-index : 4;
}
* html #cajamenu {
position : absolute;
}
#menulist li {
margin-top : 10px;
background : transparent;
list-style-type : none;
text-align : right;
font-family : 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size : 14px;
font-weight : normal;
letter-spacing : -1px;
width : 140px;
}
#menulist li a:link {
color : #ffffcc;
text-decoration : none;
}
#menulist li a:visited {
color : #ffffcc;
text-decoration : none;
}
#menulist li a:hover {
color : #000000;
text-decoration : underline;
font-weight : lighter;
}
a:link {
text-decoration : none;
color : #cc9900;
}
a:visited {
color : #cc6600;
text-decoration : none;
}
a:hover {
text-decoration : underline;
color : #cc6600;
}
#pagina {
width : 500px;
border : 1px solid #989440;
margin : 10px;
}
.texto {
position : absolute;
top : 20px;
left : 269px;
padding : 21px;
padding-bottom : 150px;
text-align : justify;
font-size : 9pt;
line-height : 14pt;
font-family : 'Lucida Grande', Verdana, Helvetica, sans-serif;
color : #666666;
z-index : 2;
letter-spacing : normal;
word-spacing : 2px;
}
.sobretext {
width : 150px;
float : left;
margin-top : 10px;
margin-bottom : 10px;
margin-right : 16px;
padding-bottom : 10px;
font-family : 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size : 24px;
line-height : 26px;
letter-spacing : -1px;
text-align : right;
color : #cc6600;
}
.itali {
font-size : 9pt;
line-height : 14pt;
font-style : italic;
font-family : georgia, "times new roman", serif;
color : #666666;
}
.textolinea {
text-align : left;
font-size : 9px;
line-height : 14px;
font-family : 'Lucida Grande', Verdana, Helvetica, sans-serif;
color : #333333;
z-index : 2;
letter-spacing : normal;
word-spacing : normal;
white-space : normal;
}
.imedalla {
display : block;
float : left;
margin-top : 10px;
margin-bottom : 10px;
margin-right : 10px;
margin-left : 0;
}
.foto {
display : block;
float : left;
margin-top : 10px;
margin-bottom : 50px;
margin-right : 10px;
margin-left : 10px;
}
.imagena {
display : block;
background-image : url(images/faren.jpg);
background-repeat : no-repeat;
width : 250px;
height : 150px;
float : right;
border : 1px solid #989440;
margin-top : 20px;
margin-bottom : 10px;
margin-right : 10px;
margin-left : 10px;
}
.imagenb {
background-image : url(images/relieve.jpg);
width : 250px;
height : 200px;
float : right;
border : 1px solid #989440;
margin-top : 20px;
margin-bottom : 10px;
margin-right : 10px;
margin-left : 10px;
}
.imagenc {
display : block;
background-image : url(images/rel_10.jpg);
background-repeat : no-repeat;
width : 200px;
height : 250px;
float : left;
border : 1px solid #989440;
margin-top : 20px;
margin-bottom : 10px;
margin-right : 30px;
margin-left : 10px;
}
.imagend {
display : block;
background-image : url(images/cajas.jpg);
width : 300px;
height : 150px;
float : right;
border : 1px solid #989440;
margin-top : 0;
margin-bottom : 0;
margin-right : 0;
margin-left : 10px;
padding : 10px;
}
.firma {
font-size : 9px;
text-transform : uppercase;
color : #cc6600;
letter-spacing : 0;
font-style : normal;
font-weight : lighter;
}
h1 {
font-weight : lighter;
font-size : 22px;
color : #666666;
letter-spacing : -1px;
font-style : normal;
}
h2 {
font-size : 17px;
font-weight : lighter;
color : #666666;
letter-spacing : -1px;
font-style : normal;
}
h3 {
font-size : 9pt;
line-height : 14pt;
color : #666666;
letter-spacing : -1px;
font-style : normal;
font-weight : bold;
}
h4 {
font-size : 9pt;
line-height : 14pt;
font-weight : normal;
color : #666666;
font-style : normal;
}
#peu {
font-size : 12px;
font-family : 'Lucida Grande', Verdana, Helvetica, sans-serif;
width : 250px;
height : 20px;
margin : 0;
position : fixed;
bottom : 50px;
left : 5px;
padding : 5px;
z-index : 10;
background-color : transparent;
}
* html #peu {
position : absolute;
}
#peu a:link {
color : #ffffcc;
text-decoration : none;
}
#peu a:visited {
color : #ffffcc;
text-decoration : none;
}
#peu a:hover {
color : #000000;
text-decoration : underline;
font-weight : lighter;
}
#copiright {
font-size : 10px;
font-family : 'Lucida Grande', Verdana, Helvetica, sans-serif;
text-align : left;
text-transform : none;
color : #cc9900;
}
#copiright a:link {
color : #000000;
text-decoration : none;
}
#copiright a:visited {
color : #000000;
text-decoration : none;
}
#copiright a:hover {
color : #cc9900;
text-decoration : underline;
font-weight : lighter;
}
#cuadro {
position : absolute;
top : 20px;
left : 279px;
z-index : 50;
width : 700px;
height : 600px;
border : 0 solid #989440;
margin : 0;
}
#cuadroG {
position : absolute;
top : 40px;
left : 325px;
z-index : 50;
width : 700px;
height : 600px;
border : 0 solid #989440;
margin : 0;
}
a.galeria {
border : 1px solid #000000;
display : inline-block;
z-index : 50;
float : left;
margin : 4px;
width : 75px;
color : #000000;
height : 47px;
text-decoration : none;
}
a.galeria:visited {
border : 1px solid #000000;
display : inline-block;
z-index : 50;
float : left;
margin : 4px;
width : 75px;
color : #000000;
height : 47px;
text-decoration : none;
}
#marco .xinxeta {
right : 0;
width : 85px;
position : absolute;
top : 0;
z-index : 50;
}
#marco a.galeria:active {
border : 1px solid #000000;
}
#marco a.galeria:hover {
border : 1px solid #cc3300;
}
a.relliga {
background-image : url(images/xinxetas/xinxeta1.jpg);
}
a.relligb {
background-image : url(images/xinxetas/xinxeta2.jpg);
}
a.relligc {
background-image : url(images/xinxetas/xinxeta3.jpg);
}
a.relligd {
background-image : url(images/xinxetas/xinxeta4.jpg);
}
a.rellige {
background-image : url(images/xinxetas/xinxeta5.jpg);
}
a.relligf {
background-image : url(images/xinxetas/xinxeta6.jpg);
}
a.relligg {
background-image : url(images/xinxetas/xinxeta7.jpg);
}
a.relligh {
background-image : url(images/xinxetas/xinxeta8.jpg);
}
a.relligi {
background-image : url(images/xinxetas/xinxeta9.jpg);
}
a.relligj {
background-image : url(images/xinxetas/xinxeta10.jpg);
}
a.galeria EM {
display : none;
}
a.galeria SPAN {
display : none;
}
a.galeria:hover {
border : 1px solid #ffffff;
}
#marco {
position : relative;
background-color : transparent;
width : 625px;
height : 575px;
margin-top : 10px;
margin-left : 55px;
}
#marco H1 {
clear : both;
padding-left : 50px;
font-weight : normal;
font-size : 3em;
margin : 0;
width : 300px;
color : #c1c1c1;
padding-top : 80px;
font-family : georgia, "times new roman", serif;
text-align : center;
}
#marco H1 EM {
font-size : 0.6em;
color : #cc6600;
}
#marco IMG {
border : 0;
}
#marco a.galeria:hover SPAN:first-line {
font-family : 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-weight : lighter;
letter-spacing : 3px;
font-size : 1.1em;
color : #666666;
font-style : normal;
text-transform : none;
}
#marco a.galeria:hover SPAN {
position : absolute;
display : block;
top : 5px;
left : -525px;
width : auto;
height : auto;
font-style : italic;
color : #999999;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
z-index : 100;
}
#marco a.galeria:hover EM {
background-color : #ffffff;
position : absolute;
display : block;
border : 1px solid #3d330f;
top : 47px;
left : -525px;
width : auto;
height : auto;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
color : #000000;
z-index : 50;
} 

/* note that by using an id on each form that it is is individually controllable
 use a general class for consistency and refer via the id for unique properties */

#content {position : absolute; width:600px; top : 20px; left : 350px;font:76.1% 'Lucida Grande', Verdana, Helvetica, sans-serif;}


#simplecontactform                {margin:0 0 2em 0; text-align:right}
#simplecontactform *              {font:inherit}
#simplecontactform div            {margin:0.5em 0}
#simplecontactform fieldset       {border:1px solid #989440; padding:0.5em 1em; margin:2em 10px; color:#666666}
#simplecontactform legend         {font-weight:bold; padding:0 0.5em}
#simplecontactform p              {margin-bottom:0.8em}
#simplecontactform label          {font-weight:bold}
#simplecontactform input.text     {background:#FFF0D0; border:2px inset #ccc; width:220px; margin-left:1em; background:#dde; padding:2px 3px 2px 5px; vertical-align:middle}
#simplecontactform input.radio    {border:2px solid #fff; margin-left:1.5em; vertical-align:middle}
#simplecontactform textarea       {background:#FFF0D0; border:2px inset #ccc; width:320px; margin-left:1em; background:#fff; font-size:100%; padding:2px 3px 2px 5px; vertical-align:middle}
#simplecontactform input.button   {border:2px outset #ccc; color:#333; background:#ccd; vertical-align:bottom; height:2em; width:120px}


/* help link example */
/* please note: that bg & txt colour of the help link should be associated with the bg & txt color of the help div */
#simplecontactform div.help     {background:#f0f0f0; padding:5px; color:#cc9900; text-align:left}
#simplecontactform div.help h4  {font-size:small; margin:0 0 0.5em 0}
#simplecontactform div.help p   {margin:0}

#simplecontactform span.help    {font-size:small; background:#f0f0f0; padding:2px}
#simplecontactform span.help  a {color:#cc9900}
/* end help link example */