@charset "UTF-8";
/* CSS Document */

/*! normalize.css 2012-01-22T23:30 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin-left: 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3 
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* =============================================================================
   *
   *
   *  UNIPOL
   *
   *
   ========================================================================== */

@font-face {
    font-family: 'ApexNewBook';
    src: url('fonts/apexnew-book-webfont.eot');
    src: url('fonts/apexnew-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apexnew-book-webfont.woff') format('woff'),
         url('fonts/apexnew-book-webfont.ttf') format('truetype'),
         url('fonts/apexnew-book-webfont.svg#ApexNewBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ApexNewMedium';
    src: url('fonts/apexnew-medium-webfont.eot');
    src: url('fonts/apexnew-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apexnew-medium-webfont.woff') format('woff'),
         url('fonts/apexnew-medium-webfont.ttf') format('truetype'),
         url('fonts/apexnew-medium-webfont.svg#ApexNewMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ApexNewBookItalic';
    src: url('fonts/apexnew-bookitalic-webfont.eot');
    src: url('fonts/apexnew-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apexnew-bookitalic-webfont.woff') format('woff'),
         url('fonts/apexnew-bookitalic-webfont.ttf') format('truetype'),
         url('fonts/apexnew-bookitalic-webfont.svg#ApexNewBookItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ApexNewMediumItalic';
    src: url('fonts/apexnew-mediumitalic-webfont.eot');
    src: url('fonts/apexnew-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apexnew-mediumitalic-webfont.woff') format('woff'),
         url('fonts/apexnew-mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/apexnew-mediumitalic-webfont.svg#ApexNewMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =============================================================================
	
	GENERAL
	
   ========================================================================== */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #6d6e70;
	text-align: left;	
}

body.no-overflow{
	overflow-x:hidden;
}

nav ul, nav li {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;	
}

a:focus, a:active { outline: none; }

/* =============================================================================
	
	TYPOGRAPHY
	
   ========================================================================== */

header h1, 
header h2,
#side,
#concorso ul,
#concorso .until {
	font-family: 'ApexNewBook', Arial, Helvetica, sans-serif;
}

header h3 {
	font-family: 'ApexNewBookItalic', Arial, Helvetica, sans-serif;	
}
header h3 strong,
#icons { 
	font-family: 'ApexNewMediumItalic', Arial, Helvetica, sans-serif;
}

#trova {
	font-family: 'ApexNewBook', Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.button a,
#tabs,
.date,
.blocks,
.tab,
#concorso .text-container {
	font-family: 'ApexNewMedium', Arial, Helvetica, sans-serif;
}

/* =============================================================================
	
	LAYOUT
	
   ========================================================================== */


.wrapper {
	/*margin: 0 auto;*/
	width: 1000px;
	text-align: left;
}

.bg {
	background: #fff url(/images/bg-wide-sea.jpg) no-repeat 0 0; /* alt version: bg-wide.jpg */
	margin: 0 12px;
	min-width: 1000px;
}

.side {
	float: left;
	width: 168px;
	
}

.content {
	float: right;
	width: 764px;
	margin-right: 27px;
	position:relative;

	/*background: url(/images/bg-wide.jpg) no-repeat -1000px -252px;*/

}

.offer {
	float: left;
	width: 170px;
	text-align: center;
	position:relative;
}
.copy {
	float: left;
	width: 450px; /* 442px is perfect */
	margin:0 0 0 170px;
	position:relative;
}
.copy.wide { width: 530px;}

.copy .ribbon{
	position:absolute;
	top:0;
	left:-150px;
}

.copy .ribbon.bl{
	top:280px;
}

.copy .ribbon.tr{
	left:440px;
}

.copy .ribbon.mr{
	left:290px !important;
	top:420px;
}

.columns { 
	position: relative;
	width: 100%;
}
.columns.clearfix { display: block; }

.tab {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 124px;
	height: 99px;
}
.tab a {
	display: block;
	color: #fff;
	width: 72px;
	height: 49px;
	background: url(/images/tab.png) no-repeat 0 0;
	text-decoration: none; 
	text-align: right;
	padding: 40px 12px 10px 40px;
	
	text-transform: uppercase;
	font-size: 14px;
}

.tab a:hover {
	background-position: 0 -99px;	
}

.install a {
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 26px;
	color: #00234d;
	padding: 5px 135px 5px 0;
	margin: 0 0 10px;

	background: url(/images/unibox.png) no-repeat 100% 0;
}
.copy .install a:hover {
	text-decoration: none;
}

.oldie .intall a {
	display: inline;
	zoom: 1;
}

small {
	font-size: 11px;
}

.offers {
	text-align: center;
	padding-bottom: 10px;
}

.offers img {
	margin: 0 30px 0 20px;
}

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

header {
	height: 252px;
	position:relative;
}

header #btn_partner{
	position:absolute;
	right:30px;
	top:0;
	width:150px;
	height:80px;
}

header h1, header h2, header h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#logo {
	width: 345px;
	height: 78px;
	position: absolute;
	top: 0;
	left: 0;
}
#logo a {
	text-indent: -9999em;
	text-decoration: none;
	font-size: 0;
	background: url(/images/unipol-logo.png) no-repeat 0 0;
	display: block;
	width: 100%;
	height: 100%;
}

