@charset "utf-8";

/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* --------------------------------------------------------------

   grid.css
   * Sets up an easy-to-use grid of 24 columns.

   By default, the grid is 950px wide, with 24 columns
   spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)

-------------------------------------------------------------- */

/* A container should group all your columns. */
.wrapper{width:1000px;margin: 0 auto 0 auto;} /* width:960px; overflow:hidden; */
/* .container_menu_aree{width:30px;float:left;margin-right:10px;} */

.container {
  /*width: 950px;*/
  margin: 0 auto;

  /*background:#fff;*/
}

/* Use this class on any .span / container to see the grid. */
.showgrid {
  background: url(src/grid.png);
}



/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25 {
  float: left;
  margin-right: 10px;
}

/* The last column in a row needs this class. */
.last { margin-right: 0; }

.span-1 {width: 30px;}

.span-2 {width: 70px;} 
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24 {width:950px; margin-right:0;}

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
  border-left-width: 1px;
  border-right-width: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

input.span-1, textarea.span-1 { width: 18px; }
input.span-2, textarea.span-2 { width: 58px; }
input.span-3, textarea.span-3 { width: 98px; }
input.span-4, textarea.span-4 { width: 138px; }
input.span-5, textarea.span-5 { width: 178px; }
input.span-6, textarea.span-6 { width: 218px; }
input.span-7, textarea.span-7 { width: 258px; }
input.span-8, textarea.span-8 { width: 298px; }
input.span-9, textarea.span-9 { width: 338px; }
input.span-10, textarea.span-10 { width: 378px; }
input.span-11, textarea.span-11 { width: 418px; }
input.span-12, textarea.span-12 { width: 458px; }
input.span-13, textarea.span-13 { width: 498px; }
input.span-14, textarea.span-14 { width: 538px; }
input.span-15, textarea.span-15 { width: 578px; }
input.span-16, textarea.span-16 { width: 618px; }
input.span-17, textarea.span-17 { width: 658px; }
input.span-18, textarea.span-18 { width: 698px; }
input.span-19, textarea.span-19 { width: 738px; }
input.span-20, textarea.span-20 { width: 778px; }
input.span-21, textarea.span-21 { width: 818px; }
input.span-22, textarea.span-22 { width: 858px; }
input.span-23, textarea.span-23 { width: 898px; }
input.span-24, textarea.span-24 { width: 938px; }

/* Add these to a column to append empty cols. */

.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

/* Add these to a column to prepend empty cols. */

.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}


/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the
next column, or to pull it into the previous column.  */


.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}


/* Misc classes and elements
-------------------------------------------------------------- */

/* In case you need to add a gutter above/below an element */
.prepend-top {
  margin-top:1.5em;
}
.append-bottom {
  margin-bottom:1.5em;
}

/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9;
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }


body {line-height: 1.3; -webkit-font-smoothing:antialiased;}
#topheader  { height: 92px;}
	#leftheader { float:left; width:390px; }
	#righheader { float:left; width:600px; text-align: right; }

#toptab  { height: 155px; vertical-align: bottom; margin: 0 10px; }
	#lefttab { float:left; width:420px; }
	#righttab { float:left; width:560px; text-align: right; padding-top: 15px; }

#suptabs { height: 44px;}
#maintabs { float: left; width: 450px; list-style: none outside none; margin: 0 !important; padding: 0; vertical-align: baseline; }/* border: 1px solid #ccc; */

