/* csans-design.css                                              */
/* This file defines the css elements used within site design.   */
/* Issue 5 - 21-Dec-2009 - VLD                                  */

@import url("csans-reset.css");


body {margin:0; padding:0; background:#efe6df url(/images/bkgrnd-tile.jpg) repeat}
html{overflow-y:scroll}
.page{position:relative}

#header {margin:0; *margin-bottom:10px; padding:0}
#header .logo {float:left; width:150px; height:150px; margin-left:317px; -margin-left:192px; background:url(/images/logo-mesondedeus.png) no-repeat}
#header a.language-link {float:left; color:#978b80; text-align:center; margin:4px 0 0 40px; -margin-left:20px; padding:0px; width:28px; font-family:arial,sans-serif; font-size:0.6em; text-transform:uppercase; text-decoration:none; background:#e2d9d0}
#header a:hover.language-link {color:#f0fcd7; background:#90b545}
#header .baner {float:right; width:291px; height:100px; background:url(/images/ban-sanvalentin.png) no-repeat}
h1{}

h2 {font-weight:normal; color:#9bb756; font-size:1.1em; letter-spacing:1px; margin:0}

p.large{font-size:1.2em;  line-height:1.4em; font-weight:normal; margin:0 0 10px 0}
p.last-para{margin-bottom:4px}


/* Main content area */
#home {float:left; width:870px; height:400px; margin:0; margin-left:25px; -margin-left:12px; background:url(/images/img-home.png) no-repeat}
#home .content {float:left; background:#FFF; width:590px; margin:90px 0 0 120px; -margin-left:60px; padding:15px 20px 10px 20px; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92}

#restaurante {float:left; z-index:0; overflow:hidden; width:920px; height:440px; background:url(/images/bkgrnd-photos.png) no-repeat}
#restaurante .photo {float:left; width:870px; height:400px; margin:20px 0 0 25px; -margin-left:13px; background:url(/images/img-restaurante-1.jpg) no-repeat}
#restaurante img{height:400px; width:870px; margin:20px 0 0 25px; -margin-left:13px; padding:0; top:0; left:0}
#restaurante .content {float:left; background:#FFF; width:670px; margin:120px 0 0 80px; -margin-left:40px; padding:15px 20px 10px 20px; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92}
#masimagenes-container {position:absolute; z-index:1000; width:140px; height:61px; top:275px; left:690px; background:#FFF}

#lacarta {float:left; width:870px; height:550px; margin-left:25px; -margin-left:13px; background:url(/images/img-lacarta-1.png) no-repeat}
#lacarta .content {float:left; background:#FFF; width:670px; margin:120px 0 0 80px; -margin-left:40px; padding:15px 20px 10px 20px; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92}
#lacarta-menu {float:left; width:870px; height:1150px; margin-top:10px; margin-left:25px; -margin-left:13px; background:url(/images/bkgrnd-menu.png) no-repeat}
#lacarta-menu .content{float:left; background:#FFF; width:670px; height:1075px; margin-top:10px; margin-left:80px; -margin-left:40px; padding:15px 20px 10px 20px; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92}

#sanvalentin {float:left; width:870px; height:450px; margin-left:25px; -margin-left:13px; background:url(/images/img-valentines.png) no-repeat}
#sanvalentin .content {float:left; background:#FFF; width:670px; margin:120px 0 0 80px; -margin-left:40px; padding:15px 20px 10px 20px; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92}
#sanvalentin .content h2 {color:#dc877f}
#sanvalentin-menu {float:left; width:870px; height:610px; margin-top:10px; margin-left:25px; -margin-left:13px; background:url(/images/bkgrnd-sanvalentin-menu.png) no-repeat}
#sanvalentin-menu .content{float:left; background:#FFF; width:670px; height:535px; margin-top:10px; margin-left:80px; -margin-left:40px; padding:15px 20px 10px 20px; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92}


#historia {float:left; width:870px; height:550px; margin-left:25px; -margin-left:13px; background:url(/images/img-historia.png) no-repeat}
#historia .content {float:left; background:#FFF; width:670px; margin:60px 0 0 80px; -margin-left:40px; padding:15px 20px 10px 20px; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92}
#historia .content img{float:right; margin:30px 0 10px 15px}

#galeria {float:left; height:520px}
#galeria p{font-size:0.7em; line-height:0.8em; text-align:center; color:#978b80; font-family:arial,sans-serif}


#bodega {float:left; width:870px; height:550px; margin-left:25px; -margin-left:13px; background:url(/images/img-bodega.png) no-repeat}
#bodega .content {float:left; background:#FFF; width:670px; margin:60px 0 0 80px; -margin-left:40px; padding:15px 20px 10px 20px; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92}
#bodega .content ul{float:left; text-align:left; width:670px; height:74px; margin:10px 0; padding:0}
#bodega .content li{float:left; display:inline; list-style:none; width:118px; height:74px; background:#000; margin:0; margin-right:20px; padding:0}
#bodega .content li.last{margin-right:0}
#bodega .content img{margin:0; padding:0}

#encuentranos {float:left; width:870px; height:595px; margin-bottom:10px; margin-left:25px; -margin-left:13px; *margin-top:10px; background:url(/images/bkgrnd-map.png) no-repeat}
#encuentranos .google-map {float:left; width:836px; height:567px; margin:15px 0 0 17px}
#encuentranos a.mas-grande {float:left; font-family:arial,sans-serif; color:#a79d9c; margin-top:4px; text-decoration:none}
#encuentranos a:hover.mas-grande {text-decoration:underline}

#button {float:left; width:710px; height:30px; margin-left:80px; -margin-left:40px; background:#FFF; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92}

.history-image {float:left; height:550px; width:870px; margin-left:40px; background:url(/images/image-historia.png) no-repeat}
.lacarta-image {float:left; height:550px; width:870px; margin-left:40px; background:url(/images/img-lacarta-1.png) no-repeat}
.wine-image {float:left; height:550px; width:870px; margin-left:40px; background:url(/images/img-bodega.png) no-repeat}
.restaurant-image {float:left; height:400px; width:870px; margin-left:40px; }

#slideshow01 {z-index:0; overflow:hidden; height:440px; background:url(/images/bkgrnd-photos.png) no-repeat}
#slideshow01 img{height:400px; width:870px; margin:20px 0 0 40px; padding:0; top:0; left:0}
#slideshow01 .photo{height:400px; background:url(/images/img-restaurante-1.jpg) no-repeat}
#output { text-align:left}

#ver-volver {height:30px; }
.vertexto-container {height:20px}


#banners {margin-top:20px}
#banners .banner {float:left; height:60px}

.menu h3{font-weight:normal; color:#9bb756; font-size:1em; text-align:center; letter-spacing:1px; margin:10px 0 10px 0}
.menu ul{float:left; text-align:center; width:670px; margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #DDD}
.menu ul.last{margin-bottom:10px; padding:0; border-bottom:none}
.menu ul li{list-style:none; float:left; font-size:0.85em; display:inline; width:335px; margin:0 0 2px 0; padding:0}

.menu-sanvalentin h3{font-weight:normal; color:#dc877f; font-size:1.4em; text-align:center; letter-spacing:1px; margin:10px 0 40px 0}
.menu-sanvalentin ul{float:left; text-align:center; width:670px; margin:0 0 20px; padding:0 0 10px}
.menu-sanvalentin ul.last{margin-bottom:10px; padding:0; border-bottom:none}
.menu-sanvalentin ul li{list-style:none; float:left; font-size:1em; display:inline; width:670px; margin:0 0 10px 0; padding:0}
.menu-sanvalentin ul li.precio {color:#dc877f}

.bodega-logos ul{float:left; text-align:left; width:670px; height:74px; margin:14px 0 6px; padding:0}
.bodega-logos li{float:left; display:inline; list-style:none; width:118px; height:74px; background:#000; margin-right:20px; padding:0}
.bodega-logos li.last{margin-right:0}
.bodega-logos img{margin:0; padding:0}

#contacto {float:left; width:870px; margin-left:25px; -margin-left:13px}
#contacto .content {float:left; background:#FFF; width:670px; margin:10px 0 0 80px; -margin-left:40px; padding:15px 20px 0 20px; filter:alpha(opacity=92); -moz-opacity:0.92; -khtml-opacity: 0.92; opacity: 0.92}
#contacto .postcard {float:left; width:730px; height:430px; margin-left:68px; -margin-left:35px; background:url(/images/bkgrnd-postal.png) no-repeat}
#contacto .postcard ul.address {float:left; width:270px; list-style:none; margin:180px 0 0 80px; padding:0}
#contacto .postcard .address li {float:left; width:100%; font-size:0.9em; margin:0; margin-bottom:26px; padding:0}

/* Standard Form */
.standard-form {float:left; width:270px; margin-left:50px; -margin-left:26px; margin-top:120px; padding:0; background:none}
.standard-form fieldset{border:none}
.standard-form ul {float:left; width:100%; list-style:none; margin:0; padding:0}
.standard-form li {float:left; width:100%; margin:4px 0; padding:0}
.standard-form .message{display:block; font-family:arial,sand-serif; font-size:0.75em; color:#c4c0bb; background:#6d6251; padding:4px 8px; font-weight:normal; margin-bottom:10px}
.standard-form .compulsory{font-family:arial,sand-serif; font-size:0.7em; color:#8b8371; font-style:italic; font-weight:normal; margin:0}
.standard-form input {float:left; border:1px dotted #8b8371; background:#eaddc3; color:#555}
.standard-form input.text {padding:4px}
.standard-form textarea {float:left; border:1px dotted #8b8371; background:#eaddc3; padding:4px; color:#555}
.standard-form span.options {float:left; height:20px; margin-right:14px}

.standard-form li {line-height:1.4em}
.standard-form li.select-buttons{float:left; width:75%}
.standard-form li input.text {width:260px}
.standard-form li textarea {width:260px}


/* Footer */
#footer {margin:30px 0 10px}
#footer ul {float:left; width:790px; height:82px; text-align:center; border-top:1px dotted #CCC3BA; padding-top:10px; margin-left:65px; -margin-left:33px; background:url(/images/icon-footer.png) no-repeat bottom}
#footer li {padding:0 6px 0 6px; font-family:arial,sans-serif; font-size:0.7em; color:#978b80; margin:0; display:inline}
#footer li.logos {margin-left:20px}

#vsc-logo {width:40px; height:20px; margin:0 0 3px 20px; background:url(/images/logo-vsc.png) no-repeat}
#cc-logo {width:80px; height:15px; margin:0 0 3px 0; background:url(/images/logo-cc.png) no-repeat}
.addthis_button {width:125px; height:16px; margin-left:20px; margin-top:-4px}