#tagline {
	float: left;
	height: 78px;
	width: 766px;
	line-height: 82px;
	margin-left: 210px;
	padding-top: 80px;
	font-size: 34px;
	color: #005581;
}

#subhead {
	clear: both;	
	padding: 0 0 0 210px;
	font-size: 30px;
	color: #005581;
}

/* =============================================================================
	
	MAIN
	
   ========================================================================== */

#main { width: 100%; }

.box {
	background: #fff url(/images/services-bg.png) repeat-x 0 100%;
	border: none;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	
	margin: 3px 3px 30px;
	padding: 12px;
}

.box.green{
	background:#cde3a2;
}

.box.blu{
	background:#d4eef7;
}



.no-boxshadow .box {
	border: 1px solid #ececec;	
}

.no-rgba .box {
	-webkit-box-shadow: 0 0 3px #666;
	-moz-box-shadow: 0 0 3px #666;
	-ms-box-shadow: 0 0 3px #666;
	-o-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
}

#promozioni {
	background: #fff;
}

#promozioni .promo-banner {
	/*margin: 10px 0 50px;*/
}

#services { 
	margin-bottom: 45px; 
	position: relative;
}
.service { 
	margin-top: 20px; 
	position: relative;
	padding-bottom: 68px;
}


/** min height service **/
.service .copy{
	min-height:780px;
}

.button { 
	position: absolute;
	bottom: 0;
	right: 0;
	width: 361px;
}
.button.accordo {
	right: auto;
	left: 0;
}
.button a {
	display: block;
	text-align: center;
	padding: 10px;
	
	color: #6d6e70;
	text-decoration: none;
	font-size: 20px;
	
	background: #fff url(/images/button-bg.png) repeat-x 0 100%;
	
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-ms-border-radius: 0px 0px 4px 4px;
	-o-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.no-boxshadow .button a {
	border: 1px solid #ececec;	
}

.no-rgba .button a {
	-webkit-box-shadow: 0 0 3px #666;
	-moz-box-shadow: 0 0 3px #666;
	-ms-box-shadow: 0 0 3px #666;
	-o-box-shadow: 0 0 3px #666;
	box-shadow: 0 0 3px #666;
}

.button a span {
	display: inline-block;
	margin: 0 auto;
	background: yellow;
	height: 36px;
	line-height: 36px;
	padding-right: 40px;
	cursor: pointer;
}
.button a span.pdf {
	background: url(/images/icon-pdf.png) no-repeat 100% 0;	
}

.button a:hover {
	background-color: #005481;
	color: #fff;
}
.button a:hover span.pdf {
	background-position: 100% -50px;	
}


/*
 *
 *	# ICONS NAV
 *
 */

#icons { 
	font-size: 0; 
	margin: 10px 0 0; 
}

#icons ul, #icons li {
	margin: 0;
	padding: 0;
}

#icons ul {
	background: url(/images/icons-bg.png) repeat-x 0 127px;
	width: 100%;
}

#icons li {
	display: block;
	float: left;
	width: 142px;
	font-size: 18px;
	text-align: center;
	padding: 0 7px;
}

#icons li.first, #icons li.last {
	width: 12px !important;
	height: 178px;
	background: url(/images/nav-bg-first.png) no-repeat 0 100%;
	padding: 0 2px 0 0;
}
#icons li.last {
	float: right;
	background: url(/images/nav-bg-last.png) no-repeat 0 100%;
	padding: 0;
}

#icons a {
	display: block;
	padding: 135px 0px 0px;
	background: url(/images/service1.png) no-repeat 50% 0;
	text-align: center;
	color: #000;
	text-decoration: none;
}
#icons a span {
	display: block;
	padding: 6px 0 35px;
	background: url(/images/service1-bg.png) no-repeat 50% 200px;	
	text-decoration: none;
}
#icons a:hover span, #icons a.active span { background-position: 50% 0; }
#icons a.active span { background-position: 50% -70px; }


#icons .service1 { width: 129px; }
#icons .service1 a { color: #42bbc1; }
#icons .service1 a:hover, #icons .service1 a.active { color: #fff; }

#icons .service2 { width: 117px; }
#icons .service2 a { background-image: url(/images/service2.png); }
#icons .service2 a span { background-image: url(/images/service2-bg.png); }
#icons .service2 a { color: #41ba7c; }
#icons .service2 a:hover, #icons .service2 a.active { color: #fff; }

#icons .service3 { width: 152px; }
#icons .service3 a { background-image: url(/images/service3.png); background-position: 24px 0; }
#icons .service3 a span { background-image: url(/images/service3-bg.png); }
#icons .service3 a { color: #e86425; }
#icons .service3 a:hover, #icons .service3 a.active { color: #fff; }

#icons .service4 { width: 107px; }
#icons .service4 a { background-image: url(/images/service4.png); background-position: 0 0; }
#icons .service4 a span { background-image: url(/images/service4-bg.png); }
#icons .service4 a { color: #f8b32a; }
#icons .service4 a:hover, #icons .service4 a.active { color: #fff; }

#icons .service5 { width: 127px; }
#icons .service5 a { background-image: url(/images/service5.png); }
#icons .service5 a span { background-image: url(/images/service5-bg.png); }
#icons .service5 a { color: #c1377c; }
#icons .service5 a:hover, #icons .service5 a.active { color: #fff; }

