/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: inherit;
    font-family: 'Roboto Condensed', Arial, HelveticaNeue, sans-serif;
}
html {
overflow-x: hidden;
}
html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/*===========================================================   BODY */

body {
    font-family: 'Roboto Condensed', Arial, HelveticaNeue, sans-serif;
    font-size: 22px;
    font-weight: 300;
    color: #000000;
    background: #ffffff;
    line-height: 1;
}

body .ui-widget {
    font-size: 16px;
}

body.nav_open {
	overflow: hidden;
	overflow-y: hidden;
}

.wrapper {
    max-width: 1280px;
    margin: 0 auto;
    min-width: 320px;

}

.wrapper.narrow {
    max-width: 1380px;
}


a {
    color: inherit;
    text-decoration: none;
}

p {
    margin-top: 0;
}

.col {
    float: left;
}

.half {
    width: 50%;
}

.one_fourth {
    width: 25%;
}

.one_third {
    width: 33.33333333333333%;
}

.two_thirds {
    width: 66.66666666666667%;
}

/*===========================================================   HEADER */

header {
    background: #f4f4f4;
}

#row_1 {
	/*background: #e3e3e3;*/
	padding: 12px 0;
}

/*===========================================================   LANGUAGE */

#language {
    float: right;
    position: relative;
    line-height: 30px;
}

#language a {
    font-size: 20px;
    font-weight: 300;
}

#language a:hover,
#language a.active {
    color: #f70c0c;
}

#language span {
    margin: 0 0.5em;
}

/*===========================================================   SEARCH */



	/*** posizione lente **/
		
		
		
		




#search {
    position: relative;
	left:98%;
	
	top:44px;


    width: 35px;
    height: 35px;
	margin-right:50%;
 
}

#search div {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; /* 99px */
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}

#search.open div,
#search form {
    width: 300px;
}

#search form {
    float: right;
}

#search #search_close {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 32px;
    color: #bfbfbf;
    cursor: pointer;
}

#search #search_close:hover {
    color: #888;
}

#search #search_term {
    display: inline-block;
    background: #ffffff;
    width: 230px;
    height: 35px;
    vertical-align: top;
    border: none;
}

#search #search_submit {
    background-color: transparent;
    color: #000;
    font-size: 28px;
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: top;
    border: none;
    outline: none;
}

#search #search_submit:hover {
}

#search.open #search_submit {
    color: #f70c0c;
}

/*===========================================================   SOCIAL CHANNELS */

.social_channels {
    float: right;
    margin-right: 50px;
}

.social_channels a {
    font-size: 22px;
    line-height: 37px;
    margin-right: 8px;
    background: #000;
    color: #f2f3f4;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.social_channels a:last-child {
    margin-right: 0;
}

.social_channels a:hover {
    background: #f70c0c;
}

.social_channels .fa-facebook {
    text-indent: -2px;
}
/*===========================================================   PAGINA CONTATTI */


#colonnaSx { 
width: 80%;
float: left;
 }
 
 #colonnaDx { 
width: 20%;
float: right;
background-color: #e2e2e3;
padding: 10px;
 }
 
  #colonnaDx p{ 

font-size: 16px;
 }
 
  .riga1 { 
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
  font-size: 14px;
  width: 95%;
 }

#hongkiat-form { 
margin-top: 20px;
 }

#hongkiat-form .txtinput { 
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 10px;
margin-right: 10px;
font-size: 14PX;
padding: 5px 5px;
width: 45%;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#hongkiat-form .txtinput2 { 
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 10px;
margin-right: 10px;
font-size: 14PX;
padding: 5px 5px;
width: 25%;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

							/* ==========================================================================
pagina contatti responsive
   ========================================================================== */
			
#hongkiat-form .txtinputw { 
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 10px;
margin-right: 10px;
font-size: 14PX;
padding: 5px 5px;
width: 45%;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#colonnaDx{ margin-top:-500px;
margin-right:-190px;}


@media only screen and (max-width:789px) {
	#colonnaDx{ margin-top:-500px;
margin-right:-140px;}

	
	}



	@media only screen and (max-width:630px) {
		
		#colonnaSx{
		
				
			width:100%;
		
	
			text-align:center;}
			
			#colonnaDx{
				float:inherit;
	
				margin:auto;
				width:300px;
		
			}
		
   
	
	

.txtinputw {

	width:200px !important;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 10px;
margin-right: 10px;
font-size: 14PX;
padding: 5px 5px;

color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}






	}


























#hongkiat-form .dx { 
float: right;
margin-right: 0px;
}

#hongkiat-form .txtinput:focus { 
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
outline: 0 none; 
}

#hongkiat-form input#name {
background: #fff url('images/user.png') 5px 4px no-repeat;
}
#hongkiat-form input#email {
background: #fff url('images/email.png') 5px 4px no-repeat;
}
#hongkiat-form input#website {
background: #fff url('images/website.png') 5px 4px no-repeat;
}
#hongkiat-form input#telephone {
background: #fff url('images/phone.png') 5px 4px no-repeat;
}

#hongkiat-form textarea {
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 15px;
font-size: 14px;
padding: 5px;
width: 100%;
height: 180px;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#hongkiat-form textarea:focus {
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
outline: 0 none; 
}
#hongkiat-form textarea.txtblock {
background: #fff url('images/speech.png') 5px 4px no-repeat;
}

#hongkiat-form #slider { width: 60%; }

#hongkiat-form #aligned { 
box-sizing: border-box; 
float: left; 
width: 450px; 
margin-right: 50px; 
}
#hongkiat-form #aside {
	float: left;
	width: 250px;
	padding: 0;
	box-sizing: border-box;
}

#wrapping { width: 100%; box-sizing: border-box; }

span.radiobadge { display: block; margin-bottom: 8px; }
span.radiobadge label { font-size: 1.2em; padding-bottom: 4px; }

select.selmenu {
font-size: 17px;
color: #676767;
padding: 5px !important;
border: 1px solid #aaa;
width: 200px;
margin-right: 10px;
}

/*===========================================================   ROW 2 - MENU PRINCIPALE */

header #row_2 {
}

.home header #row_2 {
    background: #f2f3f4;
}

#logo {
    float: left;
    margin: -54px 0 8px 35px;
	width: 129px;
	height: 150px;
	position: relative;
}

#logo:after {
	content: '';
	position: absolute;
	top: -45px;
	right: -125px;
	background: url("../img/Veneto-in-Vetrina_logo.png") no-repeat;
	width: 100px;
	height: 100px;
}

#logo img {
	width: 100%;
	height: 100%;
}

