@font-face {
    font-family: 'EurostileRegular';
    src: url('font/eurostile-webfont.eot');
    src: url('font/eurostile-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/eurostile-webfont.woff') format('woff'),
         url('font/eurostile-webfont.ttf') format('truetype'),
         url('font/eurostile-webfont.svg#EurostileRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.color-contrast {
	color: white !important;
	
	}
body {
	background-image: url(imgs/bg-body.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
	background-attachment: fixed;
}

hr.hr{
  border-top: 1px solid #eaeaea;
  border-bottom: none;
  width: 96% !important;
  margin: 10px auto !important;
}
#header {
	height: 40px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(imgs/hp-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	padding-top: 270px;
	-webkit-transition: background-image 0.5s;
	-moz-transition: background-image 0.5s;
	-o-transition: background-image 0.5s;
	transition: background-image 0.5s;	-webkit-animation-name: test;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  }
.navigation {
	height: 40px;
	width: 980px;
	background-color: #026944;
	box-shadow:0px -1px 2px #333333;
}
#trasnavigation {
	background-image: url(imgs/trasnavigation.png);
	width: 100%;
	height: 40px;
}
#maincontainer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-top: 10px;
	margin-bottom: 20px;
}
#sidebar {
	width: 195px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	float: left;
}
#content-left {
	padding: 15px;
}
#sidebar-right {
	width: 195px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	text-align: center;
}
#content {
	width: 780px;
	float: left;
	margin-right: auto;
	margin-left: auto;
}
#content-privacy {
	width: 784px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#content-home {
	width: 575px;
	float: left;
	padding-left: 10px;
}

.videolink_container {
	position:relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	width: 565px;
	height: 250px;
} 
.box-mid {
	background-color: #999;
	height: 133px;
	width: 273px;
	float: left;
	border: 1px solid #999;
}
.box-mid:hover{
	background-color: #026944;
	border: 1px solid #026944;
}
.box-bottom:hover{
	background-color: #026944;
	border: 1px solid #026944;
}
.box-mid span{
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	font-family: Helvetica, sans-serif;
	line-height: 18px;
	width: 200px;
	float: left;
	margin-left: 10px;
	margin-top: 2px;
}
.box-bottom span {
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	font-family:  Helvetica, sans-serif;
	line-height: 18px;
	width: 200px;
	float: left;
	margin-left: 10px;
	margin-top: 2px;
}
.box-bottom {
	background-color: #999;
	height: 150px;
	width: 563px;
	float: left;
	margin-top: 15px;
	border: 1px solid #999;
	font-family:  Helvetica, sans-serif;
}
.box-bottom-bg {
	background-color: #FEFEFE;
	height: 130px;
	width: 563px;
	float: left;
	font-family:  Helvetica, sans-serif;
}
.rollover {
	z-index: 99999999;
}
.box-bottom-title {
	color: #FFF;
	background-color: #999;
	width: 555px;
	font-size: 12px;
	text-transform: uppercase;
	font-family:  Helvetica, sans-serif;
	line-height: 18px;
	height: 18px;
	float: left;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.box-sep {
	height: 135px;
	width: 15px;
	float: left;
}

.box-right {
	background-color: #FEFEFE;
	width: 170px;
	float: left;
	font-family:  Helvetica, sans-serif;
	text-align: center;
}
.box-right-main {
	background-color: #999;
	width: 170px;
	float: left;
	border: 1px solid #999;
	margin-left: 10px;
}
.box-right-main:hover{
	background-color: #026944;
	border: 1px solid #026944;
}

.box-right-title {
	color: #FFF;
	width: 160px;
	font-size: 12px;
	text-transform: uppercase;
	font-family:  Helvetica, sans-serif;
	line-height: 18px;
	height: 18px;
	float: left;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.box-right-icons {
	width: 170px;
	float: left;
	border: 1px solid #999;
	margin-left: 10px;
	margin-top: 20px;
	padding-top:5px;
}
#footer {
	font-size: 10px;
	color: #FFF;
	background-color: #026944;
	height: 80px;
	width: 980px;
	line-height: 40px;
	text-align: center;
	margin-top: 10px;
}
.content #hptable {
	background-image: url(images/bghp.png);
	background-repeat: repeat-x;
}