/*
 *
 *	COPY
 *
 */

.copy { font-size: 20px; }

.copy p {
	margin: 0 0 1em 0;	
}

.copy h1 {
	font-size: 35px;
	margin: 0 -20px 0.8em 0;
}
.copy h2 {
	font-size: 20px;
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
}
.copy h3 { 
	font-size: 20px;
	margin: 0; 
	font-weight: bold;
}

.copy ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 1em; 
}
.copy li {
	padding: 0;
	margin: 0 0 1em 0;
}

.copy .collapsed-list li {
	margin: 0;
}

.copy a {
	text-decoration: none;
}

.copy a:hover { text-decoration: underline; }

.copy .small { font-size: 0.75em; }

/*
 *
 *	SERVICE SPECIFICS
 *
 */

#service1 .copy .highlight { color: #42bbc1; font-weight: bold; }
#service2 .copy .highlight { color: #41ba7c; }
#service3 .copy .highlight { color: #e86425;	}
#service4 .copy .highlight { color: #f8b32a; }
#service5 .copy .highlight, #service5 .copy h2, #service5 .copy h3 { color: #c1377c; }

/*
 *
 *	TROVA
 *


#trova {
	margin-bottom: 30px;
}

#trova a {
	display: block;
	font-size: 37px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 37px;
	padding: 13px 10px 10px;
	color: #fff;
	background: #005380 url(/images/trova-bg.png) no-repeat 0 0;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;	

}
#trova a:hover {
	color: #96c0d7;	
}

 */



/* =============================================================================
	
	HORIZONT - LEGAL
	
   ========================================================================== */


#horizont,
#legal {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	padding:1px 12px 12px 12px;
}

#horizont h1,
#legal h1{
	margin:0 0 15px 0;
	padding:0;
}

#horizont a,
#legal a{
	text-decoration:none;
	color:#005380;
}

#horizont{
	margin-bottom:30px;
}

#legal{
	margin-bottom:100px;
}

/* =============================================================================
	
	ADDITIONAL
	
   ========================================================================== */

#additional-holder { position: relative; }

.additional {
	padding: 20px 0 0 0;
	position: relative;
}

/** min-height columns **/
.additional .columns {
	min-height: 355px;	
}

.copy h1 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0 0;
	width:500px;
}


.copy strong em {
	text-transform: uppercase;
}
.copy .highlight,
.copy strong em {
	color: #9ccb3f;
	font-weight: bold;
}

.date {
	position: absolute;
	z-index: 1;
	left: -12px;
	bottom: 12px;
	background: #c53737;
	color: #fff;
	padding: 5px 10px 5px 22px;
	
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-ms-border-radius: 0px 5px 5px 0px;
	-o-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.copy .blocks, .copy .blocks li {
	display: block;	
	margin: 0;
	padding: 0;
	list-style: none;
}
.copy .blocks {
	margin: 20px 0;	
}

.copy .blocks li {
	display: block;	
	float: left;
	font-size: 18px;
	padding: 5px 10px;
	margin: 0 10px 10px 0;
	height: 60px;
	
	background: url(/images/services-bg.png) repeat-x 0 100%;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;	
	
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);

}

.no-boxshadow .copy .blocks li {
	border: 1px solid #ececec;	
}

.no-rgba .copy .blocks li {
	-webkit-box-shadow: 2px 2px 5px #666;
	-moz-box-shadow: 2px 2px 5px #666;
	-ms-box-shadow: 2px 2px 5px #666;
	-o-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
}



.copy .blocks strong {
	font-size: 30px;
	font-weight: normal;
	float: left;
	margin: 0 5px 0 0;
}
.copy .blocks .wrap { display: block; clear: left; }
.copy .blocks .aside { float: left; padding: 11px 0 3px; }

/*
 *
 *	TABS
 *
 */
 
#tabs ul, #tabs li {
	margin: 0;
	padding: 0;
	font-size: 0;
}
#tabs ul {
	display: block;
	width: 100%;
	text-align: left;
}
#tabs li {
	display: inline-block;
}
#tabs a {
	display: block;
	font-size: 20px;
	color: #b5b5b5;
	background: #f1f1f1 url(/images/tabs-bg.png) no-repeat 50% -50px;
	padding: 5px 10px;
	margin: 10px 7px 0px;
	text-decoration: none;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;	

}

#tabs a:hover, #tabs a.active {
	background-position: 50% 0;
	background-color: #9ccb3f;
	color: #fff;
}


/* =============================================================================
	
	SIDE
	
   ========================================================================== */

#side.fixed { position: fixed; }

#side li {
	padding: 0 0 7px 0;	
	margin-left: -4px;
	background: url(/images/nav-li-bg.gif) bottom left no-repeat;
}
/*
#side li.triple { background-position: 0 86px; }
#side li.last {
	padding-bottom: 11px;	
}*/

#side a {
	display: block;
	background: #005380 url(/images/nav-active-bg.gif) repeat-x 0 100%;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 24px;
	padding: 8px 10px 6px 10px;
	letter-spacing: 0.5px;
	
	-webkit-border-radius: 0px 4px 4px 0;
	-moz-border-radius: 0px 4px 4px 0;
	-ms-border-radius: 0px 4px 4px 0;
	-o-border-radius: 0px 4px 4px 0;
	border-radius: 0px 4px 4px 0;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