#primary_nav {
    float: right;
    margin: 22px 0 0;
	padding-top: 28px;
	border-top: 2px solid #e2e3e3;
}

#primary_nav ul {
    margin: 0;
    padding: 0;
}

#primary_nav li {
    float: left;
    font-size: 20px;
    color: #767676;
    font-weight: 300;
}

#primary_nav a {
    display: inline-block;
    color: #767676;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    vertical-align: top;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#primary_nav a:hover,
#primary_nav a.active {
    color: #f70c0c;
}
 #primary_nav li:after {
     content: '|';
     margin: -2px 45px 0;
     display: inline-block;
     vertical-align: top;
 }

#primary_nav li:last-child:after {
    display: none;
}

#toggle_primary_nav {
	display: none;
	position: absolute;
	top: 5px;
	left: 5px;
	color: #000;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 50px;
	width: 50px;
	height: 50px;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 1001;
}

.nav_open #toggle_primary_nav {
	position: fixed;
}

#toggle_primary_nav .fa-close {
	display: none;
	line-height: 48px;
}

.nav_open #toggle_primary_nav .fa-close {
	display: block;
}

.nav_open #toggle_primary_nav .fa-bars {
	display: none;
}

/*===========================================================   VISUAL */

#slideshow_container {
    position: relative;
	margin-bottom: 25px;
}

#slideshow_container ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#slideshow_container li {
	width: 100%;
	height: auto;
	text-align: center;
}

.home #slideshow_container li {
    background-size: cover;
    background-position: center center;
    height: 498px;
	text-align: left;
}

.home #slideshow_container .caption {
    padding: 10.67708333333333% 200px 0; /* 205px */
}

.home #slideshow_container .title {
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    color: #000000;
    background: rgba(255,255,255,0.9);
    padding: 18px 30px;
}

.home #slideshow_container .subtitle {
    display: inline-block;
    font-size: 25px;
    color: #ffffff;
    background: rgba(0,0,0,0.7);
    margin: 10px 0 0 12px;
    padding: 12px 15px;
    line-height: 1.2;
}

#slideshow_container > .wrapper {
    position: relative;
    height: 0;
}

#slideshow_container .cycle-prev,
#slideshow_container .cycle-next {
    background: url("../img/prev.png") no-repeat;
    cursor: pointer;
    height: 103px;
    width: 21px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -290px;
    z-index: 999;
}

#slideshow_container .cycle-next {
    background: url("../img/next.png");
    left: auto;
    right: 0;
}

#visual_pager {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 999;
}

#visual_pager span {
    background: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 0.5em;
    overflow: hidden;
    text-indent: 40px;
}

#visual_pager span.cycle-pager-active {
    background: #000000;
}

/*===========================================================   HOMEPAGE */

#categories_list {
    padding: 0;
    list-style: none;
}

.home #categories_list {
    margin: 30px 0 100px;
    border: 0;
}

#categories_list li {
    float: left;
    width: 25%;
    text-align: center;
}

#categories_list li a:hover{
opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}


.home #categories_list li {
    padding-top: 0;
}

.gray {
    background: #e8e8e8;
    padding: 30px 0;
}

#itinerari {
    width: 29.6875%; /* 380px */
    font-size: 16px;
}

#itinerari h2 {
    font-size: 25px;
    font-weight: 300;
    color: #6a6b6e;
    margin: 0 0 25px;
}

#itinerari figure {
    position: relative;
    margin-bottom: 20px;
}

#itinerari #itinerari_overlay {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

#itinerari img {
    opacity: 0.5;
}

.read_more {
    display: inline-block;
    background: #000000;
    color: #ffffff;
    width: 23px;
    height: 23px;
    font-size: 22px;
    text-align: center;
    border-radius: 50%;
    text-indent: 2px;
    margin-left: 0.25em;
}

#cerca_provincia {
    width: 44.53125%; /* 570px */
    padding: 0 2.34375% 0 4.296875%; /* 0 30px 0 55px */
    position: relative;
}

#cerca_provincia h2 {
    font-size: 25px;
    font-weight: 300;
    color: #6a6b6e;
    margin: 0 0 25px;
}

#cerca_provincia h2 span {
    font-size: 40px;
    display: block;
}

#veneto {
    position: absolute;
    top: -100%;
    right: 5.263157894736842%; /* 30px */
    width: 85.08771929824561%; /* 485px */
}

#veneto a {
    font-size: 23px;
    color: #ffffff;
    text-transform: uppercase;
    position: absolute;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#veneto a:hover,
#veneto #venezia:hover {
    color: #f70c0c;
}

#belluno {
    left: 50%;
    top: 15%;
}

#treviso {
    left: 54%;
    top: 45%;
}

#verona {
    left: 7%;
    top: 64%;
}

#vicenza {
    left: 22.8%;
    top: 50%;
}

#padova {
    left: 39%;
    top: 72%;
}

#veneto #venezia {
    left: 69%;
    top: 70%;
    color: #878a97;
}

#rovigo {
    left: 41%;
    top: 85%;
}

#cerca_data {
    width: 25.78125%; /* 330px */
    border-left: 1px solid #878a97;
    padding-left: 15px;
}

#cerca_data h2 {
    font-size: 25px;
    font-weight: 300;
    color: #6a6b6e;
    margin: 0 0 25px;
}

#cerca_data h2 span {
    font-size: 40px;
    display: block;
}

#cerca_data p {
    color: #878a97;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 30px;
}

#cerca_data label {
    font-size: 18px;
    color: #161618;
    display: block;
    background: url("../img/cal.png") no-repeat center right;
    margin: 0 10% 30px 7%;
    cursor: pointer;
}

#cerca_data label span {
    display: inline-block;
    width: 30%;
    text-transform: lowercase;
}

#cerca_data input[type=text] {
    width: 55%;
    border: none;
}

#cerca_data input[type=submit] {
    background: #1b1b1b;
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    line-height: 0.75;
    border: none;
    padding: 18px 75px;
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
}

#eventi_list {
    margin-top: 80px;
}

#eventi_list .slick-slide {
    padding: 0 20px;
}

#eventi_list h3 {
    color: #1b1b1b;
    font-size: 26px;
    font-weight: 300;
    margin: 0 0 20px;
    height: 3em;
    overflow: hidden;
}

#eventi_list h4 {
    font-size: 24px;
    font-weight: 300;
    margin: 20px 0 0;
}

#eventi_list .cat1 h4 {
    color: #44c1f5;
}

#eventi_list .cat2 h4 {
    color: #DDBE00;
}

