/*
Theme Name: Weis Group 2012
Theme URI: http://www.pushthebrand.com
Description: Weis Group 2012
Author: Roberto Entringer - http://www.pushthebrand.com
Version: 2.0
Tags: Weis Group, Push the Brand, Luxembourg 
*/

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* BEGIN STRUCTURE LAYOUT LIQUID AND POSITION ABSOLUTE
---------------------------------- */
body, html{height:100%; max-height:100%; overflow:hidden}

html {background: white; font-size:80%; font-family:arial, sans-serif}
body {background: #eee; color: #000}

#header, #footer, #container, .right, * html .right {position:absolute}

#header, #footer {width:100%; z-index:6; left:0; display:block; color:#fff}

#header {top:0; background: #e85722 url(library/images/bg_header.png) repeat-x top left}
#footer {bottom:0; overflow:hidden}

#header {height:150px; border-bottom: 10px solid #3e3d40}
#container,.right {top:160px}
* html #container, * html .right {border-top:160px solid #fff}

#footer {height:120px; background: #3e3d40 url(library/images/bg_footer.png) repeat-x 0 90px}
#container, .right {bottom:120px}
* html .right, * html #container {border-bottom:120px solid #fff}

#container {left:0; background:#eee; z-index:4}
* html #container {height:100%; top:0; bottom:0}

.right {left:460px; width: 100%; border-left: 10px solid #3e3d40}
* html .right {border-left:460px solid #fff}

#container {
    width: 400px;
    overflow: auto;
    margin: 25px 0 25px 30px;
    padding-right: 20px;
}

body.technique #container {margin-top: 25px!important}

#content, .entry-content {width: 100%; overflow: hidden}
#content p iframe, .iframe {width: 100%; position: relative; background-color: #000}

.right {z-index:3; right:0; overflow: hidden}
* html .right {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; z-index:3}

/* BEGIN test full images */
.right {width: auto; padding: 20px;}
.locataires .right, .films-w22 .right {background: none; overflow: auto}

.right img {height: 100%!important; width: auto!important; position: relative}
.right a.colorbox {background: url(library/images/ajax-loader.gif) no-repeat center center}

.right a {position: relative; z-index: 1; display: block; height: 100%}
.right .fake-button-zoom {
    background: url(library/images/bg_icon_expand.png) no-repeat center center; 
    height: 40px; 
    width: 40px; 
    position: fixed;
    margin: 25px;
    z-index: 1;
}
/* END test full images */

// link download PDF
html .nav_right {}
.nav_right {
    list-style: none;
    position: relative;
    z-index: 2;
    top: 6px;
    left: 20px;
}
.nav_right li {
    float: left; 
    list-style: none; 
    margin: 0 10px;
}
.nav_right a {display: block}
.nav_right a:hover {text-decoration: underline}

#copyright {
    position: absolute; 
    bottom: -20px; 
    font-size: 0.85em; 
    text-shadow: 1px 1px 1px #000; 
    padding: 10px;
    width: 100%
}

#copyright span {text-align: right; display:block; margin: -20px 20px 0 0}
#copyright span a {color: #fff}
#copyright span a:hover {text-decoration: underline}

.padding {padding:30px}

body.no-js #carousel-wrap {display:none}
/* BEGIN STRUCTURE LAYOUT LIQUID AND  POSITION ABSOLUTE
---------------------------------- */

/* BEGIN TYPE AND TYPOGRAFY
---------------------------------- */
body, input, textarea{
    color: #111;
    font-size: 101%;
    line-height: 20px;
    font-family: arial, sans-serif
}

hr {
    background-color: #ccc;
    border: 0 none;
    clear: both;
    height: 1px;
    margin-bottom: 18px
}

p, table {margin-bottom: 15px}

ul {list-style: square inside none;margin:0 0 18px 0}
ol {list-style: decimal inside none;margin:0 0 18px 0}
ol ol {list-style: upper-alpha outside none}
ol ol ol {list-style: lower-roman outside none}
ol ol ol ol {list-style: lower-alpha outside none}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0}

dl {margin: 0 0 24px}
dt {font-weight: bold}
dd {margin-bottom: 18px}

