body {font: normal 1em Arial,Verdana,Helvetica,Sans-Serif;color: white;background-color: black;text-align: center;}
body#h {color: black;background-color: white;}
img {border: 0px;}
strong {font-weight: bold;}
em {font-style: oblique;}

/***********
** LAYOUT **
***********/
#contenedor {
margin: auto;
width: 990px;
height: 742px;
overflow: hidden;
position: relative;
text-align: left;
}
#top {
height: 150px;
position: relative;
overflow: hidden;
}
#menu {
position: absolute;
bottom: 30px;
right: 0px;
}
#columna1 {
position: absolute;
bottom: 45px;
left: 30px;
width: 300px;
height: 525px;
overflow: hidden;
}
#columna2 {
position: absolute;
bottom: 45px;
left: 345px;
width: 300px;
height: 525px;
overflow: hidden;
}
#columna3 {
position: absolute;
bottom: 45px;
left: 660px;
width: 300px;
height: 525px;
overflow: hidden;
}
#pie,#piecontacto {
position: absolute;
bottom: 15px;
right: 40px;
width: 350px;
height: 15px;
overflow: hidden;
}
#piecontacto {
width: 280px;
right: 40px;
}

/*********************
** Layout secciones **
*********************/

#columnafotogrande {
position: absolute;
bottom: 45px;
right: 0px;
width: 640px;
height: 525px;
overflow: hidden;
}
.fotocontacto {background-image: url('../imagenes/foto_contacto.jpg');}
.fotoservicios {background-image: url('../imagenes/foto_servicios.jpg');}
#columnagal {
width: 893px;
height: 497px;
position: absolute;
bottom: 75px;
left: 50px;
overflow: hidden;
}
#columnagal2 {
width: 445px;
height: 377px;
position: absolute;
bottom: 195px;
right: 47px;
overflow: hidden;
background-color: black;
z-index: 100;
text-align: right;
}
#columna2fotografo {
border-right: 1px solid #222;
border-left: 1px solid #222;
position: absolute;
bottom: 45px;
left: 345px;
width: 300px;
height: 300px;
overflow: hidden;
}
#piediseno {
position: absolute;
bottom: 15px;
right: 315px;
width: 140px;
height: 15px;
overflow: hidden;
}
#logostudious {
position: absolute;
bottom: 10px;
right: 460px;
width: 29px;
height: 31px;
overflow: hidden;
}
form#formcontacto {
margin: 20px 0px 0px 0px;
}
form#formcontacto label {
clear:left;
display: block;
margin-bottom: 0px;
}
form#formcontacto label span {
display: block;
float: left;
width: 100px;
}
form#formcontacto label input, form#formcontacto label textarea {
display: block;
float: left;
width: 180px;
color: #d8d5d5;
background-color: #111;
border: 0px;
padding-left: 5px;
}
.botonformenviar {
color: #a8a5a5;
background-color: black;
border: 0px;
cursor: pointer;
margin-left: 160px;
}
.expansor {
height: 1px;
clear: both;
}
#lineacontacto {
border-right: 1px solid #222;
position: absolute;
bottom: 0px;
right: 0px;
width:1px;
height: 300px;
}
#lineaservicios {
border-right: 1px solid #222;
position: absolute;
bottom: 0px;
right: 0px;
width:1px;
height: 520px;
}
#lineaprecios1 {
border-right: 1px solid #222;
position: absolute;
bottom: 48px;
left: 330px;
width:1px;
height: 300px;
}
#lineaprecios2 {
border-right: 1px solid #222;
position: absolute;
bottom: 48px;
left: 645px;
width:1px;
height: 300px;
}
#fotoprecios {
position: absolute;
top: 120px;
right: 0px;
width:223px;
height: 280px;
background-image: url('../imagenes/foto_precios.jpg');
z-index: -20;
}

#calendario {
position: absolute;
top: 180px;
right: 0px;
padding: 3px 5px 5px 5px;
background-color:#333333;
}
p#textocalendario {
position: absolute;
top: 180px;
left: 30px;
width: 300px;
height: 450px;
overflow: hidden;
font: normal 0.7em/1.4em Arial,Verdana,Sans-Serif;text-align: justify;color: #535151;
}

/*********
** MENU **
*********/
#menu ul li {
float: left;
border-right: 1px solid #565656;
}
#menu ul li.last {
border-right: 0px;
}
#menu ul li a {
display: block;
color: #565656;
text-decoration: none;
padding: 5px 10px 5px 10px;
font: normal 0.7em Arial,Verdana,Helvetica,Sans-Serif;
}
#menu ul li a:hover {
color: white;
}
#menu ul li.idioma a {
color: white;
padding-right: 20px;
}

