@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);

/* RESET
---------------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a {text-decoration:none; outline:none;}
A:HOVER {text-decoration: underline}


BODY {background-color:#191919; font-family: 'Roboto Condensed', sans-serif; font-size: 16px;}
.lineUp {width:100%; height:10px; background-color:#e4c344;}
.container {width:950px; display: block; padding:0 5px; margin: 0 auto; text-align: justify; line-height: 130%;}
BODY#it A.english, BODY#en A.italiano {color:#cacaca;}

.clear,
.clear2 {clear: both;}
.contenitore .clear { display: block; width: 600px; height: 1px; background-color: #f2f2f2; }

#pull { display: none;}

DFN {display:block; border-left:2px solid #e4c344; font-style: italic; padding:0 10px 0 10px; margin:10px 0 20px 0;}
MARK {display:block; margin:10px 0; border-top:1px solid #676767; border-bottom:1px solid #676767; padding:10px 0; font-size:20px; font-weight:200; background-color:#FFF;}
Q {display:block; padding:10px; background-color: #EBEBEB; margin:0 0 10px 0;}


#header { width: 100%; height: 141px; background:#fff url(/images/bg_header.gif) no-repeat center center;}
H1 { width: 235px; height: 141px; display: block; background: url(/images/logo_cattaneo.gif) no-repeat; text-indent: -9000px;}
.lingua { position: absolute; top: 20px; left: 50%; margin-left: 310px;}
.lingua A { font-size: 20px; color: #000;}
.lingua SPAN { font-size: 25px; padding:0 15px; color: #000;}

#toolContainer {width:100%; background-color: #000;}

#navigationBar { text-align: center; padding: 8px 0;}
#navigationBar LI {display:inline;}
#navigationBar LI span {color:#4d4d4d; font-size: 25px; font-weight: 300; padding: 0 18px;}
#navigationBar LI A { color: #fff; font-size: 20px;}
#navigationBar LI A:HOVER { text-decoration: none; color: #e4c344;}
#navigationBar LI A.down {color:#e4c344}

#visual { width: 100%; height: 460px; background-color: #ccc;}
.cbp-fwslider {
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
    background-color: #ccc;
}

.cbp-fwslider ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}

.cbp-fwslider ul li {width: 100%; height: 460px; display: block; background-size: cover; background-position: center;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div { width: 100%; height: 100%; display: block; text-align: center; outline: none;}

.cbp-fwslider ul li .slideBox { width:auto; height:auto; max-width:50%; font-size: 20px; font-weight: 300; padding: 30px; color: #fff; text-align: left; /*background: url(/images/bg80.png) repeat;*/ background-color: rgba(0, 0, 0, 0.8);  position: absolute; top:50px; left:50%; margin-left: -460px;}
.cbp-fwslider ul li .slideBox H3 {font-size: 25px; font-weight: 400;}
.cbp-fwslider ul li .slideBox A {color:#FFF; text-decoration:none;}

.cbp-fwslider ul li > a img {
	border: none;
	display: block;
	margin: 0 auto;
	max-width: 75%;
}

.cbp-fwslider nav span {position: absolute;	top: 50%; width: 75px; height: 75px; margin-top: -75px; cursor: pointer; text-indent: -9000px;}
/*.cbp-fwslider nav span:hover {background: #378fc3;}*/
.cbp-fwslider nav span.cbp-fwnext {right: 0px; background: url(/images/arrowRight.png) no-repeat center center;}
.cbp-fwslider nav span.cbp-fwprev {left: 0px; background: url(/images/arrowLeft.png) no-repeat center center;}

.cbp-fwdots {position: absolute; bottom: 0px; white-space: nowrap; text-align: center; width: 100%;/* margin: 0 auto; background-color: #f00;*/}
.cbp-fwdots span {display: inline-block; width: 18px; height: 18px;	background: url(/images/pallina.png) no-repeat center center; margin: 4px; cursor: pointer;}
.cbp-fwdots span:hover {background: url(/images/pallinaOn.png) no-repeat center center;}
.cbp-fwdots span.cbp-fwcurrent {background: url(/images/pallinaCurrent.png) no-repeat center center;}

#centroHome,
#centroInterna { width: 100%; display: block; background-color: #f2f2f2; overflow: hidden; text-align: justify;}
.contenitore { width: 960px; display: block; margin: 0 auto; background-color: #e4c344;}
.centroLeft {width:510px; padding:40px 50px 40px 40px; float: left; color: #444; background-color: #f2f2f2; line-height:150%;}
.centroLeft UL {margin:5px auto 5px 16px; padding:auto; list-style-type: square;}
.centroLeft P {margin-bottom:4%;}
.centroLeft EM {display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #444;}
.centroLeft EM SPAN {display:block; text-align:right;}
.centroRight {width:270px; overflow: hidden; padding: 40px; float: right;}

.centroRight A {color:#444;}

.centroLeft H2,
.centroRight H2 { font-weight: 400; font-size: 25px; padding-bottom: 15px; color: #000;}
.centroLeft A.scopri {border:solid 1px #b4b4b4; color: #262626; display: block; width: 80px; text-align: center; padding: 3px 20px; font-style: italic; margin-top: 30px;}
.centroLeft A.scopri:HOVER {border:solid 1px #e4c344;}
.centroRight LI {text-align:left; display: block; padding: 5px 0 5px 15px; background: url(/images/punti_elenco.gif) no-repeat 0 10px; }
.certificazioni { width: 520px; height: 70px; margin-top: 60px; position: relative; display: block; background: url(/images/bg_certificazioni2.gif) no-repeat right top;}
.certificazioni SPAN {position: absolute; top: 24px; left: 140px; padding: 0 8px; background-color: #f2f2f2;}

#centroInterna { height: auto;}

/*.mappa { width:510px; height:400px; display:block;}
#mapCanvas {height:400px;}
#mapInfo {display:block; padding:0 0 0 150px; background:url(/images/mapInfo.gif) no-repeat left top;}*/
#map {height:400px;}

FORM {margin:0; text-align:left;}

	INPUT, TEXTAREA {border:1px solid #e1e1e1; width:98%; font:11px Arial, Helvetica, sans-serif; padding:2px 1%; margin-bottom:8px;}
	LABEL {display:block}
	TEXTAREA {height:120px;}

	.noinput {width:20px; float:right; margin-right:12px;}
	FORM img {float:left; border:1px solid #aec704;}
	.input_capt {width:115px; padding:4px 5px; float:right; margin-right:15px; padding-right:0px; }
	.invia {width:100%; font-size:16px; padding:10px 0; background-color:#2b2b85; margin-top:20px; border:none; color:#fff; cursor:pointer; clear:both;}
    FORM SPAN {font-size:13px; float:left }
	A.privacy {display:block; text-decoration:underline; font-size:12px;}

#mappa {width: 337px; height: 254px; position: relative; float: left; border:3px solid #E8E9E8; margin-bottom:20px;}

.gallery {display:block; padding:0px;}
.gallery A {display:block; float:left; width:147px; height:106px; margin:5px 10px 5px 0; background-color:#EEEEEE; background-position:center center; background-repeat: no-repeat; background-size: contain;}
.gallery A:HOVER { background-color:#929496;}

#footer {padding:30px 0 50px 10px; display: block; clear: both; background-color: #191919; font-family: Arial, Helvetica, sans-serif; font-size: 14px; position: relative;}
#leftFooter, #rightFooter {display:block; float:left;}
#leftFooter {width:680px; margin-right:35px;}
#rightFooter {width:200px; border-left:1px solid #FFF; padding-left:15px;}
#rightFooter A {color:#e4c344; line-height:200%;}
#rightFooter A:HOVER {color: #fff; text-decoration: none;}

#footerText {display:block; color:#c6c6c6; width:240px; margin-left:30px; font-size:12px; float:left;}
#footerText STRONG, #footerText SPAN, #footerText A {color:#FFF;}

A.credits {display:block; padding-top:3px; width:690px; text-align: right; color:#616161; position: absolute; top: 172px;}

.white-popup-block { background-color: #FFF; padding:10px; width:960px; margin:0 auto; line-height:150%;}
.popup-modal-dismiss {float:right; background-color:#000; color:#FFF; padding:5px;}


@media screen and (max-width : 1024px) {
	  #visual, .cbp-fwslider ul li {height: 400px;}
}

@media screen and (max-width : 960px) {

    #navigationBar LI SPAN,
    #rightFooter,
    .contenitore .clear { display: none;}

    .container {width:90%; padding:0 5%;}
    #header {background:none; height: 100px; background-color: #fff; text-align: center;}
    H1 {width:100%; height: 100px; background-position: left center; background-size: 50%;}
    .lingua { width: 90%; position: absolute; top: 7px; margin-left: -45%; text-align: right;}
    .lingua A {overflow-x: hidden; font-size: 12px;}
    .lingua SPAN { font-size: 15px; padding: 0 3px;}

    #navigationBar {width:100%; margin:0; padding:0; display:none; border:none;}
    #navigationBar LI A, nav a#pull {display:block; width:100%; float:none; font-weight:bold; line-height:300%;  text-align:center; color:#FFF; text-decoration:none;}
    #navigationBar LI A { border-bottom: solid 1px #1d1d1d;}
    #navigationBar LI A.selected {color:#999;}
    nav a#pull {width:90%; margin:0 5%; padding-left:0%; text-align:left; text-indent: -9000px; background: url(/images/menuMobile.gif) no-repeat right top;}
    nav a#pull:after {content:""; }

    #visual { background-color: #f2f2f2; height: 250px;}
    .cbp-fwslider ul li {width: 100%; height: 250px;}
    .cbp-fwslider ul li .slideBox {font-size: 12px; padding: 20px; margin-left: -48%; top: 2%; width: 83%; max-width: 100%;}
    .cbp-fwslider ul li .slideBox H3 {font-size: 1.2em;}
    #cbp-fwslider { width: 90%; margin-left: 5%; }
    .contenitore { width: 90%; margin-left: 5%; background-color: #f2f2f2;}
    .centroLeft {width:100%; padding:40px 0px 40px 0px; float: none;}
    .centroRight {width:90%; padding: 40px 5%; overflow: hidden; float: none; background-color: #e4c344;}
    .certificazioni { width: 100%; }
    .certificazioni SPAN {left: 0;}

    .cbp-fwslider nav span {top: 70%; width: 35px; height: 35px;}
    .cbp-fwslider nav span.cbp-fwnext {background-size: 85%;}
    .cbp-fwslider nav span.cbp-fwprev {background-size: 85%;}

    #footer {padding:0px;}
    #leftFooter {width:100%; margin-right:0px; text-align: center;}
    #footerText {width:100%; padding-top: 20px; float: none; margin-left: 0;}
    A.credits {width:100%; display: block; padding-top: 20px; clear: both; text-align: center; position: static; top: 0; margin: 5% 0;}
    .mappa { width:100%;}

	.white-popup-block {width:80%;}

}

@media screen and (max-width : 450px) {
   .certificazioni SPAN { top:-20px;}
}