@import url(estructura.css);

/* index */
#index {margin: 80px auto; width: 960px;}
#index h1, #index a {text-indent:-10000px; display:block;}
#index h1 {background: url(../img/home-logo.gif) no-repeat; height:69px; margin-bottom:25px;}
#index div {overflow:hidden;}
#index a {float:left; height:325px; width:237px;}
#index a.superyacht {background:url(../img/home-superyacht.jpg) no-repeat;}
#index a.yacht {background:url(../img/home-yacht.jpg) no-repeat;}
#index a.houses {background:url(../img/home-houses.jpg) no-repeat;}
#index a.planes {background:url(../img/home-plane.jpg) no-repeat; width:249px;}

/* houses */

#houses {background: #3d3c37 url('../img/back-home.png') repeat-x left top;}
#houses #inside.img {background:transparent url(../img/bighomes.jpg) no-repeat;}
#houses #inside.img h3 {left:540px;}
#houses #logo {background:url(../img/home.jpg) no-repeat;}
#houses #cornertop {background:transparent url(../img/bup_home.png) no-repeat;}
#houses #cornerbottom {background:transparent url(../img/bdw_home.png) no-repeat;}

/* superyacht */

#syacht {background: #071f33 url('../img/back-syacht.png') repeat-x left top;}
#syacht #inside.img {background:transparent url(../img/bigsuperyacht.jpg) no-repeat;}
#syacht #inside.img h3 {left:485px;}
#syacht #logo {background:url(../img/superyacht.jpg) no-repeat;}
#syacht #cornertop {background:transparent url(../img/bup_syacht.png) no-repeat;}
#syacht #cornerbottom {background:transparent url(../img/bdw_syacht.png) no-repeat;}

/* yacht */

#yacht {background: #092150 url('../img/back-yacht.png') repeat-x left top;}
#yacht #inside.img {background:transparent url(../img/bigyacht.jpg) no-repeat;}
#yacht #inside.img h3 {left:330px;}
#yacht #logo {background:url(../img/yacht.jpg) no-repeat;}
#yacht #cornertop {background:transparent url(../img/bup_yacht.png) no-repeat;}
#yacht #cornerbottom {background:transparent url(../img/bdw_yacht.png) no-repeat;}

/* planes */

#planes {background: #131313 url('../img/back-planes.png') repeat-x left top;}
#planes #inside.img {background:transparent url(../img/bigplanes.jpg) no-repeat;}
#planes #inside.img h3 {left:440px;}
#planes #logo {background:url(../img/planes.jpg) no-repeat;}
#planes #cornertop {background:transparent url(../img/bup_planes.png) no-repeat;}
#planes #cornerbottom {background:transparent url(../img/bdw_planes.png) no-repeat;}

/* about us + news + legal */

#inside.about, #inside.news, #inside.legal, #inside.results {padding:25px;}
#inside.about h2, #inside.news h2, #inside.legal h2, #inside.results h2 {font-size:30px; color:#999;}
#inside.about h3, #inside.news h3, #inside.legal h3 {font-size:20px; color:#002b45; margin-top:10px;}
#inside.about p, #inside.news p, #inside.legal p {font-size:12px; font-family:georgia; line-height:1.3em; color:#002b45; margin:5px 0 20px 0;}
#inside.about p.date, #inside.news p.date {color:#7f7f7f; margin:0; line-height:1em;}
#inside.news a {margin-top:15px; color:#666; font-family:georgia; font-style:italic; font-size:12px; letter-spacing:0.04em;}

/*results */

#inside.results p {margin:0 0 25px 0; color:#333; font-family:Georgia; font-size:12px;}
#inside.results .result {border-top:dotted 1px #999; padding-top:25px; margin-bottom:25px;}
#inside.results .result p {margin:5px 0; font-style:italic; color:#666;}
#inside.results .result h3 a {font-size:16px; color:#002c46; display:inline;}
#inside.results .result h3 a span {font-size:11px; color:#002a46;}

/* contacto */

#inside.contact {padding:35px 25px;}
#inside.contact label, #inside.contact input {float:left; display:block;}
#inside.contact label {color:#666; margin-bottom:15px; width:140px;}
#inside.contact input {width:120px;}
#inside.contact input, #inside.contact textarea {background:#fff url(../img/back-input-shadow.gif) no-repeat top left; border:solid 1px #b9b9b9; padding-left:2px;}
#inside.contact textarea {max-height:50px; height:50px; width:670px; max-width:670px;}
#inside.contact input.send {background:url('../img/sendbutton.png') no-repeat top left; border:0; color:#fff; height:27px; width:66px; padding-bottom:5px;}
#inside.contact label.email, #inside.contact label.name, #inside.contact label.address {width:245px;}
#inside.contact label.email input, #inside.contact label.name input, #inside.contact label.address input {width:220px;}
#inside.contact label.comm {width:100%;}
#inside.contact #address {border-top:1px solid #ccc; margin-top:25px; padding-top:25px; overflow:hidden;}
#inside.contact #address div {float:left; width:250px;}
#inside.contact #address div#design {width:170px;}
#inside.contact #address p {margin:0; line-height:1.4em; color:#666; font-family:Georgia;}
#inside.contact #address h2 {font-size:18px; color:#012c46; margin-bottom:5px;}
#inside.contact #address h2 .gray {color:#666;}

/* gallery */

#inside.gallery #photo {overflow:hidden; height:100%; background: #e5e5e5 url(../img/gallery-shadow.gif) no-repeat left bottom; padding-bottom:10px; position:relative;}
#inside.gallery #big, #inside.gallery #selector {float:left; height:380px;}
#inside.gallery #big {width:628px; overflow:hidden; position:relative; background:transparent url(../img/cmid.png) repeat-y top right; padding-right:7px;}
#inside.gallery #selector {width: 75px; margin-left:10px;}
#inside.gallery #cdw, #inside.gallery #cup {text-indent:-10000px; margin:5px 0;}
#inside.gallery #cdw, #inside.gallery #cup {position:absolute; height:6px;}
#inside.gallery #cup {background:transparent url(../img/cup.png) no-repeat; left:629px; top:-5px; width:13px; z-index:1;}
#inside.gallery #cdw {background:transparent url(../img/cdw.png) no-repeat; top:370px; width:641px;}
#inside.gallery #selector .img {background:url(../img/img-shadow.gif) no-repeat top left; padding:1px 0 0 3px; cursor:pointer;}
#inside.gallery #selector img {}
#inside.gallery h2 {padding: 10px 20px 0 20px; font-size:20px; color:#032d47;}
#inside.gallery p {padding:0 20px 20px 20px; font-family:Georgia; font-style:italic; font-size:12px;}

#inside.gallery #photo #control {text-indent:-1000px; height:22px; width:100px; left:275px; bottom:10px; position:absolute; background:transparent url(../img/back-controls.png) no-repeat; overflow:hidden;}
#inside.gallery #photo #control div {float:left; width:15px; margin:5px 1px 0 8px; cursor:pointer; display:inline;}
#inside.gallery #photo #control .prevpic {background: url(../img/prevpic.jpg) no-repeat;}
#inside.gallery #photo #control .playpic {background: url(../img/playpic.jpg) no-repeat;}
#inside.gallery #photo #control .pausepic {background: url(../img/pausepic.jpg) no-repeat;}
#inside.gallery #photo #control .nextpic {background: url(../img/nextpic.jpg) no-repeat;}
#inside.gallery #photo .photodisplay {position:absolute;}