/** Inspired by: http://graphicburger.com/flat-design-ui-components/ **/
/** Line-chart and donut-chart made by @kseso http://codepen.io/Kseso/pen/phiyL **/

/* Inclusione OPEN SANS */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),
    url('../fonts/OpenSans-Regular.woff2') format('woff2'),
    url('../fonts/OpenSans-Regular.woff') format('woff'),
    url('../fonts/OpenSans-Regular.ttf') format('ttf');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans'),
    url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
    url('../fonts/OpenSans-Semibold.woff') format('woff'),
    url('../fonts/OpenSans-Semibold.ttf') format('ttf');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans'),
    url('../fonts/OpenSans-Italic.woff2') format('woff2'),
    url('../fonts/OpenSans-Italic.woff') format('woff'),
    url('../fonts/OpenSans-Italic.ttf') format('ttf');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: local('Open Sans'),
    url('../fonts/OpenSans-SemiboldItalic.woff2') format('woff2'),
    url('../fonts/OpenSans-SemiboldItalic.woff') format('woff'),
    url('../fonts/OpenSans-SemiboldItalic.ttf') format('ttf');
}

/************************************ FONTS ************************************/
@font-face {
	font-family: 'wfhmeteo';
	src:  url('../fonts/wfhmeteo.eot?92kab7');
	src:  url('../fonts/wfhmeteo.eot?92kab7#iefix') format('embedded-opentype'),
	url('../fonts/wfhmeteo.ttf?92kab7') format('truetype'),
	url('../fonts/wfhmeteo.woff?92kab7') format('woff'),
	url('../fonts/wfhmeteo.svg?92kab7#wfhmeteo') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="wfhmeteo-"], [class*=" wfhmeteo-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'wfhmeteo', serif !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wfhmeteo-cloudy:before, .wfhmeteo-mostlycloudy:before {
	content: "\e900";
}
.wfhmeteo-fog:before {
	content: "\e908";
}
.wfhmeteo-partlycloudynight:before {
	content: "\e917";
}
.wfhmeteo-rain:before, .wfhmeteo-drizzle:before {
	content: "\e918";
}
.wfhmeteo-snow:before {
	content: "\e91f";
}
.wfhmeteo-sleet:before {
	content: "\e920";
}
.wfhmeteo-partlycloudyday:before, .wfhmeteo-partlycloudy:before {
	content: "\e925";
}
.wfhmeteo-wind:before {
	content: "\e927";
}
.wfhmeteo-clearnight:before {
	content: "\e931";
}
.wfhmeteo-clearday:before, .wfhmeteo-mostlyclear:before {
	content: "\e93c";
}
/************************************* END FONTS *************************************/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { background: none !important;}
ul { list-style-type: none; margin: 0; padding-left: 0; }
h1 { font-size: 23px; }
h2 { font-size: 17px; }
p { font-size: 16px; }
label { font-size: 14px; /*color: #9099b7;*/ color: #ffffff; margin-top: 5px; margin-bottom: 10px;}
label.big { font-size: 17px; color: #9099b7; margin-top: 5px; margin-bottom: 10px;}
a { text-decoration: none; font-size: 15px;}
a.btn { margin-bottom: 6px;}
a.btn-link,a.btn-link:hover { color: #fff;}
a:hover { text-decoration: underline; }
h1, h2, p, a, span { color: #fff; }
.scnd-font-color { color: #9099b7; }
.input-container { position: relative; }
.input-container label{ margin-top: 0;}
.guestbook .input-container p { margin-left: 0;}
input[type=text] { width: 90%; height: 50px; margin-left: 20px; margin-bottom: 20px; padding-left: 15px; background: #50597b; color: #fff; border: solid 1px #1f253d; border-radius: 5px; }
select { width: 90%; height: 40px; margin: 10px; padding-left: 15px; background: #50597b; color: #fff; border: solid 1px #1f253d; border-radius: 5px; }
input[type=text]::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */
    /*color: #fff;*/color: #9099b7;
}
input[type=text]:-moz-input-placeholder,textarea::-moz-input-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
input[type=text]::-moz-input-placeholder,textarea::-moz-input-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
input[type=text]:-ms-input-placeholder,textarea::-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}
input[type=text]:focus { outline: none; /* removes the default orange border when focus */ border: 1px solid #11a8ab; }
.input-icon { font-size: 22px; position: absolute; left: 31px; top: 10px; }
.input-icon.password-icon { left: 35px; }
.horizontal-list { margin: 0; padding: 0; list-style-type: none; }
.horizontal-list li { float: left; }
.clear { clear: both; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.icon { font-size: 25px; }
.titular { display: block; line-height: 20px; min-height: 60px; margin:0; padding: 20px 20px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.button { display: block; width: 175px; line-height: 50px; font-size: 16px; font-weight: 700; text-align: center; margin: 0 auto; border-radius: 5px; -webkit-transition: background .3s; transition: background .3s; }
.button:hover { text-decoration: none; }
.arrow-btn-container { position: relative; }
.arrow-btn { position: absolute; display: block; width: 60px; height: 60px; -webkit-transition: background .3s; transition: background .3s; }
.arrow-btn:hover { text-decoration: none; }
.arrow-btn.left { border-top-left-radius: 5px; }
.arrow-btn.right { border-top-right-radius: 5px; right: 0; top: 0; }
.arrow-btn .icon { display: block; font-size: 18px; border: 2px solid #fff; border-radius: 100%; line-height: 17px; width: 21px; margin: 20px auto; text-align: center; }
.arrow-btn.left .icon { padding-right: 2px; }
.profile-picture { border-radius: 100%; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.big-profile-picture { margin: 0 auto; border: 5px solid #50597b; width: 150px; height: 150px; }
.small-profile-picture { border: 2px solid #50597b; width: 40px; height: 40px; }
/** MAIN CONTAINER **/

/*.main-container { font-family: 'Open Sans', sans-serif; margin: 1em auto; }*/
.main-container { font-family: 'Arial', sans-serif; margin: 1em auto; }
/*********************************************** HEADER ***********************************************/
header { }
.header-menu { font-size: 17px; line-height: 80px; }
.header-menu li { position: relative; -webkit-transform: translateZ(0); /** To avoid a flash when hover messages **/ }
.header-menu-tab { padding: 0 27px; display: block; border-bottom: 4px solid #394264; line-height: 74px; font-size: 17px; -webkit-transition: background .3s; transition: background .3s; }
.header-menu-tab:hover { background: #50597b; border-bottom: 4px solid #11a8ab; text-decoration: none; }
.header-menu-tab .icon { padding-right: 15px; }
.header-menu-number { position: absolute; line-height: 22px; width: auto; padding: 0 6px; font-weight: 700; background: #e64c65; border-radius: 100%; top: 15px; right: 2px; -webkit-transition: all .3s linear; transition: all .3s linear; }
.header-menu li:hover .header-menu-number { text-decoration: none; -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.profile-menu { float: right; height: 80px; padding-right: 20px; }
.profile-menu p { font-size: 17px; display: inline-block; line-height: 76px; margin: 0; padding-right: 10px; }
.profile-menu a { padding-left: 5px; }
.profile-menu a:hover { text-decoration: none; }
.small-profile-picture { display: inline-block; vertical-align: middle; }
/** CONTAINERS **/
/*.contentBox { float: left; width: 300px; }*/
.block { margin-bottom: 25px; background: #394264; border-radius: 5px; }
.banner-block { margin-bottom: 25px;}
/******************************************** LEFT CONTAINER *****************************************/
.left-container { }
.menu-box {/* height: 360px;*/ }
.menu-box .titular { background: #11a8ab; }
.menu-box-menu .icon { display: inline-block; vertical-align: top; width: 28px; margin-left: 20px; margin-right: 15px; }
.menu-box-number { width: 36px; line-height: 22px; background: #50597b; text-align: center; border-radius: 15px; position: absolute; top: 15px; right: 15px; -webkit-transition: all .3s; transition: all .3s; }
.menu-box-menu li { height: 60px; position: relative; }
.menu-box-tab { line-height: 60px; display: block; border-bottom: 1px solid #1f253d; -webkit-transition: background .2s; transition: background .2s; }
.menu-box-tab:hover { background: #50597b; border-top: 1px solid #1f253d; text-decoration: none; }
.menu-box-tab:hover .icon { color: #fff; }
.menu-box-tab:hover .menu-box-number { background: #e64c65; }
.donut-chart-block {/* height: 434px;*/ }
.donut-chart-block .titular { padding: 10px 0; }
.donut-chart { height: 270px; }
/******************************************
DONUT-CHART by @kseso http://codepen.io/Kseso/pen/phiyL
******************************************/
.donut-chart { position: relative; width: 200px; height: 200px; margin: 0 auto 2rem; border-radius: 100% }
p.center-date { background: #394264; position: absolute; text-align: center; font-size: 28px; top: 0; left: 0; bottom: 0; right: 0; width: 130px; height: 130px; margin: auto; border-radius: 50%; line-height: 35px; padding: 15% 0 0; }
.center-date span.scnd-font-color { line-height: 0; }
.recorte { border-radius: 50%; clip: rect(0px, 200px, 200px, 100px); height: 100%; position: absolute; width: 100%; }
/*.quesito { border-radius: 50%; clip: rect(0px, 100px, 200px, 0px); height: 100%; position: absolute; width: 100%; font-family: 'Open Sans'; font-size: 1.5rem; }*/
.quesito { border-radius: 50%; clip: rect(0px, 100px, 200px, 0px); height: 100%; position: absolute; width: 100%; font-family: 'Arial'; font-size: 1.5rem; }
#porcion1 { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
#porcion1 .quesito { background-color: #E64C65; -webkit-transform: rotate(76deg); transform: rotate(76deg); }
#porcion2 { -webkit-transform: rotate(76deg); transform: rotate(76deg); }
#porcion2 .quesito { background-color: #11A8AB; -webkit-transform: rotate(140deg); transform: rotate(140deg); }
#porcion3 { -webkit-transform: rotate(215deg); transform: rotate(215deg); }
#porcion3 .quesito { background-color: #4FC4F6; -webkit-transform: rotate(113deg); transform: rotate(113deg); }
#porcionFin { -webkit-transform: rotate(-32deg); transform: rotate(-32deg); }
#porcionFin .quesito { background-color: #FCB150; -webkit-transform: rotate(32deg); transform: rotate(32deg); }
/******************************************
                                END DONUT-CHART by @kseso http://codepen.io/Kseso/pen/phiyL
                                ******************************************/
.os-percentages { padding-top: 36px; }
.os-percentages li { border-left: 1px solid #394264; text-align: center; background: #50597b; padding: 0; }
.os { margin: 0; padding: 10px 0 5px; font-size: 15px; }
.os.ios { border-top: 4px solid #e64c65; }
.os.mac { border-top: 4px solid #11a8ab; }
.os.linux { border-top: 4px solid #fcb150; }
.os.win { border-top: 4px solid #4fc4f6; }
.os-percentage { margin: 0; padding: 0 0 15px 10px; font-size: 25px; }
.line-chart-block { height: 400px; }
.line-chart { height: 200px; background: #11a8ab; }
/******************************************
                                LINE-CHART by @kseso http://codepen.io/Kseso/pen/phiyL
                                ******************************************/
.grafico { padding: 2rem 1rem 1rem; width: 100%; height: 100%; position: relative; color: #fff; font-size: 80%; }
.grafico span { display: block; position: absolute; bottom: 3rem; left: 2rem; height: 0; border-top: 2px solid; -webkit-transform-origin: left center; transform-origin: left center; }
.grafico span > span { left: 100%; bottom: 0; }
[data-valor='25'] {
    width: 75px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
[data-valor='8'] {
    width: 24px;
    -webkit-transform: rotate(65deg);
    transform: rotate(65deg);
}
[data-valor='13'] {
    width: 39px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
[data-valor='5'] {
    width: 15px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}
[data-valor='23'] {
    width: 69px;
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
}
[data-valor='12'] {
    width: 36px;
    -webkit-transform: rotate(75deg);
    transform: rotate(75deg);
}
[data-valor='15'] {
    width: 45px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
[data-valor]:before { content: ''; position: absolute; display: block; right: -4px; bottom: -3px; padding: 4px; background: #fff; border-radius: 50%; }
[data-valor='23']:after { content: '+' attr(data-valor) '%'; position: absolute; right: -2.7rem; top: -1.7rem; padding: .3rem .5rem;
                          background: #50597B; border-radius: .5rem;
                          -webkit-transform: rotate(45deg); transform: rotate(45deg); }
[class^='eje-'] {
    position: absolute;
    left: 0;
    bottom: 0rem;
    width: 100%;
    padding: 1rem 1rem 0 3rem;
    height: 80%;
}
.eje-x { height: 3.5rem; }
.eje-y li { height: 25%; border-top: 1px solid #777; }
[data-ejeY]:before { content: attr(data-ejeY); display: inline-block; width: 2rem; text-align: right; line-height: 0; position: relative; left: -2.5rem; top: -.5rem;
}
.eje-x li { width: 33%; float: left; text-align: center; }
/******************************************
                                END LINE-CHART by @kseso http://codepen.io/Kseso/pen/phiyL
                                ******************************************/
.time-lenght { padding-top: 22px; padding-left: 38px; }
.time-lenght-btn { display: block; width: 70px; line-height: 32px; background: #50597b; border-radius: 5px; font-size: 14px; text-align: center; margin-right: 5px; -webkit-transition: background .3s; transition: background .3s; }
.time-lenght-btn:hover { text-decoration: none; background: #e64c65; }
.month-data { padding-top: 28px; }
.month-data p { display: inline-block; margin: 0; padding: 0 25px 15px; font-size: 16px; }
.month-data p:last-child { padding: 0 25px; float: right; font-size: 15px; }
.increment { color: #e64c65; }
.media {  }
#media-display { height: auto;}
#media-display a img { margin: auto; display: block;}
#media-display img { margin: auto; display: block;}
#media-display .play { position: absolute; top: 75px; right: 50%; margin-right: -15px; border: 2px solid #fff; border-radius: 100%; padding: 2px 5px 2px 9px; }
#media-display .play:hover { border: 2px solid #e64c65; }
.media-control-bar { padding: 6px 0 0 15px; }
.media-btn, .time-passed { display: inline-block; margin: 0; }
.media-btn { font-size: 19px; }
.media-btn:hover, .media-btn:hover span { text-decoration: none; color: #e64c65; }
.play { margin-right: 100px }
.volume { margin-left: 30px; }
.resize { margin-left: 12px; }
.smallsocial { height: 110px; }
.smallsocial li { padding: 0; }
.smallsocial li .icon { text-align: center; font-size: 20px; margin: 0; line-height: 81px; }
.smallsocial li .number { text-align: center; margin: 0; line-height: 34px; }
.smallsocial .facebook { background: #3468af; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.smallsocial .facebook .number { background: #1a4e95; border-bottom-left-radius: 5px; }
.smallsocial .twitter { background: #4fc4f6; }
.smallsocial .twitter .icon { font-size: 18px; }
.smallsocial .twitter .number { background: #35aadc; }
.smallsocial .googleplus { background: #e64c65; }
.smallsocial .googleplus .number { background: #cc324b; }
.smallsocial .mailbox { background: #50597b; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.smallsocial .mailbox .number { background: #363f61; border-bottom-right-radius: 5px; }
/************************************************** MIDDLE CONTAINER **********************************/
.middle-container { margin: 0; }
.profile { height: 410px; }
.add-button .icon { float: right; line-height: 18px; width: 23px; border: 2px solid; border-radius: 100%; font-size: 18px; text-align: center; margin: 10px; }
.add-button .icon:hover { color: #e64c65; border-color: #e64c65; }
.user-name { margin: 25px 0 16px; text-align: center; }
.profile-description { width: 210px; margin: 0 auto; text-align: center; }
.profile-options { padding-top: 23px; }
.profile-options li { border-left: 1px solid #1f253d; padding: 0; }
.profile-options p { margin: 0; }
.profile-options a { display: block; line-height: 60px; text-align: center; -webkit-transition: background .3s; transition: background .3s; }
.profile-options a:hover { text-decoration: none; background: #50597b; }
.profile-options a:hover.comments .icon { color: #fcb150; }
.profile-options a:hover.views .icon { color: #11a8ab; }
.profile-options a:hover.likes .icon { color: #e64c65; }
.profile-options .icon { padding-right: 10px; }
.profile-options .comments { border-top: 4px solid #fcb150; }
.profile-options .views { border-top: 4px solid #11a8ab; }
.profile-options .likes { border-top: 4px solid #e64c65; }
.weather { /*height: 555px;*/ }
.weather .titular { background: #8e44ad; }
.weather .titular .icon { padding-right: 15px; font-size: 26px; }
.weather .current-day { height: 100px; background: #9b59b6; }
.weather .current-day-date-div { background: #9b59b6; }
.weather .current-day p { margin: 0; padding-left: 50px; }
.current-day-date { font-size: 16px; padding-top: 16px; }
.current-day-temperature { font-size: 70px; }
.current-day-temperature .icon-cloudy { padding-left: 20px; }
.weather .next-days { }
.weather .next-days p { margin: 0; display: inline-block; font-size: 16px; }
.weather .next-days li { display: block; line-height: 58px; border-bottom: 1px solid #1f253d; -webkit-transition: background .3s; transition: background .3s; }
.weather .next-days li:hover { background: #50597b; }
.weather .next-days li:hover .day { color: #fff; }
.weather .next-days-date { padding-left: 20px; }
.weather .next-days-temperature { float: right; padding-right: 20px; }
.weather .next-days-temperature .icon { padding-left: 10px; }
.testi {  }
.testi .titular { background: #2980b9; }
.testi .titular .icon { font-size: 18px; padding-right: 20px; }
.testo.first { height: auto; border-bottom: 1px solid #1f253d;}
.testo p:first-child { margin: 0; padding: 30px 30px 0; }
.testo p:last-child { margin: 0; padding: 15px 20px; }
.guestbook .testo-link { text-decoration: underline; color: #f39c12;  }
.bigsocial { height: auto; background: #1f253d; }
.bigsocial li { margin-bottom: 12px; }
.bigsocial a { line-height: 60px; color: inherit; text-decoration: none;}
.bigsocial a:hover { text-decoration: none; color: #fff;}
.bigsocial .titular { border-radius: 5px; }
.bigsocial .facebook { background: #3468af; -webkit-transition: background .3s; transition: background .3s; }
.bigsocial a:hover .facebook { background: #1a4e95; }
.bigsocial a:hover .icon.facebook { background: #3468af; }
.bigsocial .twitter { background: #4fc4f6; -webkit-transition: background .3s; transition: background .3s; }
.bigsocial a:hover .twitter { background: #35aadc; }
.bigsocial a:hover .icon.twitter { background: #4fc4f6; }
.bigsocial .googleplus { background: #e64c65; -webkit-transition: background .3s; transition: background .3s; }
.bigsocial a:hover .googleplus { background: #cc324b; }
.bigsocial a:hover .icon.googleplus { background: #e64c65; }
.bigsocial .icon { float: left; width: 60px; height: 60px; text-align: center; font-size: 20px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; color: #fff;}
.bigsocial .icon.facebook { background: #1a4e95; }
.bigsocial .icon.twitter { background: #35aadc; }
.bigsocial .icon.googleplus { background: #cc324b; }
/********************************************* RIGHT CONTAINER ****************************************/
.right-container { }
.join-newsletter { height: 230px; }
.join-newsletter .titular { padding-top: 10px; }
.subscribe.button { background: #11a8ab; margin-top: 10px; }
.subscribe.button {background: #50597b; margin-top: 10px;}
.account { height: 390px; }
.account .titular { padding: 10px 0; }
.sign-in.button { background: #e64c65; margin: 10px auto; }
.sign-in.button:hover { background: #cc324b; }
.account p { text-align: center; }
.fb-sign-in { margin-top: 28px; display: block; line-height: 50px; background: #3468af; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-transition: background .3s; transition: background .3s; }
.fb-sign-in:hover { background: #1a4e95; text-decoration: none; }
.fb-sign-in .icon { line-height: 20px; font-size: 12px; padding-right: 3px; }
.fb-border { display: inline-block; width: 23px; line-height: 20px; border: 2px solid #fff; border-radius: 100%; margin-right: 10px; }
.loading { height: 200px; padding-top: 35px; }
.loading p { display: inline-block; padding-left: 30px; margin: 5px 0 20px; }
.loading .icon { padding-right: 15px; vertical-align: middle; }
.loading .percentage { float: right; padding: 6px 35px 0 0; }
.loading .progress-bar { width: 88%; height: 20px; background: #50597b; border-radius: 5px; margin: 0 auto; }
.progress-bar.downloading { background: -webkit-linear-gradient(left, #11a8ab 81%, #50597b 81%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(left, #11a8ab 81%, #50597b 81%); /* IE10+ */ background: linear-gradient(to right, #11a8ab 81%, #50597b 81%); /* W3C */ }
.progress-bar.uploading { background: -webkit-linear-gradient(left, #4fc4f6 43%, #50597b 43%); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(left, #4fc4f6 43%, #50597b 43%); /* IE10+ */ background: linear-gradient(to right, #4fc4f6 43%, #50597b 43%); /* W3C */ }
.calendar-day { padding-bottom: 35px; background: #3468af; }
.calendar-day .titular { background: #1a4e95; }
.calendar-day .arrow-btn:hover { background: #16417E; }
.calendar-day .the-day { margin: 0; text-align: center; font-size: 122px; }
.add-event.button { background: #4fc4f6; }
.add-event.button:hover { background: #35aadc; }
.calendar-month { height: 380px; }
.calendar-month .titular { background: #3468af; }
.calendar-month .arrow-btn:hover { background: #1a4e95; }
.calendar { margin: 22px auto; width: 90%; text-align: center; }
.calendar a { font-size: 17px; }
.calendar td, .calendar th { width: 14.29%; height: 38px; text-align: center; }
.calendar .days-week { color: #4fc4f6; }
.calendar .today { display: block; width: 34px; line-height: 34px; background: #e64c65; border-radius: 100%; }
.navbar-collapse { width: 80%; float: left; }
.navbar-toggle .icon-bar { background: #fff; }
@media only screen and (max-width: 990px) {
    .header-menu-tab { padding: 0 15px; }
}
@media only screen and (max-width: 767px) {
    .navbar-collapse { position: absolute; z-index: 333; overflow: visible; background-color: #50597B; padding: 20px; width: 100%; top: 82px; left: 0; border-radius: 5px; }
    .header-menu li { float: none; width: 100%; padding: 0; }
    .navbar-collapse.in { overflow: visible; }
    .header-menu-tab { line-height: 60px; }
    .header-menu-number { top: 22px; }
}

/* WALLEDGARDEN WIDGET */
.walledgarden {height: auto;/*padding-bottom: 10px;*/width: auto; }
.walledgarden a:hover { color: #fff;}
.walledgarden .titular { margin-bottom: 10px;background: #f39c12;font-weight: bold; }
.walledgarden p { text-align: justify; margin-left: 20px; margin-right: 20px;}
.walledgarden h1 { margin-left: 20px; margin-right: 20px;font-weight: bold;}

/* GUESTBOOK WIDGET */
.guestbook {height: auto;/*padding-bottom: 10px;*/width: auto; }
.guestbook a:hover { color: #fff;}
.guestbook .titular { margin-bottom: 10px;background: #f39c12;font-weight: bold; }
.guestbook p { text-align: justify; margin-left: 20px; margin-right: 20px;}
.guestbook h1 { margin-left: 20px; margin-right: 20px;font-weight: bold;}
.guestbook textarea:focus { outline: none; border: 1px solid #11a8ab; color: #fff;}
.guestbook .textarea-container {margin: 10px 20px 20px 20px;}
.guestbook .input-container, .news-box .input-container {margin: 10px 20px 20px 20px;margin-right: 20px;}
.guestbook .input-icon {left: 10px;}
.guestbook input[type="text"] { width: 100%;margin: 0;}
.guestbook textarea { width: 100%; height: 100px;  padding: 5px; background: #50597b; color: #fff; border: solid 1px #1f253d; border-radius: 5px; }
.guestbook .stars img {width: 48px;height: 48px;}
.guestbookstars img {width: 32px;height: 32px;}
.guestbookviewstars img {width: 14px;height: 14px;margin-bottom: 10px;}
.guestbook div.stars {margin-bottom: 20px;}
.guestbook .button {margin: 10px; float: right;}
.guestbook div.media { display:block; /*border-bottom: 1px solid #1f253d;*/ -webkit-transition: background .3s; transition: background .3s;margin-top: 0; cursor: pointer;margin-left: 20px;margin-right: 10px;margin-top: 30px;}
.guestbook div.media:hover { background: #50597b; /*border-top: 1px solid #1f253d;*/ text-decoration: none; }
/*.guestbook .media {margin-left: 20px;margin-right: 10px;margin-top: 30px;}*/
.guestbook .media-heading {font-weight: bold;}
.guestbook .media-body {color: #fff;}
.guestbook .recensione-data {font-size: 12px; margin-top: 5px; font-style: italic;}
.guestbook .selected {border: 1px solid #ddd;border-radius: 4px;padding: 5px;}
.guestbook .contenitore-pagination {text-align: center;margin-top: 20px;margin-bottom: 20px;}
/* END GUESTBOOK WIDGET */

/* PLACES WIDGET */
.places {height: auto;padding-bottom: 10px;padding-left: 0;padding-right: 0;}
.places .titular { margin-bottom: 10px;background: #e74c3c;font-weight: bold;height: 65px;overflow: hidden; }
.places .place-icon, .places .category-icon{margin-right: 10px;}
.btn-places{background: #0099ff !important;}
.btn-places-categoria,.btn-places-place{text-align: left;font-size: 30px;word-wrap:break-word;}
.btn-places:active,.btn-places:hover,.btn-places:focus,.btn-places.active{color: #ffffff;background: #0066ff !important;}
/* END PLACES WIDGET */

/* NEWS DETAIL WIDGET */
.news-detail {height: auto;padding-bottom: 10px;width: auto; }
.news-detail .titular { margin-bottom: 10px;background: #e74c3c;font-weight: bold;height: 65px;overflow: hidden; }
.news-detail p { text-align: justify; margin-left: 20px; margin-right: 20px;}
.news-detail h1 { margin-left: 20px; margin-right: 20px;font-weight: bold;}
.news-detail label { font-weight: normal; color: #fff;}
.news-detail textarea:focus { outline: none; border: 1px solid #11a8ab; color: #fff;}
.news-detail .textarea-container {margin: 10px 20px 20px 20px;}
.news-detail .input-container {margin: 10px 20px 20px 20px;}
.news-detail .input-icon {left: 10px;}
.news-detail input[type="text"] { width: 100%;margin: 0;}
.news-detail textarea { width: 100%; height: 100px;  padding: 5px; background: #50597b; color: #fff; border: solid 1px #1f253d; border-radius: 5px; }
.news-detail .input-container {margin-right: 20px;}
.news-detail .stars img {width: 48px;height: 48px;}
.news-detailstars img {width: 32px;height: 32px;}
.news-detailviewstars img {width: 14px;height: 14px;margin-bottom: 10px;}
.news-detail .news-detail-verified {margin: 10px auto;}
.news-detail div.stars {margin-bottom: 20px;}
.news-detail .button {margin: 10px; float: right;}
.news-detail .media {margin-left: 20px;margin-right: 10px;margin-top: 30px;}
.news-detail .media-heading {font-weight: bold;}
.news-detail .media-body {color: #fff;}
.news-detail .recensione-data, .elenco-news .recensione-data {font-size: 12px; margin-top: 5px; font-style: italic;}
.news-detail .selected {border: 1px solid #ddd;border-radius: 4px;padding: 5px;}
.news-detail .contenitore-pagination {text-align: center;margin-top: 20px;margin-bottom: 20px;}
.news-detail div.recensione-data, .elenco-news div.recensione-data {margin: 15px; color: #fff;}
.news-detail .button {background: #1a4e95;margin-left: 0}
.news-detail .button:hover {color: #fff;}
.news-detail .news-leggitutto {text-decoration: underline; color: #e74c3c;}
.news-detail a:hover {text-decoration: none;color: #fff;}
/* END NEWS DETAIL WIDGET */

/* QUICKREVIEW WIDGET */
.quickreview {height: auto;/*padding-bottom: 10px;*/width: auto; }
.quickreview a:hover { color: #fff;}
.quickreview .titular { margin-bottom: 10px;background: #f39c12;font-weight: bold; }
.quickreview p { text-align: justify; margin-left: 20px; margin-right: 20px;}
.quickreview h1 { margin-left: 20px; margin-right: 20px;font-weight: bold;}
.quickreview textarea:focus { outline: none; border: 1px solid #11a8ab; color: #fff;}
.quickreview .textarea-container {margin: 10px 20px 20px 20px;}
.quickreview .input-container, .news-box .input-container {margin: 10px 20px 20px 20px;margin-right: 20px;}
.quickreview .input-icon {left: 10px;}
.quickreview input[type="text"] { width: 100%;margin: 0;}
.quickreview textarea { width: 100%; height: 100px;  padding: 5px; background: #50597b; color: #fff; border: solid 1px #1f253d; border-radius: 5px; }
.quickreview .stars img {width: 48px;height: 48px;}
.quickreview div.stars {margin-bottom: 20px;}
.quickreview .button {margin: 10px; float: right;}
.quickreview div.media { display:block; /*border-bottom: 1px solid #1f253d;*/ -webkit-transition: background .3s; transition: background .3s;margin-top: 0; cursor: pointer;margin-left: 20px;margin-right: 10px;margin-top: 30px;}
.quickreview div.media:hover { background: #50597b; /*border-top: 1px solid #1f253d;*/ text-decoration: none; }
.quickreview .media-heading {font-weight: bold;}
.quickreview .media-body {color: #fff;}
.quickreview .recensione-data {font-size: 12px; margin-top: 5px; font-style: italic;}
.quickreview .selected {border: 1px solid #ddd;border-radius: 4px;padding: 5px;}
.quickreview .contenitore-pagination {text-align: center;margin-top: 20px;margin-bottom: 20px;}
/* END QUICKREVIEW WIDGET */

/* BOTTONI E STILI AGGIUNTI DA DARKO */
.annulla.button {background: #50597b;}
.annulla.button:hover { background: #0F9295;}
.invia.button { background: #e64c65;}
.invia.button:hover { background: #cc324b;}
.modal p {color: #000;font-weight: bold;}
.modal h4 {color: #000;font-weight: bold;}
/*.titular .btn-group.pull-right{margin-top: 15px;margin-right: 15px;}
.titular .btn-group.pull-left{margin-top: 15px;margin-left: 15px;}*/
.meteo-location{max-height: 65px;overflow: hidden;}
.meteo-button button {border-radius: 0;}
/*.news-box h4.media-heading {font-weight: bold;}*/
.news-box div.media { display:block; /*border-bottom: 1px solid #1f253d;*/ -webkit-transition: background .3s; transition: background .3s;margin-top: 0; cursor: pointer;}
.news-box div.media:hover { background: #50597b; /*border-top: 1px solid #1f253d;*/ text-decoration: none; }
.news-box .media span { margin: 0 10px 10px 0; color: #fff;}
.news-box .media a { color: #fff; }
.news-box .media a:hover { text-decoration: none; color: #fff; }
.news-box .media .news-title {height: 45px;margin: 10px 10px 10px 10px;}
.news-box .media .news-image {margin: 10px 10px 10px 10px;}
.news-box .media .news-leggitutto {text-decoration: underline; color: #e74c3c;}
.news-box .media .news-leggitutto:hover {color: #fff;}
.news-box .titular,.news-box .titular-bot { background: #e74c3c;}
.titular-bot {display: block; line-height: 60px; margin: 0; text-align: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.titular i.fa {margin-right: 10px;}
.portalpage-titular { background-color: #2ecc71; border-color: #27ae60;}
.portalpage-icon { background-color: #27ae60;}
.places-icon{background-color: #0066ff!important;}
.places-titular{background-color: #0099ff!important;}
.places-titular:active,.places-titular:focus,.places-titular.active{background-color: #0066ff!important;}
.margin-bot-30{ margin-bottom: 30px;}
.margin-bot-6{margin-bottom: 6px;}
.link_walled_garden{ margin-bottom:15px; font-weight: bold; font-size: 17px; text-transform: capitalize; color: #fff;}
.splash_button:active,.splash_button:focus,.splash_button.active{background-color: #27AE60;}
.portal-header
{
    /*background: url('../img/sfondo.png') repeat #f2f2f2;*/
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
    height: 46px;
}

.portal-header div img
{
    max-height: 180px;
}

.portal-header-nome-location{
    line-height: 36px;
    font-size: 20px;
    color: white;
    text-shadow: 0 1px 2px black;
}

.padding-5
{
    padding: 5px;
}
.news-image
{
    width: 80px;
}
.news-image-box
{
    width: 80px;
    height: 80px;
}

.alert-warning span
{
    color: #8a6d3b;
}

.elenco-categorie { height: auto;}
.elenco-categorie .icon { float: left; height: 60px; text-align: center; border-bottom-left-radius: 5px; border-top-left-radius: 5px; background-color: #2b2b2b!important;}
.elenco-categorie .distanza { float: left; height: 60px; text-align: center; border-bottom-right-radius: 5px; border-top-right-radius: 5px; background-color: #2b2b2b!important;}
.elenco-categorie li.place-small a, .elenco-categorie li.place-small h2{font-size: 13px;}
.elenco-categorie li.place-large a, .elenco-categorie li.place-large h2{font-size: 17px;}
.elenco-categorie li { margin-bottom: 12px; }
.elenco-categorie a { line-height: 60px; }
.elenco-categorie a:hover { text-decoration: none; color: #fff;}
.elenco-categorie .titular {border-radius: 0 5px 5px 0; height: 60px;float:left; background-color: #6c6c6c!important;}
.elenco-categorie .titular-place{border-radius: 0; height: 60px;float:left; background-color: #6c6c6c!important;}
.elenco-categorie .titular:active,.elenco-categorie .titular:focus,.elenco-categorie .titular.active{background-color: #2b2b2b!important;}
.elenco-categorie li a:active,.elenco-categorie li a:hover,.elenco-categorie li a:focus,.eleno-categorie li a.active{color: #ffffff;}
.icona-categoria{width: 30px;}
.icona-categoria-mobile{width: 20px;}
.dettagli-place .fa{margin-right: 15px;}
.elenco-categorie .titular-premium{background-color: #f1c40f!important;border-radius: 5px 5px 5px 5px;padding: 10px 10px;line-height: 40px;}
.elenco-categorie .icon-premium{background-color: #f39c12!important;}
.elenco-categorie .distanza-premium{background-color: #f39c12!important;}
.elenco-categorie li.places-li{margin-bottom: 0;}
.elenco-categorie .places-categoria-icon{background-color: #f64747!important;}
.elenco-categorie .titular-places-categoria{background-color: #f64747!important;border-radius: 5px 5px 5px 5px;padding: 5px 10px;position:relative;display:table;vertical-align:middle;height: 60px;overflow: hidden;}
.elenco-categorie .titular-premium{background-color: #f1c40f!important;border-radius: 5px 5px 5px 5px;padding: 5px 10px;position:relative;display:table;vertical-align:middle;height: 60px;overflow: hidden;}
.elenco-categorie .titular-localita{background-color: #707090!important;border-radius: 5px 5px 5px 5px;padding: 5px 10px;position:relative;display:table;vertical-align:middle;height: 60px;overflow: hidden;}
.elenco-categorie .titular-places-categoria:active,.titular-places-categoria:focus,.titular-places-categoria.active{background-color: #ff6666!important;}
.elenco-categorie .icon-localita{background-color: #c7c7c7!important;}
/*.elenco-categorie .titular-localita{background-color: #707090!important;border-radius: 5px 5px 5px 5px;padding: 10px 10px;display:table;height:40px;}*/
.elenco-categorie .titular-localita:active,.titular-localita:focus,.titular-localita.active{background-color: #c7c7c7!important;}
.elenco-categorie div.nome-place{display:table-cell;vertical-align: middle;text-align: left;margin:0;line-height: 20px;padding: 0 10px}
.elenco-categorie div.nome-place-mobile{display:table-cell;vertical-align: middle;text-align: left;margin:0;line-height: 15px;padding: 0 10px;font-size: 12px;}
.titular-places-categoria div.nome-place{display:table-cell;vertical-align: middle;text-align: left;margin:0;line-height: 20px;padding: 0 10px}
.elenco-categorie div.distanza-place{display:table-cell;vertical-align: middle;text-align: left;margin:0;line-height: 20px;width: 65px;font-size: 13px}
.elenco-categorie div.icona-place{display:table-cell;vertical-align: middle;text-align: left;margin:0;width: 30px;}
.elenco-categorie div.icona-place-mobile{display:table-cell;vertical-align: middle;text-align: left;margin:0;width: 20px;}
.titular-premium i.fa{margin: 0}
.dettagli-place {color: #ffffff;font-size: 13px;}
.dettagli-place h1{color:#ffffff;font-size: 30px;font-weight: normal;overflow: hidden;transform-origin: left;}
.dettagli-place h4{color:#ffffff;font-size: 13px;}
.dettagli-place h5{color:#ffffff;font-size: 15px;}
.place-categoria{!important;font-size: small;font-weight: bold;}
.vcenter {display: inline-block;vertical-align: middle;float: none;}
/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/

.jssort01 {
    position: absolute;
    /* size of thumbnail navigator container */
    width: 800px;
    height: 100px;
}

.jssort01 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
}

.jssort01 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
    box-sizing: content-box;
    background: url(../img/t01.png) -800px -800px no-repeat;
    _background: none;
}

.jssort01 .pav .c {
    top: 2px;
    _top: 0px;
    left: 2px;
    _left: 0px;
    width: 68px;
    height: 68px;
    border: #000 0px solid;
    _border: #fff 2px solid;
    background-position: 50% 50%;
}

.jssort01 .p:hover .c {
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    border: #fff 1px solid;
    background-position: 50% 50%;
}

.jssort01 .p.pdn .c {
    background-position: 50% 50%;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
    /* ie quirks mode adjust */
    width /**/: 72px;
    height /**/: 72px;
}
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../img/a17.png) no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.margin-top-20{margin-top: 20px;}
.dettagli-place .fa-places-rating{margin-right: 0;}
.dettagli-place h1{font-size: 30px;font-weight: bolder;position: relative;overflow: hidden;-webkit-transform-origin: left;transform-origin: left;margin-bottom: 2px;line-height: 35px;}
.dettagli-place h2{font-size: 17px;position: relative;overflow: hidden;-webkit-transform-origin: left;transform-origin: left;margin-top: 0;line-height: 25px;}
.dettagli-place h3{font-size: 12px;position: relative;overflow: hidden;-webkit-transform-origin: left;transform-origin: left;margin-top: 0;line-height: 17px;}
.place-stars img{max-height: 20px;margin-bottom: 9px;}
.place-stars-text{font-size: 20px;margin-right: 10px;}
.no-margins{margin: 0px!important;padding: 0px!important;}
.no-margin-bot{margin-bottom: 0px!important;}
img.google_map{ width: 100%;max-width: 100%;}
.panel-body{color:#000000;}
.container{padding-left: 5px;padding-right: 5px;}
.warning{color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.danger{color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.success{color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
div.media-body ul{list-style-type: circle;padding-left: 16px;}
/* FINE BOTTONI AGGIUNTI DA DARKO */