#side li.active a,
#side a:hover {
	color: #005481;
	background: #fff url(/images/nav-bg.gif) repeat-x 0 100%;
}



/* =============================================================================
	
	BRAND SPECIFICS
	
   ========================================================================== */

.cia header {
	background: url(/images/fish-cia.png) no-repeat 608px 23px;	
}
.cia #tagline {
	background: url(/images/cia-logo.png) no-repeat 100% 20px;	
}


.cisl header {
	background: url(/images/fish-cisl.png) no-repeat 595px 50px;	
}
.cisl #tagline {
	background: url(/images/cisl-logo.png) no-repeat 100% 25px;	
}

.legacoop header {
	background: url(/images/fish-legacoop.png) no-repeat 610px 10px;	
}
.legacoop #tagline {
	background: url(/images/legacoop-logo.png) no-repeat 100% 15px;	
}

.uil header {
	background: url(/images/fish-uil.png) no-repeat 584px 44px;	
}
.uil #tagline {
	background: url(/images/uil-logo.png) no-repeat 100% 20px;	
}

.cgil header {
	background: url(/images/fish-cgil.png) no-repeat 595px 20px;	
}
.cgil #tagline {
	background: url(/images/cgil-logo.png) no-repeat 95% 15px	
}

.confesercenti header {
	background: url(/images/fish-confesercenti.png) no-repeat 595px 26px;	
}
.confesercenti #tagline {
	background: url(/images/confesercenti-logo.png) no-repeat 100% 25px;	
}

.cna header {
	background: url(/images/fish-cna.png) no-repeat 583px 22px;	
}
.cna #tagline {
	background: url(/images/cna-logo.png) no-repeat 100% 20px;	
}

/* FOUR ICONS  */
.cisl #icons li, 
.legacoop #icons li,
.uil #icons li,
.cgil #icons li { width: 162px; }


.cisl #icons .service3 a,
.legacoop #icons .service3 a,
.uil #icons .service3 a,
.cgil #icons .service3 a{ background-position: 50% 0; }


/* =============================================================================
	
	HIDING
	
   ========================================================================== */

.js #service2,
.js #service3,
.js #service4,
.js #service5,
.js #additional2,
.js #additional3 {
	display: none;
}

/*
.js .cisl #additional2, 
.js .legacoop #additional2,
.js .uil #additional2,
.js .cgil #additional2 
{ display: block; }
*/

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


footer {
	background-color: #005581;	
	color: #fff;
	font-size: 14px;
	line-height:24px;
	height:155px;
	margin:0;
	position:relative;
}

footer .content{
	position:relative;
	padding:0;
}


footer .content #copyright{
	float:left;
	width:100%;
	margin:30px 0 0 0;
}

footer .content #f_links{
	float:right;
	margin:0 150px 0 0;
	display:none;
}

footer .content #f_links a{
	color:#fff;
	text-decoration:none;
}


footer .content #f_logo{
	position:absolute;
	right:0;
	top:27px;
}


footer .banda{
	position:absolute;
	width:100%;
	left:0;
	bottom:10px;
	height:32px;
	line-height:32px;
	color:#fff;
	font-size:18px;
	background:#064063;
	text-indent:210px;
}

footer .banda a{
	color:#0FF;
	text-decoration:none;
}

/* =============================================================================
	
	HELPERS
	
   ========================================================================== */

.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%;
}


/* =============================================================================
	
	OLDER BROWSER FIXES
	
   ========================================================================== */


.ielt8 #tabs li { display: inline; zoom: 1; }
.ielt8 .button a span { display: inline; zoom: 1; }



/* =============================================================================
	
	LAYER OVERLAY
	
   ========================================================================== */
   
.overlay_close{
	position:absolute;
	background:url(/images/overlay_close.png);
	top:10px;
	right:10px;
	width:33px;
	height:34px;
}
   
.layer{
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	width:740px;
	padding:40px 20px 20px 20px;
	font-size:16px;
	line-height:22px;
	display:none;
	position:relative;
}


.layer h3{
	margin:0 50px 30px 0;
	padding:0;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
}

.layer h4{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:16px;
	font-weight:bold;
}

.layer p{
	margin:0 0 25px 0;
	padding:0;
}

.layer p.last{
	margin:0;
}

.layer ul{
	margin:0 0 20px 20px;
	padding:0;
}

.layer a{
	color:#0055ff;
	text-decoration:none;
}


/*==============================================
*
* Moreno Updating
*
/*============================================*/

.item{
	position:relative;
	margin:0 20px 0 0;
	width:112px;
	height:100px;
	background:#f1f1f1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	float:left;
}

.item .blocker{
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/prossimamente.png)
}

.item a{
	position:absolute;
	width:100px;
	height:90px;
	padding:6px 4px 0 4px;
	text-align:center;
	text-decoration:none;
	color:#b5b5b5;
	border:2px solid #f1f1f1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;	
	z-index:1;
    font-family: 'ApexNewMedium';
	background:url(../images/transparent.gif);
}

.item a:hover{
	border-color:#ddd;
}
.item a.active{
	color:#005481;
	border-color:#005481;
	background:url(../images/spt/spunta.png) right bottom no-repeat;
}

.item img{
	position:absolute;
	left:2px;
	bottom:2px;
}