.menu-left {
	background-color: #CCCCCC;
	background-image: url(imgs/bg-menu-left.gif);
}
#form-search {
	margin-bottom: 10px;
	margin-top: 10px;
}
.input-search {
	background-color: #efefef;
	width: 155px;
	height: 10px;
	font-size: 11px;
	margin-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-image: url(imgs/bg-input.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding: 5px;
	line-height: 20px;
}
.input-select {
	background-color: #efefef;
	width: 167px;
	font-size: 11px;
	margin-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-image: url(imgs/bg-input.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding:3px;
	line-height: 20px;
}
.submit-search {
	width: 167px;
	height: 22px;
	font-size: 11px;
	margin-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-repeat: no-repeat;
	margin-top: 5px;
	color: #e9e9e9;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
	line-height: 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.button-left, .accordionButton {
	height: 28px;
	width: 165px;
	font-size: 11px;
	line-height: 28px;
	color: #333333;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-left: 15px;
	float:left;
}
 .accordionContent {
	height: auto;
	width: 165px;
	font-size: 11px;
	line-height: 28px;
	color: #333333;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-left: 15px;
	float:left;
}
#space-left {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 193px;
}
.top-header {
	background-color: #FFFFFF;
}
.content {
	background-color: #FFFFFF;
	background-image: url(imgs/bg-content.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.footer {
	background-image: url(imgs/bg-footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	font-size: 9px;
}
.text {
	font-size: 11px;
	line-height: 18px;
}
.bold-text, .bold-text a {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
.small-text, .small-text a {
	font-size: 10px;
	color: #000000;
}
h1 {
	color: #036944;
	font-size: 28px;
	letter-spacing: 5px;
	line-height: 28px;
	margin: 0px;
	padding: 0px;
}
h2 {
	color: #036944;
	font-size: 24px;
	letter-spacing: 2px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
h3 {
	color: #036944;
	font-size: 20px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}
h2 {
	color: #036944;
	font-size: 16px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}
.big {
	font-size: 120%;
	color: #C00;
}
.title-page {
	background-color: #EEEEEE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #C9C9C9;
	border-right-color: #C9C9C9;
	border-left-color: #C9C9C9;
	margin-top: 20px;
	height: 40px;
	width: 750px;
	margin-left: auto;
	background-image: url(imgs/bg-title-page.gif);
	font-family: Arial, Helvetica, sans-serif;
	margin-right: auto;
}
.footer-page {
	background-color: #EEEEEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C9C9C9;
	border-left-color: #C9C9C9;
	margin-top: 2px;
	height: 20px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(imgs/bg-footer-page.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C9C9C9;
}
.title {
	font-size: 15px;
	color: #333333;
	letter-spacing: 2px;
	font-weight: bold;
}

.cell-1 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C9C9C9;
}
.cell-234 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C9C9C9;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #C9C9C9;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #348038;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: none;
}
.text-white {
	font-size: 11px;
	color: #FFFFFF;
}
}.title-small-green {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #036944;
	height: 25px;
	color: #FFFFFF;
}


div.pic{float:left;margin: 0px;padding:0 0 12px 0;
   }

div.pic img{display: block;border: 1px solid;
    border-color: #CCC #CCC #AAA #CCC;
    padding: 5px;background: #f6f6f6} 

div.pic-noshadow img{display: block;border: 1px solid;
    border-color: #CCC #CCC #AAA #CCC;
    padding: 5px;background: #f6f6f6} 
	
#container{
	margin: 10px;
	width: 400px;
	overflow: hidden;
}

.single-border-solid {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C9C9C9;
}
.single-border-dotted {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #C9C9C9;
}
.title-small {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	height: 25px;
	width: 430px;
}

/* highslide  functionality */


.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;

}

.input-regular {

	background-color: #efefef;
	width: 158px;
	height: 16px;
	font-size: 11px;
	margin-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-image: url(imgs/bg-input.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
}
.submit-regular {

	background-color: #efefef;
	width: 160px;
	margin-left: 10px;
	height: 20px;
	font-size: 11px;
	border: 1px solid #666666;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 11px;
}
.reserved-bt-off {
	background-color: #E7E7E7;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C9C9C9;
	border-bottom-color: #C9C9C9;
	border-left-color: #C9C9C9;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
.reserved-hspace {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C9C9C9;
}
.reserved-bg-login {
	background-image: url(imgs/reserved_area.jpg);
	background-repeat: no-repeat;
}
.input {
	background-color: #efefef;
	width: 155px;
	height: 10px;
	font-size: 11px;
	margin-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-image: url(imgs/bg-input.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding: 5px;
	line-height: 20px;
}
.submit {


	background-color: #efefef;
	width: 130px;
	margin-left: 10px;
	height: 20px;
	font-size: 11px;
	border: 1px solid #666666;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 11px;
}
div.pic object {
display: block;border: 1px solid;
    border-color: #CCC #CCC #AAA #CCC;
    padding: 5px;background: #f6f6f6
}
.ApplicationSlider {
	float: left;
	background-color: #FEFEFE;
	padding-right: 20px;
	margin-left: 5px;
	height: 129px;
	font-size: 12px;
	color: #8E8E8E;
	text-decoration: none;
}
.ApplicationSlider a{
	text-decoration: none;
}
.ApplicationSlider a:hover{
	text-decoration: none;
	font-weight: bold;
}

.ApplicationSliderBox {
	float: left;
	width: 109px;
	height: 120px;
	margin-left: 20px;
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	z-index:999;
}

.prev {
	z-index: 9999999;
	position: absolute;
	margin-top: 35px;
	margin-left: 0px;
	width:15px;
	float: left;
}
.next {
	z-index: 9999999;
	position: absolute;
		margin-top: 35px;
	width:15px;
	margin-left: 539px;
	position: absolute;
}

.ProductSlider {
	float: left;
	background-color: #FEFEFE;
	width: 170px;
	margin-top: 0px;
	padding: 0px;
}
.ProductUp {
	z-index: 9999999;
	margin-top: 4px;
	float: left;
	margin-left: 63px;
}
.ProductDown {
	z-index: 9999999;
	float: left;
	margin-top: 4px;
	margin-right: auto;
	margin-left: 63px;
	width: 43px;
	margin-bottom: 4px;
}
.ProductSliderBox {
	text-align: center;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 132px;
	margin-left: 18px;
	padding-bottom: 3px;
}
div.picSlider {
	padding-bottom: 2px;
}
div.picSlider img{
	display: block;
	border: 1px solid;
	border-color: #CCC #CCC #AAA #CCC;
	padding: 5px;
	background: #f6f6f6;
} 



   .roundabout-holder { padding: 0; height: 5em; list-style: none }
   .roundabout-moveable-item { 
      cursor: pointer;
   }
   .roundabout-in-focus { cursor: auto; }


#tabs {
	
	width:750px;
	margin-left:17px;
}
div.tabcontent{
	width:736px;
	margin-left:17px;
	padding-top:20px;
	padding-right:0px;
	padding-left:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-bottom: 10px;
	font-size: 12px;
	color: #666;	
}

div.tabcontent p {
	font-size: 12px;
	color: #666;	
}
ul.tabmenu{
	margin:0px;
	padding:0px;
	margin-top:20px;
	height:24px;
}
ul.tabmenu li{
	display:inline;
	list-style:none;
	list-style-type:none;
	margin:0px;
	padding: 0px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	float:left;
	height:20px;
}

ul.tabmenu li a{
	text-decoration:none;
	display:block;
	float:left;
	margin-left:5px;
	font-size:12px;
	font-weight:bold;
	color:#333;
	height:19px;
	text-align:center;
	padding:4px 8px;
	margin-left:0px;
	margin-right:10px;
	padding-bottom:0;
	background-color: #CCC;
	background-repeat:repeat-x;
	border:1px solid #ccc;
	color:#666;
}

ul.tabmenu li a.selected{
	color:#026944;
	border-bottom:1px solid #FFF;
	background-color: #FFF;
	background-repeat:repeat-x;
}
.tabContenuto{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
}

/* milonic class */
.subMenuOff {
	background-image: url(imgs/menutrasgray.png);
	background-repeat: repeat;	
}
ul.prodlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.prodlist li{
	margin: 2px;
	padding-right: 5px;
	float: left;
	height: 60px;
	width: 175px;
	font-size: 10px;
	line-height: 12px;
	display: block;
}
ul.prodlist li img{
	margin-right:5px;
	vertical-align:center;
}

/* video nella pagina prodotti */
.videobox {
	margin-top: 10px;
}
.video-videobox {
	float: left;
	height: 100px;
	width: 140px;
}
.info-videobox {
	float: left;
	width: 290px;
}
.info-videobox h3 {
	line-height: 20px;
	margin-top: 0px;
	font-size: 12px;
	color: #016944;
	margin-bottom: 5px;
}

/* video tutorrial */

.video-box {
	margin: 10px auto 20px auto;
	width: 750px;
	
}
.video-preview {
	width:190px;
	height:105px;
	float:left;
	
}
.video-info {
	width:540px;
	float:left;
	padding:0 10px;
}

/* scritte lampeggianti */

@keyframes blink {  
    0%,50% { color: red; }
    51%,100% { color: white; }
}
@-webkit-keyframes blink {
    0%,50% { color: red; }
    51%,100% { color: white; }
}
.blink {
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;
} 


/*  immahgino focus hp */

  @-webkit-keyframes cf3FadeInOut {
   0% {
     opacity:1;
   }
   25% {
    opacity:1;
  }
  75% {
    opacity:0;
  }
  100% {
   opacity:0;
 }
}

@-moz-keyframes cf3FadeInOut {
 0% {
   opacity:1;
 }
 25% {
  opacity:1;
}
75% {
  opacity:0;
}
100% {
 opacity:0;
}
}

@-o-keyframes cf3FadeInOut {
 0% {
   opacity:1;
 }
 25% {
  opacity:1;
}
75% {
  opacity:0;
}
100% {
 opacity:0;
}
}

@keyframes cf3FadeInOut {
 0% {
   opacity:1;
 }
 25% {
  opacity:1;
}
75% {
  opacity:0;
}
100% {
 opacity:0;
}
}

#cf {
  position:relative;
  height:114px;
  width:273px;
  margin:0 auto;
}
#cf img {
  position:absolute;
  left:0;
}

#cf img.top {
  -webkit-animation-name: cf3FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  -webkit-animation-direction: alternate;

  -moz-animation-name: cf3FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 2s;
  -moz-animation-direction: alternate;

  -o-animation-name: cf3FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 2s;
  -o-animation-direction: alternate;

  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-direction: alternate;
}



#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
	font-size: 12px;            /* i caratteri devono essere grandi 16 pixel */
 }
#cookieInfoLink {                      
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
  font-size: 12px;
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
}


label.error {
	color: red !important;
	display: block !important;
	font-size: 10px !important;
	text-transform: uppercase !important;
	position: relative !important;
	z-index: 999 !important;
	float:none !important;
	clear: both !important;
	height: 20px;
}


/* The Modal (background) */
.subscribe-mmodal {
    opacity: 0;
		visibility: hidden;
    display: flex;
    position: fixed;
    z-index: 1000000000000000000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    transition: all 500ms ease-in-out;
    background-color: rgba(0, 0, 0, 0.46);
}

/* Modal Content/Box */
.subscribe-mmodal-content {
		margin: auto;
    background-color: #fefefe;
    padding: 4px 20px 20px 20px;
	width: 800px;
    height: auto;
    
}

/* The Close Button */
.subscribe-mmodal-close {
    color: #aaa;
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
    text-align: right;
    text-transform: uppercase;
}

.subscribe-mmodal-close:hover,
.subscribe-mmodal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.subscribe-mmodal.is-active{
	visibility: visible;
	opacity: 1;
}

.my-modal-content p {
	font-size: 12px;
	line-height: 16px;
	}


.my-modal-content h4, .my-modal-content h1, .my-modal-content h2, .my-modal-content h3,  {
	margin-top:0px;
	margin-bottom:0px;
	}


.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px red;
}



.row {
  position: relative;
  width: 100%;
}

.row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%;
}