#eventi_list .cat3 h4 {
    color: #0fb95c;
}

#eventi_list .cat4 h4 {
    color: #e22231;
}

#eventi_list .cat5 h4 {
    color: #f752b4;
}

#eventi_list button {
    position: absolute;
    top: 50%;
    left: -40px;
    background: url("../img/prev.png");
    width: 21px;
    height: 103px;
    margin-top: -40px;
    border: none;
    overflow: hidden;
    text-indent: 30px;
}

#eventi_list button.slick-next {
    left: auto;
    right: -40px;
    background: url("../img/next.png");
}

/*===========================================================   PRODOTTO / EVENTO */

#main {
    margin-top: 30px;
}

.cat_small {
    max-width: 52px;
    vertical-align: top;
    margin-right: 25px;
	float: left;
}

h1 {
	float: left;
	max-width: 65%;
    font-size: 50px;
    font-weight: 300;
    margin: 0 30px 50px 0;
    color: #8c8a8a;
    display: inline-block;
    vertical-align: top;
}

#share {
	float: left;
    display: inline-block;
    position: absolute;
	width: 52px;
	height: 52px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border-radius: 26px;
	z-index: 999;
	background: #ffffff;
}

#share.open {
	height: 250px;
	box-shadow: 0 0 10px #888888;
}

#share > span {
    display: inline-block;
    background: #e2e3e3;
    color: #000000;
    width: 52px;
    height: 52px;
    font-size: 24px;
    line-height: 52px;
    text-align: center;
    border-radius: 50%;
    vertical-align: top;
    text-indent: -2px;
    cursor: pointer;
}

#share > div {
	padding: 10px 0;
	text-align: center;
}

#slideshow_container #visual_pager span {
    background: #aeafb5;
}

#slideshow_container #visual_pager span.cycle-pager-active {
    background: #ffffff;
}

.button {
    border: 1px solid #e2e3e4;
    padding: 15px 43px 15px 10px;
    font-size: 26px;
    color: #878a97;
    margin-bottom: 20px;
    position: relative;
    display: block;
	letter-spacing: -1px;
}

a.button:hover {
    background-color: #e2e3e3;
}

a.button .read_more {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px;
}

.number {
    display: inline-block;
    background: #000000;
    color: #ffffff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-indent: -2px;
    border-radius: 50%;
    letter-spacing: -1px;
}

.button.itinerario {
    background-image: url("../img/itinerario_red.png");
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 120px;
}

.button .bigger {
    font-size: 20px;
    color: #000000;
}

.button strong {
    color: #000000;
    font-weight: inherit;
}

a.button .fa-link {
    display: inline-block;
    background: #000000;
    color: #ffffff;
    width: 34px;
    height: 34px;
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
}

#content {
    padding-left: 20px;
}

#content p {
    line-height: 1.4;
}

.txtevento {
min-height: 400px;
}

#content h3 {
    margin: 0;
    font-size: 26px;
}

.toggle_accordion .read_more {
    text-indent: 0;
}

#categories_list {
    margin: 95px 0 0;
    border-top: 2px solid #878a97;
}

#categories_list li {
    margin-top: -2px;
    padding-top: 60px;
}

#categories_list li.selected {
    background: url("../img/arrow_selected.png") no-repeat center top;
}

/*===========================================================   EVENTO */

.evento h1 {
	margin-bottom: 30px;
}

.evento #slideshow_container .title {
    font-size: 26px;
    background: rgba(255,255,255,0.7);
    padding: 16px 20px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 10px;
}

#date_range {
    width: 50%;
	height: 24px;
    font-size: 24px;
    margin: 0 0 50px;
    position: relative;
    letter-spacing: -1px;
}

#date_range > div {
    background: #ffffff;
}

#date_range > div span {
    color: #adadad;
}

#date_range #date_range_start {
    float: left;
}

#date_range #date_range_start:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2a2a2a;
    float: right;
    margin: 6px 0 0 10px;
}

#date_range #date_range_end {
    float: right;
}

#date_range #date_range_end:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2a2a2a;
    float: left;
    margin: 6px 10px 0 0;
}

#date_range > div.separator {
    width: 100%;
    height: 6px;
    background: #dfdfdf;
    border-top: 2px solid #cdcdcd;
    position: absolute;
    top: 11px;
    z-index: -1;
}

#cat_title {
	padding: 23px 43px 23px 10px;
}

#cat_title .cat_small {
	margin-top: -12px;
}

#location {
    float: left;
    width: 50%;
    margin: 15px 0 25px;
    font-size: 26px;
	padding-right: 30px;
	letter-spacing: -1px;
}

#location span {
    margin-right: 10px;
    position: relative;
    top: -2px;
}

#location .indirizzo {

    font-size: 18px;
	 line-height: 130%;
}

#location .indirizzo a:hover {
text-decoration: underline;
}

#cerca_vicinanza {
    float: left;
    width: 50%;
    background: #eeeeee;
    color: #878a97;
    position: relative;
    padding: 10px 12px;
    margin-bottom: 25px;
}

#cerca_vicinanza:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 25px 15px 0;
    border-color: transparent #eeeeee transparent transparent;
    position: absolute;
    left: -25px;
    top: 15px;
}

#cerca_vicinanza form {
    margin-top: 20px;
}

#cerca_vicinanza #distanza {
    border: none;
    background: none;
    display: block;
    font-size: 18px;
    font-weight: 300;
    color: #000000;
    margin: 0 auto;
    width: 50px;
    text-align: center;
}

#cerca_vicinanza #distanza:after {
    content: 'km';
}

#cerca_vicinanza #distanza_min {
    float: left;
    font-size: 18px;
    margin-top: -20px;
    position: relative;
}

#cerca_vicinanza #distanza_min:after {
    content: '';
    width: 1px;
    height: 18px;
    background: #222222;
    display: block;
    position: absolute;
    left: 50%;
    top: 23px;
    z-index: 10;
}

#cerca_vicinanza #distanza_max {
    float: right;
    font-size: 18px;
    margin-top: -20px;
    position: relative;
}

#cerca_vicinanza #distanza_max:after {
    content: '';
    width: 1px;
    height: 18px;
    background: #222222;
    display: block;
    position: absolute;
    left: 50%;
    top: 23px;
    z-index: 10;
}

#cerca_vicinanza #slider_distanza {
    margin: 10px 23px 10px 14px;
    background:  #ffffff;
    border: medium none;
    height: 4px;
}

.ui-slider .ui-slider-handle.ui-state-default {
    width: 16px;
    height: 16px;
    background: #222222;
    border-radius: 50%;
    border: none;
    margin-left: -8px;
    top: -0.25em;
}