/***********
** TEXTOS **
***********/
#contenedor a {
color: white;
text-decoration: none;
}
#contenedor a:hover {
text-decoration: underline;
}
#top h1 {
width: 346px;
height: 37px;
overflow: hidden;
background-image: url('../imagenes/texto_titulo_weddingphotochile.gif');
margin: 80px 0px 0px 30px;
}
#top h1 a {
display: block;
width: 346px;
height: 37px;
text-decoration: none;
}
#top h1 a:hover {
text-decoration: none;
}
#top h1 span {
visibility: hidden;
}
#top h2 {
font: normal 1.3em Arial,Verdana,Sans-Serif;
color: #f35bb1;
text-transform: uppercase;
margin: 0px 0px 0px 30px;
}
#top h2.h2fotografo {
color: #565656;
text-transform: capitalize;
}
#columna1 h3 {color: #535151;text-transform: uppercase;}
#columna1 p, #columna2 p, #columna3 p {font: normal 0.7em/1.4em Arial,Verdana,Sans-Serif;text-align: justify;color: #535151;}
#columna1 p.con1 {margin-top: 35px;}
#columna1 p.con2 {margin-top: 10px;}
#columna1 p.con3 {margin-top: 10px;color: white;font: normal 1.1em Arial,Verdana,Sans-Serif;}
#columna1 p.con4 {margin-top: 5px;color: white;}
#columna1 p.con4 span{color: #535151;text-transform: uppercase;}
#columna1 p.con5 {margin-top: 10px;color:#f35bb1;}
#columna1 p.con5 a {color:#f35bb1;}
#columna1 p.con5 span {color: #535151;text-transform: uppercase;}
#columna1 p.ty {margin: 70px 20px 0px 0px;color: white;}
#columna1 p.ty {margin: 20px 20px 0px 0px;}
#columna1 p.ser1 {margin: 0px 15px 0px 0px;}
#columna1 p.ser2 {margin: 10px 15px 0px 0px;}
#columna1 p.ser3 {margin: 10px 15px 0px 0px;color: white;line-height:1em;}
#columna1 p.ser4 {margin: 20px 15px 0px 0px;color: #f35bb1;text-transform: uppercase;text-align: left;}
#columna1 p.ser4 a {color: #f35bb1;}
#columna1 p.ser6 {margin: 10px 15px 0px 0px;color: #f35bb1;text-transform: uppercase;text-align: left;}
#columna1 p.ser6 a {color: #f35bb1;}
#columna1 p.ser6 img {float: right; }
#columna1 p.ser5 {margin: 5px 15px 0px 0px;line-height:1em;}
#columna1 p.f2 {margin-top: 32px;}
#columna1 p.f3, #columna1 p.f4 {margin-top: 15px;}
#columna3 p.f5 {margin-top: 220px;}
#columna3 p.f6, #columna3 p.f7 {margin-top: 15px;}
#columna1 h3.f1 {
width:95px;
height: 18px;
background-image: url('../imagenes/texto_titulo_biografia.gif');
margin-top: 170px;
}
#columna1 h3.f1en {
width:103px;
height: 15px;
background-image: url('../imagenes/texto_titulo_biography.gif');
margin-top: 173px;
}
#columna1 h3.f1 span, #columna1 h3.f1en span {visibility: hidden;}
#columna1 h3.pre1 {margin: 170px 0px 0px 0px;color:#f35bb1;font: normal 0.8em/1.4em Arial,Sans-Serif;text-transform:uppercase;}
#columna1 h4.pre2 {margin: 220px 15px 0px 0px;font: normal 0.7em/1.4em Arial,Verdana,Sans-Serif;}
#columna1 p.pre3 {margin: 20px 10px 0px 0px;}
#columna2 h4.pre6 {margin: 220px 0px 0px 0px;font: normal 0.7em/1.4em Arial,Verdana,Sans-Serif;}
#columna2 p.pre8 {margin: 220px 10px 0px 0px;}
#columna2 p.pre9 {margin: 20px 10px 0px 0px;}
#columna2 p.pre10 {margin: 48px 10px 0px 0px;color:white;text-align:right;}
#columna2 p.pre11 {margin: 15px 10px 0px 0px;color:#f35bb1;}
#columna2 p.pre11 a {color:#f35bb1;}
#columna3 h4.pre10 {margin: 220px 0px 0px 0px;font: normal 0.7em/1.4em Arial,Verdana,Sans-Serif;}
#columna3 p.pre12 {margin: 20px 0px 0px 0px;}
#columna3 p.pre13 {margin: 20px 0px 0px 0px;color: white;}
#columna3 p.pre14 {color:#f35bb1;}

#pie p, #piecontacto p {
font: normal 0.6em Arial,Verdana,Sans-Serif;
color: #565656;
}
#piediseno p {
font: normal 0.6em Arial,Verdana,Sans-Serif;
color: white;
}
form#formcontacto label {
font: normal 0.7em Arial,Verdana,Sans-Serif;
color: #a8a5a5;
}

/*********
** Home **
*********/
#home {
margin: auto;
width: 990px;
height: 742px;
overflow: hidden;
position: relative;
text-align: left;
}
#home h1 {
position: absolute;
top: 0px;
left: 0px;
width: 990px;
height: 742px;
background-image: url('../imagenes/fondo_inicio.jpg');
}
#home h1 span {
visibility: hidden;
}
#menuhome {
position: absolute;
top: 470px;
left: 730px;
}
#piehome {
position: absolute;
bottom: 20px;
left: 700px;
width: 280px;
}
/****************
** Textos Home **
****************/
#menuhome a {
font: normal 0.8em Arial,Verdana,Sans-Serif;
color: black;
text-decoration: none;
}
#menuhome a:hover {
text-decoration: underline;
}
#piehome {
font: normal 0.6em Arial,Verdana,Sans-Serif;
visibility: hidden;
}