/* in home questi due div sono piu' alti di 160px'*/
body.home #toptab { /*height: 225px;*/ }
body.home #suptabs  { height: 144px;}
h1.home_payoff { font-family: georgia, garamond, serif; font-weight: 400; color: #FFFFFF; font-size: 2.1em; font-style: italic; padding-top: 50px;}
#home_ct_action  {  text-align: left; margin-top:10px }
div.cta { float:left; width: 170px; margin-left: 5px; }
div.cta h2 { padding: 30px 0 0 0; font-size: 26px; }
div.cta a {display:block; color: #FFFFFF; float:left;}
div.cta a:hover {display:block; color: #FE9804;}
/* color: #FE9804; */


#maintabs li { float: left; margin: 0 !important; padding: 0; text-indent: 0; }
#maintabs li a { cursor: pointer !important; display: block; margin: 0; padding: 10px 15px; height: 30px; width: 160px; text-align: center; text-transform: uppercase; background-color: #FFFFFF; font-family: 'PT Sans Narrow', sans-serif; font-size: 16px; font-weight: 400; color: #0E4666;}
#maintabs li a.tab_orange {background-color: #FC950A; color: #FFFFFF;}


#newmaintabs { float: left; width: 450px; list-style: none outside none; margin: 0 !important; padding: 0; vertical-align: baseline; }/* border: 1px solid #ccc; */
#newmaintabs li { display: block; cursor: pointer !important; width: 206px; height: 48px; float: left; margin: 0 6px 0 0; padding: 0; text-indent: 0; background-image: url("/public/nwimages/tabs.png");}
#tb_prof.tab_orange { background-position: 0 0 !important; } 
#tb_prof { background-position: 0 -53px !important; } 
#tb_voci.tab_orange{ background-position: 0 -106px !important; } 
#tb_voci{ background-position: 0 -159px !important; } 


#mainlogo  {width: 400px; heigth:80px;}
#mmlabel   {width: 150px; padding-top:10px; float: left; font-size: 14px;}
#mmsocial  {width: 510px; float: left;}
#mmsocial img {display: block; float: right}
#mmoptions {width: 90px; float: right; line-height: 1em; font-style: normal; text-align: center;margin-top: 5px}


.footer-band { text-align: center; padding: 20px 0; border-top: 4px solid #0E4666; border-bottom: 4px solid #0E4666;}
.footer-text { text-align: center; margin: 10px 0; font-size: 0.8em; font-weight: bold; color:#0E4666;}
.footer-text a { color:#0E4666;}

.box-band { border-top: 4px solid #0E4666; padding: 20px 0; border-bottom: 4px solid #0E4666; }
.box-band-up { border-top: 4px solid #0E4666; padding: 20px 0;}
.box-band-down { border-bottom: 4px solid #0E4666; padding: 20px 0;}

.contenuti {
margin: 0 10px;
width: 980px;

background-color: #FFFFFF;
/*-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
box-shadow: 0 1px 10px rgba(0,0,0,.1);*/ 
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Color='#000000', ShadowOpacity='0.40')";*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
}

.contenuti_body{ padding:15px 15px 0 15px; }


.mmenu { margin-top: 22px; margin-left:0px; font-size: 1.1em; font-family:georgia,garamond,serif; font-weight: normal; font-style: italic; color: #0E4666; }
.mmenu a { color: #666666; }

.mmenu .adminmenu .admenu { text-align: left; border-bottom: none;}
.mmenu .adminmenu .admenu li a{
outline:none;
display:block;
margin:0;
padding:9px 10px !important;
font-size: 1.1em; font-family:georgia,garamond,serif !important;
font-weight: normal;
font-style: italic;
text-decoration:none;
border-left:1px solid transparent;
border-right:1px solid transparent;
}


#navmenu {
display:block;
width:auto;
height: 34px;
list-style:inside none;
padding:0; margin:0;
position:relative;
z-index:500;
}
#navmenu > li{
list-style:inside none;
padding:0;
margin:0;
display:block;

float:left;

}

#navmenu > li > a{
float:left;
outline:none;
display:block;
padding:0; margin:0;
padding:6px 12px;
color: #B4C6CF;

font:normal 15px 'PT Sans Narrow', sans-serif; text-decoration:none;
}
#navmenu > li:hover > a { color: #E78E00; background-color: #FFFFFF;}
#navmenu > li:hover > div.navmenu_layer {  display:block !important; }
/* > .navmenu_layer{display:block;}*/

#navmenu > li:hover > a.no_submenu { background-color: inherit; }

.navmenu_layer { 
font-family: 'PT Sans Narrow', sans-serif; 
left: 0;
top: 30px;
position:absolute;
width:980px; 
height: 255px;

padding: 0;
background-color: #fff; 
border: none; 
color: #000; 
border-top:none; 
z-index:500;
}

.navmenu_layer ul {list-style:inside none;  margin: 0; padding: 0;}

.navmenu_layer ul li{
	width: 100%;
	height: 34px;
	line-height: 34px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #D2D0CA;
}
.navmenu_layer ul li a {
	color: #0E4666;
	font:normal 16px 'PT Sans Narrow', sans-serif; text-decoration:none;
	display: block;
	width: 275px;
	height: 30px;
	padding-left: 20px;
	background: url(/public/nwimages/list-style-square.png) no-repeat left top;
}
.navmenu_layer ul li a:hover { 
	color: #FA8300; 
	background: url(/public/nwimages/list-style-check.png) no-repeat left top;
}
.navmenu_layer ul.three_col  {
	margin: 0;
	padding: 0;
	float:left;width: 315px;
	list-style-type:none;
} 
.navmenu_layer ul.three_col li:last-child {border-bottom:none;}

.navmenu_layer .nav_title {font-size:18px; padding: 0 10px 10px 0; color: #FC950A;}
.top_hrule { background: url(/public/nwimages/top_hrule.png) no-repeat left top; width: 950px; height:22px}
/* padding-left: 20px; height:28px; width: 275px; font:normal 16px 'PT Sans Narrow', sans-serif; text-decoration:none; */


/* dovrebbero essere in typography_pro  */ 
h2.payoff { margin-top: 20px; font-size: 1.3em; font-family:georgia,garamond,serif; font-weight: normal; font-style: italic; color: #E78E00; }
h2.payoff a { color: #E78E00; }

/* .big_serif { font-size: 4em;	font-family: 'FagoOfficeSerifBold', georgia,garamond,serif;   font-weight: 700; color: #0E4666;} */
.big_serif { font-size: 4.5em;	font-family: 'PT Sans Narrow', georgia,garamond,serif;  font-weight: 700; color: #0E4666;} 
.big_sans { font-size: 30px;	font-family: 'PT Sans Narrow', sans-serif;  color: #FA8300; line-height: 1em; margin-bottom: 0.5em;}
.medium_serif { font-size: 2em; line-height: 1.2em; font-family: 'PT Sans Narrow', georgia,garamond,serif;  color: #FA8300;}
.medium_sans { font-size: 1.5em; font-family: 'PT Sans Narrow', sans-serif;  color: #FA8300;}
.bolder_sans { font-size: 2.5em; font-family: 'PT Sans Narrow', sans-serif; color: #0E4666; line-height: 1em; font-weight: bold;}
.normal_sans { font-size: 1.5em; font-family: 'PT Sans Narrow', sans-serif; color: #0E4666; line-height: 1em;}
.small_sans { font-size: 1em; font-family: 'PT Sans Narrow', sans-serif; color: #0E4666; line-height: 1em;}


.abstract_mini { font-size: 11px; line-height: 14px;}
.abstract_small { font-size: 14px; line-height: 18px;}
.abstract_medium { font-size: 1.4em;}
.abstract_big { font-size: 1.8em;}
.pro_blue { color: #0E4666;} 
.pro_orange { color: #FA8300;}
.pro_white{ color: #ffffff;}
.pro_gray{ color: #999999;}
.pro_lgray{ color: #DFDEDE;}
.pro_em { font-style: italic;}
.pro_bold { font-weight: bold;}
.pro_normal { font-weight: normal;}
.pro_block {display: block; margin-bottom: 1em;}
.pro_centered {text-align: center;}

.pro_bg_blue { background-color: #0E4666;}
.pro_bg_orange { background-color: #FA8300;}
.pro_bg_white{ background-color: #ffffff;}

.pro_left { float: left;}
.pro_right { float: right;}
.pro_image { float:left; margin-right: 20px; border: 1px solid #ECEBEB; padding: 4px; margin-bottom: 5px;}


.big-text {
font-family: georgia, garamond, serif;
font-size: 1.8em;
line-height: 1.3;
}
.big-text img {
	displa: block;
	
}

.occhiello { font-size: 1em; color: #999999; text-transform: uppercase;}



#abreadcrumbs { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; margin-bottom: 20px; }
#abreadcrumbs a { text-decoration: underline; font-size:10px !important; font-weight: bold; height: 1.5em; line-height: 1.5em; color: #666666; text-transform: uppercase;}
#abreadcrumbs a.curr { /* color: #E18700; */ }

.contenuti_shadow{ 
background-image:url(/public/nwimages/bg_contenuti.png);
background-position:3px 213px;
background-repeat:repeat-y;
position:relative;
}

.rouded_top_right {
border-top-right-radius: 15px 60px;
}



#seiunpro {
background: url(/public/nwimages/seiunpro.png) no-repeat left top; width: 143px; height:140px;
position:fixed; top:0;right:0;
z-index: 100;
}
#contattaredaz {
display: none;
position:fixed;top:400px;
}/* viene mostrato solo se la risoluzione è superiore a 1024x768 */
#contattaredaz a {
display:block; position: relative; margin-top: 20px; left:-24px; background: url(/public/nwimages/contattaredaz.gif) no-repeat left top; width: 34px; height:195px;
}

.mdr_spiega {
	float:left; 
	width:225px; 
	height: 20px; 
	padding: 0 0 0 0; 
	font-family: 'PT Sans Narrow', sans-serif; 
	font-size: 20px; 
	font-weight: bold; color: #9C9C9C;
}

#mdr_prof {
	width: 470px;
	float:left;
	height: 40px;
	margin: 10px 0 0 20px;
}
#mdr_enc{
	width: 470px;
	float:left;
	height: 40px;
	margin: 10px 0 0 30px;
}


#mdr_prof  #who { width: 230px;}

#mdr_enc input[type="text"], #mdr_enc select,
#mdr_prof input[type="text"], #mdr_prof select, .ddselvoce{
    border: 2px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    padding: 4px 4px;
    margin-right: 8px;
    font-size: 14px;
    color: #666666;
    font-style: italic;
}
#mdr_prof .comboboxContainer, #mdr_enc .comboboxContainer {
	border: 0 !important;
}
.mdr_bg { height: 108px; background-color: none !important; background: url(/public/nwimages/top_divider2.png) no-repeat left top; }

.ddselvoce {
	float:left;
	width:270px;
}

#mdr_links{
	width: 540px; float:left; text-align: right; padding-top: 5px;
}
#mdr_links a {
	display: block; float: right; margin-left:15px; color:#0E4666;
}
#mdr_links a.current {
	color: #E78E00;
	text-decoration: underline;
}



.link-list  { text-align: center;}
.link-list a { font-size: 18px; line-height: 20px; display: block; color:#666;}
.link-list h4.normal_sans, .partners_links h4.normal_sans { font-size: 22px; font-weight: normal; margin-bottom: 20px;}



.pro_photo:after, pro_photo_micro:after {
/*    -moz-transform: rotate(15deg);
    bottom: 10px;
    box-shadow: 0 13px 13px rgba(0, 0, 0, 0.7);
    content: "";
    right: 0;
    max-width: 120px;
    position: absolute;
    top: 85%;
    width: 50%;
    z-index: -2; */
}
.pro_photo, .pro_photo_micro {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    position: relative;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 120px;
    z-index: 1;
}

.pro_photo_frame, .pro_photo_micro_frame {
    width: 110px;
    border: 1px solid #ccc;
    padding: 8px;
    z-index: 2;
    background: none repeat scroll 0 0 #FFFFFF;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
   /* -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; */

}

.pro_photo_micro { width: 45px !important;}
.pro_photo_micro_frame { width: 45px !important; padding: 3px;}


.pro_contact { display:block; position: absolute; left:-20px; top:110px; background: url(/public/nwimages/contatta.png) no-repeat left top; width: 62px; height:60px; z-index: 2; }

.pro_box_mini {
    height: 70px;
    background-color: #F4F4F4;
    background-image: url(/public/nwimages/spicchio_white.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    margin-bottom: 4px;
}
.pro_box_mini_photo { display:block; float:left; width: 45px }
.pro_box_mini_item { display:block; float:left; width: 165px; padding:8px }

.error { color: #760000 !important;}

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
/*body {
  font-size: 12px;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  background:#FFFFFF url(/public/frontend/../images/mainbg.jpg) left top repeat-x;
}
body.home {
   background:#FFFFFF url(/public/frontend/../images/mainbg_home.jpg) left top repeat-x;
}*/

body {
  font-size: 12px;
  color: #666;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-family: georgia, garamond, serif;
  background:#F4F4F4 url('/public/nwimages/bg_blue.png?v3') left top repeat-x;
}
/*body.home {
   background:#FFFFFF url(../../nwimages/mainbg_home98.jpg) left top repeat-x;
}
body.subscription {
   background:#FFFFFF url(../../nwimages/mainbg_signup98.jpg) left top repeat-x;
}*/

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {color: #000;font-weight:bold; }

h1 { font-size: 15px; line-height: 1; margin-bottom: 5px; }
h2 { font-size: 14px; margin-bottom: 5px; }
h3 { font-size: 13px; margin-bottom: 5px; }
h4 { font-size: 13px; margin-bottom: 5px; color:#f87416;}
h5 { font-size: 12px; margin-bottom: 5px; }
h6 { font-size: 12px; margin-bottom: 5px; color:#666;}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 10px; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }


.home_professionisti a:focus,.home_professionisti a:hover { color: #1F9ED8; text-decoration: none;}
a                  { color: #0E4666; text-decoration: none; }/*#FF9900;*/
a:focus, a:hover   { color: #f87416; text-decoration: none;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 15px 15px 0; padding-left: 30px; }
li			{margin-bottom:5px;}
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

 



/* CSS Document */

form{margin:0;padding:0;}
input, select, textarea{font-family:georgia,garamond,serif; font-size:12px;}
input[type=text], input[type=password],  select {
    border: 1px solid #CCCCCC;
    padding: 3px 0 3px 0;
}
textarea{padding:3px;}
/*--------------------ELEMENTI COMUNI------------------*/

/* MENU AREE LATERALE */
.menuAree{margin-top:50px;padding:0;width:30px;list-style-type:none;position:absolute;}
.menuAree li{margin-bottom:5px;}
.menuAree li a {width:30px;height:190px;background:#ff0000;display:block;text-indent:-9000px;}
.menuAree li.utenti a, .menuAree li.utenti a:link, .menuAree li.utenti a:visited{background:url(/public/frontend/images/tab_home_utenti.png) -30px 0 no-repeat;}
.menuAree li.professionisti a, .menuAree li.professionisti a:link, .menuAree li.professionisti a:visited{background:url(/public/frontend/images/tab_home_professionisti.png) -30px 0 no-repeat;}
.menuAree li.utenti a.active, .menuAree li.utenti a:hover, .menuAree li.utenti a:focus{background:url(/public/frontend/images/tab_home_utenti.png) 0px 0 no-repeat;}
.menuAree li.professionisti a.active, .menuAree li.professionisti a:hover, .menuAree li.professionisti a:focus{background:url(/public/frontend/images/tab_home_professionisti.png) 0px 0 no-repeat;}

/* header */
.header{margin-bottom:10px;}
.pre_logo{text-align:center;}
.logo{margin-top:5px;}
.header_login{margin-top:5px;margin-bottom:15px; background:url(/public/frontend/images/bg_login.png) repeat-y;overflow:hidden;}
.header_login span{margin-right:10px;color:#000;font-weight:bold;}
.header_login input.campo{width:106px;border:1px solid #e5e4e4;background:#fff;margin-right:5px;color:#666;height:18px;padding:0 2px;}
.header_login input.button{color:#fff;background:url(/public/frontend/images/bgButtonAccedi.jpg) repeat-x;border:1px solid #000;font-size:10px;text-transform:uppercase;height:18px;cursor:pointer;}
.header_login p{font-size:11px;margin:0;padding:0;}
.header_login p a:link, .header_login p a:visited{text-decoration:underline;}
.header_login p a:hover{text-decoration:none;}
.header_login a.registrati{margin-left:5px;width:102px;height:29px;display:block;text-indent:9000px;background:url(/public/frontend/images/p_registrati.png) no-repeat;cursor:pointer;}
.home_professionisti .header_login a.registrati{background:url(/public/frontend/images/p_registrati_blu.png) no-repeat;}
.header_login .span-9, .header_login .span-4{padding-top:5px;}
.header_banner{border:1px solid #e5e4e4;}

.header_logout{margin-top:5px;margin-bottom:15px;}
.header_logout p {font-size:11px;margin:0;padding:0;}
.header_logout p strong{color:#000;font-size:14px;}
.header_logout p a{padding-left:10px;background:url(/public/frontend/images/markerArancio.png) left 4px no-repeat;}



/* navigazione principale */
.main_menu_container{margin-bottom:10px;}
.main_menu{ margin:0; overflow:hidden ;list-style-type:none; font-size:12px;padding:0;}
.main_menu li{float:left;margin:0 5px;padding:0;}
.main_menu li a{height:35px; display:block;font-weight:500;text-transform:uppercase;padding-left:7px;cursor:pointer;color:#fff;}
.main_menu li a span{height:35px;display:block;padding-right:7px;line-height:35px;}
.main_menu li a:hover, .main_menu li a:active, .main_menu li a:focus{color:#f87416;}
.main_menu li a.active:link, .main_menu li a.active:visited{background:url(/public/frontend/images/tabMainMenuA.png) left bottom no-repeat;color:#f87416;}
.main_menu li a.active:link span, .main_menu li a.active:visited span{background:url(/public/frontend/images/tabMainMenuSpan.png) right bottom no-repeat;}

.home_professionisti .main_menu li a:hover,.home_professionisti .main_menu li a:active,.home_professionisti .main_menu li a:focus{color:#1f9ed8;}
.home_professionisti .main_menu li a.active:link, .home_professionisti .main_menu li a.active:visited{color:#1f9ed8;}


.social{text-align:right;}
.social span{border-right:1px solid #ccc;margin:0 10px 0 0;padding-right:10px;text-transform:uppercase;color:#aaa;font-size:11px;line-height:16px;}
.social span img{padding:0 5px;}

/* Ricerca */
.ricerca{background: url(/public/frontend/images/ombraRicerca.png) center bottom no-repeat;padding-bottom:18px;overflow:hidden;}
.ricerca_header span.tab_ricerca{width:190px;height:23px;line-height:23px;display:block;text-align:center;background:url(/public/frontend/images/tabRicerca.png) no-repeat;color:#f87416;text-transform:uppercase;font-size:11px;font-weight:bold;}
.home_professionisti .ricerca_header span.tab_ricerca{color:#1f9ed8;}
.ricerca_body{background:#f0f0f0 url(/public/frontend/images/bgRicerca.png) 515px top repeat-y;padding-bottom:10px;}
.ricerca_body h3{padding:0 15px;margin:10px;font-size:14px;background:url(/public/frontend/images/markerRicerca.png) left center no-repeat;color:#666;}
.home_professionisti .ricerca_body h3{background:url(/public/frontend/images/markerRicerca_blu.png) left center no-repeat;color:#666;}
.ricerca_body .row{padding:3px 7px;}
.ricerca_chi label, .ricerca_cosa label{font-size:12px;font-weight:bold;margin-right:5px;color:#000;}
.ricerca_chi input.campo{width:170px;margin-right:5px;height:18px;}
.ricerca_chi input.button, .ricerca_cosa input.button{width:68px;height:25px;background:url(/public/frontend/images/p_search.png) no-repeat;border:none;color:#fff;text-transform:uppercase;cursor:pointer;}
.home_professionisti .ricerca_chi input.button,.home_professionisti .ricerca_cosa input.button{width:68px;height:25px;background:url(/public/frontend/images/p_search_blu.png) no-repeat;border:none;color:#fff;text-transform:uppercase;cursor:pointer;}
.ricerca_chi .row span.chi{margin-left:23px;color:#999;}
.ricerca_chi .row span.dove{margin-left:63px;color:#999;}
.ricerca_cosa .row span.cosa{margin-left:58px;color:#999;}
.ricerca_cosa input.campo{width:270px;margin-right:5px;height:18px;}

.titolo_ricerca{width:100%;overflow:hidden;}
.titolo_ricerca h3{width:70%;float:left;display:block;}
.titolo_ricerca .info_button{width:30px;float:right;padding-top:5px;}
.titolo_ricerca .info_button a{width:25px;height:25px;background:#000;display:block;;background:url(/public/frontend/images/ico_info.png) no-repeat;}

.form {margin:0;padding:0;}


/* box voci assegnabili Chi*/
.vociChiAssegnabiliBox { background-color: #FFFFFF; border: 1px solid #ccc; border-top: none; color: #000000; margin: -1px 0 0 1px; padding: 0; position: absolute; width: 240px; z-index: 500;}
/* .vociChiAssegnabiliBox {position:absolute;width:200px; margin:-17px 0 0 24px; padding: 0; background-color: #fff; border: 1px solid #ccc; color: #000; z-index:500; }*/
#vociChiAssegnabiliHeader{padding:0 5px;;margin:5px 0;overflow:hidden;}
.vociChiAssegnabili {}
.vociChiAssegnabili ul{margin:0;padding:0;width:100%;list-style-type:none;height:170px;overflow:auto;border-top: 1px solid #ccc;}
.vociChiAssegnabili li {margin:0;padding:0;}
.vociChiAssegnabili li a {display:block;padding:3px 5px; color: #666666; font-size: 14px; font-style: italic;}
.vociChiAssegnabili li a:hover { text-decoration:none;background:#efefef;}
.vociChiAssegnabiliTitle{color:000;text-transform:uppercase;font-weight:bold;width:140px;float:left;}
.vociChiAssegnabiliButtonClose {float: right;width:14px;height:14px;display:block;background:url(/public/frontend/images/p_chiudi.png) no-repeat;cursor:pointer;}



/* box voci assegnabili Glossario*/
.vociGlossarioAssegnabiliBox {position:absolute;width:418px; margin:-18px 0 0 1px; padding: 0; background-color: #fff; border: 1px solid #ccc;
/* color: #000; */ 
z-index:500; }
#vociGlossarioAssegnabiliHeader{padding:0 5px;;margin:5px 0;overflow:hidden;}
.vociGlossarioAssegnabili {}
.vociGlossarioAssegnabili ul{margin:0;padding:0;width:100%;list-style-type:none;height:170px;overflow:auto;border-top: 1px solid #ccc;}
.vociGlossarioAssegnabili li {margin:0;padding:0;}
.vociGlossarioAssegnabili li a {display:block;padding:3px 5px; color: #666666; font-size: 14px; font-style: italic;}
.vociGlossarioAssegnabili li a:hover { text-decoration:none;background:#efefef;}
.vociGlossarioAssegnabiliTitle{color:000;text-transform:uppercase;font-weight:bold;width:200px;float:left;}
.vociGlossarioAssegnabiliButtonClose {float: right;width:14px;height:14px;display:block;background:url(/public/frontend/images/p_chiudi.png) no-repeat;cursor:pointer;}


/* box luoghi assegnabili dove*/
.luoghiBox {position:absolute;width:175px; margin:-1px 0 0 251px; padding: 0; background-color: #fff; border: 1px solid #ccc; color: #000; border-top:none; z-index:500; }
#luoghiHeader{padding:0 5px;;margin:5px 0;overflow:hidden;}
.luoghiItems {}
.luoghiItems ul{margin:0;padding:0;width:100%;list-style-type:none;height:170px;overflow:auto;border-top: 1px solid #ccc;}
.luoghiItems li {margin:0;padding:0;}
.luoghiItems li a {display:block;padding:3px 5px; color: #666666; font-size: 14px; font-style: italic;}
.luoghiItems li a:hover { text-decoration:none;background:#efefef;}
.luoghiTitle{color:#000;text-transform:uppercase;font-weight:bold;width:140px;float:left;}
.luoghiButtonClose {float: right;width:14px;height:14px;display:block;background:url(/public/frontend/images/p_chiudi.png) no-repeat;cursor:pointer;}


/* Footer */
.footer, div.footer{background:url(/public/frontend/images/bgFooter.png) repeat-x; overflow:hidden;}
.footer p{font-size:11px;color:#aaa;text-align:center;}
.footer p.alignRight{text-align:right;}
.footer p a:link, .footer p a:visited{text-decoration:none;color:#aaa;}
.footer p a:hover, .footer p a:focus {color:#aaa; text-decoration:underline;} 
.menu_footer_container{text-align:center;margin:20px 0 20px 200px;}
ul.menu_footer{width:100%;overflow:hidden;margin: 0; padding: 0; list-style-type:none;font-size:11px;}
ul.menu_footer li{background:none;float:left;padding:0 5px;margin:0;border-right:1px solid #ccc;}
ul.menu_footer li.last{background:none;float:left;padding:0 0 0 5px;margin:0;border-right:none;}
ul.menu_footer li a{text-decoration:none;color:#000;}
ul.menu_footer li a:hover,ul.menu_footer li a:focus {text-decoration:underline;}

.content_block_1, .content_block_2, .content_block_3{margin-bottom:10px;}

h2.titolo_box{font-size:14px;font-weight:bold;text-transform:uppercase;margin-bottom:1px;padding:0;line-height:normal;}

.newsletter{background:#f4f4f4;border:1px solid #ecebeb;padding:9px 9px 14px;}
.newsletter h2{font-size:14px;font-weight:bold;text-transform:uppercase;margin:0 0 15px;padding:0;}
.newsletter div.row{text-align:center;margin-bottom:15px;}
.newsletter input.campo{width:165px;}
.newsletter input.button{width:88px;height:25px;color:#FFF;border:none;background:url(/public/frontend/images/btn_iscriviti.png);text-transform:uppercase;cursor:pointer;}
.newsletter input.button{width:88px;height:25px;color:#FFF;border:none;background:url(/public/frontend/images/btn_iscriviti.png);text-transform:uppercase;cursor:pointer;}
.home_professionisti .newsletter input.button{width:88px;height:25px;color:#FFF;border:none;background:url(/public/frontend/images/btn_iscriviti_blu.png);text-transform:uppercase;cursor:pointer;}



/*--------------------PAGINAZIONE------------------*/
.pagination{overflow:hidden;margin-bottom:10px; text-align: center; padding-left: 10px;}
.pagination a{ font-family: 'PT Sans Narrow',sans-serif; float:left;padding:3px 5px;margin-right:5px;border:1px solid #ecebeb;background:#fff;display:block;font-size:20px;}
.pagination a:hover, .pagination a.current{color:#FFFFFF;background:#0E4666;}
.pagination a.indietro, .pagination a.avanti{width:12px;padding:3px 0;text-indent:-9000px;background:none;background-repeat:no-repeat;background-position:left center;border:none;}
.pagination a.inizio, .pagination a.fine{width:9px;padding:3px 0;text-indent:-9000px;background:none;background-repeat:no-repeat;background-position:left center;border:none;}
.pagination a.indietro:hover, .pagination a.avanti:hover, .pagination a.inizio:hover, .pagination a.fine:hover{background-position:right center;}
.pagination a.indietro{background-image:url(/public/frontend/images/ricerca_indietro.png);}
.pagination a.avanti{background-image:url(/public/frontend/images/ricerca_avanti.png); }
.pagination a.inizio{background-image:url(/public/frontend/images/ricerca_inizio.png);}
.pagination a.fine{background-image:url(/public/frontend/images/ricerca_fine.png); }

.main_content{overflow:fidden;}



/*--------------------FINE ELEMENTI COMUNI------------------*/

a.leggiTutto{margin-top:10px;padding-left:10px;background:url(/public/frontend/images/markerArancio.png) 0 4px no-repeat;display:block;}

span.error{color:#c00;font-size:11px;margin-left:10px;}

#form_password_dimenticata{margin-bottom:10px;}
#form_password_dimenticata legend{font-size:14px;font-weight:bold;margin-bottom:15px;color:#000;}
#form_password_dimenticata .rowItem{margin-bottom:10px;width:100%;overflow:hidden;}
#form_password_dimenticata .rowItem label{display:block;width:150px;float:left;text-align:right;margin-right:10px;}
#form_password_dimenticata .rowItem input.campo {width:250px;}
#form_password_dimenticata .rowItem input.button {width:88px;height:25px;color:#FFF;border:none;background:url(/public/frontend/images/btn_iscriviti.png);text-transform:uppercase;cursor:pointer;margin-left:160px;}


/* ------------------------   voci,  nuovo layout ----------*/

#vociconsulenza .voce { background-color: #F4F4F4; float: left; width: 180px; height: 310px; margin: 0 15px 30px 0; padding:10px 10px; overflow: hidden;}
#vociconsulenza .voce_last {  margin-right: 0; font-size: 14px;  line-height: 18px; height: 310px;}
#vociconsulenza .voce .voce_txt { height:290px; font-size: 14px; line-height: 18px; overflow: hidden;}
#vociconsulenza .voce .voce_txt a { font-size: 16px; }
#vociconsulenza .voce .occhiello { font-size: 11px;}
#vociconsulenza .voce .voce_date { font-size: 11px; color: #073F60; margin-bottom: 4px;}

.box_tab { display:block; padding: 5px 5px; margin: 0 2px 0 0; min-width: 10px; float:left;  color:#FFFFFF; background: #0F4865; }
.box_argo { display:block; padding: 5px 10px; margin: 0 10px 5px 0; min-width: 40px; float:left;  color:#666666; background-color: #FFFFFF; border: 1px solid #ccc;}



.arrow-down{ display: inline-block; vertical-align: middle; background:url(/public/nwimages/sprite-header.png) no-repeat top left; background-position: 0 0; width: 16px; height: 16px; } 
.available{ display: inline-block; vertical-align: middle; background:url(/public/nwimages/sprite-header.png) no-repeat top left; background-position: 0 -26px; width: 16px; height: 16px; } 
.away{ display: inline-block; background:url(/public/nwimages/sprite-header.png) no-repeat top left; background-position: 0 -52px; width: 16px; height: 16px; } 
.baloon{ float:left; display: inline-block; background:url(/public/nwimages/sprite-header.png) no-repeat top left; background-position: 0 -78px; width: 35px; height: 40px; } 
.social_pages{ display: inline-block; background:url(/public/nwimages/sprite-header.png) no-repeat top left; background-position: 0 -128px; width: 84px; height: 16px; margin-top:10px;} 
.tel{ display: inline-block; vertical-align: middle; margin-top:-5px; background:url(/public/nwimages/sprite-header.png) no-repeat top left; background-position: 0 -154px; width: 15px; height: 25px; } 



.span-8-banner {
	width:300px;
	margin-left:10px;
}

.span-8-banner-left {
	width:300px;
	margin-right:20px;
}



/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { font-family: 'PT Sans Narrow', sans-serif;  position:fixed; width: 90%; left: 0; bottom: 0; padding: 0.3em 5%; background: #999; opacity:0.96; filter: alpha(opacity=96); color: #fff; font-size: 16px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}