body { position:relative; box-sizing:border-box; min-width:768px; max-width:900px; margin:0 auto }
body.artearam { font:17px times-roman,serif }
body.escultormadrid { font:1em georgia,serif }

a { color:darkblue; text-decoration:none }
a.link:hover { text-decoration:underline }
img { border:0 }
table { border-collapse:collapse }
td { padding:0 }

img.left { float:left; margin:20px 20px 10px 0 }
body.artearam img.left { border:4px solid #c8af73 }
body.escultormadrid img.left { border:3px solid #ba8b45 }
img.right { float:right; margin:4px 0 4px 20px }
body.escultormadrid img.right { border:3px solid #ba8b45 }

h2 { margin:0.7em 0 0 0; font-size:125%; color:#ad450f }
h3 { margin:0.3em 0 0.3em 0; font-size:100%; color:#ad450f }

ul { margin:0 0 0.4em 0; padding-left:2em }
li { padding-top:0.2em }
li.ml { padding-top:0.6em }

a#lang { position:absolute; font:16px "trebuchet ms",verdana; color:#666 }
a#lang:hover { color:black }
body.artearam a#lang { top:10px; right:140px; width:710px; padding:0 30px 3px 0; border-bottom:1px solid #c8af73; text-align:right }
body.escultormadrid a#lang { top:8px; left:80px; text-shadow:white 0 0 2px }

body.artearam div#title { box-sizing:border-box; height:182px; padding:57px 0 0 6% }
body.artearam div#title h1,
body.artearam img#aram { position:relative; z-index:1 }
body.artearam div#title h1 { margin:-15px 0 0 6px; font-size:32px; font-family:sans-serif; color:#505050 }
body.artearam img#taller { position:absolute; top:0; right:0 }

body.escultormadrid h1 { box-sizing:border-box; height:178px; margin:0; padding:110px 0 0 70px; font:italic 31px "trebuchet ms",sans-serif; color:#766; background:url(../../img/escultormadrid/titulo.jpg) no-repeat 0 0 }

body.artearam div#footer { clear:both; padding:25px 0 35px 30px; color:gray; font-family:verdana; font-size:14px; border-top:4px solid #c8af73 }

body.escultormadrid #footer { padding:20px 0 30px; color:white; font:13px/1.5 verdana; text-align:center; background:#ba8b45; border-top:1px solid #a3804b }
body.escultormadrid #footer a { color:white }

table#menu-bar { width:100%; text-align:center }
table#menu-bar a { display:inline-block; padding:7px }
table#menu-bar2 { width:100%; text-align:center; line-height:1 }
table#menu-bar2 td { width:33.33%; padding:5px 0 }
table#menu-bar2 a { display:inline-block; width:100%; color:#746544; box-sizing:border-box; border:1px solid transparent; border-radius:20px }
table#menu-bar2 img { vertical-align:-9px; padding:2px 7px 2px 0 }

body.artearam table#menu-bar { font-size:1.3em; background:#c8af73; font-weight:bold }
body.artearam table#menu-bar td { letter-spacing:4px }
body.artearam table#menu-bar a { color:white }
body.artearam table#menu-bar a[href] { color:black }
body.artearam table#menu-bar a[href]:hover { color:#eedd99 }
body.artearam table#menu-bar2 { font-size:1.3em; border-bottom:1px solid #c8af73 }
body.artearam table#menu-bar2 a[href]:hover { color:#a79362 }
body.artearam table#menu-bar2 a:not([href]) { color:#a79362; border-color:#c8af73 }

body.escultormadrid table#menu-bar { font:23px georgia,serif; background:#ba8b45; border-top:1px solid #a3804b }
body.escultormadrid table#menu-bar td { letter-spacing:2px }
body.escultormadrid table#menu-bar a { color:#ffde98 }
body.escultormadrid table#menu-bar a[href] { color:white }
body.escultormadrid table#menu-bar a[href]:hover { color:#ffde98 }
body.escultormadrid table#menu-bar2 { font:21px georgia,serif; border-bottom:1px solid #ba8b45 }
body.escultormadrid table#menu-bar2 a[href]:hover { color:#ba8b45 }
body.escultormadrid table#menu-bar2 a:not([href]) { color:#ba8b45; border-color:#c8af73 }

div.content { position:relative; padding:20px 0 }
div.content p { margin:0; padding:0.4em 0 0.3em 0; text-align:justify }
div.content p.link { text-align:left }
div.colored { margin:2px 0; padding:20px 25px; background:#f7f6d8; overflow:auto }

/**
 * .index
 */
body.index div#body { position:relative; height:428px; background:url(../../img/fondo.gif); border-top:1px solid #a3804b }
body.index a#foto-link { position:absolute; background-color:white; border:1px inset #e3d6b7 }
body.index img#foto-img { display:block }
body.index p#texto { position:absolute; margin:0; color:#332; font:1.7em/1.1 georgia,serif; text-shadow:white 0 0 1px }

body.index a#entrar { position:absolute; top:230px; left:60%; font:bold 32px/100% georgia,serif; color:#8f4218; padding:10px 25px 15px 35px; border:1px solid #8f4218; border-radius:15px; text-shadow:white 1px 1px 1px }
body.index a#entrar:hover { opacity:0.8 }

body.index #candelabro { position:absolute; left:-225px; top:30px; width:288px; height:571px }
@media (max-width:899px) {
   body.index #candelabro { display:none }
}

body.index.artearam a#foto-link { top:15px; left:9%; width:30.667% }
body.index.artearam img#foto-img { width:100% }
body.index.artearam p#texto { top:60px; left:45%; right:0 }

body.index.escultormadrid a#foto-link { top:30px; left:9%; width:38.89% }
body.index.escultormadrid img#foto-img { width:100% }
body.index.escultormadrid p#texto { top:60px; left:52%; right:30px }

/**
 * .main
 */
body.artearam img#inicio { max-width:48% }
body.escultormadrid img#inicio { max-width:53% }

/**
 * .artist
 */
img#artista { float:right; width:270px; height:356px }

/**
 * .contact
 */
div.contact { margin:35px 0 0 370px; font-size:130% }
div.contact span { display:block; margin-top:5px; border-top:2px solid #c8af73 }
img#contacto { position:absolute }

body.artearam div.contact { min-height:240px }
body.artearam div.contact b,
body.artearam div.contact strong { font-size:120% }
body.artearam div.contact strong { font-weight:normal }
body.artearam div.contact  span { padding-top:4px; font:italic 85% serif }
body.artearam img#contacto { top:0; left:80px }

body.escultormadrid div.contact { line-height:1.6; min-height:310px }
body.escultormadrid div.contact strong { font-size:120%; line-height:1 }
body.escultormadrid div.contact span { padding-top:6px; font:17px georgia,serif }
body.escultormadrid img#contacto { top:15px; left:40px }

/**
 * .gallery
 */
table.gallery { width:100%; border-collapse:collapse }
table.gallery td { padding:12px 0 18px; text-align:center }
table.gallery img { height:240px }
table.gallery img.drawing { border:1px solid #888 }

body.artearam div#comment { height:20px; text-align:center; font-family:sans-serif; font-size:70% }

body.escultormadrid div.gallery { background:#F7F6D8 }
body.escultormadrid div#comment { height:28px; font:16px sans-serif; }
body.escultormadrid div#comment.smaller { text-align:right; font-size:smaller }

/**
 * .photo
 */
html.photo { height:100% }
html.photo body { width:auto; height:100%; padding-top:40px }

#photo-title { position:absolute; top:10px; left:12px; max-width:50%; font:21px/1 sans-serif }
#photo-title span { display:block }
#photo-title small { color:#888; font-weight:bold; line-height:2 }

#photo-nav a { position:fixed; top:50%; padding:10px 5px }
#photo-nav a img { display:block }
#photo-nav a[href=""] { display:none }
#photo-nav a.prev { left:0 }
#photo-nav a.next { right:0 }
#photo-nav a:hover { opacity:0.67 }

#image { display:block; max-width:760px; max-height:100%; margin:auto }