.col-1-sm {
  width: 4.33%;
}

.col-2-sm {
  width: 12.66%;
}

.col-3-sm {
  width: 21%;
}

.col-4-sm {
  width: 29.33%;
}

.col-5-sm {
  width: 37.66%;
}

.col-6-sm {
  width: 46%;
}

.col-7-sm {
  width: 54.33%;
}

.col-8-sm {
  width: 62.66%;
}

.col-9-sm {
  width: 71%;
}

.col-10-sm {
  width: 79.33%;
}

.col-11-sm {
  width: 87.66%;
}

.col-12-sm {
  width: 96%;
}

.row::after {
	content: "";
	display: table;
	clear: both;
}

.hidden-sm {
  display: none;
}

@media only screen and (min-width: 33.75em) {  /* 540px */
  .container {
    width: 80%;
  }
}

@media only screen and (min-width: 45em) {  /* 720px */
  .col-1 {
    width: 4.33%;
  }

  .col-2 {
    width: 12.66%;
  }

  .col-3 {
    width: 21%;
  }

  .col-4 {
    width: 29.33%;
  }

  .col-5 {
    width: 37.66%;
  }

  .col-6 {
    width: 46%;
  }

  .col-7 {
    width: 54.33%;
  }

  .col-8 {
    width: 62.66%;
  }

  .col-9 {
    width: 71%;
  }

  .col-10 {
    width: 79.33%;
  }

  .col-11 {
    width: 87.66%;
  }

  .col-12 {
    width: 96%;
  }

  .hidden-sm {
    display: block;
  }
}

@media only screen and (min-width: 60em) { /* 960px */
  .container {
    width: 75%;
    max-width: 60rem;
  }
}

img.responsive {
  width: 100%;
  height: auto;
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white !important;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.button:hover {
  background-color: #388c3b; /* Green */
  color: white !important;
  text-decoration: none !important;
}