.items-group{
	float:left;
	width:100%;
}

.items-group.left .item a{
	text-align:left;
}

.items-group.width-40{
	width:264px;
}

.items-group.width-60{
	width:396px;
}

.titles{
	float:left;
	width:100%;
	margin:15px 0;
}

.titles span{
	width:100%;
	float:left;
	font-size:18px;
	color:#005481;
    font-family: 'ApexNewMedium';
}

.titles span.width-40{
	width:264px;
}

.titles span.width-60{
	width:396px;
}


h2.title{
	margin:10px 0 5px 0;
	padding:0;
	font-size:24px;
	line-height:24px;
	font-weight:normal;
	color:#005481;
	font-family:ApexNewMediumItalic;
	text-indent:20px;
}

h3.subtitle{
	margin:40px 0 40px 50px;
	padding:0;
}


#trova a {
	display: block;
	font-size: 37px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 37px;
	padding: 13px 10px 10px;
	color: #fff;
	background:url(/images/bg_trova.png);
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;	
	margin:0 0 50px 0;

}

#trova a:hover{
	background:#003a5c;
}

.box-msg{
	width:89.5%;
	padding:4.5% 5%;
	background:#09c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #fff;
	color:#fff;
	font-size:22px;
	display:none;
}

.box-msg.error{
	background:url(/images/bg_error_msg.png) top left no-repeat #e71f1f;
}

.box-msg.success{
	background:#20aa9b;
}




/*** LAST MINUTE ***/
#last_head{
	position:relative;
	width:100%;
	height:260px;
	margin:50px 0;
}

#last_head .image{
	position:absolute;
	left:15px;
	top:0;
}

#last_head h5{
	margin:-15px 0 0 315px;
	padding:0;
	color:#c53737;
	font-size:18px;
	line-height:18px;
	font-family: 'ApexNewMediumItalic';
	display:none;
}

#last_head h3{
	margin:0 0 0 315px;
	padding:0;
	font-size:18px;
	line-height:18px;
	color:#005481;
}

#last_head p{
	margin:10px 0 0 315px;
	padding:0;
	font-size:12px;
	line-height:14px;
	color:#6d6e70;
}

#last_head p a{
	color:#6d6e70;
}

#last_head .original{
	background:#f1f1f1;
	width:90px;
	height:34px;
	line-height:34px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position:absolute;
	text-align:center;
	bottom:0;
	left:315px;
}

#last_head .original span{
	background:url(../images/sconto_overlay.png);
	width:39px;
	height:29px;
	position:absolute;
	left:25px;
	top:3px;
}

#last_head .new{
	background:url(../images/new_tag.png);
	width:120px;
	height:34px;
	line-height:34px;
	color:#fff;
	text-align:center;
	position:absolute;
	left:415px;
	bottom:0;
}

#last_head .available{
	position:absolute;
	top:-50px;
	left:-5px;
	background:url(../images/ribbon_available.png);
	width:119px;
	height:122px;
}

#last_head .available span{
	text-align:center;
	width:100%;
	color:#fff;
	position:absolute;
	left:0;
	top:45px;
	font-size:25px;
	line-height:25px;
    font-family: 'ApexNewMedium';
	text-shadow:0 1px 1px #000;
}

#last_head .sconto{
	position:absolute;
	bottom:-75px;
	right:5px;
	background:url(../images/ribbon_sconto.png);
	width:118px;
	height:121px;
}


#last_head .sconto span{
	text-align:center;
	width:100%;
	color:#fff;
	position:absolute;
	left:0;
	top:55px;
	font-size:32px;
	line-height:32px;
    font-family: 'ApexNewMedium';
	text-shadow:0 1px 1px #555;
}


#last_form{
	width:95%;
	height:170px;
	position:relative;
	margin:0 0 20px 5%;
}

#last_form input.text{
	position:absolute;
	top:0;
	left:0;
	padding:0 10px;
	font-size:20px;
	color:#6d6e70;
	border:2px solid #d4eef7;
	background:url(../images/bg_input.png);
	width:287px;
	height:44px;
	line-height:44px;
}

#last_form input.text.error{
	border-color:#e71f1f;
}

#last_form b{
	position:absolute;
	left:0;
	top:60px;
	font-size:14px;
	line-height:14px;	
}

#last_form .choose{
	position:absolute;
	left:-30px;
	top:130px;
}

#last_form .choose input{
	margin:0 0 0 30px
}

#last_form span{
	position:absolute;
	top:90px;
	left:0;
	font-size:11px;
	width:540px;
}

#last_form span a{
	color:#0055ff;
	text-decoration:none;
}





/*** OFFERTE PARTNER ***/
#partner_slide{
	width:100%;
	height:160px;
	position:relative;
	overflow:hidden;
	margin:30px 0 0 0;
}

#partner_slide a.arrow{
	position:absolute;
	background:url(../images/arrows.png);
	width:15px;
	height:24px;
	top:35px;
}

#partner_slide a.arrow#arrow_left{
	left:15px;
}

#partner_slide a.arrow#arrow_right{
	right:10px;
	background-position:right;
}

#partner_slider{
	position:absolute;
	left:50px;
	top:0;
	width:660px;
	height:100px;
	overflow:hidden;
}

#partner_slide ul{
	margin:0;
	padding:0;
	width:4000px;
	height:100px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

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

