@charset "UTF-8";
html, body { position:relative; height:100%; }
body {	font-family: Arial, serif;	background-color: #FFFFFF;	margin: 0;	color:#000;
}
/* Container */

.headerContainer, .container { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; }
.headerContainer { height: 100%; }

/* Header */
header { 	width: 100%; height: 100px;	border-bottom: 1px solid #ececec; }
.logo { height: 100%; padding-top: 15px; }
.logo img { height: 100%; float: left;}
.external { line-height:38px;height: 38px; }
.external a { float: right; color:#5B0C8B; text-decoration:none; font-size:16px; }

.logo, .external { width:99%; }
section { padding-bottom: 241px; padding-bottom: 57px; clear:both; background-color:#565656; background-position:right top; background-repeat: repeat-x; }

.claim h1 { padding:44px 0 18px; margin:0; font-size:36px; color:#fff; font-weight:normal; }
.claim a { font-size:16px; font-weight:bold; color:#fff; font-weight:normal; text-decoration:none; }


#MyElement { display:none; border-bottom:solid 1px #ccc; margin-bottom:10px; font-size:15px; padding: 16px 0; }
#readLess {display:none; float: left;} 
#readLess:hover { text-decoration:underline;}
#MyElementHiden { opacity:0; clear: both; height: 0;  font-size:15px; overflow: hidden; -webkit-transition: all .15s; -moz-transition: all .15s ; -o-transition: all .15s; -ms-transition: all .15s; transition: all .15s;}
a#readMore { float: left; }
a#readMore:hover { text-decoration:underline; color:#ffffff;  }
a#readMore:hover + div#MyElementHiden { opacity:1; height:auto; margin-top: 91px; margin-bottom: -55px; border-bottom:solid 1px #ccc; padding-bottom:16px;  }


.gallery { border-bottom:solid 1px #ccc; margin-bottom:30px; overflow:hidden; margin-top: 27px;}
.thumbnail { width:49%; display:inline-block; }
.thumbnail.left { text-align:left;     vertical-align: top; }
.thumbnail.right { text-align:right;     vertical-align: top; }
.thumbnail.right ul, .second .thumbnail.left ul { margin:0; padding:0; list-style-type:none; }
.thumbnail.right ul li { margin:0; padding:0; clear: both; font-size:15px;}
.thumbnail.right ul li a { text-decoration:underline;color: #5B0C8B;
; }
.thumbnail.right ul li a:hover { text-decoration:underline; }
.thumbnail.right ul li a.opportunities { text-decoration:none; color:#5B0C8B; font-size:20px; font-weight:bold;  }
.thumbnail.right ul li a.register, .second .thumbnail.right ul li a.logout { border: solid 2px #5B0C8B; background-color: #5B0C8B; color: #fff; border-radius: 6px; font-size: 18px; text-decoration: none; padding:4px 0 5px; margin: 20px 0; float: right; width: 206px; text-align: center; }
.thumbnail.right ul li a.register:hover, .second .thumbnail.right ul li a.logout:hover {background-color:#fff; color:#5B0C8B; }
.thumbnail.right ul li a.system, a.forget { color:#5B0C8B; text-decoration:none; font-weight:bold; display:block; font-size: 15px;}
a.forget { margin-top:35px; float: left; }
.thumbnail.right ul li a.system { margin-top:12px; float:right; }
.clearfix { clear:both; }

form { margin:0; padding:0; border:none; }
input { display:block; border-radius:6px; border:solid 2px #5B0C8B; padding:10px 8px; margin:0 0 14px; width:190px; }
input[type="submit"] { background-color:#5B0C8B; color:#fff; cursor:pointer; font-size: 18px; padding:4px 0 5px; width:210px; margin-top: 33px; } 
input[type="submit"]:hover { background-color:#fff; color:#5B0C8B; }
p.red { color:#f00; font-weight:bold;    margin-top: 0; }

footer { clear:both; }
.copy, .warning { width:49%;  display:inline-block; }
.warning { font-size:12px; }
.copy { float:right; width:397px; height:60px;    margin-top: 20px; }
.copy h1, .copy h2 { font-size: 184%; line-height: 114%; margin: 0; padding: 0; }
.copy h1 { color:#5B0C8B; }
.copy h2 { color:#778692; }


/* SECOND SELLER PAGE */
.second .gallery { border-bottom:none; }
.second .thumbnail.left ul li { margin:0 0 8px; padding:0 0 8px; border-bottom:solid 2px #5B0C8B; }
.second .thumbnail.left ul li a { text-decoration:none; margin:0; padding:0; clear: both; font-size:16px; font-weight:bold; color:#5B0C8B; }
.second .thumbnail.right ul li a {text-decoration:none; font-size:16px; color:#5B0C8B;  }
.second .thumbnail.right ul li h2 { font-size:16px; }
.second .thumbnail.right ul li a.logout { margin: 4px 0 24px;}
/* SECOND SELLER PAGE */


@media (max-width: 100%) {
.headerContainer, .container { width: 100%;  }
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 640px) {
.headerContainer, .container { width: 95%;  }
section { padding-bottom: 37px; }
.thumbnail {    width: 95%;    display: block; }
input[type="submit"] {width:100%;}
input { width: 96%; }
.copy, .warning {    width: 95%;    display: block; }
.copy {    margin: 20px;}
.gallery {padding-bottom: 30px;}
.thumbnail.left {    border-bottom: solid 1px #ccc; overflow: hidden; padding-bottom: 20px; margin-bottom: 30px; }
a.forget { margin-top: 13px;}
.thumbnail.right {    text-align: bottom; }
.thumbnail.right ul li a.register, .thumbnail.right ul li a.system { float:left; }
}



/* Small Desktops */
@media (min-width: 641px) and (max-width: 999px) {
	.headerContainer, .external .container { width:93%; }
	.container { width: 95%;  }
	.copy, .warning {    width: 48%; }
	.copy {     margin-left: 4%;}
    .copy h1, .copy h2 { font-size: 135%;  }

#slider {
    list-style:none;
    padding:0px;
    margin:0;}

.slider-container { 
    background:#fff; 
    width:100%; 
    height:auto;}

.bx-wrapper{
    width:100%;
    position: relative;
    height:500px;
}

#slider img {
    width:auto;
    height:auto;
    margin: 10;
    position: absolute;
    bottom: 0;
    
    }

#slider li {
    text-align:center;
    width:25%;
    vertical-align: bottom;
    color:red;}
        

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0b0c0c;
	margin:0px;
	padding:0px;
	border-top: 10px solid #00AF41;
	text-align: center;}
a {	color:#00AF41; text-decoration:none;font-weight:bold; }
a:hover {text-decoration: underline; }
fieldset { border:0px;}
.wrap {
	position:relative;
	width: 100%;
	text-align: left;
	margin: 0px auto;
	overflow: hidden;
	padding-bottom: 35px;}
.top {
	margin: 30px 0px;}
.img-home { width: 100%; height: 340px; background-image:url(../images/img-home.png);}
.welcome { float:left; overflow: hidden;margin-left:20px;width: 370px; padding-top: 20px;}
.welcome h1,.opportunities h2,.login h1 {
	font-size: 24px;
    font-weight: 400;
    line-height: 1.25;
    padding-bottom: 2px;
    padding-top: 3px;
	color: #00AF41; }
.opportunities h2 {	font-size: 22px; }
.login h1 { color:#0b0c0c;margin:0px;padding:0px 0px 20px 0px;}	
.welcome p { line-height:25px;}
.box { float:left;width: 485px;}
.login {
	margin-top: 20px;
	padding-top:20px; 
	border-top: 5px solid #00AF41;
	line-height:2em;}
.login form {
    margin-left: 20px;
    width: 85%;}
.webform-component:before, .webform-component:after {
    content: "";
    display: table;}
.webform-component:after {
    clear: both;}
.webform-component {
    margin: 0;
    padding: 0;}
.login .form-item {
    display: block;
    margin: 10px 0 12px;
    padding: 0 !important;
    text-align: right;}
.form-item label {
    float: left;
    padding-top: 4px;}
.form-text {
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 8px;
    width: 240px;}
.form-actions {
    margin-top: 16px;
    overflow: hidden;}
.btn:after {
    background: url(../images/ui-arrows.png) no-repeat scroll -111px -711px rgba(0, 0, 0, 0);
    content: "";
    height: 25px;
    position: absolute;
    right: 0.5em;
    top: 0.6em;
    width: 14px;
}
.btn:after {
    background: url(../images/arrow.png) no-repeat scroll -111px -39px rgba(0, 0, 0, 0);
    content: "";
    height: 25px;
    position: absolute;
    right: 0.5em;
    top: 0.6em;
    width: 14px;
}
.btn {
    background-color: #00AF41;
    background-image: url(../images/arrow.png);
    background-position: 92% 50%;
    background-repeat: no-repeat;
    border: medium none;
	color: #fff;
	border-radius: 3px;
    box-shadow: 1px 1px 2px 0 rgba(0, 2, 6, 0.35);
    cursor: pointer;
    display: inline-block;
    font-weight: normal !important;
    padding: 11px 34px 11px 12px;
    position: relative;}
.opportunities {
	float:left; overflow: hidden;margin-left:20px;padding-top: 2px;}
.panel-action:after {
    /*background: url(../images/ui-arrows.png) no-repeat scroll -112px -95px rgba(0, 0, 0, 0);*/
    content: "";
    height: 17px;
    position: absolute;
    right: -10px;
    width: 11px;
}
.panel-action {
    display: inline-block;
    line-height: 16px;
    margin-top: 1em;
    padding-right: 1em;
    position: relative;}
.linkbox {margin-top:40px;}
.linkbox ul {
    list-style: none outside none;
    margin: 0;
	padding:0px;}
ul li, ol li {
    list-style-position: inside;}
.linkbox ul li a:before {
    background: url(../images/ui-arrows.png) no-repeat scroll -115px -479px rgba(0, 0, 0, 0);
    content: "";
    display: inline;
    left: 0;
    position: absolute;
    top: 1.2em;

}
.linkbox ul li a {
    border-bottom: 1px solid #00AF41;
    color: #5b5b5b;
    display: block;
    padding: 0.5em 0 0.5em 3em;
    position: relative;
	font-weight:bold;}
.first {    border-top: 1px solid #00AF41; }
.icon-new-page {
    margin: 0 0.4em;
    vertical-align: baseline;
}
.opportunities h2 {    border-top: 5px solid #00AF41;padding-top:22px; }
.footer {
		border-top: 10px solid #00AF41;
		background-color: #dee0e2;
		overflow:hidden; }
.footer-wrap {border-top: 1px solid #a1acb2;height:1px; }
.footer-container {width:990px; margin:auto;text-align:justify;font-size:12px; }
.warning {
    width: 600px;
	float:left;}
.links {width:336px; float:left;margin-left:20px; }
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
ul.unstyled {
    list-style: none outside none;
    margin-left: 0;
    padding-left: 0;}
ul.unstyled li {
    list-style: none outside none;
}
.links li {
    display: inline-block;
    width: 50%;
	line-height:25px;}
.red { color:#ff0000;font-weight:bold;text-transform:uppercase; }
.callmeback {padding-right:90px;text-align: right; }
.callmeback .btn {background-image: none;padding: 11px 15px;  }
.second .linkbox {margin-top:0px; }
/*form contatti */
#formContainer {
    margin: 16px 0;
    overflow: hidden;
    padding: 16px 16px 12px;
    width: 550px;
}
#formContainer form { width:550px; margin:auto;padding-top:10px;padding-bottom:10px;}
#formContainer .formRow {
    float: none;
	padding: 10px 0 0 15px;
	clear: both;
	overflow:hidden;
}
.formRow label {
    display: block;
    float: left;
    padding: 3px 0 15px 0;
    width: 150px;
}
.formRow input {
    color: #666666;
    float: left;
    margin: 0 5px 15px 0;
    width: 300px;
	height:30px;
	border: 1px solid #cccccc;
    border-radius: 3px;}
.formRow #comments {
    margin-bottom: 16px;
    width: 300px;}
/*fine form contatti*/
/* inizio classi popup */
		#layer1 {
		  display:block;
		  position:absolute;
		  left:0;
		  top:0;
		  width:99%;
		  height:99%!important;
		  height:1200px;
		  background-color:#333;
		  filter:alpha(opacity=50);
		  opacity: 0.5;
		  -moz-opacity:0.5;
		  border:1px solid #000000;
		  margin:0px;
		  z-index:100;
		  text-align: center;}
		#foo {
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		width:600px;
		margin-top:10%;
		margin-left:30%;
		background-color:#FFFFFF;
		padding:20px;
		z-index:1000;
		text-align:justify;
		border: 2px dotted #00AF41;
	}
	#foo h2 { color:#00AF41; font-weight:normal; }
	#foo h3 {
    color:#5F5F5F;
    float:right;
    font-size:15px;
    font-weight:normal;}
	.bottone {
		border: 0px;
		background-color:#00AF41;
		color: #ffffff;
		position:absolute;
		right:0px;
		top:0px;
		width:20px;
		margin-top:0px;
		margin-right:0px;
		font-weight: bold;
		clear:both;

	}
        .Stile1 {color: #FF0000}

/* fine pop up */

#btn-prep{
	top:0;
	left:0;
	position: absolute;
	display: none;
	width: 100%;}
		
#btn-prep span{	
    font-size:20px;
	font-weight: bold;
	font-style:italic;
	color:#727272;
	text-shadow: 3px 3px 2px rgba(196, 196, 196, 1);
	display: inline-block;
	width:24%;
	text-align:center;}
	
	
/* slider*/
#slider {
	list-style:none;
	padding:0px;
	margin:0;}

.slider-container { 
	background:#fff; 
	width:989px; 
	height:auto;}

.bx-wrapper{
	width:100%;}

#slider img { 
	width:auto; 
	height:auto; 
	margin:0px; 
	display:inline-block;}

#slider li {
	text-align:center;
    width:25%;}

#btn-prep{
    top:0;
    left:0;
    position: absolute;
    display: none;
    width: 100%;}
        
#btn-prep span{	
    font-size:20px;
    font-weight: bold;
    font-style:italic;
    color:#727272;
    text-shadow: 3px 3px 2px rgba(196, 196, 196, 1);
    display: inline-block;
    width:24%;
    text-align:center;}
    
    #marquee-container {
 width: 500px; /* or whatever you want */
 margin: 0 auto; /* centers it */
 overflow: hidden;
 white-space: nowrap;
}
.cookie-banner {
    position: fixed;
    bottom: 40px;
    left: 10%;
    right: 10%;
    width: 80%;
    padding: 5px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #eee;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  }
  .close {
    height: 20px;
    background-color: #777;
    border: none;
    color: white;
    border-radius: 2px;
    cursor: pointer;
  } 

}