#cerca_vicinanza input[type=submit] {
    background: #1b1b1b;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    line-height: 0.75;
    border: none;
    padding: 6px 40px;
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
}

/*===========================================================   PAGINA COSE */

.testo {
font-size: 18px;
line-height: 150%;
}

.cit1 {
font-size: 16px;
line-height: 150%;
width: 45%;
float: left;
border: 1px dotted #e3e4e6;
padding: 10px;

}

.cit2 {
font-size: 16px;
line-height: 150%;
width: 45%;
float: right;
border: 1px dotted #e3e4e6;
padding: 10px;

}

.imgcat  {
padding: 10px;
float: left
}


/*===========================================================   ITINERARIO  */

.itinerario #content {
    padding: 0 20px 0 0;
}

#map {
	float: left;
	width: 67.96875%; /* 870px */
    margin-bottom: 50px;
}

#map iframe {
	width: 100%;
}

.itinerario #slideshow_container {
	float: left;
	width: 32.03125%; /* 410px */
	margin-bottom: 50px;
}

.titoloIT {
min-width: 40%; 
}

.itinerario h2 {
    font-size: 26px;
    font-weight: normal;
    margin-top: 7px;
}

a.button.itinerario.cat1,
a.button.itinerario.cat2,
a.button.itinerario.cat3,
a.button.itinerario.cat4,
a.button.itinerario.cat5 {
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 52px 52px;
    padding-left: 72px;
    color: #878a97;
    font-weight: normal;
}

a.button.itinerario.cat1 .bigger,
a.button.itinerario.cat2 .bigger,
a.button.itinerario.cat3 .bigger,
a.button.itinerario.cat4 .bigger,
a.button.itinerario.cat5 .bigger {
    font-style: italic;
    font-weight: 300;
    color: #000000;
}

a.button.itinerario.cat1 {
    background-image: url("../img/cat1.png");
}

a.button.itinerario.cat2 {
    background-image: url("../img/cat2.png");
}

a.button.itinerario.cat3 {
    background-image: url("../img/cat3.png");
}

a.button.itinerario.cat4 {
    background-image: url("../img/cat4.png");
}

a.button.itinerario.cat5 {
    background-image: url("../img/cat5.png");
}

/*===========================================================   EVENTI */

.eventi h2 {
    font-size: 30px;
    font-weight: 300;
}

.eventi #cerca_data {
    border-left: none;
    border-right: 1px solid #878a97;
    width: 47.65625%; /* 610px */
    padding-left: 0;
}

.eventi #cerca_data h2 {
    font-size: 24px;
    float: left;
    margin-right: 4.105090311986864%; /* 25px */
    width: 17.37704918032787%; /* 106px */
}

.eventi #cerca_data h2 span {
    font-size: 30px;
}

.eventi #cerca_data form {
    float: left;
    border-left: 1px solid #878a97;
    padding-right: 4.926108374384236%; /* 30px */
    width: 78.36065573770492%; /* 478px */
}

.eventi #cerca_data form label {
    float: left;
	width: 65%;
    margin: 0 0 30px 20px;
    padding-right: 7%;
}

.eventi #cerca_data form label + label {
    margin-bottom: 0;
}

.eventi #cerca_data label span {
	width: 38%;
}

.eventi #cerca_data input[type="text"] {
	width: 60%;
}

.eventi #cerca_data form input[type=text] {
    background: #e2e3e3;
}

.eventi #cerca_data form input[type=submit] {
    float: right;
    padding: 8px 30px;
    margin-top: -30px;
    font-size: 20px;
}

#cerca_categoria {
    width: 52.34375%; /* 670px */
    padding-left: 30px;
}

#cerca_categoria h2 {
    font-size: 24px;
    font-weight: 300;
    color: #6a6b6e;
    margin: 0 0 25px;
    float: left;
    width: 28.125%; /* 180px */
}

#cerca_categoria h2 span {
    font-size: 30px;
    display: block;
}

#cerca_categoria #categories_list {
    float: left;
    width: 71.875%; /* 460px */
    border: none;
    margin: 0;
}

#cerca_categoria #categories_list li {
    padding: 0 3%;
}

#cerca_categoria #categories_list a {
    max-width: 66px;
    display: inline-block;
}

.eventi #eventi_list {
    border-top: 1px solid #c4c4c5;
    margin-top: 30px;
    padding-top: 30px;
}

.eventi #eventi_list > div {
    float: left;
    width: 21.875%; /* 280px */
    margin-right: 4.140625%; /* 53px */
    margin-bottom: 4.140625%; /* 53px */
}

.eventi #eventi_list > div:nth-child(4n) {
    margin-right: 0;
}

.eventi #eventi_list > div:nth-child(4n - 3) {
    clear: left;
}

.eventi #eventi_list > div figure {
    position: relative;
    display: block;
}

.eventi #eventi_list > div figure:after {
    content: '';
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 66px;
    height: 66px;
    z-index: 10;
    background-size: contain;
}

.eventi #eventi_list > div.cat1 figure:after {
    background-image: url("../img/cat1.png");
}

.eventi #eventi_list > div.cat2 figure:after {
    background-image: url("../img/cat2.png");
}

.eventi #eventi_list > div.cat3 figure:after {
    background-image: url("../img/cat3.png");
}

.eventi #eventi_list > div.cat4 figure:after {
    background-image: url("../img/cat4.png");
}

.eventi #eventi_list > div.cat5 figure:after {
    background-image: url("../img/cat5.png");
}

.eventi #eventi_list > div figure img {
	width: 100%;
}

#pagination {
    float: right;
    font-size: 20px;
}

/*===========================================================   FOOTER */

footer {
    background: #878a97;
    padding: 45px 0;
    margin: 70px 0 0;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
}


.loghi {
background-color: #b9bbc3;
margin-top: 20px;
padding: 10px;

}



.expo {
width: 205px;
height: 100px;
}

.regioneveneto {
width: 312px;
height: 100px;
margin-left: 20%;
}


.unpli {
width: 228px;
height: 100px;
float: right;

}


/* ==========================================================================
   Media Queries
   ========================================================================== */

