/* @package OxCMS_Base */
/* 	INDICE GENERALE
--------------------------------------------------------------------------------------------- 
/*  Colori
	azzurro: 		#0093D3
	azzurro hover:		#006B99	
	oro navbar: 		#E8D2AB
	oro navbar hover: 	#fff
	fucsia:			#e5007d
	fuchsia light:		#FFB4D0
	fucsia hover:		#B0004B
--------------------------------------------------------------------------------------------- */
/* General Body 
--------------------------------------------------------------------------------------------- */

body {
	font: normal 62.5%/1.4em Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #656565;
	background: #fff;
}

a {color: #0093D3;}
a:hover {color: #006B99;}
strong {color: #444;}

/* clearfix */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}


/* Typography
--------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; line-height: 1em; color: #333; }
h1 {font-size: 2em; }
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}

strong {font-weight: bold;}
em {font-style: italic;}

.klavika {font-family: 'Klavika', Helvetica Neue, Helvetica, Arial, sans-serif;}

/* Struttura
--------------------------------------------------------------------------------------------- */

#langswitch { font-size: 12px; background: #e5007d; color: #000; }
#langswitch-inner { width: 810px; margin: 0 auto; text-align: left;}
#langswitch a {color: #fff;}
#langswitch a:hover {color: #B0004B;}
#langswitch span {font-style: italic;}

#wrapper {text-align: center; font-size: 1.1em;}

#header {
	text-align: left;
	color: #666;
	margin: 0 auto;
	padding: 0;
	height: 94px;
	width: 810px;
	position: relative;
}

#header #logo img {margin: 10px 0 0 0;}
#header #logo h1.site_title,
#header #logo h2.site_description { display: none;}

#header #nav_minisiti {position: absolute; top: 15px; left: 632px; width: 170px;}
#header #nav_minisiti li {border-bottom: 1px dashed #CCC; padding: 0; font-size: 11px;}
#header #nav_minisiti li.last {border: none;}
#header #nav_minisiti a {color: #e5007d;}
#header #nav_minisiti a:hover {color: #B0004B;}

#mainwrapper { background: url("../pics/bg_innerwrapper.gif") repeat-x scroll center top; }


/* Navigazione
--------------------------------------------------------------------------------------------- */
#navbar {
	width: 187px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 40px 0;
	z-index: 20;
}

#navbar ul {
	background: #2E3035;
	color: #fff;
	margin: 0;
	padding: 10px 0;
	font-size: 1.1em;
	line-height: 1.2em;
	text-transform: uppercase;
	border-bottom: 1px solid #424347; 
}
#navbar ul li {padding: 2px 0 1px 15px; position: relative;}
#navbar ul li.current {background: url(../pics/arrow_down_navbar.gif) no-repeat 5px 7px;}

#navbar ul li.separator {border-bottom: 1px solid #424347; margin: 6px 10px 3px 12px; padding: 0;}
#navbar ul li.titleseparator {margin: 6px 10px 5px 12px; padding: 2px 10px; /*background-color: #e5007d;*/}
/*#navbar ul li.titleseparator:before {content:""; width: 0; height: 0; position: absolute; left:10px; bottom: -5px; border-top: 5px solid #e5007d; border-left: 10px solid transparent;}*/

#navbar ul li a {color: #fff;}
#navbar ul li a:hover {color: #E8D2AB;}
#navbar ul li strong {color: #E8D2AB; font-weight: normal;}
#navbar ul li.titleseparator strong {color: #e5007d;}

#navbar ul li ul {
	margin: 0 10px;
	padding: 3px 0 3px 5px;
	font-size: .9em;
	border-bottom: none; 
	text-transform: none;
}

#navbar ul li ul li {padding-left: 10px; background: url(../pics/bullet_navbar.gif) no-repeat 2px 6px; border-bottom: 1px dashed #424347;}
#navbar ul li ul li.current {background: url(../pics/bullet_navbar_on.gif) no-repeat 2px 6px;}
#navbar ul li ul li.current strong {background: #e5007d; display: block;}
#navbar ul li ul li a {color: #979898;}
#navbar ul li ul li a:hover {color: #fff;}

#navbar ul li ul li ul li {border: none;}
#navbar ul li ul li.current ul li strong {background: none; font-style: italic;}

#navbar #backmambo_navbar {background: #F4F5F5;	border: 1px solid #EBEBEB; margin-top: 30px; }
#navbar #backmambo_navbar li {border-bottom: 1px solid #D6D8D8; margin: 2px 10px; background: url(../pics/bullet_backnavbar.gif) no-repeat 1px 4px; font-size: .9em;}
#navbar #backmambo_navbar li.last {border-bottom: none;}
#navbar #backmambo_navbar li a {color: #212121;}

/* social
--------------------------------------------------------------------------------------------- */

#navbar .navbar-social {margin: 20px 0 10px; padding: 10px; border: 1px solid #ddd; font-size: 12px; color: #2E3035}
#navbar .navbar-social span {margin-right: 10px;}
#navbar .navbar-social img {vertical-align: middle; }

/* menu utente 
--------------------------------------------------------------------------------------------- */
#navbar .userlogin {margin: 20px 0 10px;}
#navbar .userlogin a {color: #333; font-style: italic; font-weight: bold; padding-left: 20px; background: url(../pics/arrow_login_dx.gif) no-repeat 1px 3px;}
#navbar .userlogin a.opened {background-image: url(../pics/arrow_login.gif);}

#navbar #usermenu {display: none; background: #F4F5F5;}

