/***** RESETS *****/

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea { margin: 0; padding: 0; }
table { border-spacing: 0; border-collapse: collapse; }
caption,th,td { text-align: left; text-align: start; vertical-align: top; }
abbr,acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; }
blockquote,q { quotes: none; }
fieldset,img { border: 0; } 
ul { list-style-type: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }

body { font: normal 100%/1.25 Arial, Helvetica, sans-serif; color: #fff; }
input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; }
pre, code { font-family: Monaco,monospace; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
table { font-size: inherit; }
img, object, embed, video { max-width: 100%; }
header, footer, nav, section, aside, article, figure, figcaption { display: block; } 
a img { outline: none; }

.invisible { width: 0px; height: 0px; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; }
.clr { clear: both; }
.clrfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }


/***** GLOBALS *****/

b, strong { font-weight: bold; }
i, em { font-style: italic; }
.underline { text-decoration: underline }
.line-through { text-decoration: line-through }

/* Container */
#wrapper { position: relative; max-width: 1000px; margin: 0 auto; }
#header { font-size: 1em; text-align: center; }
#content { }
#footer { max-width: 1000px; margin: 0 auto; padding: 0.5em 0 0; border-top: 1px solid #555; text-align: right; }

/* Text */
h1 { font-size: 1.15em; margin: 1em 0 1.5em; padding: 0 0 1em; border-bottom: 1px solid #555; font-weight: bold; }
h2, h3 { font-size: 1em; font-weight: bold; margin: 0 0 0.3em; }
a { color: #3ba9cf; text-decoration: none; -webkit-transition: color 0.3s ease, background-color 0.3s ease; -moz-transition: color 0.3s ease, background-color 0.3s ease; -o-transition: color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease, background-color 0.3s ease; }
a:hover { color: #fff; text-decoration: none; }
p { margin: 0 0 1.5em; }
p + h2, p + h3 { margin-top: 2em; }


/***** GALERIE *****/

#galerie { clear: both; position: relative; width: 100%; max-width: 450px; overflow: hidden; margin: 1.5em auto 1em; }
#galerie .image_wrapper { background: #f9fafa; border-top: 1px solid #8e8e8f; border-bottom: 1px solid #8e8e8f; }
#galerie .image_container { position: relative; height: 102px; margin: 0 25px; }
#galerie > .prev, #galerie > .next { position: absolute; background: #e9eaea; cursor: pointer; font-size: 2em; height: 102px; line-height: 102px; width: 25px; text-align: center; top: 1px; z-index: 99; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #000; }
#galerie > .prev { left: 0; border-left: 1px solid #8e8e8f; }
#galerie > .next { right: 0; border-right: 1px solid #8e8e8f; }
#galerie .prev:hover, #galerie .next:hover { background: #fff; }

#galerie .image_container .wrapper { position: relative; height: 102px; overflow: hidden; }
#galerie .image_container .gallery { position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 5px; padding: 5px; border: 1px solid #d8d8d8; overflow: hidden; text-align: center; }
#galerie .image_container .gallery:hover { border: 1px solid #8e8e8f; }
#galerie .image_container .gallery img { display: block; height: 80px; min-height: 80px; width: auto; margin: auto; border: 0; }
#galerie .image_container .gallery img.leer { position: relative; width: 150%; max-width: 150%; left: 50%; margin-left: -75%; }

#galerie .gallery_info { text-align: center; margin: 1em 0 2em; }


/***** DETAILS *****/

#details { width: 100%; overflow: hidden; margin: 1em auto; }
.details_container { position: relative; }
.details_container .item { position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.details_container .item h2 { font-weight: normal; margin: 0 0 2em; }
.details_container .item img { float: left; max-width: 40%; height: auto; max-height: 420px; }
.details_container .item .description { float: right; width: 50%; }


/***** NAVIGATION *****/
#footer .prev, #footer .next { display: inline-block; border: none; width: 50px; height: 50px; background: url(img/icons.png) no-repeat left top; }
#footer .prev { background-position: -32px 13px; }
#footer .next { background-position: -78px 13px; }
#footer span { opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30); }