/* media query per desktop */
@media only screen and (max-width: 1280px) {

	.wrapper {
		padding: 0 20px;
	}

	#primary_nav li:after {
		margin: -2px 20px 0;
	}

	#slideshow_container .cycle-prev {
		left: 20px;
	}

	#slideshow_container .cycle-next {
		right: 20px;
	}

	#itinerari h2 {
		font-size: 20px;
	}

	#cerca_provincia h2 {
		font-size: 20px;
	}

	#cerca_provincia h2 span {
		font-size: 26px;
	}

	#veneto a {
		font-size: 1.8vw;
	}

	#cerca_data h2 {
		font-size: 20px;
	}

	#cerca_data h2 span {
		font-size: 26px;
	}

	#cerca_data label {
		margin: 0 0 30px;
	}

	#eventi_list {
		padding: 0 30px;
		margin-top: 50px;
	}

	#eventi_list button.slick-prev {
	    left: 0;
    }

	#eventi_list button.slick-next {
		right: 0;
	}

	#eventi_list h3 {
		font-size: 22px;
	}

	#eventi_list h4 {
		font-size: 20px;
	}

	h1 {
		font-size: 40px;
	}

    #map iframe {
	    width: 100%;
    }

	.eventi #cerca_data {
		margin-top: 0;
	}

	.eventi #cerca_data h2 {
		float: none;
		width: 100%;
	}

	.eventi #cerca_data h2 span {
		display: inline;
	}

	.eventi #cerca_data form {
		float: none;
		width: 100%;
		border-left: none;
	}

	.eventi #cerca_data form label {
		margin-left: 0;
		background-position: right center;
	}

	#cerca_categoria h2 {
		float: none;
		width: 100%;
	}

	#cerca_categoria h2 span {
		display: inline;
	}

	#cerca_categoria #categories_list {
		float: none;
		width: 100%;
	}

	#cerca_categoria #categories_list a {
		max-width: 100%;
	}

}

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

	
	.ald{margin-top:-19px;}
	
	
	

	body {
		font-size: 20px;
	}

	#row_2 {
		text-align: center;
	}

	#logo {
		display: inline-block;
		margin: 22px auto;
		float: none;
	}

	#primary_nav {
		float: none;
		text-align: center;
		margin: 0 0 22px;
	}

	#primary_nav li {
		display: inline-block;
		float: none
	}

	#primary_nav li:after {
		margin: -2px 10px 0;
	}

	.home #slideshow_container li {
		height: 381px;
	}

	.home #slideshow_container .caption {
		padding: 10.6771% 15.625% 0;
	}

	.home #slideshow_container .title {
		font-size: 30px;
	}

	.home #slideshow_container .subtitle {
		font-size: 20px;
	}

	#slideshow_container .cycle-prev,
	#slideshow_container .cycle-next {
		margin-top: -240pc;
	}

	#categories_list li {
		padding-left: 3%;
		padding-right: 3%;
	}

	#itinerari {
		width: 45%;
	}

	#cerca_provincia {
		width: 55%;
	}

	#veneto a {
		font-size: 1.8vw;
	}

	#cerca_data {
		border-left: none;
		clear: both;
		padding-left: 15px;
		margin-top: 50px;
		width: 40%;
	}

	#cerca_data p {
		margin-bottom: 20px;
	}

	#cerca_data label {
		background-position: right 26px;
		margin: 0 0 15px;
	}

	#cerca_data label span {
		margin-bottom: 5px;
		width: auto;
	}

	#cerca_data input[type="text"] {
		width: 83%;
	}

	#cerca_data input[type="submit"] {
		font-size: 22px;
		padding: 16px 75px;
	}

	#eventi_list h3 {
		font-size: 20px;
	}

	#eventi_list h4 {
		font-size: 18px;
	}

	h1 {
		font-size: 36px;
	}

	#content h3 {
		font-size: 24px;
	}

	a.button {
		font-size: 24px;
	}

	a.button .bigger {
		font-size: 26px;
	}

	#location {
		font-size: 22px;
		padding-right: 20px;
	}

	#cerca_vicinanza:after {
		display: none;
	}

	.evento #slideshow_container .title {
		font-size: 22px;
		padding: 10px;
	}

	.eventi #eventi_list {
		padding-left: 0;
		padding-right: 0;
	}

	.eventi #eventi_list > div figure:after {
		bottom: 10px;
		height: 52px;
		right: 10px;
		width: 52px;
	}

	.eventi #eventi_list > div,
	.eventi #eventi_list > div:nth-child(4n) {
		float: left;
		margin-bottom: 5%;
		margin-right: 5%;
		width: 30%;
	}

	.eventi #eventi_list > div:nth-child(3n) {
		margin-right: 0;
	}

	.eventi #eventi_list > div:nth-child(4n - 3) {
		clear: none;
	}

	.eventi #eventi_list > div:nth-child(3n - 2) {
		clear: left;
	}
	
	.expo {
width: 144px;
height: 70px;
}

.regioneveneto {
width: 218px;
height: 70px;
margin-left: 15%;
}