table {width: 100%; table-layout: fixed}
td, th, caption {padding: 2px 7px; border:1px solid #ddd; white-space: nowrap}
th {font-weight: bold}
caption {text-align: center; border-bottom:none}
#content table {
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 12px;
}
.header-footer-table , #content table td[colspan="3"] {
    white-space: normal;
    padding: 5px 8px; 
    font-size: 0.9em;
    text-transform: uppercase; 
    background: #000; 
    border: 1px solid #fff;
    color: #fff; 
    text-shadow: 1px 1px 0 #000;
    background: #333133 url(library/images/bg_button_left.png) no-repeat -5px -45px;
}
.td-highlight {background-color: #E1FBB9}

strong {font-weight: bold}
cite, em, i {font-style: italic}
ins {background: none repeat scroll 0 0 #FFFFCC;text-decoration: none}

blockquote {quotes: none}
blockquote:before, blockquote:after {content: none}
blockquote {font-style: italic;padding: 0 3em}
blockquote cite, blockquote em, blockquote i {font-style: normal}

pre {
    background: none repeat scroll 0 0 #F7F7F7;
    color: #222222;
    line-height: 18px;
    margin-bottom: 18px;
    padding: 1.5em
}

abbr, acronym {border-bottom: 1px dotted #666666; cursor: help}
sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline
}
sup {bottom: 1ex}
sub {top: 0.5ex}

h1 {font-size:1.5em}
h2 {font-size:1.1em}
h1,h2 {text-transform:uppercase; font-weight: 700; margin-bottom: 10px}

h1.title {margin-bottom: 20px}

.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {font-weight: 700; font-size: 1em; margin-bottom: 5px}
.entry-content li {margin-bottom: 5px}
strong {font-weight: bold}

#content {line-height:18px; text-shadow: 1px 1px 1px #fff}        

#content p {margin-bottom:12px}
#content img {max-width: 98%}
a:active, a:focus, button:focus, button:active {outline: none}

a {text-decoration: none; color: #ee7829}
#content a:hover {text-decoration: underline}

.floatleft {float: left}
.floatright {float: right}
.hidden {display: none}
.clear {clear: both}
/* BEGIN STRUCTURE
---------------------------------- */


/* BEGIN STYLE SCROLL BAR
---------------------------------- */
.scroll-pane {width: 100%}

#container .jspDrag {background: #bbb}
#container .jspTrack .jspActive, #container .jspTrack .jspHover, #container .jspDrag:hover{background: #ccc}   
#container .jspVerticalBar {right: 5px}
div:focus {outline: 0}
/* BEGIN STYLE SCROLL BAR
---------------------------------- */


/* BEGIN HEADER
---------------------------------- */
#header-left {
    width: 275px;
    height:105px;
    float: left;
    margin-left: 10px
}
#header-left a img {margin: 20px}            
#header-right {
    overflow: hidden;
    height:105px
}
#site-description {
    vertical-align: middle;
    display: table-cell;
    height:105px;
    color:#fff;
    text-shadow: 1px 1px 1px #000
}
/* END HEADER
---------------------------------- */


/* BEGIN NAV LANGUAGE
---------------------------------- */
#qtranslate-chooser {float: right; margin: 46px}
#qtranslate-chooser li {display: inline-block; float: left;}
#qtranslate-chooser li strong {margin: 0 5px}
#qtranslate-chooser li.lang-fr a {border-right: 2px solid #fff; padding-right: 5px; margin-right: 5px}
#qtranslate-chooser li a {font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #000;}
#qtranslate-chooser li a:hover, #qtranslate-chooser li.active a {color: #000; text-shadow: none} 

/*TEMP hidden LANG EN*/
#qtranslate-chooser {display: none}

/* BEGIN NAV LANGUAGE
---------------------------------- */


/* BEGIN DYNAMIC COLOR
---------------------------------- */
.w-22 #header, .tax-projects #header, .single-w22 #header, .salles-w22 #header {background-image: url(library/images/bg_header_green.png); background-color: #9ac00c}
.pws #header, .salles-pws #header {background-image: url(library/images/bg_header_red.png); background-color: #bf0c26}
.vica #header{background-image: url(library/images/bg_header_violet.png); background-color: #662485}
.mon #header{background-image: url(library/images/bg_header_blue.png); background-color: #0c73b5}

.w-22 #footer, .tax-projects #footer, .single-w22 #footer, .salles-w22 #footer{background-image: url(library/images/bg_footer_green.png)}
.pws #footer, .salles-pws #footer{background-image: url(library/images/bg_footer_red.png)}
.vica #footer{background-image: url(library/images/bg_footer_violet.png)}
.mon #footer{background-image: url(library/images/bg_footer_blue.png)}