#partner_head{
	width:100%;
	height:290px;
	position:relative;
	margin:50px 0 40px 0;
}

#partner_head .offerta{
	width:100%;
	height:100%;
	position:relative;
}


#partner_head .image{
	position:absolute;
	left:15px;
	top:0;
}

#partner_head .available{
	position:absolute;
	top:-50px;
	left:-5px;
	background:url(../images/ribbon_available.png);
	width:119px;
	height:122px;
	display:none;
}

#partner_head .available span{
	text-align:center;
	width:100%;
	color:#fff;
	position:absolute;
	left:0;
	top:45px;
	font-size:25px;
	line-height:25px;
    font-family: 'ApexNewMedium';
	text-shadow:0 1px 1px #000;
}

#partner_head .cont{
	position:absolute;
	height:330px;
	width:390px;
	left:265px;
	top:-30px;
}



#partner_head h5{
	font-size:22px;
	line-height:22px;
	margin:0 0 5px 0;
	padding:0;
	color:#005481;
}

#partner_head p{
	font-size:14px;
	line-height:16px;
	margin:0 0 5px 0;
	padding:0;
	color:#6d6e70;
}

#partner_head h4{
	margin:0 0 5px 0;
	padding:0;
	font-size:14px;
	line-height:16px;
	color:#005481;
	font-weight:bold;
	position:absolute;
	left:0;
	bottom:110px;
}

#partner_head ul{
	position:absolute;
	left:0;
	bottom:40px;
	padding:0;
	width:395px;
	border-top:1px solid #ccc;
}

#partner_head ul li{
	margin:0;
	border-bottom:1px solid #ccc;
	width:100%;
	float:left;
	list-style:none;
	position:relative;
	height:34px;
	line-height:34px;
	padding:5px 0;
}

#partner_head ul li .original{
	background:#f1f1f1;
	width:90px;
	height:34px;
	line-height:34px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position:absolute;
	text-align:center;
	bottom:5px;
	left:170px;
}

#partner_head ul li .original span{
	background:url(../images/sconto_overlay.png);
	width:39px;
	height:29px;
	position:absolute;
	left:25px;
	top:3px;
}

#partner_head ul li .new{
	background:url(../images/new_tag.png);
	width:120px;
	height:34px;
	line-height:34px;
	color:#fff;
	text-align:center;
	position:absolute;
	right:5px;
	bottom:5px;
}


#partner_head .complete{
	font-size:16px;
	width:100%;
	float:left;
	font-weight:bold;
	position:absolute;
	bottom:0;
	left:0;
}

#partner_head .complete a{
	text-decoration:none;
	color:#3675e2;
}

#last_head .available{
	position:absolute;
	top:-50px;
	left:-5px;
	background:url(../images/ribbon_available.png);
	width:119px;
	height:122px;
}

#partner_form{
	width:95%;
	height:170px;
	position:relative;
	margin:0 0 0 5%;
}

#partner_form input.text{
	position:absolute;
	top:0;
	left:0;
	padding:0 10px;
	font-size:20px;
	color:#6d6e70;
	border:2px solid #fff;
	background:url(../images/bg_input.png);
	width:287px;
	height:44px;
	line-height:44px;
}

#partner_form input.text.right{
	left:330px;
}

#partner_form input.text.error{
	border-color:#e71f1f;
}

#partner_form b{
	position:absolute;
	left:0;
	top:60px;
	font-size:14px;
	line-height:14px;	
}

#partner_form .choose{
	position:absolute;
	left:-30px;
	top:140px;
}

#partner_form .choose input{
	margin:0 0 0 30px
}

#partner_form span{
	position:absolute;
	top:90px;
	left:0;
	font-size:11px;
	width:540px;
}

#partner_form span a{
	color:#0055ff;
	text-decoration:none;
}




/*** SCELTE PER TE ***/
#scelte_items{
	margin:0 0 0 50px;
	width:100%;
	float:left;
}

#scelte_form{
	height:325px;
	position:relative;
	margin:0 0 0 50px;
}

#scelte_form input.text{
	position:absolute;
	top:0;
	left:0;
	padding:0 10px;
	font-size:20px;
	color:#6d6e70;
	border:2px solid #fff;
	background:url(../images/bg_input.png);
	width:287px;
	height:44px;
	line-height:44px;
}

#scelte_form input.text.right{
	left:330px;
}

#scelte_form input.text.error{
	border-color:#e71f1f;
}

#scelte_form b{
	position:absolute;
	left:0;
	top:60px;
	font-size:14px;
	line-height:14px;	
}

#scelte_form .choose{
	position:absolute;
	left:-30px;
	top:100px;
	width:560px;
}

#scelte_form .choose.second{
	top:225px;
}

#scelte_form .choose input{
	margin:0 0 0 30px
}

#scelte_form span{
	font-size:11px;
	margin:5px 0 0 30px;
	display:block;
}

#scelte_form span a{
	color:#0055ff;
	text-decoration:none;
}

#legal{
	font-size:12px;
}



/* =============================================================================
	
	CONCORSO
	
   ========================================================================== */

#concorso {
	position: relative;
	padding-bottom: 180px;
	background: url('/images/cia-concorso-bg.jpg') no-repeat 0 100%;
}

#concorso h2.title {
	margin-bottom: 20px;
}