.unpli {
width: 160px;
height: 70px;
float: right;

}

}

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

	






	.home #slideshow_container li {
		height: 298px;
	}

	#slideshow_container .cycle-prev,
	#slideshow_container .cycle-next {
		margin-top: -200px;
	}
	
	.regioneveneto {
width: 218px;
height: 70px;
margin-left: 11%;
}

}
























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



	
	

	

	.social_channels {
		margin-right: 40px;
	}

	.social_channels a {
		font-size: 18px;
		height: 30px;
		line-height: 31px;
		width: 30px;
	}

	.home #slideshow_container li {
		height: 298px;
	}

	#slideshow_container .cycle-prev,
	#slideshow_container .cycle-next {
		margin-top: -200px;
	}

	.home #slideshow_container .title {
		font-size: 26px;
		padding: 16px 20px;
	}

	.home #slideshow_container .subtitle {
		font-size: 18px;
	}

	.home #categories_list {
		margin: 30px 0;
	}

	#itinerari {
		width: 70%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	#itinerari figure {
		display: inline-block;
		max-width: 100%;
	}

	#itinerari a {
		display: block;
	}

	#cerca_provincia {
		width: 70%;
		float: none;
		margin: 50px auto 0;
		padding: 0;
	}

	#veneto {
		margin-top: -50px;
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
	}

	#veneto a {
		font-size: 2.3vw;
	}

	#cerca_data {
		width: 70%;
		float: none;
		margin: 50px auto 0;
	}

	#cerca_data label {
		background-position: right center;
	}

	#cerca_data label span {
		width: 18%;
	}

	#cerca_data input[type="text"] {
		width: 70%;
	}

	h1 {
		font-size: 30px;
	}

	#content h3 {
		font-size: 22px;
	}

    .col.half {
	    float: none;
	    width: 100%;
	    margin-bottom: 40px;
    }

	.col.half + .col.half {
		margin-bottom: 0;
	}

	#content,
	.itinerario #content {
		padding: 0;
	}

	a.button {
		font-size: 22px;
	}

	a.button .bigger {
		font-size: 22px;
	}

	a.button.itinerario {
		background-size: 70px auto;
		padding-left: 90px;
	}

	#categories_list {
		margin: 35px 0 0;
	}

	#date_range {
		font-size: 22px;
		width: 100%;
		margin-bottom: 20px;
	}

	.eventi h2 {
		font-size: 24px;
		margin-top: 0;
	}

	.eventi #cerca_data {
		width: 70%;
		float: none;
		margin: 30px auto 20px;
		padding-bottom: 20px;
		border-right: none;
		border-bottom: 1px solid #878a97;
	}

	.eventi #cerca_data form label {
		width: 70%;
	}

	#cerca_categoria {
		width: 70%;
		float: none;
		margin: 0 auto;
		padding: 0;
	}

	.eventi #eventi_list > div,
	.eventi #eventi_list > div:nth-child(3n),
	.eventi #eventi_list > div:nth-child(4n) {
		float: left;
		margin-bottom: 4%;
		margin-right: 4%;
		width: 48%;
	}

	.eventi #eventi_list > div:nth-child(2n) {
		margin-right: 0;
	}

	.eventi #eventi_list > div:nth-child(3n - 2) {
		clear: none;
	}

	.eventi #eventi_list > div:nth-child(2n - 1) {
		clear: left;
	}

	.itinerario #map {
		width: 100%;
		float: none;
	}

	.itinerario #slideshow_container {
		clear: both;
		float: none;
		width: auto;
	}
}

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

	

	
	
	


	#row_1 .wrapper,
	#row_2 .wrapper {
		padding: 0 10px;
	}

	
	.touch #search #search_close {
		visibility: hidden;
	}

	.touch #search.open #search_submit {
		color: inherit;
	}

	#logo {
		margin: 0 auto;
	}

	#logo img {
		max-width: 80%;
	}

	#logo:after {
		background-size: contain;
		top: 16px;
		right: -60px;
		width: 70px;
	}

	#primary_nav {
		display: none;
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		padding-top: 20px;
		z-index: 1000;
	}

	.nav_open #primary_nav {
		display: block;
	}

	#primary_nav li {
		margin-bottom: 0.85em;
		display: block;
	}

	#primary_nav li:after {
		content: "";
		display: none;
	}

	#toggle_primary_nav {
		display: block;
	}

	.home #slideshow_container .caption {
		padding: 10.6771% 12.625% 0;
	}

	.home #slideshow_container .title {
		font-size: 22px;
		padding: 10px;
	}

	.home #slideshow_container .subtitle {
		margin: 10px 0 0;
		padding: 10px;
	}

	#slideshow_container .cycle-prev {
		left: 12px;
	}

	#slideshow_container .cycle-next {
		right: 12px;
	}

	#itinerari {
		width: 85%;
	}

	#cerca_provincia {
		width: 85%;
	}

	#veneto a {
		font-size: 3.3vw;
	}

	#cerca_data {
		width: 85%;
	}

	#location {
		float: none;
		font-size: 22px;
		padding: 0;
		width: 100%;
	}

    #cerca_vicinanza {
	    float: none;
	    width: 100%;
    }

	.eventi #cerca_data {
		width: 100%;
	}

	.eventi #cerca_data form label {
		width: 100%;
		float: none;
		padding-right: 10%;
	}

	.eventi #cerca_data form input[type="submit"] {
		float: none;
		margin: 20px auto 0;
	}

	#cerca_categoria {
		width: 100%;
	}

	.cat_small {
		margin-right: 15px;
	}

	h1 {
		margin: 0 0 20px;
		max-width: 75%;
	}

	#share {
		float: none;
		clear: both;
		display: block;
		position: static;
		width: auto;
		height: auto;
		box-shadow: none;
		margin-bottom: 30px;
	}

	#share > div {
		display: inline-block;
		padding: 10px 0 0 10px;
	}
	
		.expo {
width: 103px;
height: 50px;
}

.regioneveneto {
width: 156px;
height: 50px;
margin-left: 15%;
}


.unpli {
width: 114px;
height: 50px;
float: right;

}

}

@media only screen and (max-width: 650px) and (orientation: portrait) {
	

	

	#primary_nav {
		padding-top: 80px;
	}

	#primary_nav li {
		margin-bottom: 1.2em;
	}

}

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

	

	

	.social_channels {
		margin: 4px 4px 0 0;
	}

	#language {
		display: none;
		position: fixed;
		right: 15px;
		top: 15px;
		z-index: 1001;
	}

	.nav_open #language {
		display: block;
	}

	#itinerari {
		width: 100%;
	}

	#cerca_provincia {
		width: 100%;
	}

	#veneto a {
		font-size: 4.5vw;
	}

    #cerca_data {
	    width: 100%;
    }

	h1 {
		font-size: 28px;
	}
	
	footer p{
	font-size: 12px;

}

	.expo {
width: 103px;
height: 50px;
float: left;
}

.regioneveneto {
width: 156px;
height: 50px;
margin-left: 0%;
float: right;

}


.unpli {
width: 114px;
height: 50px;
margin-right: 40%;
clear: both;

}

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}









/* ==========================================================================
  Concorso
   ========================================================================== */

	
	.lin{width:300px;
	
	
			
	

	}
	
	#hongkiat-form { 
margin-top: 20px;
 }

#hongkiat-form .txtinput { 
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 10px;
margin-right: 10px;
font-size: 14PX;
padding: 5px 5px;
width: 45%;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#hongkiat-form .txtinput2 { 
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 10px;
margin-right: 10px;
font-size: 14PX;
padding: 5px 5px;
width: 25%;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#hongkiat-form .dx { 
float: right;
margin-right: 0px;
}

#hongkiat-form .txtinput:focus { 
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
outline: 0 none; 
}

#hongkiat-form input#name {
background: #fff url('images/user.png') 5px 4px no-repeat;
}
#hongkiat-form input#email {
background: #fff url('images/email.png') 5px 4px no-repeat;
}
#hongkiat-form input#website {
background: #fff url('images/website.png') 5px 4px no-repeat;
}
#hongkiat-form input#telephone {
background: #fff url('images/phone.png') 5px 4px no-repeat;
}