.w-22 #content a, .tax-projects #content a, .single-w22 a, .salles-w22 a {color: #9ac00c}
.pws #content a, .salles-pws #content a {color: #bf0c26}
.vica #content a {color: #662485}
.mon #content a {color: #0c73b5}

#menu-footer #button-1 a:hover,
#menu-footer .current-menu-item#button-1 a {background-position: 0 -60px}

#menu-footer #button-2 a:hover, 
#menu-footer .current-menu-item#button-2 a,
.tax-projects #menu-footer #button-2 a,
.single-w22 #menu-footer #button-2 a,
.salles-w22 #menu-footer #button-2 a,
.w-22 #menu-footer #button-2 a {background-position: -165px -60px!important}

#menu-footer #button-3 a:hover,
#menu-footer .current-menu-item#button-3 a,
.salles-pws #menu-footer #button-3 a, 
.pws #menu-footer #button-3 a {background-position: -330px  -60px}

#menu-footer #button-4 a:hover,
#menu-footer .current-menu-item#button-4 a,
.vica #menu-footer #button-4 a{background-position: -495px -60px}

#menu-footer #button-5 a:hover,
#menu-footer .current-menu-item#button-5 a,
.mon #menu-footer #button-5 a {background-position: -660px -60px}

#menu-footer #button-6 a:hover,
#menu-footer .current-menu-item#button-6 a {background-position: -825px -60px}
/* BEGIN DYNAMIC COLOR
---------------------------------- */


/* BUTTON
---------------------------------- */
.rounded {
    border: 0 none;
    padding: 0 15px 0 0;
    text-align: center;
    float: left;
    background: #3e3d40 url(library/images/bg_button_right.png ) no-repeat  right top;
    clear: left;
    font-size: 12px;
    font-weight: bold;
    color: #fff!important;
    text-decoration: none!important;
}
.rounded span {
    padding: 0 0 0 15px;
    position: relative;
    white-space: nowrap;
    background: #3e3d40 url(library/images/bg_button_left.png) no-repeat  left top;
    text-shadow: 1px 1px 1px #000;
}
.rounded, .rounded span{height: 33px;line-height: 33px; display: block; cursor: pointer; background-color: transparent}
.rounded:hover {background-position: 100% -33px}
.rounded:hover span {background-position: 0 -33px}
/* BEGIN BUTTON
---------------------------------- */


/* BEGIN FIX TOP PAGE
---------------------------------- */
.menu-w22-container, #carousel-wrap {position: absolute; top: 185px; left: 30px}
.single-w22 #container {margin-top: 70px}
/* END FIX TOP PAGE
---------------------------------- */


/* BEGIN MENU HEADER
---------------------------------- */
#access form {float: left}
#access form div {padding: 5px}
#access .screen-reader-text {display: none}
#access form #s {padding: 2px}
#access {
    background: #3e3d40; 
    height: 33px;
    clear: both;
    border: 1px solid #fff;
    border-width: 1px 0;
}
#access li a, #access li a span{background-color: #fff}
#access ul li.last-menu-item a, #access li.first-menu-item span {background-color: #3e3d40}

#access .sub-menu span {background-color: transparent!important}

#access .menu-header, div.menu {margin-left: 15px; width: 985px}
#access .menu-header ul, div.menu ul {list-style: none; margin: 0}
#access .menu-header li, div.menu li {float: left; position: relative}
#access a {
    text-transform: uppercase;
    font-size: 0.9em;
}
#access .menu ul {
    display: none;
    position: absolute;
    top: 33px;
    left: 0;
    z-index: 99999;
    min-width: 100%;
}
#access .menu ul li {
    width: 100%;
    border: 1px solid #fff;
    border-width: 1px 0;
    margin-bottom: -1px;
    padding-right: 13px;
}
#access .menu ul ul {
    left: 100%; 
    top: -1px;
}
#access .menu ul ul li {padding-left: 3px}
#access .menu ul a {
    line-height: 1em;
    /*width: 123px;*/
    width: 100%;
    height: auto;
}
#access ul ul a, #access ul ul span {background-color: transparent}

#access li:hover > a,
#access ul ul :hover > a {color: #fff}