#concorso .button {
	width: 33%;
	left: 0;
	right: auto;
}

#concorso .button a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

#concorso .button.button1 a {
	-webkit-border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	-ms-border-radius: 0 0 0 4px;
	-o-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
}

#concorso .button.button2 {
	left: 33%;
	width: 34%;
}

#concorso .button.button3 {
	left: auto;
	right: 0;
}

#concorso .button.button3 a {
	-webkit-border-radius: 0 0 4px 0;
	-moz-border-radius: 0 0 4px 0;
	-ms-border-radius: 0 0 4px 0;
	-o-border-radius: 0 0 4px 0;
	border-radius: 0 0 4px 0;
}

#concorso .text-container {
	font-size: 20px;
	margin: 0 20px;
	color: #6d6e70;
}

#concorso .photo {
	float: left;
	width: 290px;
	margin-right: 20px;
}

#concorso .text {
	float: left;
	width: 382px;
}


#concorso h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #005481;
	font-size: 30px;
	margin: 0;
}

#concorso .apex {
	color: #41a926;
}

#concorso .cta {
	color: #006641;
	font-size: 30px;
	text-transform: uppercase;
}

#concorso h4 {
	font-size: 24px;
	color: #006641;
	margin-bottom: 0;
	margin-top: 1em;
}

#concorso .until {
	text-align: right;
}

ul.unstyled,
ul.unstyled li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.banner {
	margin: 0 3px;
}
.banner img {
	display: block;
}

.banner + .box {
	margin-top: 0;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

}

.cookies {
    background: #ededed;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    font-size: 16px;
}

.cookies .wrapper {
    text-align: center;
}