#navbar .DSP_AUTH_LOGIN fieldset {padding: 11px;  border: none;}
#navbar .DSP_AUTH_LOGIN fieldset legend {display: none;}
#navbar .DSP_AUTH_LOGIN fieldset .field {margin: 0 0 5px 0;}
#navbar .DSP_AUTH_LOGIN fieldset .field label {font-size: 10px; display: block; padding: 0; margin: 0; text-align: left;}
#navbar .DSP_AUTH_LOGIN fieldset .field input {font-size: 11px; padding: 4px; background: #fff;}

#navbar .DSP_AUTH_LOGIN fieldset .field input:focus,
#navbar .DSP_AUTH_LOGIN fieldset .field input:active { color: #333; }


#navbar .DSP_AUTH_LOGIN fieldset #DSP_AUTH_LOGIN {font-size: 11px;padding: 1px 3px;cursor: pointer;border: 1px solid #ccc;background: #f6f6f6;color: #0093D3; margin: 0;}
#navbar .DSP_AUTH_LOGIN fieldset #DSP_AUTH_LOGIN:hover {background: #efefef;border: 1px solid #999;color: #666;}

#navbar #usermenu #navbar_users ul {background: none; border-bottom: none;}
#navbar #usermenu #navbar_users ul li {color: #333; text-transform: lowercase; font-size: 12px; background: none;}
#navbar #usermenu #navbar_users ul li a {color: #DC0067;}
#navbar #usermenu #navbar_users ul li.current strong {color:#333; font-weight: bold;}

/*** Struttura interna ***/


#mainwrapper {
	padding: 0 0 0 200px;
	text-align: left;
	margin: 0 auto;
	width: 610px;
	_width: 810px;
	position: relative;
	_height: 450px;
	height: auto !important;
	min-height: 450px;

}

#mainwrapper #pathbar {margin: 0 0 10px; padding: 10px 0 0 0; color: #ccc;}
#mainwrapper #pathbar a {color: #fff; font-weight: bold;}

#mainwrapper #sectiontitlewrapper { margin-bottom: 30px; height: 120px; position: relative;}
#mainwrapper h1.sectiontitle {color: #fff; font-size: 3.3em; line-height: 1em; letter-spacing: -2px; position: absolute; bottom: 0; font-smooth: always;}
#mainwrapper h2.pagetitle {color: #e5007d; font-size: 1.6em; margin-bottom: 10px; margin-top: 5px; width: 410px;}
#mainwrapper h2.subpagetitle {font-size: 1.6em; margin-bottom: 10px;}

#mainwrapper .pagethumb {float: right;}

#mainwrapper .mainbody {width: 410px;}
#mainwrapper .extended {width: auto;}

#mainwrapper .sidebar {width: 180px; float: right; margin-top: 20px; margin-right: 5px; clear: both; }

.contatti #mainwrapper .mainbody {width: auto;}
.ufficiostampa #mainwrapper .mainbody {width: auto;}

/*** Sottopagine nel corpo ***/

#mainwrapper .mainbody  #body_navbar_subpages ul {margin: 10px 0;}

#mainwrapper .mainbody  #body_navbar_subpages ul li {
	display: block;
	padding: 7px 5px 5px 20px;
	background: url(../pics/arrow_dot.gif) no-repeat 1px 9px;
	border-bottom: 1px dotted #ccc;
	font-size: 1.2em;
	text-transform: uppercase;
}

/*** Footer ***/

#footer {
	clear: both;
	text-align: center;
	padding: 1em;
	margin-top: 1em;
}

#footer a {color: #999;}

#footer #innerfooter {
	padding: 0;
	text-align: left;
	margin: 0 auto;
	padding-left: 200px;
	width: 610px;
	_width: 810px;
	position: relative;
	color: #747474;
}

#footer #innerfooter .footer_message {border-top: 4px solid #4D5357; margin-right: 200px;}
#footer #innerfooter .footer_message p {padding-top: 24px;}
#footer #innerfooter .footer_message .social {float: right; margin-top: 5px;}
   
.home #footer #innerfooter .footer_message {margin-right: 0px;}

#footerclearer_left {float: left;}

/* banner cookies policy
---------------------------------------------------------------------------------------------------------------------- */

body.banner-policy { margin-top: 60px;}

.cp-box-alert { box-shadow: 0 5px 4px rgba(0, 0, 0, 0.1); color: #ffffff; background: #ccc; padding: 15px 0; position: fixed; width: 100%; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-align: left; z-index: 110; overflow: hidden;}
.cp-box-alert .htmlcontent { font-size: 13px; font-weight: 400; line-height: 1.1em; margin: 0; text-align: center; padding: 0 40px; }
.cp-box-alert .htmlcontent p { margin-bottom: 0;}
.cp-box-alert .htmlcontent a { color: #ffffff; text-decoration: underline; display: inline-block; }
.cp-box-alert .cp-chiudi { position: absolute; z-index: 120; right: 15px; top: 15px; width: 16px; height: 16px;  background: url(../pics/ico-close-alert.png) no-repeat center; background-size: contain; cursor: pointer;}

/* search result */
body.cerca #mainwrapper .mainbody { width: auto; }
body.cerca #mainwrapper .gsc-cursor-current-page { color: white !important; }
#googlesearchbox { width: 194px; }
form.gsc-search-box { margin: 0 !important; padding: 0 !important; }
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 14px !important; }
.cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-spelling-original, .gs-spelling-original { font-size: 13px !important; }