#access ul li:hover > ul {display: block}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a,
.news #access ul li#menu-item-708 > a {background-position: 100% -33px}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {background-position: 100% -33px}

#access ul li.current_page_item > a span,
#access ul li.current-menu-ancestor > a span,
#access ul li.current-menu-item > a span,
#access ul li.current-menu-parent > a span,
.news #access ul li#menu-item-708 > a span {background-position: 0 -33px}

.bt_news a span {color: #F7E843}

/* BEGIN MENU HEADER
---------------------------------- */


/* BEGIN MENU CONTENT W22
---------------------------------- */
.menu-w22-container {z-index: 5}
#menu-w22 {float: left; width: 100%}
#menu-w22, #menu-w22 ul {
    border: 1px solid #fff;
    border-width: 1px 0;
    background: #333133 url(library/images/bg_button_left.png) no-repeat -5px -45px;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.5);
}
#menu-w22 li {
    list-style: none;
    float: left;
    position: relative;
}
#menu-w22 li a {
    color: #fff!important; 
    padding:6px; 
    width: 88px;
    word-wrap: break-word;
    display: block;
    text-align: center;
    text-shadow: 1px 1px 1px #000; 
    text-decoration: none!important; 
    text-transform: uppercase; 
    font-size: 0.85em; 
    font-weight: 700;
}
#menu-w22 ul {
    display:none; 
    position: absolute;
    z-index: 99999;
    top:32px; 
    border:0; 
    width: 100%
}
#menu-w22 ul li {padding: 0; width: 100%}
#menu-w22 li:hover > ul {display: block}
#menu-w22 ul a {width: auto; line-height: 1.2em}

#menu-w22 li a:hover, 
#menu-w22 li:hover,
#menu-w22 li.current_page_item > a,
#menu-w22 li.current-menu-ancestor > a,
#menu-w22 li.current-menu-item > a,
#menu-w22 li.current-menu-parent > a {
    background: #9AC00C url(library/images/bg_header_green.png) repeat-x 0 -40px!important;
    box-shadow: inset 0px 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.5);
}
#menu-w22 .sub-menu li a {background: none}
/* BEGIN MENU CONTENT W22
---------------------------------- */


/* BEGIN MENU FOOTER
---------------------------------- */
#menu-footer {border-top: 1px solid #fff; margin-top: 10px; padding-top: 10px}
#menu-footer ul {margin-left: 8px; width: 990px; margin: 0 auto; overflow: hidden}        
#menu-footer li{display: inline-block; float:left}
#menu-footer li a {display: block; text-indent: -9999em; width: 165px; height: 60px; background: url(library/images/bg_menu_footer3.png) no-repeat}

#menu-footer #button-1 a {background-position: 0 0}
#menu-footer #button-2 a {background-position: -165px 0}
#menu-footer #button-3 a {background-position: -330px  0}
#menu-footer #button-4 a {background-position: -495px 0}
#menu-footer #button-5 a {background-position: -660px 0}
#menu-footer #button-6 a {background-position: -825px 0}
/* BEGIN FOOTER
---------------------------------- */


/* BEGIN CAROUSEL
---------------------------------- */
#carousel-wrap {float: left; width: 400px}

#carousel-wrap .jcarousel-container.jcarousel-container-horizontal {width: auto; border:0; background: none; padding: 10px 40px; position: relative}

#carousel-wrap .jcarousel-skin-tango .jcarousel-next-horizontal,
#carousel-wrap .jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: url(library/images/bg_next_prev_slider.png) no-repeat 0 0;
    top: 18px;
    width: 52px;
    height: 46px;
}

#carousel-wrap .jcarousel-skin-tango .jcarousel-prev-horizontal {left: -20px}
#carousel-wrap .jcarousel-skin-tango .jcarousel-next-horizontal {background-position: -55px 0;right: -20px}

#carousel-wrap .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: 0 -60px}
#carousel-wrap .jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -55px -60px}

#carousel-wrap .jcarousel-next-horizontal.jcarousel-next-disabled:hover {background-position: -55px 0}
#carousel-wrap .jcarousel-prev-horizontal.jcarousel-prev-disabled:hover {background-position: 0 0}

#carousel-wrap .jcarousel-skin-tango {width: 100%; background:#3E3D40}

#carousel-wrap .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 100%; height:auto; overflow: hidden}
#carousel-wrap #carousel {overflow: hidden; position: relative}

