/*
Theme Name: Trefoloni
Author: 
Author URI: 
Version: 1.0
*/

/* CONFIGURATORE MODUS */
.prodInEv .aligncenter {
  width: 100%;
  height: auto;
}

/* HELPER STYLES */
.hide {display: none;}

.clear {height:0px; font-size:0px; line-height:0px; clear:both; display: block;}

a, a:visited {text-decoration:none; color:#000;}
a:focus, a:active {color:#000; text-decoration:none; outline: 0;}
a.current, .current a, .no-touch a:hover {color:#000; text-decoration:none; outline: 0;}

.no-padding {padding:0 !important;}

.cleanAll {margin:0; padding:0; list-style-type: none;}

.positionRelative {position:relative; left:0; top:0;}

code {background:none; border-radius:none; font-size:1px; padding:0 !important;}

.separator {width:60px; height:2px; margin:5px auto 40px auto; background:#FFF}

/* COMMON STYLES */

html, body {width:100%; height:100%; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:16px; color:#000; background:#f1f1f1;}
.anystretch {width: 100%; height: 100%; z-index: 0; display: block; z-index:0;}

.fontLato {font-family: 'Lato', sans-serif;}

/* SITE STYLES */

#topHeader {background:#FFF;}

#mainMenuCollapsible {position:absolute; top:70px; left:0; width:100%; margin:0; z-index:2000; background:#FFF;}
#mainMenuCollapsible a {padding:10px 10px; text-transform:uppercase; color:#000 !important; display:block; text-align:center;}

#logo {margin:0;}
#logo img {width:180px;}

#collapseMenu {display:none;}

.mobileOpenMenu {margin:15px 0 0 0;}

.prodInEv {margin-top:30px;}
.prodInEv.ambient .mainImgProdInEv a {height:550px; display: block;}
.prodInEv .imgProdInEv {height:415px;}
.prodInEv .imgProdInEvCenter {width:100%; margin:auto;}

.prodInEvTextWrapper h2 {margin:70px 0 0 0; padding:0 0 10px 0; font-size:3em; font-weight:300; border-bottom:2px solid #000; display:inline-block;} 
.prodInEvTextWrapper h3 {margin:35px 0; text-transform:uppercase; font-size:2em; font-weight:300;}
.prodInEvTextWrapper p {line-height:24px;}
.prodInEvTextWrapper .linkTo {margin:20px 0; padding:10px 20px; color:#000 !important; border:1px solid #000; display:inline-block;}

.secondaryProdInEv h3 {position:absolute; bottom:20px; left:20px; padding:0 35px 0 0; text-transform:uppercase; font-size:2em; font-weight:300; color:#000; background:url(../images/ico_arrowRight_black_small.png) no-repeat center right; display:inline-block;}
.secondaryProdInEv .bgBlack h3 {color:#FFF; background:url(../images/ico_arrowRight.png) no-repeat center right;}
.secondaryProdInEv p {height:120px; margin:0; padding:35px 20px 0 20px; line-height:24px; color:#FFF; background:#171617;}
.secondaryProdInEv p.bgBlack {color:#999; background:#FFF;}

.lastWorkImg {height:340px;}

.newsletterWrapper {height:470px; margin:30px 0 0 0; padding:30px 60px; text-align:center; color:#FFF; background:#494949;}
.newsletterWrapper h2 {margin:0 0 30px 0; padding:0 0 5px 0; text-transform:uppercase; font-size:1.8em; font-weight:300; border-bottom:1px solid #FFF; display:inline-block;}
.newsletterWrapper p {margin:0 0 40px 0; font-size:0.95em; line-height:24px;}
.newsletterWrapper input.textbox {width:100%; margin:0 0 18px 0; padding:25px 15px; font-size:1em; text-align:center; color:#999; background:#303030; border:1px solid #999;}
.newsletterWrapper .privacyCheck label {margin:0 0 0 10px; font-weight:normal; font-size:0.95em; line-height:24px; color:#FFF;}
.newsletterWrapper .privacyCheck label a {color:#FFF !important; text-decoration:underline;}
.newsletterWrapper .submitButton {width:100%; margin:20px 0 0 0; padding:25px; color:#303030; background:#FFF; border:1px solid #999;}

#catalogueWrapper {margin:30px 0 0 0; padding:0 20px 0 5px; border:1px solid #818181; display:block;}
#catalogueWrapper > div > img {width:100%; max-width:300px;}
#catalogueWrapper .catalogueText {padding:0 0 0 5px; text-align:center;}
#catalogueWrapper .catalogueText h2 {margin:0; padding:0 0 5px 0; font-size:1.4em; font-weight:300; color:#000; border-bottom:1px solid #000; display:inline-block;}
#catalogueWrapper .catalogueText p {margin:10px 0 15px 0; color:#999;}
#catalogueWrapper .catalogueText .downloadPdf {padding:0 45px 0 0; font-weight:bold; color:#999; line-height:32px; background:url(../images/ico_download.png) no-repeat center right; display:inline-block;}

.socialLink {height:85px; padding:20px 15px 0 15px; display:block;}
.socialLink:first-child {margin:30px 0 0 0;}
.socialLink img {float:left;}
.socialLink span {float:left; margin:0 0 0 30px; padding:0 0 0 40px; font-size:1.8em; font-weight:300; line-height:42px; color:#FFF; display:inline-block; border-left:1px solid #FFF;}

.socialFB {background:#3e5c9c;}
.socialI {background:#517fa6;}
.socialLI {background:#0177b5;}

#footer {margin:70px 0 0 0; padding:40px 0 0 0; color:#999; background:#FFF;}
#footer a {color:#999;}
.no-touch #footer a:hover {text-decoration:underline;}
#footer h4 {margin:0 0 20px 0; font-size:1em; font-weight:bold;}
#smallFooter {margin:35px 0 0 0; padding:15px 0; border-top:1px solid #f2f2f2;}
#smallFooter .companyInfos {line-height:24px; font-size:0.9em;}
#smallFooter .companyInfos img {float:left; margin:0 15px 0 0;}

/* PRODUCT */

.bgBlack {background:#020202;}
.bgWhite {background:#FFF;}

#productHeader {padding:40px 0;}
#productHeader.ambient {padding:0;}

.productIcon {width:59px; height:78px; margin:0 20px 0 0; background-position:-56px -44px; border-top:1px solid #555; border-bottom:1px solid #555;}

.productTitle {margin: 20px 0 0 0; display:inline-block;}
.productTitle h3 {margin:-1px 0 22px 0; font-weight:300; font-size:1.5em; line-height:18px; text-transform:uppercase;}
.productTitle h1 {margin:0; font-weight:300; font-size:3em; line-height:42px; text-transform:uppercase;}

#productMain #productText {clear:both; width:80%; margin:45px 0 0 0; line-height:24px; font-size:0.9em;}

#productImg {}

.ambient .imageWrapper {width:100%; height:634px;}
.ambient .imageWrapper #productImg {display:none;}
.ambient .fadeImage {position:absolute; top:0; right:0; width:82px; height:100%; background:url('../images/bgProduct_w.png') repeat-y right top; z-index:900;}
.ambient #productImg {max-width:auto;}

.bgWhite #productImg {margin:0 auto 30px auto;}
.bgWhite.ambient #productImg {margin:0;}

.bgBlack.ambient .fadeImage {background:url('../images/bgProduct_b.png') repeat-y right top;}
.bgBlack .productIcon {background-position:1px -44px; border-top:1px solid #b2b1b2; border-bottom:1px solid #b2b1b2;}
.bgBlack #productMain, .bgBlack #productMain #productText, .bgBlack .prodInEvTextWrapper, .bgBlack .prodInEvTextWrapper h3 a {color:#FFF;}
.bgBlack .prodInEvTextWrapper h2 {border-bottom:2px solid #FFF;}
.bgBlack .prodInEvTextWrapper .linkTo {color:#FFF !important; border:1px solid #FFF;}

#attributes {margin:35px 0 0 0;}
#attributes .attr {max-height:35px; margin:0 4px 0 0; display:inline-block;}

.productInfos {margin:35px 0; padding:30px 20px; background:#FFF;}
.productInfosNoBg {margin:0; padding:30px 0; background:none;}

.sectionTitle {text-align:center;}
.sectionTitle h2 {margin:0 0 35px 0; padding:0 0 5px 0; font-size:2em; font-weight:300; text-align:center; border-bottom:1px solid #000; display:inline-block;}
.sectionTitle h3 {margin:0 0 35px 0; font-size:1.1em; font-weight:300; font-style:italic; color:#666;}
.relatedProducts h2 {margin:35px 0 0 0; padding:0 0 5px 0; font-size:2em; font-weight:300; border-bottom:1px solid #000; display:inline-block;}

.table > thead > tr > th {padding:12px 25px; font-size:0.9em; font-weight:300; background:#f1f1f1; border:none;}
.table > tbody > tr > td {padding:12px 25px; font-size:0.9em; font-weight:300; border-top:none; border-bottom:1px solid #f1f1f1;}
.table > thead > tr > th:first-child {text-align:left;}
.table > tbody > tr > td:first-child {text-align:left; font-weight:bold;}

.fancyImg {margin-bottom:30px; text-align:center;}
.galleryFancybox {height:300px; display:block;}

#pageWrapper {position: relative; width:100%; height:550px;}
#pageWrapper #contentWrapper {width:100%; margin:20px 0 0 0; text-align:center; color:#000;}
#pageWrapper #contentWrapper h1 {margin:0 0 20px 0; padding:0 0 5px 0; font-size:2.4em; font-weight:300; color:#000; text-transform:uppercase; border-bottom:1px solid #000; display:inline-block;}
#pageWrapper #contentWrapper h2 {font-size:2em;}
#pageWrapper #contentWrapper .textBlock {line-height:24px; color:#000;}
#pageWrapper #contentWrapper .textBlock a {text-decoration:underline; color:#000;}
#pageWrapper #contentWrapper table {margin:40px auto 0 auto;}
#pageWrapper #contentWrapper table td {width:300px; padding:0 0 0 70px;}
#pageWrapper #contentWrapper table td:first-child {padding:0;}

.val1 {color:#52b95e;}
.val2 {color:#0177b5;}
.val3 {color:#d02b34;}

.val {margin:40px 0 0 0; padding:0 0 40px 0; font-size:1.7em; font-weight:300; line-height:30px; border-left:1px solid #9e9e9e;}
.val h4 {margin:0 0 10px 0; font-size:1.9em; font-weight:bold;}
.val:first-child {border:none;}

#sectionWrapper {position: relative; width:100%; height:370px; margin:0 0 35px 0;}
#sectionWrapper #contentWrapper {position:absolute; top:140px; left:0; width:100%;}
#sectionWrapper h1 {margin:0; padding:0 0 5px 0; font-size:2.9em; font-weight:300; color:#FFF; text-transform:uppercase; border-bottom:1px solid #FFF; display:inline-block;}

.agency {margin-top:40px; background:#FFF;}
.agency .iconArrow {position:absolute; top:35px; right:-23px; z-index:10;}

.agencyImg {background:#E6E6E6; text-align:center;}
.agencyImg img {margin:auto;}

.agencyInfos {margin:0; padding:20px 10px 20px 20px; color:#999;}
.agencyInfos a {text-decoration:underline; color:#999;}
.agencyInfos h3 {margin:0 0 18px 0; font-size:1.9em; font-weight:300; line-height:30px; text-transform:uppercase; color:#000;}
.agencyInfos p {margin:0; padding:0; font-size:0.85em; line-height:20px;}
.agencyInfos p span {color:#000;}
.agencyInfos .extraContacts {margin:8px 0 0 0;}

.listCategory {width:100%; height:400px;}
.listCategory .listChildren {position:absolute; top:30px; left:0; width:100%; text-align:center;}
.listCategory .listChildren h2 {margin:0 0 25px 0; padding:0 0 5px 0; font-size:1.8em; font-weight:300; text-transform:uppercase; color:#FFF; display:inline-block; border-bottom:2px solid #FFF;}
.listCategory .listChildren .listChild {height:48px; margin:0 0 15px 15px; padding:0; display:block; text-align:left;}
.listCategory .listChildren .listChild .icon {float:left; width:58px; height:48px; margin:0 10px 0 0; background-repeat:no-repeat; background-position:0 -58px;}
.listCategory .listChildren .listChild .title {float:left; width:190px; margin:12px 0 0 0; padding:0 35px 0 0; font-size:1em; line-height:22px; color:#FFF; background:url(../images/ico_arrowRight.png) no-repeat top right; display:inline-block;}

.block {height:100%; margin-top:30px; background:#FFF;}
.block .iconArrow {position:absolute; top:35px; right:-23px; z-index:10;}
.block > div {padding-right:0;}

.blockImg {height:145px;}
.blockImg.borderRight {border-right:1px solid #dadada;}
.blockImg > img {max-width:100%; max-height:100%; display:inline-block;}

.blockInfos {width:80%; height:100%; margin:0; padding:30px 10px 0 20px; font-size:0.9em; color:#999;}
.blockInfos h3 {margin:0 0 5px 0; font-size:1.5em; font-weight:300; line-height:30px; text-transform:uppercase; color:#000;}

.blockImg2 {width:100%; height:350px; display:block;}
.blockInfos2 {height:155px; padding:35px 20px;}
.blockInfos2 h3 {margin:0 0 10px 0; padding:0; text-transform:uppercase; font-size:1.8em; font-weight:300; line-height:30px; color:#000; background:#FFF;}
.blockInfos2 .when {height:16px; font-size:0.8em; font-style:italic; color:#999;}
.blockInfos2 .searchAbstract {font-size:1em; color:#999;}
.blockInfos2 .linkTo {position:absolute; bottom:0; right:0; padding:0 25px 0 0; font-style:normal; color:#999; background:url(../images/ico_moreInfos.png) no-repeat center right;}

.blockInfos2.blockWork {height:130px;}

.separator {width:100%; margin:75px 0 0 0; padding:0 0 50px 0; border-top:1px solid #CECECE; background:none;}

.attachment {width:100%; height:40px; margin-top:8px; margin-bottom:8px; padding:0 44px 0 10px; font-size: 0.9em; line-height:40px; color:#666; background:#f1f1f1 url(../images/ico_file.png) no-repeat right top; display:block; overflow:hidden;}

#newsWrapper {margin:0; padding:35px 20px; background:#FFF;}
#newsWrapper h1 {margin:0 0 35px 0; padding:0 0 5px 0; font-size:2em; font-weight:300; color:#000; text-transform:uppercase; border-bottom:1px solid #000; display:inline-block;}
#newsWrapper .textBlock {color:#999; line-height:24px;}

h2.subTitle {margin:35px 0 0 0; padding:0 0 5px 0; font-size:2em; font-weight:300; border-bottom:1px solid #000; display:inline-block;}
h3.subTitle {margin:35px 0 0 0; font-size:2em; font-weight:bold;}
h4.subTitle {margin:35px 0; padding:0 0 5px 0; font-size:2em; font-weight:300; border-bottom:1px solid #000; display:inline-block;}

.smallBlockImg {width:100%; height:200px; display:block;}
.smallBlockInfos {height:100px; padding:25px 20px; background:#FFF;}
.smallBlockInfos h3 {margin:0 0 5px 0; padding:0 25px 0 0; text-transform:uppercase; font-size:1.1em; font-weight:300; line-height:20px; color:#000; background:url(../images/ico_arrowRight_black_small.png) no-repeat top right;}
.smallBlockInfos .when {font-size:0.8em; font-style:italic; color:#999;}

.contactInfos {height:270px; margin:25px 0 0 0; padding:30px 20px; color:#999; background:#FFF;}
.contactInfos a {text-decoration:underline; color:#999;}
.contactInfos h3 {margin:0 0 18px 0; font-size:1.9em; font-weight:300; line-height:30px; text-transform:uppercase; color:#000;}
.contactInfos p {margin:0; padding:0; font-size:0.85em; line-height:20px;}
.contactInfos p span {color:#000;}
.contactInfos .extraContacts {margin:8px 0 0 0;}

.newsFooter {height:75px; margin:0 0 20px 0; color:#979797; border-bottom:1px solid #757575;}
.newsFooter a {font-size:0.85em;}
.newsFooter .when {margin:5px 0 0 0; font-size:0.8em; font-weight:300; text-transform:uppercase;}

.slotFooter {margin-top:30px;}
.slotFooter .imgSlot {width:100%; height:200px; display:block;}
.slotFooter .titleSlot {padding:20px; background:#FFF;}
.slotFooter .titleSlot a {text-transform:uppercase; font-weight:300; display:block; background:url(../images/ico_arrowRight_black_small.png) no-repeat center right;}

.menuFooter ul {margin:0; padding:0; list-style-type: none;}
.menuFooter ul li {margin:0 0 20px 0;}

#advancedSearch .formSeparatorLeft {padding:0 0 30px 0;}
#advancedSearch .formSeparatorRight {padding:0 0 30px 0;}

#advancedSearch label {padding:0; font-size:1.5em; font-weight:300; line-height:24px;}
#advancedSearch .textbox {float:left; width:90%; height:45px; margin:4px 0 0 0; padding:10px; border:1px solid #616161;}
#advancedSearch .submit {float:left; width:10%; height:45px; margin:4px 0 0 0; padding:0; background:#616161 url(../images/ico_arrowRight.png) no-repeat center; border:1px solid #616161;}
#advancedSearch .submit2 {width:170px; height:45px; margin:25px auto 0 auto; padding:0; background:#616161; border:1px solid #616161;}
#advancedSearch .submit2 input {height:43px; padding:0 30px 0 0; color:#FFF; background:#616161 url(../images/ico_arrowRight.png) no-repeat right center; border:none;}

#advancedSearch .filters {margin:30px 0 0 0; display:inline-block;}
#advancedSearch .checkboxWrapper {float:left; width:33.333%; height:70px; font-size:0.9em; font-style:italic; color:#999;}
#advancedSearch .checkButton {width:20px; height:20px; margin:0 auto 5px auto; border:1px solid #666; cursor:pointer;}
#advancedSearch .checkButton.checked {background:#666;}

.searchValue {margin:8px 0 0 0; font-size:1em; line-height:20px; font-style:italic; color:#999;}
.searchValue span {color:#000;}

.galleryWrapper {margin-top:30px;}

.shareIcons {margin:20px 0 0 0;}
.addtoany_shortcode {float:right;}

.file {width:100%; height:330px; margin-bottom:20px; display:block; text-align:center;}
.file .fileTitle {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/bgImgHover.png);}
.file .fileTitle h3 {height:60px; padding:0 0 10px 0; margin:125px 20px 0 20px; line-height:22px; text-transform:uppercase; color:#FFF; font-size:1.5em; border-bottom:1px solid #FFF; display:inline-block;}

.file > div > img {height:330px;}

/* SLIDERS */
#sliderWrapper {margin:0;}
#sliderWrapper, #sliderWrapper .cycle-slideshow {position: relative; width:100%; height:550px;}
#sliderWrapper .cycle-slideshow .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; display: block;}
#sliderWrapper .cycle-slideshow .slide a {width: 100%; height: 100%; display:block;}

#sliderWrapper .itemWrapper, #sliderWrapper .cycleWrapper {position:absolute; top:50%; right:0; z-index:999}
#sliderWrapper h1, #sliderWrapper h2 {margin:0; padding:0; font-size:2em; font-weight:300; color:#FFF; display:block;}
#sliderWrapper h1 {padding:0 0 15px 0;}

/* in case script does not load */
#sliderWrapper .cycle-slideshow img:first-child { position: static; z-index:100; }

.cycle-pager { float:right; width:12px; overflow: hidden;}
.cycle-pager span { width:12px; height:12px; margin:6px 0; color:#FFF; font-size:0em; line-height:15px; cursor:pointer; display:block; background:url(../images/pager.png) no-repeat center;}
.cycle-pager span.cycle-pager-active {background:url(../images/pagerSel.png) no-repeat center;}
.cycle-pager > * { cursor: pointer; }

#scrollDown {position:absolute; bottom:40px; left:50%; margin:0 0 0 -38px; z-index:999;}

.cycle-slideshow.responsive .slideElem { width:100%; height: 400px; }
.cycle-slideshow.responsive img { width: auto; height: auto; vertical-align: top; }
.cycle-slideshow.responsive .cycle-next, .cycle-slideshow.responsive .cycle-prev {position:absolute; top:50%; width:30px; height:30px; margin:-15px 0 0 0; cursor:pointer;}
.cycle-slideshow.responsive .cycle-next {right:15px; background:url(../images/ico_next.png) no-repeat top left;}
.cycle-slideshow.responsive .cycle-prev {left:15px; background:url(../images/ico_prev.png) no-repeat top left;}

/* PAGINATION */
.pagination {margin:35px 0 0 0; padding:0; text-align:center; display:block;}
.paginationWrapper {display:inline-block;}
.paginationWrapper a {width:27px; height:27px; margin:0 4px; color:#666666; line-height:26px; display:inline-block;}
.paginationWrapper a.current {color:#202020; border:1px solid #202020;}

/* RESPONSIVE */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {	
	.col-custom-5 {float:left; position:relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width:20%; }
	
	.galleryItem {float:left; width:20%; margin:0;}
	
	#logo img {width:auto;}
	
	.mobileOpenMenu {margin:15px 0 0 0;}
	
	#sliderWrapper .itemWrapper {left:50%; margin:0 0 0 -375px}
	
	.prodInEv .imgProdInEv {height:415px;}
	
	#sliderWrapper h1, #sliderWrapper h2 {font-size:3.2em;}
	#sliderWrapper h1 {padding:0 0 40px 0;}
	
	#pageWrapper #contentWrapper {position:absolute; top:100px; left:0; margin:0; color:#FFF;}
	#pageWrapper #contentWrapper h1 {margin:0 0 35px 0; font-size:2.9em; color:#FFF; border-bottom:1px solid #FFF;}
	#pageWrapper #contentWrapper .textBlock {color:#FFF;}
	#pageWrapper #contentWrapper .textBlock a {color:#FFF;}
	
	#advancedSearch .formSeparatorLeft {padding:0 30px 30px 0; border-bottom:1px solid #b4b4b4; border-right:1px solid #b4b4b4;}
	#advancedSearch .formSeparatorRight {padding:0 0 30px 30px; border-bottom:1px solid #b4b4b4; }
	
	#advancedSearch label {padding:0 40px 0 0; font-size:1.9em; line-height:26px;}
	
	.blockInfos h3 {margin:0 0 15px 0; font-size:2em;}
	
	.cycle-pager {margin:0 40px 0 0;}
	
	.listCategory {height:275px;}
	.listCategory .listChildren h2 {margin:0 0 35px 0; font-size:2.8em;}
	.listCategory .listChildren .listChild {height:auto; margin-left:0; padding:0 15px; text-align:center;}
	.listCategory .listChildren .listChild .icon {float:none; width:80px; height:80px; margin:auto; background-position:-16px -120px; display:block;}
	.listCategory .listChildren .listChild .title {float:none; width:auto; margin:10px 0 0 0; padding:0 35px 0 0; font-size:1em;}
	
	.productTitle {margin: 0; }
	
	.agencyInfos {padding:30px 10px 0 20px;}
	
	#advancedSearch .checkboxWrapper {width:100px;}
	
	#catalogueWrapper > div {float:left; width:40%;}
	#catalogueWrapper > div > img {width:100%; max-width:300px;}
	#catalogueWrapper .catalogueText {width:60%; padding:0 0 0 5px; margin:25px 0 0 0; text-align:center;}
	#catalogueWrapper .catalogueText h2 {margin:35px 0; font-size:1.8em;}
	#catalogueWrapper .catalogueText p {margin:0 0 35px 0;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {		
	#bottomFooter {padding:20px 0 10px 0;}

	.close {top:-8px; right:-25px; opacity: 0.5;}
	
	#sliderWrapper .itemWrapper {margin:0 0 0 -485px}
	#sliderWrapper h1, #sliderWrapper h2 {font-size:4em;}
	
	.prodInEvTextWrapper .linkTo {margin:50px 0 0 0;}
	
	.listCategory .listChildren .listChild .title {font-size:1.1em;}
	
	#productHeader {height:635px;}
	
	#productMain {margin-top:277px;}
	
	.bgWhite #productImg {margin:auto;}
	
	#catalogueWrapper {height:255px;}
	#catalogueWrapper .catalogueText {margin:0;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#productImg {max-width:600px;}
	
	#logo img {width:auto;}
	
	#topHeader {height:76px; border-bottom:1px solid #CCC;}
	#mainMenu #langs {float:right; margin:10px 25px 5px 0;}
	#mainMenu #langs ul {list-style-type: none; margin:0; padding:0;}
	#mainMenu #langs ul li {margin:0 0 0 10px !important;  padding:0; display:inline-block;}
	#mainMenu #langs ul li a {margin:0; font-size:1em !important; color:#b2b2b2 !important;}
	#mainMenu #langs ul li a:hover, #mainMenu #langs ul li a.current, #mainMenu #langs ul li a.lang_sel_sel {color:#666 !important;}
	#mainMenu #menuWrapper {clear:both; float:right;}
	#mainMenu .menuElem {height:43px; margin:0 24px 0 0; padding:0; font-size:0.8em; text-transform:uppercase; text-align:center; border-top:5px solid #FFF; display:inline-block;}
	#mainMenu a {color:#333 !important;}
	#mainMenu .menuElem.hasChild, #mainMenu .menuElem.showCats {margin:0 12px 0 0; padding:0px 12px 0 0; background:url(../images/ico_arrowDown.png) no-repeat right top;}
	.no-touch #mainMenu .menuElem:hover, #mainMenu .menuElem.current {border-top:5px solid #CCC;}
	
	.search img {border-left:1px solid #333; cursor:pointer;}
	.no-touch #mainMenu .menuElem.search:hover {border-top:5px solid #FFF;}

	.searchForm {position:absolute; top:39px; right:0; width:220px; padding:10px 20px; z-index:999; background:#FFF; display:none; border-top:1px solid #CCC; border-bottom:1px solid #e6e6e6;}

	#categories {position:absolute; top:75px; left:0; width:100%; z-index:999; background:#FFF; display:none; border-top:1px solid #CCC; border-bottom:1px solid #e6e6e6;}
	#categories .category {float:left; margin:0 0 10px 30px; text-align:left;}
	#categories .category:first-child {margin:0 0 10px 0;}
	#categories .category .mainCat {margin:8px 0; font-size:0.9em; display:block;}
	#categories .category .childCat {float:left; width:95px; text-align:center; display:block;}
	#categories .category .childCat:first-child {padding:0 0 0 20px; width:100px; border-left:1px solid #767676;}
	#categories .category .childCat .icon {width:55px; height:35px; margin:auto; background-repeat:no-repeat; background-position:-1px -10px; display:block;}
	#categories .category .childCat .title {height:30px; font-size:0.7em; text-transform:uppercase; display:block;}

	.no-touch #categories .category .childCat:hover .icon {background-position:-58px -10px;}
	
	#sliderWrapper .itemWrapper {margin:0 0 0 -585px}
	#sliderWrapper h1, #sliderWrapper h2 {font-size:5.9em;}
	
	.blockInfos {width:90%;}
	
	.socialLink {padding:20px 40px 0 40px;}
	
	.downloadFile {width:33.3333%;}
	.attachment {font-size: 0.8em;}
	
	.file .fileTitle h3 {font-size:1.7em;}
}

/* Large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
	.container {width:1300px;}
	
	#categories .category .childCat {width:100px;}
	#categories .category .childCat:first-child {padding:0 0 0 30px; width:130px;}
	
	.attachment {font-size: 0.9em;}
	
	#sliderWrapper .itemWrapper {margin:0 0 0 -650px;}
	
	.downloadFile {width:16.6667%;}
}