#hongkiat-form textarea {
display: block;
font-family: "Helvetica Neue", Arial, sans-serif;
border-style: solid;
border-width: 1px;
border-color: #dedede;
margin-bottom: 15px;
font-size: 14px;
padding: 5px;
width: 100%;
height: 180px;
color: #777;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#hongkiat-form textarea:focus {
color: #333;
border-color: rgba(41, 92, 161, 0.4);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(40, 90, 160, 0.6);
outline: 0 none; 
}
#hongkiat-form textarea.txtblock {
background: #fff url('images/speech.png') 5px 4px no-repeat;
}

#hongkiat-form #slider { width: 60%; }

#hongkiat-form #aligned { 
box-sizing: border-box; 
float: left; 
width: 450px; 
margin-right: 50px; 
}
#hongkiat-form #aside {
	float: left;
	width: 250px;
	padding: 0;
	box-sizing: border-box;
}

	
	.rig { 
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
  font-size: 14px;
  width: 840px;
 }
 
 
 #elazs{ 

	 width:1200px;
	 height:800px;
	 margin:auto;

	

	
	
	 
	 }
	 
	  #elaz{ 

	 width:1200px;
	 height:400px;
	 margin:auto;


	 

	

	
	
	 
	 }
	 
	 
	 
	 .cvb{
  color: rgb(0, 0, 0);
  

  font-family: 'Roboto Condensed', Arial, HelveticaNeue, sans-serif;
  font-size: 22px;
  font-weight: 300;
  
  line-height: 22px;}
  
  
  .rigp{ border-bottom: 1px solid #999;
  margin-bottom: 20px;
  font-size: 14px;
  width: 960px;}
  

  #ell{width:100px;
  padding-top:6px;
  height:45px;
  display:block;color: rgb(255, 255, 255);
font-size: 17px;
font-weight: 300;

border: medium none;

margin: 0px auto;
text-align:center;

text-transform: uppercase;
  background-color:rgba(34,34,34,1.00);}
  
  .nom{font-size:16px;}
  
 
  .trev{
	  font-size:14px;}
  
  
  .file{margin-bottom:10px;}
  

	
	
	

  
  
  
  .mer{font-size: 20px;
  
    font-weight: 400;
	color:rgba(29,1,2,1.00);
    margin: 20px 0 0;}
  

  
  #regolamento{width:78%;
  height:1600px;
  text-align:left;
  margin:auto;
  
}
		
		
		
		
		.zaz{
			font-size:16px;}
			
			
			

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



div.table-title {
   display: block;
  margin: auto;
  max-width: 500px;
  padding:15px;
  width: 100%;
}

.table-title h3 {
   color: #fafafa;
   font-size: 30px;
   font-weight: 400;
   font-style:normal;
   font-family: "Roboto", helvetica, arial, sans-serif;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
   text-transform:uppercase;
}



   #zcv{
	   
	 

	   
	   }


  #qsa{
	  margin-top:-360px;
	  margin-left:850px;
	  
}



/*** Table Styles   tabella **/





      .lpp{text-align:left;
	    font-size:29px; 
		margin-bottom:13px;}




.table-fill {
	min-width:300px;
  background: white;

  border-radius:3px;
  border-collapse: collapse;
  height: 100px;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 300px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
th {
  color:#D5DDE5;;
  background:#E5007E;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:23px;
  font-weight: 100;
  padding:24px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

th:first-child {
  border-top-left-radius:3px;
}
 
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
 
tr:first-child {
  border-top:none;
}

tr:last-child {
  border-bottom:none;
}
 
tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
tr:nth-child(odd):hover td {
  background:#4E5066;
}

tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
td {
  background:#FFFFFF;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

td:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}
			
			
			.zpl{
				
				
				margin-left:200px; 
			margin-top:-60px;
				
				
				
				
				}
	
			
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	
		
		
		
		
		
/*** icone menu **/
		
	.cvv{width:150px !important; font-size:12px;}
	
	#mnb{position:absolute; left:32%; top:52px; }
	
	#gil{position:absolute; left:90px; top:-45px;}
		
		
		.pob{
			
		
		font-size:16px;}
		
		
		
	#mn{position:absolute; left:57%; top:52px ;}
		
.bnm{ margin-left:-40px;}		
	@media only screen and (min-width:650px) {
		
		.nas{display:none;
		
		
		
		}}
	
		@media only screen and (max-width:980px) {
			
		
			
			
			
			
				#mnb{position:absolute; left:2%; top:20px; }
			
			
				#mn{position:absolute; left:27%;  top:20px; }

			
			.cvv{ position:absolute;
			top:100px !important;
			left:10px !important;
			
			
			
			
			}

		}
		
		
		
		
		
		
		
		
		
		@media only screen and (min-width:1500px) {
			

		#mn{margin-left:-4%;
		
		}
		}
		
		
		
		
		
		
		
		
		
		@media only screen and (min-width:1700px) {
			#mnb{ margin-left:3%;}

		#mn{margin-left:-4%;
		
		}
		}
		
		
		
		
		
		
		
		
		
		
		@media only screen and (min-width:2380px) {
			#mnb{ margin-left:5%;}

	#mn{margin-right:15%;	
		
		}
		}
		
		
		
		
		
		
		
		
		
		
		@media only screen and (max-width:650px) {
			
			#ciao{height:800px;}
			
			.pob{display:none;}
			
			#mnb{display:none;}
			
			#mn{display:none;}
		
			
			}
		
		
		
		
		
		
		
		
			
			
.az{text-align:center;
text-justify:auto;

text-decoration: none;
color: white;
line-height: 30px;
display: block;
font-family: 'Arial', Verdana, arial;
}



#mnb:hover .first-hover, #mnb:hover .gil-hover{
-webkit-transition-delay:0.5s;
-moz-transition-delay:0.5s;
-o-transition-delay:0.5s;
-ms-transition-delay:0.5s;
text-align:center;

}

#gil{padding-bottom:5px;
	font-size:16px;
	text-align:center;
width: 55px;
height: 55px;
position: relative;
}

#gil:hover .gil-hover{	text-align:center;


}

#gil span{  
padding-bottom:5px;
  text-align:center;

display: block;
color: white;
text-decoration: none;
font-family: 'Arial', Verdana, arial;

}