#carousel-wrap .jcarousel-skin-tango .jcarousel-item {width: 100px;height: 63px; overflow: hidden}

#carousel-wrap a {line-height: 0; display:block; border: 1px solid #999}
#carousel-wrap img {max-width: inherit; width: 100%; height: auto; line-height: 0}
/* END CAROUSEL
---------------------------------- */


/* BEGIN wp-audio-playlist
---------------------------------- */
.home .wp-audio-playlist {margin: 0 0 15px 0}
.no-js .wp-playlist {display: none}
/* END wp-audio-playlist
---------------------------------- */


/* BEGIN POST, PAGE, SUMMARY
---------------------------------- */
.hentry {
    text-align: justify;
    border-bottom:1px solid #ccc;
    padding: 0 0 10px;
    margin: 0 0 30px  
}
.entry-summary {position: relative; padding-bottom: 20px}
.entry-summary .more-link {position: absolute; bottom: -27px; right: 0}
.home .more-link {position: relative; bottom: 47px}
.edit-link.term_gallery {margin-bottom: -21px}
.edit-link {
    float: left; 
    background: #fff; 
    padding: 1px 5px; 
    -o-border-radius: 2px;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px; 
    border: 1px solid #ccc; 
    margin-bottom: 15px
}
.link-page-news {text-align: right}
/* BEGIN POST AND PAGE
---------------------------------- */


/* BEGIN CONTACT PARTNERS
---------------------------------- */
#banners-contact {list-style: none; overflow: hidden; margin-top: -10px; clear: both}
#banners-contact li {float: left; width: 49%}
#banners-contact li#banner2 {margin: 0 -5px 0 5px}
#banners-contact li a {display: block; border:2px solid #eee}
#banners-contact li a:hover {border:2px solid #9AC00C; line-height: 0}
#banners-contact li img {width: 100%; max-width: inherit}

.forms-banners {padding: 5px}
.forms-banners .wpcf7-response-output {margin: -5px 0 0 0}
.forms-banners .wpcf7 input[type="text"] {width: 230px}
.forms-banners .wpcf7 textarea {width: 230px; height: 80px}
.forms-banners .wpcf7 .wpcf7-not-valid-tip {width: auto; top: 10%}

#colorbox.form-partners #cboxTitle {display:none!important}
/* END CONTACT PARTNERS
---------------------------------- */


/* BEGIN NAVIGATION
---------------------------------- */
#container .wp-pagenavi {padding: 10px 0!important}
#container .wp-pagenavi a, 
#container .wp-pagenavi span.pages, 
#container .wp-pagenavi span.extend, 
#container .wp-pagenavi span.current {
    padding: 3px 5px!important;
}
#container .wp-pagenavi span.current {
    padding: 5px 7px!important;
}

.breadcrumbs {
    margin-bottom: 25px;
    overflow: hidden;
    list-style: none;
    position: fixed;
    top: 170px;
    width: 100%;
    background: #fff;
    -o-border-radius: 3px; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    border-radius: 3px;
    border: 1px solid #ddd;
    border-width: 1px 0
}