@media screen and (max-width:840px) {
	.bg{
		width:640px !important;
		min-width:640px !important;
		margin:0 auto !important;
	}

		
	.wrapper{
		width:640px;
		background:#fff;
		position:relative !important;
		overflow:hidden;
	}

	.bg{
		width:640px;
		margin:0;
		background:#fff;
		min-width: 640px;
	}

	header{
		height:76px;
		overflow:hidden;
		border-bottom:1px solid #ccc;
		background: #fff !important;
		position:absolute;
		top:0;
		left:0;
		width:640px;
		z-index:9;
	}

	#tagline {
		float: right;
		margin:0 30px 0 0;
		height: 76px;
		width: 300px;
		text-indent:-9999px;
		padding-top: 0;
	}


	#subhead {
		display:none;
	}

	#side{
		width:640px;
		height:500px;
		overflow:hidden;
		position:absolute !important;
		top:77px !important;
		overflow:hidden;
		z-index:9;
	}

	#side li{
		float:left;
		width:640px;
		height:60px !important;
		line-height:60px !important;
		margin:0;
		padding:0;
		position:relative;
	}



	#side a {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:60px;
		font-size:24px;
		line-height:60px;
		overflow:hidden;
		z-index:10;
	}

	.content {
		float: left;
		width: 640px !important;
		margin: 530px 0 0 0;
		position:relative;
	}



	.box {
		padding:10px 0 0 0;
	}



	#icons { 
		font-size: 0; 
		margin: 10px;
		width:620px;
		overflow:hidden; 
	}

	#icons ul, #icons li {
		margin: 0;
		padding: 0;
	}

	#icons ul {
		background: url(/images/icons-bg.png) repeat-x 0 127px;
		width: 100%;
	}

	#icons li {
		display: block;
		float: left;
		width: 118px;
		font-size: 18px;
		text-align: center;
		padding: 0 0;
	}

	#icons li.first, #icons li.last {
		width: 12px !important;
		height: 178px;
		background: url(/images/nav-bg-first.png) no-repeat 0 100%;
		padding: 0 4px 0 0;
	}
	#icons li.last {
		float: right;
		background: url(/images/nav-bg-last.png) no-repeat 0 100%;
		padding: 0;
	}

	#icons a {
		display: block;
		padding: 135px 0px 0px;
		background: url(/images/service1.png) no-repeat 50% 0;
		text-align: center;
		color: #000;
		text-decoration: none;
		font-size:16px;
	}


	#icons a span {
		display: block;
		padding: 6px 0 35px;
		background: url(/images/service1-bg.png) no-repeat 50% 200px;
		text-decoration: none;
	}
	#icons a:hover span, #icons a.active span { background-position: 50% 0; }
	#icons a.active span { background-position: 50% -70px; }


	#icons .service1 { width: 118px; }
	#icons .service1 a { color: #42bbc1; background-position: 7px 0;}
	#icons .service1 a:hover, #icons .service1 a.active { color: #fff; }

	#icons .service2 { width: 110px; }
	#icons .service2 a { background-image: url(/images/service2.png); }
	#icons .service2 a span { background-image: url(/images/service2-bg.png); }
	#icons .service2 a { color: #84a33c; }
	#icons .service2 a:hover, #icons .service2 a.active { color: #fff; }

	#icons .service3 { width: 126px; }
	#icons .service3 a { background-image: url(/images/service3.png); background-position: 14px 0; }
	#icons .service3 a span { background-image: url(/images/service3-bg.png); }
	#icons .service3 a { color: #005380; }
	#icons .service3 a:hover, #icons .service3 a.active { color: #fff; }

	#icons .service4 { width: 100px; }
	#icons .service4 a { background-image: url(/images/service4.png); background-position: 3px 0; }
	#icons .service4 a span { background-image: url(/images/service4-bg.png); }
	#icons .service4 a { color: #f8b32a; }
	#icons .service4 a:hover, #icons .service4 a.active { color: #fff; }

	#icons .service5 { width: 118px; }
	#icons .service5 a { background-image: url(/images/service5.png); background-position: 18px 0; }
	#icons .service5 a span { background-image: url(/images/service5-bg.png); }
	#icons .service5 a { color: #c1377c; }
	#icons .service5 a:hover, #icons .service5 a.active { color: #fff; }

	.cisl #icons li, 
	.legacoop #icons li,
	.uil #icons li,
	.cgil #icons li { width: 145px !important; }

	.cisl #icons li.first, 
	.cisl #icons li.last, 
	.legacoop #icons li.first, 
	.legacoop #icons li.last, 
	.uil #icons li.first, 
	.uil #icons li.last, 
	.cgil #icons li.first, 
	.cgil #icons li.last{ width: 12px !important; }

	.cisl #icons .service3 a,
	.legacoop #icons .service3 a,
	.uil #icons .service3 a,
	.cgil #icons .service3 a{ background-position: 50% 0; }


	.columns { 
		width: 100%;
		padding-bottom: 100px;
	}

	.tab {
		right: 10px;
		bottom: 10px;
	}
	.button {
		width: 302px;
		bottom: 10px;
		right: 10px;
	}
	.button.accordo {
		right: auto;
		left: 10px;
		bottom: 10px;
	}

	/*
	.copy,
	.box { font-size: 24px; }


	.copy .ribbon.tr{
		left:-150px !important;
	}


	.copy.wide { width: 450px;}


	#trova a {
		font-size:30px;
	}

	*/
	#tabs a {
		font-size:17px;
		margin-right:5px;
	}



	/* SERVIZI GRATUITI */
	.copy h1{
		font-size:19px;
	}




	/* LAST MINUTE */
	#last_head .sconto{
		bottom:-110px;
	}

	#last_form span{
		width:480px;
	}



	/* OFFERTE PARTNER */
	#partner_slide a.arrow#arrow_left{
		left:5px;
	}

	#partner_slide a.arrow#arrow_right{
		right:5px;
	}

	#partner_slider{
		left:25px;
		width:580px;
	}

	#partner_slide ul li .item{
		margin:0 5px 0 0;
	}

	#partner_form{
		margin:0 0 20px 10px;
		padding-bottom: 30px;
		width:624px
	}

	#partner_form span{
		width:520px;
	}

	#partner_form input.text{
		left:-5px;
	}

	#partner_form input.text.right{
		left:308px;
	}

	#partner_head .cont{
		left:245px;
		width:385px;
		overflow:hidden;
	}

	/* SCELTE PER TE */
	#scelte-per-te .subtitle{
		margin-left:20px;
	}

	#scelte_items{
		margin:0 0 0 10px;
	}

	#scelte-per-te .item{
		margin:0 5px 5px 0 !important;
	}

	#scelte-per-te .width-60{
		width:60% !important;
	}

	#scelte-per-te .width-40{
		width:37% !important;
	}

	#scelte_form{
		margin-left:10px;
	}

	#scelte_form input.text{
		left:-5px;
	}

	#scelte_form input.text.right{
		left:308px;
	}


	#trova a{
		font-size:32px;
		line-height:32px;
	}


	footer {
		background-color: #005581;	
		color: #fff;
		font-size: 14px;
		height:250px;
		margin:0 auto;
		width:640px;
	}

	footer .content{
		position:relative;
		padding:0;
		margin:0;
		background-color: #005581;	
	}




	footer .content #copyright{
		margin-left:20px;
		width:500px;
	}

	footer #f_logo{
		right:8px !important;
		top:8px !important;
	}

	footer .banda{
		text-indent:20px;
	}


	/*
	footer .content #f_links{
		float:right;
		margin:0 150px 0 0;
	}

	footer .content #f_links a{
		color:#fff;
		text-decoration:none;
	}


	footer .content #f_logo{
		position:absolute;
		right:0 !important;
		top:0;
	}
	*/

	#concorso .text {
		width: 284px;
	}

	#concorso .text-container {
		font-size: 18px;
	}

	#concorso h3 {
		font-size: 28px;
	}

	#concorso .cta {
		font-size: 23px;
	}

	#concorso .button a {
		font-size: 16px;
	}

	.banner img, .promo-banner {
		width: 634px;
		height: auto;
	}

	.banner + .box {
		margin-top: 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;

	}

    .cookies .wrapper {
        background: #ededed;
        margin: 0 auto;
        font-size: 12px;
    }


	/* =============================================================================
		
		BRAND SPECIFICS
		
	   ========================================================================== */

	.cia #tagline {
		background-position: 100% 65%;	
	}

	.cisl #tagline {
		background-position: 100% 71%;	
	}

	.legacoop #tagline {
		background-position: 100% 58%;	
	}

	.uil #tagline {
		background-position: 100% 67%;	
	}

	.cgil #tagline {
		background-position: 95% 100%;	
	}

	.confesercenti #tagline {
		background-position: 100% 71%;	
	}

	.cna #tagline {
		background-position: 100% 100%;	
	}




}