body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #555555;
}
a, a:hover {
  text-decoration: none;
  color: #555555;
}
.text_deco_underline, a.text_deco_underline:hover {
  text-decoration: underline !important;
}
h1 {
	width: 100%;
	height: 40px;
	padding: 0 0 0 0;
	margin: 3px 0 0 0px;
	background-image: url('/euro/logoEuroFx160.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	cursor: pointer;
}
h1.logoEC {
	width: 100%;
	height: 45px;
	padding: 0 0 0 0;
	margin: 0px 0 0 0px;
	background-image: url('/euro/logoeurocambi_trasp.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	cursor: pointer;
}
h1 span {
  visibility:hidden;
}
h2 {
	width: 100%;
	font-size: 1.2em;
}
h3 {
	width: 100%;
	font-size: 1em;
}
h4 {
	width: 99%;
	font-size: 1em;
	line-height: 1em;
}
.btn {
	font-size: 1.167em;
}
.btn-input {
	display: block;
}
.btn-input .btn.form-control {
    text-align: left;
}
.dropdown-menu>li>a {
	padding: 3px 3px !important;
}
.btn-input .btn.form-control span:first-child {
   left: 0;
   overflow: hidden;
   position: absolute;
   right: 2.083em;
   top: 0.817em;
   margin-left: 3%;
   color: #333333;
}

.dropdown-toggle {
	width: 100%;
	height: 43px;
	background: none;
	border: 0;
}
.width100percent {
	width: 100%;
}
.width100nomin {
	width: 100%;
	min-width: 30px;
}

.currency_zone {
	border: 0px solid #CCCCCC;
	max-width: 728px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.currency_block {
	border: 0px solid #CCCCCC;
	max-width: 100%;
	width: 364px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
}
.currency_box {
	float: left;
	width: 47.5%;
	height: 3.583em;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-top-right-radius: 0.666em;
	/* border-bottom-left-radius: 8px; */
	padding: 0 0 0 0;
	margin: 2px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.empty_box {
	float: left;
	width: 14.333em;
	height: 3.750em;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-top-right-radius: 0.666em;
	/* border-bottom-left-radius: 8px; */
	margin: 0 0.417em 0 0.417em;
	background: transparent; /* Old browsers */
}
.select_box {
	height: 100%;
	border-top-right-radius: 0.666em;
	/* border-bottom-left-radius: 8px; */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.apply_button {
	float: right;
	width: 47.5%;
	height: 100%;
	border-radius: 0;
	border-top-right-radius: 0.666em;
	/* border-bottom-left-radius: 8px; */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.bg_curr_main {
	border: 1px solid #de2918;
}
.bg_curr_euro {
	border: 1px solid #CCCCCC;
}
.bg_curr_eur {
	border: 1px solid #08399c;
}
.bg_curr_neu {
	border: 1px solid #008000;
}
.currency_top {
	margin: 0 0 0 0;
	height: 1.75em;
	padding: 0 0 0 0;
}
.img_flag {
	float: left;
	width: 25px;
	height: 17px;
	padding: 0 0 0 0;
	background-image: url(/euro-img/flags.png);
	background-color: transparent;
	background-repeat: no-repeat;
	margin: -1px 0 0 -1px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}
.currency_name {
	font-size: 1em;
	float: left;
	text-align: left;
	margin: 0 0 0 0.167em;
	width: 12.083em;
	height: 1.417em;
	padding: 0.167em 0 0.167em 0.167em;
	color: #555555;
	font-family: Arial, sans-serif;
}
label {
	font-size: 1em;
}

#EUR_png { background-position  : -300px 0; }
#USD_png { background-position  : -1125px 0; }
#CAD_png { background-position  : -1275px 0; }
#MXN_png { background-position  : -750px 0; }
#BRL_png { background-position  : -75px 0; }
#BGN_png { background-position  : -50px 0; }
#CZK_png { background-position  : -150px 0; }
#DKK_png { background-position  : -200px 0; }
#GBP_png { background-position  : -325px 0; }
#HUF_png { background-position  : -425px 0; }
#LTL_png { background-position  : -675px 0; }
#LVL_png { background-position  : -700px 0; }
#PLN_png { background-position  : -900px 0; }
#RON_png { background-position  : -925px 0; }
#SEK_png { background-position  : -1175px 0; }
#CHF_png { background-position  : -375px 0; }
#HRK_png { background-position  : -975px 0; }
#NOK_png { background-position  : -825px 0; }
#ILS_png { background-position  : -525px 0; }
#TRY_png { background-position  : -1100px 0; }
#RUB_png { background-position  : -1000px 0; }
#ZAR_png { background-position  : -1150px 0; }
#JPY_png { background-position  : -625px 0; }
#KRW_png { background-position  : -650px 0; }
#MYR_png { background-position  : -775px 0; }
#PHP_png { background-position  : -875px 0; }
#SGD_png { background-position  : -1225px 0; }
#THB_png { background-position  : -1075px 0; }
#IDR_png { background-position  : -450px 0; }
#CNY_png { background-position  : -100px 0; }
#HKD_png { background-position  : -350px 0; }
#INR_png { background-position  : -550px 0; }
#AUD_png { background-position  : -1250px 0; }
#NZD_png { background-position  : -850px 0; }

/* variants */
#ROL_png { background-position  : -925px 0; }
#TRL_png { background-position  : -1100px 0; }

/* past */
#EEK_png { background-position  : -225px 0; }
#SIT_png { background-position  : -1025px 0; }
#MTL_png { background-position  : -725px 0; }
#CYP_png { background-position  : -125px 0; }
#ISK_png { background-position  : -575px 0; }
#SKK_png { background-position  : -1050px 0; }

/* preeuro */
#ITL_png { background-position  : -600px 0; }
#FRF_png { background-position  : -275px 0; }
#ESP_png { background-position  : -400px 0; }
#DEM_png { background-position  : -175px 0; }
#ATS_png { background-position  : 0 0; }
#NLG_png { background-position  : -800px 0; }
#BEF_png { background-position  : -25px 0; }
#LUF_png { background-position  : -950px 0; }
#PTE_png { background-position  : -1200px 0; }
#FIM_png { background-position  : -250px 0; }
#IEP_png { background-position  : -500px 0; }
#GRD_png { background-position  : -475px 0; }

.input {
	font-size: 1.333em;
	width: 8.5em;
	height: 1.375em;
	text-align:right;
	border: 0;
	padding: 0 0.1875em 0 0;
	margin: 0 0 0 0;
	color: #555555;
	/* background: rgb(255,255,255); /* Old browsers */
	/* background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	/* background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	/* background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	/* background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	/* background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.input_main {
	border-left: 1px solid #de2918;
	border-bottom: 1px solid #de2918;
	border-bottom-left-radius: 4px;
	background-color: #FFFFFF;
}
.input_euro {
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-bottom-left-radius: 4px;
}
.input_eur {
	border-left: 1px solid #08399c;
	border-bottom: 1px solid #08399c;
	border-bottom-left-radius: 4px;
}
.input_neu {
	border-left: 1px solid #008000;
	border-bottom: 1px solid #008000;
	border-bottom-left-radius: 4px;
}
.input_VAL::-ms-clear {
    display: none;
}

#cookieChoiceInfo {
	position: relative; left: 0; top: 0; width: 100%; min-height: 30px; background-color: #EEEEEE; padding: 10px 10px 20px 10px; margin-bottom: 20px;
}
#closeCookieBanner {
	float: right;
}
#whole_content {
	position: relative; left: 0; top: 0;
}

#main_block {
	display: inline-block; margin-left: auto; margin-right: auto; min-width: 316px; max-width: 1080px; text-align: center;
}
#ad_right {
	float: left; width: 160px; height: 600px; margin-top: 0px; margin-left: 15px; /* display: none; background-color: gray; */
}
#center_block {
	float: left; margin-left: auto; margin-right: auto; max-width: 730px;
}
.ad_central {
	display: inline-block; width: 100%; /* display: none; */
}
#ad_top {
	width: 100%; margin: 10px auto; /* height: 15px; display: none; background-color: gray; */
}
#ad_middle {
	width: 100%; margin: 10px auto; /* height: 90px; display: none; background-color: gray; */
}
#ad_bottom {
	width: 100%; margin: 10px auto; /* height: 15px; display: none; background-color: gray; */
}
#footer_zone {
	clear: left; margin-left: auto; margin-right: auto; width: 100%; height: 60px; text-align: center; padding: 12px 3px;'
}
#footer_info {
	text-align: center; width: 47%; min-width: 310px; line-height: 0.66em; margin: 0 auto; padding-top: 10px; padding-bottom: 10px;
}
#footer_social {
	text-align: center; width: 47%; min-width: 310px; line-height: 0.66em; margin: 0 auto; padding-top: 10px; padding-bottom: 10px;
}
#g_plusone_area {
	width:36px;
}
#footer_zone div {
	float: left; margin: 0 5px;
}
#byWebGuide { clear: left; text-align: center; margin: 0px auto; padding-top: 20px; }

.btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: transparent !important;
    border-color: 0px solid white !important;
    color: #555555 !important;
}
.ui-datepicker {
	font-size: 12px;
	width: 350px !important;
	max-width:99%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	height: 28px;
	width: 42%;
	margin-left: 3px;
	margin-right: 3px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-top: -3px !important;
}
.ui-datepicker td span, .ui-datepicker td a {
    padding-top: 0.8em !important;
    padding-right: 1.66em !important;
    padding-bottom: 0.8em !important;
}
.ui-datepicker-week-end {
	display: none;
}
#datepicker {
	width: 0px;
	position: relative;
	top: 10px;
	left: 0px;
	border: 0px solid white;
}
#datechanger {
	position: relative;
	left: 0;
	top: 0;
	cursor: pointer;
}
#dateshown {
	height: 24px;
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -12px;
	cursor: pointer;
	border: 0px solid white;
	background-color: transparent;
	color: transparent;
	text-shadow: 0 0 0 #333333;
	width: 80%;
	padding: 0;
	font-size: 1.167em;
}
#datecaret {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 3%;
	top: 50%;
	margin-top: -12px;
	background-image: url(/euro-img/calendar-24.png);
}
#langcaret {
	width: 20px;
	height: 24px;
	position: absolute;
	right: 3%;
	top: 50%;
	margin-top: -12px;
	background-image: url(/euro-img/language-24.png);
}