.breadcrumbs .current_page_item a:hover, .breadcrumbs .current-cat a:hover {text-decoration: none!important}
.breadcrumbs .current_page_item a, .breadcrumbs .current-cat a {color: #000!important}
.breadcrumbs .pagenav {list-style: none;  padding: 2px 5px}
.breadcrumbs ul, .breadcrumbs li {display: inline-block}
.breadcrumbs li a {margin-left: 5px; display: inline-block; margin-left: 5px;padding: 2px}
.breadcrumbs.below {margin: 5px 0 0 0; position: relative; top: auto}
/* END NAVIGATION
---------------------------------- */


/* BEGIN IMG LOCATAIRES
---------------------------------- */
.locataires .right, .films-w22 .right {left:-9px; z-index: 5}
.right #list-img {list-style: none; background: #eee; margin: 0 0 0 -10px;}
.right #list-img li {float:left; display: block; margin: 5px 10px; width: 100px; height: auto; text-align: center}
.right #list-img li a {display: block; width: 100%; padding: 5px; line-height: 0; background: #ddd}
.right #list-img li a:hover {background: #888}
.right #list-img li img {height: auto!important; max-width:100%; background: #fff}
/* END IMG LOCATAIRES
---------------------------------- */


/* BEGIN IMAGES
---------------------------------- */
.hentry img {
    padding: 2px;
    background: #fff;
    border: 1px solid #ccc
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 4px;
}

img.thumb:hover {border: 1px solid #000}
/* END IMAGES
---------------------------------- */


/* BEGIN GALLERY
---------------------------------- */
.gallery .gallery-icon a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 8px rgba(0,0,0,.6);
    -moz-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
    -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
}
.gallery {margin: -5px auto 10px;line-height: 0;overflow: hidden}
.gallery .gallery-row {margin: 10px 0; overflow: hidden; width: 105%}
.gallery .gallery-icon {width: 92%}
.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 32.5%;
}
.gallery .gallery-icon a {
    border: 1px solid #fff;
    position: relative;
    width: 99%;
    float: left;
    overflow: hidden;
}
.gallery .gallery-icon a:hover{border-color:#000}
.gallery-columns-2 .gallery-item {width: 50%}
.gallery-columns-4 .gallery-item {width: 25%}
#content .gallery img {
    width: 100%;
    max-width: 100%;
    height: auto; 
    border: 0;
    padding: 0
}
.gallery-columns-2 .attachment-medium {max-width: 92%;height: auto}
.gallery-columns-4 .attachment-thumbnail {max-width: 84%;height: auto}
.gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px}
.gallery dl {margin: 0}
.gallery br+br {display: none}
#content .attachment img {/* single attachment images should be centered */
    display: block;
    margin: 0 auto;
}
/* END GALLERY
---------------------------------- */


/* BEGIN SLIDER GALLERY
---------------------------------- */
body.no-js #slider-gallery .slides li {display: block;} /* show all slider no js available */
#slider-gallery {background: none; border:0}
#slider-gallery .flex-direction-nav li a {top:60px;background: url(library/images/bg_next_prev_slider.png) no-repeat 0 0}
#slider-gallery .flex-direction-nav li a.prev:hover{background-position: 0 -60px}
#slider-gallery .flex-direction-nav li a.next:hover{background-position: -55px -60px}
#slider-gallery .flex-direction-nav li .next {background-position: -55px 0}
#slider-gallery ul {list-style: none}
.header-gallery {
    margin-bottom: 20px;
    background-color: #3E3D40; 
    padding:10px 40px; 
    overflow: hidden; 
    position: relative;
    text-shadow: 1px 1px 0 #000;
    color: #fff;
}
.header-gallery img {border: 2px solid #fff;float: right}
.header-gallery h2, .header-gallery h3 {width: 140px;float: left; text-align: left; word-wrap: break-word; max-height: 55px; overflow: hidden}
.header-gallery h3 {
    padding: 5px; 
    border: 0 solid #fff; 
    border-width: 2px 0; 
    position: absolute; 
    bottom:10px;
}
/* END SLIDER GALLERY
---------------------------------- */


/* BEGIN CONTACFORM7
---------------------------------- */
input[type="text"], input[type="email"] {height: 1.3em}
input[type="text"], input[type="email"], textarea {
    padding: 3px; 
    border: 1px solid #ccc; 
    -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.17);
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.17);
    -o-border-radius: 3px; /* Opera */
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    border-radius: 3px; /* CSS3 */ 
    font-size: 85%
}

#content .wpcf7 p {margin-bottom: 5px!important}
#content .wpcf7 .your-recipient {padding-left: 5px}
#content .wpcf7 textarea {width: 98%; height:100px}
#content div.wpcf7-response-output{background: #fff}
#content div.wpcf7-response-output, .wpcf7-not-valid-tip {
    margin: 10px 0 0 0;
    -o-border-radius: 3px; /* Opera */
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    border-radius: 3px; /* CSS3 */ 
}
/* END CONTACFORM7
---------------------------------- */

/* media
---------------------------------- */
.films-w22 .entry-content p, 
.page-template-page-videos-php p {margin: 0}

.films-w22 .entry-content p:last-child iframe, 
.page-template-page-videos-php .entry-content p:last-child iframe {margin-right: 0}

.films-w22 .entry-content iframe, 
.page-template-page-videos-php .entry-content iframe {
    background: #000;
    float: left;
    margin: 0 22px 15px 0;
    width: 400px;
    height: 300px;
}

.page-template-page-videos-php .right {
    left: -9px;
    z-index: 5;
    background: none;
    overflow: auto;
}

.wp-audio-shortcode {margin-bottom: 15px}