/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {margin: 0;padding: 0;}
/*set font size for all divs, this overrides some body rules*/
div { }
/*if img is inside "a" it would have borders, we don't want that*/
img {
	border: 0;
}
/*default link styles*/
/* set all links to have underline and bluish color */
a, a:link a:active {
	text-decoration: underline;
	background-color: inherit;
	color: #ffd000;
}
a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #ffd000;
/* a different color can be used for visited links */
}
/* remove underline on hover and change color */
a:hover {
	text-decoration: none;
	background-color: inherit;
	color: #ffffff;
}

a.push-button {display:block;clear:both;text-align:center;background: url(https://www.heronair.eu/uploads/template/push-button.png) no-repeat center top;width:100%;height:20px;padding:5px 0;text-decoration:none;}

a.push-button:hover {color:#ffffff;background: url(https://www.heronair.eu/uploads/template/push-button-hover.png) no-repeat center top;}

/*****************basic layout *****************/
body {
	margin: 0;
	padding: 0;
	color: #c0c0c0;text-align:center;margin:0 auto;
	text-align: justify;
font-family: Arial, Verdana, sans-serif;

	font-size: 13px;
	line-height: 17px;
	background: #000000 url(https://www.heronair.eu/uploads/template/bg-body.png) repeat-x top -40px left;background:#000000;}

body#home {
	background:  #000000 url(https://www.heronair.eu/uploads/template/bg-body-hp.png) repeat-x top -40px left;
background:#000000;}

body#flotta {
	background:  #000000 url(https://www.heronair.eu/uploads/template/bg-body-int.png) repeat-x top -40px left;
background:#000000;}


div#pagewrapper {width:100%;margin: 0 auto;}
/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#header {
/* background: url(https://www.heronair.eu/uploads/template/bg_header.png) no-repeat right top; */
width:950px;height: 140px;
	margin: 0 auto;
	padding: 0;
}
div#header h1 a {
	background: url(https://www.heronair.eu/uploads/template/logo_heronair.png) no-repeat left 23px;
	display: block;
	height: 180px;
	text-indent: -999em;
	text-decoration: none;
width:320px;z-index:999;position:relative;
}
div#header h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

div.link-top {position:relative;float:left;left:300px;top:29px;font-size:11px;color:#adadad;}
div.link-top a {text-decoration:none;color:#666666;}
div.link-top a:hover {text-decoration:none;color:#adadad;}
div.language {padding-left:23px;top:0px;height:30px;font-size:13px;font-weight:bold;}

input.search-input {width:125px;background:#000000;color:#ffd000;padding:4px;height:17px;font-size:11px;border:1px solid #666666;position:relative;top:0px;left:24px;}
input.search-button {background:#000000;border:0px;background: url(https://www.heronair.eu/uploads/images/arrow-search.png) no-repeat right bottom;width:20px;height:24px;position: relative;top:1px;right:1px;

/*IE-7 & IE-8*/
top:10px\9;  left:-2px\9;
/*IE-7 & IE-8*/

}

span.search-query-result {font-weight:normal;color:#ffffff;}

div#img-top {width:100%;margin:0 auto;position:relative;top:0;display:block;height:423px;}
div#img-top-int {width:100%;margin:0 auto;position:relative;top:0;display:block;height:580px;}
div#content {
	margin: 0 auto;
	padding: 0px;
width:950px;
}

div#background {top: 0;margin: 0 auto;position:relative;background:url(https://www.heronair.eu/uploads/template/black_bg_transp.png) repeat left bottom;width:990px;left:-263px; height:580px;display:block;}

div#content-int {top: 0;position:relative;z-index:10;padding: 0px; width:709px; left:280px;}
div#content-int ul, div#content-int ul li, div#content-int ol, div#content-int ol li {margin-left:10px;}
div#content-int ul, div#content-int ol {margin-bottom:10px;}

div.back1 {margin: 0px;}

div#colsx {float:left;width:200px;padding:30px 20px;min-height: 400px;position:relative;margin-top:33px;margin-bottom:9px;}

.contatti {background:url(https://www.heronair.eu/uploads/template/bg-box-contatti.png) repeat-x left top;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;border:1px solid #3a3e50;padding:15px;}

body#home div#main {margin-left:0px;}
div#main-int {width:480px;margin-left:190px;padding:0px;position:relative;overflow:auto;top:20px;height:540px;padding-right:20px;color:#ffffff;font-size:14px;line-height:20px;}

ul.clearfix li {margin-left:15px;list-style-type:square;font-size:18px;padding:5px 0px;width:97%;}
ul.clearfix li a {text-decoration:none;color:#ffd000;padding:4px 0px;width:100%;display:block;}
ul.clearfix li a:hover {color:#ffffff;}
ul.clearfix li a.currentpage {color:#e0d9c5;background:url(https://www.heronair.eu/uploads/template/shadow-li-menu.png) no-repeat left bottom;width:100%;display:block;padding:4px 0px;}

ul.clearfix li ul li ul li a {text-decoration:none;color:#0061c2;width:90%;padding:0px;font-size:11px;}
ul.clearfix li.activeparent ul li ul li a.currentpage {width:90%;padding:0px;}
ul.clearfix a.activeparent {color:#E0D9C5;background:url(https://www.heronair.eu/uploads/template/shadow-li-menu.png) no-repeat left bottom;}

div.footback {clear: both;background: #2d2d2d url(https://www.heronair.eu/uploads/template/bg-footer.png) no-repeat center top;padding-top:15px;border-top:3px solid #4f4f4f; position:relative;}

body#inner div.footback {}

div#footer {padding: 0px;color: #919191;width:950px;text-align:center;margin:0 auto;}
div.fooleft {font-size:11px;text-align:left;float: left;width:220px;padding-right:23px;margin:10px 0;}
div.first {font-size:11px;text-align:left;float: left;width: 463px;margin:10px 0;}
div.footrt {font-size:11px;float: left;margin:10px 0;text-align:left;width:220px;}
div.fooleft img {padding-right:5px;}

div#footer strong {color: #ffffff;font-family: 'Oswald', sans-serif;font-size:16px;font-weight:normal;margin-bottom:7px;}
div#footer a {color: #ffffff;text-decoration:none;}
div#footer a:hover {color: #919191;text-decoration:none;}
div#footer ul {margin-left:0px;}

div#footer ul li {list-style-type:none;border-bottom:1px solid #4F4F4F;padding:8px 0px;margin:0px;height:30px;}

div#footer ul li {list-style-type:none;border-bottom:1px solid #4F4F4F;padding:8px 0px;margin:0px;height:30px;}

div.fooleft a {float:left;width:100px !important;}
div.fooleft a.nofloat {float:none;width:auto !important;}


#credits {margin-top:110px;}
div#footer a.credits {color:#565656;}
div#footer a.credits:hover {color:#666666;}


div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}


/********************CONTENT STYLING*********************/
/* HEADINGS */
h1 {
    color: #ffffff;
    font-size: 28px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 10px;
    padding: 0;    font-family: 'Oswald',sans-serif;text-transform:uppercase;text-align:left;
}
h2 {    font-family: 'Oswald',sans-serif;
    color: #ffd000;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 0;
line-height: 22px;
}
h2.clock_time{color: #666666; float: right; font-size: 14px; margin-top: 61px;}
h3 {    font-family: 'Oswald',sans-serif;
    color: #ffd000;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 7px;
}
h4 {    font-family: 'Oswald',sans-serif;
	color: #ffffff;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
    font-weight: normal;
}
h5 {    font-family: 'Oswald',sans-serif;
	color: #ffd000;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
    font-weight: normal;
}

/* END HEADINGS */
/* TEXT */
p {
	margin: 0 0 0.7em 0;
	padding: 0;
}

strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */

/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.2em 0em;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 2em;
}

/* END LISTS */


/*IMMAGINI*/
.img-left {float:left;padding-right:20px;padding-bottom:20px;}
.img-right {float:right;padding-left:20px;padding-bottom:20px;}

/*DIV FLOAT*/
.float-50 {float:left;width:44%;padding:10px 10px 10px 13px;border-left:3px solid #ffd000;margin-bottom:23px;}

/*LINK*/
a.pdf {background:  url(https://www.heronair.eu/uploads/template/ico-pdf.png) no-repeat left top;padding:7px 0px 10px 55px;display:block;}
a.email {background:  url(https://www.heronair.eu/uploads/template/ico-mail.png) no-repeat left 
top;padding:7px 0px 10px 25px;}


#box {
    float: right;
    font-size: 12px;
    height: 350px;
    line-height: 16px;
    margin-left: 9px;
    width: 309px;
}

#box h2 {line-height:20px;}
#box div {padding:20px;}

.box-dati {float:left;width:300px;background:#000000;padding:10px;margin-right:20px;position:relative;top:0px;left:0px;}

#main-int .table {width:90%;}
#main-int .table th, #main-int .table td {line-height:16px;padding:2px 23px 5px 0px;text-align:left;font-weight:normal;font-size: 11px;vertical-align:bottom;}

#main-int.table td {text-align:center;vertical-align:bottom;}
#main-int.table td.left {text-align:left;}
#main-int.table td.nowrap {white-space:nowrap;}
#main-int.table tr.odd {background:#122948;}
#main-int .table p {margin:0px;font-size:11px;line-height:14px;text-transform:uppercase;margin-bottom:5px;}

#main-int .table-left {width:100%;}
#main-int .table-left th {background:#666666;color:#ffffff;padding:2px;}

#main-int .table-voli {width:100%;}
#main-int .table-voli th, #main-int .table-voli td {line-height:16px;padding:3px 5px;text-align:left;font-weight:normal;font-size: 13px;vertical-align:bottom;white-space:nowrap;}
#main-int .table-voli th {background:#ffd000;color:#000000;font-weight:bold;text-transform:uppercase;}
#main-int .table-voli td {text-align:left;vertical-align:bottom;border-bottom:1px solid #efefef;}
#main-int .table-voli td p {margin:0;}

div.scheda-pdf {float:right;position:relative;top:-10px;padding:0 2px;padding-left:1px;}


#menu2 {width:100%;text-align:left;}
.menu2-content {width:100%;text-align:left;margin:0px auto;margin-bottom:40px;}
.menu2-content ul li ul li {font-size:13px;}

/*homepage*/
canvas#wewood150 {float:right;}
div.blackrow {position:relative;height:40px;background:#000000;filter: alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;top:-40px;z-index:4;}
img.img-box {position:relative;z-index:0;}

div#both_home_conts {width:950px; padding:0px;clear:both;display:block;height:290px;border-bottom:1px solid #282828;padding-bottom:30px;margin-bottom:40px;}
div#both_home_conts2 {width:950px; padding:0px;clear:both;display:block;}

div#both_home_conts .box, div#both_home_conts2 .box, div#both_home_conts2 .box-big {font-size:13px:line-height:18px;color:#c0c0c0;width:220px;float:left;margin-bottom:20px;}
div#both_home_conts .last_box, div#both_home_conts2 .last_box {width:220px;float:left;margin-bottom:20px;font-size:13px:line-height:18px;color:#c0c0c0;}

div#both_home_conts a, div#both_home_conts2 a {text-decoration:none;color:#FFD000;}
div#both_home_conts a:hover, div#both_home_conts2 a:hover {color:#ffffff;}
div#both_home_conts h3, div#both_home_conts2 h3 {font-family: 'Oswald', sans-serif;text-transform:uppercase;color:#ffffff;font-size:23px;margin-bottom:15px;}

div#both_home_conts2 img {width:220px;height:106px;}
div#both_home_conts img.push-more, div#both_home_conts2 img.push-more {width:70px;height:32px;margin-top:10px;}

div#both_home_conts strong, div#both_home_conts2 strong {color:#ffffff;}

.margin-left {margin-left:23px;}


/*SIDEBAR*/

div#sidebar {
	float: left;
	width: 190px;
	display: inline;
	padding: 0px;
}
div#sidebara {
	padding: 14px 30px 0px 0px;
}

div#sidebar ul {list-style-type:none;text-align:right;}
/*SIDEBAR*/

/*box info*/

#box-float {
    background: url("https://www.heronair.eu/uploads/NCleanBlue/bg-box.png") no-repeat scroll left top transparent;
    font-size: 12px;
    height: 267px;
    line-height: 16px;
    margin-left: 20px;
    text-align: left;
    width: 211px;
padding:20px;
}

#box-nofloat {
    background: url("https://www.heronair.eu/uploads/NCleanBlue/bg-box.png") no-repeat scroll left top transparent;
    clear: both;
    font-size: 12px;
    height: 267px;
    line-height: 16px;
    margin-left: 50px;
    text-align: left;
    width: 211px;
padding:20px;
}

.info-volo {font-size:11px;color:#666666;}
.text-left {text-align:left;}


/*FORM DI CONTATTO*/
.cms_form {font-size:13px;}
.contactform fieldset {border: 1px solid #ffd000;margin-bottom: 1em;padding: 4px;}

legend {border: 1px solid #4a4a4a;background:#000000;color: #ffffff;font-weight: bold;padding: 2px 8px;width: 160px;font-size:14px;text-transform:uppercase;font-family: 'Oswald',sans-serif;}

.contactform div {height: 20px;padding: 5px;}
.contactform div.required {color:#ffd000;}
.contactform input, .contactform select {float:left;padding: 2px;border:1px solid #4a4a4a;}
.contactform div label, .contactform label {float: left;width: 140px;}
.contactform select {margin-right:10px;}

.contactform fieldset.extra div div {float:left;padding-right:30px;width:40%;}
.contactform fieldset.extra div label {float:none;width:100%;height:30px;display:block;}
.contactform fieldset.extra div div label {float:left;width:70%;}
.contactform fieldset.extra input {width:30px;}
.contactform .input-privacy {height: 45px;margin-left: 10px;padding: 0;}
.contactform .input-privacy label {font-size: 11px;line-height:14px;font-weight: normal;width: 90%;padding-left:10px;color:#999999;}
.testo-privacy {font-size: 11px;margin-left: 29px;}

div.captcha {height: 80px;font-size:11px;}
img.captchapict {float: left;padding-right: 10px;}
.contactform input.cms_textfield {width: 200px;}

input#cntnt01fbrp_submit {margin-left:148px;color:#000000;background:#666666;font-size:16px;text-transform:uppercase;font-family: 'Oswald',sans-serif;display:block;clear:both;text-decoration:none;border:none;width:150px;padding: 4px 0 7px 0px;}

input#cntnt01fbrp_submit:hover {color:#000000;background:#ffd000;}
/*****aggiusto la lunghezza dei campi*****/

/*generale*/
.contactform input {width:270px;}

/*altezze per textarea messaggio*/
.contactform fieldset#fbrp__44, 
.contactform fieldset#fbrp__69, 
.contactform fieldset#fbrp__111,
.contactform fieldset#fbrp__260,
.contactform fieldset#fbrp__239,
.contactform fieldset#fbrp__309
{height:150px;}

/*select*/
select#fbrp__46, select#fbrp__155, select#fbrp__177 {width:204px;float:left;}

/*campi corti*/
#fbrp__44, #fbrp__45, #fbrp__146, #fbrp__147, #fbrp__161 {width:80px;}

/*text area*/
.cms_textarea {width:431px;}

/*checkbox privacy*/
.input-privacy .cms_checkbox {width:14px;}


/*multitratta*/
.contactform #fbrp__118 div, .contactform #fbrp__186 div {padding: 5px 2px;}

div.num-pas,
div.data-part,
div.ora-part,
div.luogo-part,
div.luogo-dest {float:left;}

.contactform div.num-pas label,
.contactform div.data-part label,
.contactform div.luogo-part label,
.contactform div.ora-part label,
.contactform div.luogo-dest label
{width:200px;}

.contactform div.num-pas input,
.contactform div.data-part input,
.contactform div.luogo-part input,
.contactform div.ora-part input,
.contactform div.luogo-dest input
{width:210px;}

div.num-pas input {width:25px;font-size:11px;}

.contactform div.data-part select,
.contactform div.ora-part select {font-size:11px;margin-right:2px;}

.contactform .fb_invalid input, .contactform .fb_invalid select {border:1px solid #ffd000;}

/*news*/
div#both_home_conts2 .NewsSummaryLink a,
div#both_home_conts2 .NewsSummaryMorelink a,
.NewsSummaryMorelink {font-family:'Oswald',sans-serif;text-transform:uppercase;color:#ffffff;font-size:14px;text-align: right;font-weight:bold;}
.NewsSummaryLink a {color:#ffdd00 !important;}
.NewsSummaryMorelink a {text-decoration:none;}
.NewsSummaryMorelink:hover {color:#ffffff;}
.NewsSummary {margin-bottom:15px;}
#NewsPostDetailSummary {margin-bottom:15px;}
.NewsSummarySummary a {font-size:14px;font-weight:normal;color:#E0D9C5;text-decoration:none;}
.NewsSummarySummary a:hover {color:#ffffff;}



div#clock_container{width:210px; height:130px; float:right; margin-right: 7px;}
div#clock_container_left{width:190px; height:130px; float:right; margin-right: 23px;}

/* Content togle css
----------------------------------------*/
h2.trigger {
    background: url("/lib/toggle/trigger.gif") no-repeat scroll 0 0 transparent;
    color: #333333 !important;
    cursor: pointer;
    font-size: 1.2em !important;
    font-weight: normal !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 0 5px !important;
    padding: 0 0 0 50px !important;
    /*change width if you want fixed e.g.: 575px; or auto;
         also change this in your .toggle_container! */
    width: auto;
    border: none !important;
}
h2.trigger:hover {
    color: #666666;
}
h2.active {
    background-position: left bottom;
}
.toggle_container {
    background-size: 100% auto;
    overflow: hidden;
    padding: 0;
    /*change width if you want fixed e.g.: 625px; or auto; */
    width: auto;
}
.toggle_container .block {}
.toggle_container .block p {}
.toggle_container h3 {}
.toggle_container img {}
/* END Content togle css */
/* Stylesheet: Basic Due Colonne Modified On 2014-03-17 09:57:14 */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: transparent;
}
.vscrollerbar {
width: 10px;
background-color: #FFD000;
/*background: url(https://www.heronair.eu/uploads/template/scrollvertical.gif) no-repeat center top;*/
}
.hscrollerbase {
height: 10px;
background-color: white;display:none;
}
.hscrollerbar {
height: 10px;
background-color: black;
display:none;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}





#mycustomscroll {
/* Typical fixed height and fixed width example */
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: transparent;
width:480px;
position:relative;
overflow:auto;
top:20px;
height:520px;
padding-right:20px
;color:#ffffff;
font-size:16px;
line-height:20px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 340px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #D5EADE;
margin: 0.3em auto;
padding: 15px;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}
/* Stylesheet: flexcrollstyles Modified On 2012-10-12 21:03:22 */