/* charts */
#chart1, #chart2 {
	position: relative; left:0; top: 0; width:316px; height: 200px;
}
#box_chart1, #box_chart2 {
	float: left; width:50%; height: 200px;
}
#box_chart2 {
	background-color: #EEEEEE;
}
.share_link {
	border-radius: 3px;
    color: white;
    font-size: 12px;
    margin-right: 2px;
    padding: 5px 8px;
}
a.share_link:hover, a.share_link:active, a.share_link:visited {
	color: #EEEEEE;
	text-decoration: none;
}
.share_fb {
	background: none repeat scroll 0 0 #3b5997;
}
.share_tw {
	background: none repeat scroll 0 0 #41b7d8;
}
.share_gp {
	background: none repeat scroll 0 0 #d64937;
}

/* media queries */

@media only screen and (max-width: 359px) {
	html, body { min-width: 320px; }
	#ad_top, #ad_middle { width: 316px; }
	#ad_bottom { display: none; }
	#ad_right { display: none; }
	#main_block { width: 100%; }
	#center_block { max-width: 100%; }
	.currency_name { width: 10em; }
	.currency_block { width: 316px; }
	.input { width: 7em; }
	#dateshown, #langshown { font-size: 1em !important; }
	#footer_info { text-align: center; width: 312px; line-height: 0.66em; margin: 10px auto; }
	#footer_social { text-align: center; width: 312px; height: 30px; margin: 10px auto; }
	#box_chart1, #box_chart2 { float: left; width:100%; height: 200px; }
}
@media only screen and (min-width: 360px) and (max-width: 589px) {
	html, body { width: 360px; margin-left: auto; margin-right: auto; }
	.currency_name { width: 10.5em; }
	#ad_top, #ad_middle { width:360px; }
	#ad_bottom { display: none; }
	#ad_right { display: none; }
	#box_chart1, #box_chart2 { width:100%; }
}
@media only screen and (min-width: 590px) and (max-width: 759px) {
	html, body { width: 590px; margin-left: auto; margin-right: auto; }
	.currency_name { width: 11em; }
	#ad_top, #ad_middle { width:360px; }
	#ad_bottom { display: none; }
	#center_block { width: 360px; }
	#ad_right { display: inline; }
	#box_chart1, #box_chart2 { width:100%; }
}
@media only screen and (min-width: 760px) and (max-width: 949px) {
	html, body { width: 728px; margin-left: auto; margin-right: auto; }
	#ad_top, #ad_middle, #ad_bottom { width:728px; }
	#ad_right { display: none; }
}
@media only screen and (min-width: 950px) {
	html, body { width: 950px; margin-left: auto; margin-right: auto; }
	#ad_top, #ad_middle, #ad_bottom { width:728px; }
	#ad_right { display: inline; }
}