.gil-hover{
	
	text-align:center;

content:"";
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
left: 151px;
top: -29px;
width: 0px;
height: 30px;
border-radius:0 3px 3px 0;
border-left: 1px solid #242424;
background-image: -webkit-linear-gradient(#5a5a5a, #393939);
background-image: -moz-linear-gradient(#5a5a5a, #393939);
background-image: -o-linear-gradient(#5a5a5a, #393939);
background-image: -ms-linear-gradient(#5a5a5a, #393939);
background-image: linear-gradient(#5a5a5a, #393939);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
}

#gil span:after , .gil-hover span:after, .first-hover:before{text-align:center;

	text-align:center;

    background: rgba(255,255,255,.07);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
	
}

.gil-hover:after{
text-align:center;

}

.cvv{
text-align:center;

visibility: hidden;
position: absolute;
top: 30px;
left: 151px;
height: 20px;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
background-color: #393939;
border-left: 1px solid #242424;
border-right: 1px solid #242424;
  -webkit-transition: all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -moz-transition:    all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -ms-transition:     all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  -o-transition:      all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  transition:         all 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}

.first-hover{
position: absolute;
visibility:hidden;
top:0;
left: 151px ;
color:rgba(251,251,251,1.00);
width: 0;
text-align:center;

margin: 0;
padding: 0;
background-color: #393939;
border-left: 1px solid #242424;
border-right: 1px solid #242424;
background-image: -webkit-linear-gradient(#5a5a5a, #393939);
background-image: -moz-linear-gradient(#5a5a5a, #393939);
background-image: -o-linear-gradient(#5a5a5a, #393939);
background-image: -ms-linear-gradient(#5a5a5a, #393939);
background-image: linear-gradient(#5a5a5a, #393939);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
	text-align:center;
}

.first-hover .az{
	
opacity: 0;
text-align:center;

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#gil:hover .first-hover{
width: 50px;
background:rgba(242,20,24,1.00);
visibility:visible;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-o-transition-delay:0s;
-ms-transition-delay:0s;
	text-align:center;
}

#gil:hover .cvv{
	
	margin-left:-90px;
	width:200px;
	list-style-type:none;
	margin-top:-30px;
visibility: visible;
height: 60px;
	text-align:center;


}

 #gil:hover .cvv .sdf{
	 	text-align:center;
	 margin-top:5px;
	 color:rgba(251,251,251,1.00);
	list-style-type:none; 
	 }

 
.cvv .sdf{
list-style: none;


height: 30px;
border-bottom:none;
text-align: center;
	text-align:center;

  
}

.cvv .sdf:hover{
}

#gil:hover .cvv .sdf:first-child{
		text-align:center;
width: 130px;
}















/*** fine icone menu **/




































	#yt{width:200px;
  padding-top:6px;
  height:45px;
  display:block;color: rgb(255, 255, 255);
font-size: 17px;
font-weight: 300;

border: medium none;

margin: 0px auto;
text-align:center;

text-transform: uppercase;
  background-color:rgba(34,34,34,1.00);}
			
			
			
			#ytr{width:200px;
			margin-top:10px;

  height:45px;
  color: rgb(255, 255, 255);
font-size: 17px;
font-weight: 300;

border: medium none;

margin: 0px auto;

text-align:center;

text-transform: uppercase;
  background-color:rgba(34,34,34,1.00);}
			
	
		#wwe{margin-left:34px;

		display:inline;}	
		
		#res{display:none;}
				
		
		
		
		
		.xc{width:160px;}
		
		
		 .xcx{width:180px;}
		 
		 .xcc{width:200px;}
		
		
		
			.ofg{font-size:36px;
			font-weight:500;
			margin-left:14px;
			

			}
		
		
	
		
		.plm{text-align:left;  font-size:29px; margin-bottom:13px;}
		
		
		
			#qsa{
				margin-top:-420px;}
							
							
	@media only screen and (max-width:640px) {
		
		
		#colonnaDx{text-align:center;}
		
		
			.submitbtns{
							margin-top:30px;
						
							margin:auto !important;}
							
		
		
		#wwe{display:inline;}
	
		#cvb{
			text-align:center;
			}
		
		
		#qsa{display:none;}
		
		
			 #qra{
				 display:none;
				 padding-top:90px;
				 margin:auto;
		

}
  
		
		
		
		.rig{
							padding-top:10px;}
		
		
		
			.cvb{
				text-align:center;}
		
		
		
	
	
		
		.oiu{
			padding-top:7px;
			
			
			}
			

		
		input{width:200px !important; }
		
		#res{display:inline !important;}
			
		
	
	
		
		
	
	
		
		
		
		
		
		.ald{display:none;}
		
		
		
		
		
		
		
		#wwe{margin-top:200px;}
		
		
	
	
		
		
		
		
		
	
	
	.bty{margin-left:220px; margin-top:30px;
			
	}
	
	
	.btt{
		margin-left:190px;
		
		
		}
	
        
		
		.pre{
			display:inherit;}
			
			.zpl{
				margin:0auto;
			
				
				}
		
		.fot{
		
			}
		
		
		.rigp{
			margin:auto;
		width:240px;
		margin-bottom:9px;}
		
		#elazs{
			width:100%;
			height:1600px;
	
		
			}
		
		#elaz{
			width:90%;
			background-color:rgba(245,1,6,1.00);
			margin-left:40px;
	
		
			height:600px;
			
	
			}

	
.txtinput{display:inherit;

}

	#dsa{
		
	margin-top:30px;

	}
	.rig{  width: 200px;
	margin:auto;
	}
	
	textarea{
		width:86%;}
		
		
		#main{
				background-color:rgba(226,43,47,1.00),
				
				
				}
		
		
		
		
		
	}
		
		
			
						
								
		
					@media only screen and (max-width:320px) {	
					
					
					.cvv{
						height:100px;
						
					
					
					
					
					
					
					}
				
		

					}
	
		
					@media only screen and (max-width:360px) {	
					
					
					
					
					 #qra{
				
				 padding-top:90px;
				 margin-left:180px;
				 
			
		

}
					
					
	
					
					/* ==========================================================================
risoluzione tabella 360
   ========================================================================== */
			
			.lpp{text-align:left;
	    font-size:19px; 
		margin-bottom:2px;}
			
			
			td {
				font-weight:30px;
				font-size:13px;
			}
			.table-fill {
				margin-left:-157px;
				width:60%;
			
				}
		
				
						
						.cvv{margin-top:10px;}
						
						
						
					
						
			.cvb{ text-align:center;}
						.rig{
							padding-top:10px;}
						
						
				
							
					}
		

		
  

			
		

		
		.td{height:30px ;}
		
		
		
	
		
		
			.cvb{ text-align:center;}
		
		
	
			
			
			
	
			
			
			
			
			.xc{width:100px;}
			
					
				
					/* ==========================================================================
tabellla che si sposta
   ========================================================================== */
					
					
						@media only screen and (max-width:1228px) {	
					
					
					#qsa{
						margin-top:600px !important ;
						margin:auto !important;
						}
			
					}