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


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

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

/* reset.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;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {
	color: #6A686A;
	background: #F3F1F2 url(../../img/bg-body.jpg) no-repeat center top;
	font: normal normal normal 12px/18px Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#3F4D73;}
h1 {font-size:20px;line-height:1;margin-bottom:0.5em; text-transform: uppercase;}
h2 {font-size:18px;margin-bottom:8px; color: #34304D}
h3 {font-size:17px;line-height:1;margin-bottom:6px;}
h4 {font-size:15px;line-height:1.25;margin-bottom:6px;}
h5 {font-size:14px;font-weight:bold;margin-bottom:5px;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
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;}
a:focus, a:hover {color:#656565;}
a {color:#3F4D73;text-decoration:underline;}
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;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ul li{ margin-bottom:8px}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%; border-collapse: collapse;}
th {font-weight:bold;}
thead th {}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.tabledata td { border-top: 1px solid #E1E0E0; padding: 8px}
.tabledata td.flag{ text-align:center; vertical-align:middle}
.tabledata th {padding:4px 10px 4px 0;border-top: 1px solid #E1E0E0; background: #F5F3F4}
.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;}

/* forms.css */
form .row{ float: left; padding-bottom: 12px; clear: both; width: 100% }
form .col{ float: left; width: 46%}
form .col.fright{ float: right;}
label { display: block;}
label.inline{ display: inline;}
select{
	border: 1px solid #747D95;
	font: normal normal normal 11px/16px Arial, Helvetica, sans-serif;
	color: #898989;
	margin: 0;
	padding: 1px;
	width:100%;
	height: 20px;
}

fieldset {padding:1.4em;margin:0 0 12px 0;border-top:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em; background: #fff; padding: 0 8px;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea {margin:0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {padding:5px; border:1px solid #747D95; padding:1px; overflow:auto}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


input[type="button"],
input[type="reset"],
input[type="submit"]{ background: #2F3853 url(../../img/shade.png) repeat-x; border: 1px solid #747D95; height: 22px; color: white; font-size: 11px; padding: 0 8px; font: normal normal normal 11px/20px Arial, Helvetica, sans-serif; margin: 0; }
input[type="text"]{ border: 1px solid #747D95; height: 20px; padding: 0 8px; font: normal normal normal 11px/20px Arial, Helvetica, sans-serif; color: #898989; margin: 0; }
input[size="40"]{ width: 200px}
input[size="60"]{ width: 250px}
input[size="70"]{ width: 300px}
input[size="80"]{ width: 350px}
input[size="130"]{ width: 675px}

.form-notes{ padding-bottom:10px}
/* --------------------------------------------------------------
		Blueprint grid.css file for version 0.9.1
		Width: 980px
		Columns: 12		Column width: 67px
		Gutter width: 16px
		
		This file was generated with GridCalc (http://www.problem.se/labs/gridcalc/)
---------------------------------------------------------------*/

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

   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. */
.container {
  width: 990px;
  margin: 0 auto;
}

/* 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 {
  float: left;
  margin-right: 16px;
}

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

/* Use these classes to set the width of a column. */
.span-1 {width: 67px;}
.span-2 {width: 150px;}
.span-3 {width: 233px;}
.span-4 {width: 316px;}
.span-5 {width: 399px;}
.span-6 {width: 482px;}
.span-7 {width: 565px;}
.span-8 {width: 648px;}
.span-9 {width: 731px;}
.span-10 {width: 814px;}
.span-11 {width: 897px;}
.span-12 {width: 980px; 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 {
  border-left-width: 1px;
  border-right-width: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

input.span-1, textarea.span-1 {width: 55px;}
input.span-2, textarea.span-2 {width: 138px;}
input.span-3, textarea.span-3 {width: 221px;}
input.span-4, textarea.span-4 {width: 304px;}
input.span-5, textarea.span-5 {width: 387px;}
input.span-6, textarea.span-6 {width: 470px;}
input.span-7, textarea.span-7 {width: 553px;}
input.span-8, textarea.span-8 {width: 636px;}
input.span-9, textarea.span-9 {width: 719px;}
input.span-10, textarea.span-10 {width: 802px;}
input.span-11, textarea.span-11 {width: 885px;}
input.span-12, textarea.span-12 {width: 968px;}

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

.append-1 {padding-right: 83px;}
.append-2 {padding-right: 166px;}
.append-3 {padding-right: 249px;}
.append-4 {padding-right: 332px;}
.append-5 {padding-right: 415px;}
.append-6 {padding-right: 498px;}
.append-7 {padding-right: 581px;}
.append-8 {padding-right: 664px;}
.append-9 {padding-right: 747px;}
.append-10 {padding-right: 830px;}
.append-11 {padding-right: 913px;}

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

.prepend-1 {padding-left: 83px;}
.prepend-2 {padding-left: 166px;}
.prepend-3 {padding-left: 249px;}
.prepend-4 {padding-left: 332px;}
.prepend-5 {padding-left: 415px;}
.prepend-6 {padding-left: 498px;}
.prepend-7 {padding-left: 581px;}
.prepend-8 {padding-left: 664px;}
.prepend-9 {padding-left: 747px;}
.prepend-10 {padding-left: 830px;}
.prepend-11 {padding-left: 913px;}

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

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 49px;
  margin-right: 49px;
  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: -83px;}
.pull-2 {margin-left: -166px;}
.pull-3 {margin-left: -249px;}
.pull-4 {margin-left: -332px;}
.pull-5 {margin-left: -415px;}
.pull-6 {margin-left: -498px;}
.pull-7 {margin-left: -581px;}
.pull-8 {margin-left: -664px;}
.pull-9 {margin-left: -747px;}
.pull-10 {margin-left: -830px;}
.pull-11 {margin-left: -913px;}
.pull-12 {margin-left: -996px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {float: left; position:relative;}

.push-1 {margin: 0 -83px 1.5em 83px;}
.push-2 {margin: 0 -166px 1.5em 166px;}
.push-3 {margin: 0 -249px 1.5em 249px;}
.push-4 {margin: 0 -332px 1.5em 332px;}
.push-5 {margin: 0 -415px 1.5em 415px;}
.push-6 {margin: 0 -498px 1.5em 498px;}
.push-7 {margin: 0 -581px 1.5em 581px;}
.push-8 {margin: 0 -664px 1.5em 664px;}
.push-9 {margin: 0 -747px 1.5em 747px;}
.push-10 {margin: 0 -830px 1.5em 830px;}
.push-11 {margin: 0 -913px 1.5em 913px;}
.push-12 {margin: 0 -996px 1.5em 996px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {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: 16px; margin-bottom: 16px; }

/* 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; }
div.hr { height: 1px; background: #E1E0E0; overflow: hidden; margin: 10px 0; clear: both; }
div.hr hr { display: none; }


/* 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; }

.raquino{background:url(../../img/raquino.png) no-repeat center 5px; display:block; height:18px; width:100%; text-indent:-44444px}
#head { background: #49446C; position: relative; z-index: 1; height: 154px; }
#vetrina{position: relative; overflow: hidden;}
#body-index #vetrina{ height:278px; overflow:hidden}
#vetrina-top{ height: 180px; background: #fff url(../../img/vetrina-top.jpg) repeat-x; position: relative; border: 1px solid #D3D1D0; border-width: 0 1px; overflow:hidden }
#vetrina-box{ background: url(../../img/vetrina-box.png) no-repeat; width: 539px; height: 158px; overflow: hidden; position: absolute; top: 14px; left: 10px; z-index: 2; }

#vetrina-bot{ height: 98px; overflow: hidden; background: #d4d4d3; padding:0  1px 1px }
#vetrina-bot .span-4{ width: 326px;  margin-right: 0}
#vetrina-bot .span-4 .box{ margin-bottom: 0; text-align: center; padding: 0; overflow: hidden; position: relative; background: url(../../img/switcher.jpg) no-repeat -978px 0; height: 97px; width: 100%; }
#vetrina-bot .span-4 .box:hover{ background-position: -652px -97px; cursor: pointer;}

#vetrina-bot .span-4 .box.current,
body#index #vetrina-bot .span-4 .box.current:hover{ background-position: -652px 0; cursor: pointer;}


#vetrina-bot .span-4.first .box:hover{ background-position: 0	 -97px;}

#vetrina-bot .span-4.first .box.current,
body#index #vetrina-bot .span-4.first .box.current:hover{ background-position: 0	 0;}


#vetrina-bot .span-4.first .box{ background-position: -326px 0}
#vetrina-bot .span-4 .box h2{ margin-top:24px}
#vetrina-bot .span-4 .box div{ padding:0 11px}
#vetrina-bot .span-4 .box a.vetrina-content-switch{ display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-indent: -33333px; z-index: 990; }
/*

body#index #vetrina-bot .span-4 .box.current{ background-position: -325px 0;}
#vetrina-bot .span-4.last{ margin-right: 0}
*/

.strip{ background: url(../../img/strip.jpg) repeat-x left top; color: white; height: 48px; line-height: 48px; text-align: center; border: 1px solid #E0E0E0; margin-bottom:15px }
.strip a,
.strip span{ background: url(../../img/strip.jpg) no-repeat right top; display: block; height: 100%%; color:#fff }
.strip a{ text-decoration:none}
.strip a:hover{ color:#A9B1C8}


#corsi-acquista div.last{ margin-right:0; }
#corsi-acquista .span-2{ margin-right: 10px; width:153px; margin-bottom:10px; overflow:hidden }
#corsi-acquista .span-2 img{ border:1px solid #d4d4d3; display:block}
#corsi-acquista .span-4{ overflow:hidden}

#partners{ height: 123px; text-align: center; margin: 16px 0 0 0; background: url(../../img/partners.jpg) no-repeat; float: left; width: 100%; }
#partners ul{ margin: 0; width: 100%; list-style: none; height: 100%; padding: 0; }
#partners ul li#partner-1{ width: 190px}
#partners ul li#partner-2{ width: 122px}
#partners ul li#partner-3{ width: 103px}
#partners ul li#partner-4{ width: 105px}
#partners ul li#partner-5{ width: 124px}
#partners ul li#partner-6{ width: 176px}
#partners ul li#partner-7{ width: 130px}
#partners ul li{ float: left; height: 100%; overflow: hidden;}
#partners ul li a{height: 100%; display: block; text-indent: -9999px}

#footer{ background: url(../../img/bg-footer.jpg) repeat-y center;  min-height: 68px; /* min-height for browsers other than IE */ height: auto !important; /* Override declared height for browsers other than IE */ height: 68px; /* min-height for IE */ color: white; font-size: 11px; text-align: center; clear: both; }
#footer a{ font-weight: bold; color: #fff}
#footer .box{ margin-bottom: 0; padding: 12px 16px;position:relative;}
#footer h3{ position:absolute; left:16px; bottom:10px; color:#FFFFFF; font-size:11px; font-weight:normal}

#credits{ padding: 6px 0 0 0; text-align: right; }
#header{ background: url(../../img/header.jpg) repeat-x; height: 154px; position: relative; margin: 0 5px; }
#header a{ color: white;}
#logo{ background: url(../../img/logo-sanclemente.png) no-repeat center; width: 284px; height: 63px; display: block; overflow: hidden; text-indent: -666px; position: absolute; top: 24px; left: 16px; }
#menu-utility{ position: absolute; right: 15px; top: 15px; font-size: 11px; text-transform: lowercase }
#menu-utility ul{ margin: 0; padding: 0; list-style: none; background: #26203F; padding: 4px 8px; }
#menu-utility ul li{ display: inline; padding: 0 5px; border-left: 1px solid #fff}
#menu-utility ul li.first{ padding-left: 0; border-left: none}
#menu-utility ul li.last{ padding-right: 0;}
#menu-utility ul li a{ text-decoration: none;}

#wrap-form-cercacorso{ position: absolute; right: 15px; bottom: 60px; }
#wrap-menu{ position: absolute; bottom: 0; left: 0; right: 0; font-size: 11px; line-height: 47px; text-align: center; background: #132B45; }
#wrap-menu ul{ margin: 0; padding: 0; list-style: none;}
#wrap-menu ul li{ display: inline; padding: 0 5px; text-transform: uppercase; float: left; margin-bottom:0 }
#wrap-menu ul li.current{ background: url(../../img/menu-caxxillo.png) no-repeat center bottom; }
#wrap-menu ul li.current a{ color: #A9B1C8; }
#wrap-menu ul li.first{ padding: 0 5px 0 15px;}
#wrap-menu ul li.last{padding: 0 0px 0 5px;}
#wrap-menu ul li a{ color: #fff; text-decoration: none; font-weight:normal; font-size:0.95em; }
#wrap-menu ul li a:hover{ color: #A9B1C8;}
#wrap-menu ul li a:focus{ outline:none}
.btn{ background-color: #f0f0f0; width: 740px; margin: 0 auto 15px auto; padding: 20px 35px; border: 1px solid #d7d7d7; -moz-border-radius: 11px; -webkit-border-radius: 11px; /*behavior: url(css/ie-css3.htc);*/ border-radius: 11px; }
#wrap-form-cercacorso label{ color: #fff; font-weight: bold; display: inline; margin-right: 6px; }
#wrap-form-cercacorso select{ width:180px; display: inline-block; margin: 0}
#wrap-form-cercacorso input[type="submit"],
#wrap-form-cercacorso input[type="text"]{ display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.corso-vetrina{ width: 506px; height: 100px; margin: 16px 0 0 16px; overflow: hidden; }

.corso-vetrina.corsi-lingue h3{ color: #8A151B}
.corso-vetrina.corsi-informatica h3{ color: #F19303}
.corso-vetrina.corsi-cultura h3{ color: #58AB29}
.corso-vetrina.corsi-arte h3{ color: #229CD3}
.corso-vetrina.corsi-hobby h3{ color: #91127C}


.corso-vetrina h4{ margin-bottom: 3px; color: #858384}
.corso-vetrina h3{ margin-bottom: 3px}
.corso-vetrina .dettagli{ color: #fff; position:absolute; left:17px; bottom:17px; z-index:2; text-decoration:none }
.corso-vetrina-switch { height: 20px; position: absolute; bottom: 15px; right: 5px; }
.corso-vetrina-switch ul { margin: 0px; padding: 0px; list-style: none; }
.corso-vetrina-switch li { width: 20px; height: 20px; float: left; margin-right: 5px}
.corso-vetrina-switch li a { background: url(../../img/vetrina-box-switch.png) no-repeat 0 0; display: block; height: 100%; text-indent: -4444px; }
.corso-vetrina-switch li.corsi-lingue a { background-position: -25px -20px}
.corso-vetrina-switch li.corsi-informatica a { background-position: -50px -20px}
.corso-vetrina-switch li.corsi-cultura a { background-position: -75px -20px}
.corso-vetrina-switch li.corsi-arte a { background-position: -100px -20px}
.corso-vetrina-switch li.corsi-hobby a { background-position: -125px -20px}



.corso-vetrina-switch li.corsi-lingue a.tabactive { background-position: -25px 0}
.corso-vetrina-switch li.corsi-informatica a.tabactive { background-position: -50px 0}
.corso-vetrina-switch li.corsi-cultura a.tabactive { background-position: -75px 0}
.corso-vetrina-switch li.corsi-arte a.tabactive { background-position: -100px 0}
.corso-vetrina-switch li.corsi-hobby a.tabactive { background-position: -125px 0}

#vetrina-under{ height: 175px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; padding-top: 5px; background: #fff; }

#vetrina-over{ z-index: 3; position: absolute; top: 5px; left: 0; width: 100%; height: 203px; background: url(../../img/vetrina-top.jpg) repeat-x; }
.vetrina-content{ padding: 15px; height: 145px; position: relative; }
.vetrina-content.active{ display: block;}
.vetrina-content a.overme{}
.vetrina-content h1{ font-size: 24px; }

#strip-materie{ background: url(../../img/strip-materie-corsi.png) no-repeat; width: 950px; height: 48px; overflow: hidden; position: absolute; bottom: 15px; left: 15px; padding: 0; margin: 0; }
#strip-materie li{ float: left; display: inline; height: 100%; width: 178px; margin-right: 15px; overflow: hidden;}
#strip-materie li.last{margin-right: 0}
#strip-materie li a{ display: block; height: 100%; text-indent: -22222px}
#strip-materie li a:hover{ background: #fff; filter: alpha(opacity=20); /* internet explorer */ -khtml-opacity: 0.2; /* khtml, old safari */ -moz-opacity: 0.2; /* mozilla, netscape */ opacity: 0.2; /* fx, safari, opera *//* fx, safari, opera */ }

#main{ background: #fff url(../../img/main.jpg) repeat-x;  }
#wrap-main{ padding: 0 5px; background: url(../../img/main.png) repeat-y left bottom; margin-bottom: 32px; float: left; width: 100%; }

.breadcrumb{ clear: both; margin-top: 5px; height: 27px; line-height: 27px; padding-left: 20px; }
.breadcrumb a{ text-decoration: none;}
.breadcrumb span{ color: #656565}

#menu-corsi{ background: url(../../img/menu-corsi.png) no-repeat; width: 178px; height: 230px; }
#menu-corsi ul{ margin: 0; padding: 0; list-style: none;}
#menu-corsi ul li{ width: 100%; height: 38px; margin-top: 10px}
#menu-corsi ul li.first{margin-top: 0}
#menu-corsi ul li a{ display: block; height: 100%; text-indent: -3333px}
#menu-corsi ul li a:hover{ opacity: .15; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=15); /* IE lt 8 */ -ms-filter: "alpha(opacity=15)"; /* IE 8 */ -khtml-opacity: .15; /* Safari 1.x */ -moz-opacity: .15; /* FF lt 1.5, Netscape */ background: #fff; }

.strippone{ height: 54px; background: url(../../img/strippone.png) no-repeat 0 0; overflow: hidden; color: #fff; padding: 0 10px; position: relative; margin-bottom: 10px; }
.areaa-lingue .strippone{}
.areaa-lingue .strippone{}
.strippone strong{ position: absolute; top: 4px; left: 14px}
.strippone h1{ color: #fff; text-transform: uppercase; font-size: 15px; height: 54px; line-height: 68px; margin-bottom: 0; }

#side-main .box{ padding-right: 0; padding-left: 0; }
.corso .prologo{ margin-bottom: 24px; }

.goback { background: url("../../img/goback.png") no-repeat scroll left center; float: right; height: 29px; padding: 0 0 0 14px; margin-bottom: 10px }
.goback a { border: 1px solid #C4CFDC; border-width: 1px 1px 1px 0; display: block; height: 27px; line-height: 27px; padding: 0 10px; text-decoration: none; }
.goback a:focus{ outline:none}

.button-iscriviti{ display: block; background: url(../../img/button-iscriviti.png) no-repeat; color: white; text-transform: uppercase; text-align: center; font-size: 11px; width: 58px; height: 21px; line-height: 21px; text-decoration: none; }

#menu-informazioniutili{ color: #656564; }
#menu-informazioniutili h5{ color: #656564; }
#menu-informazioniutili a{ color: #656564; text-decoration: none; padding-left: 30px; background: url(../../img/raquino.png) no-repeat 16px 5px; display:block }
#menu-informazioniutili a:hover{ background: url(../../img/raquino.png) no-repeat 16px -90px; color: #3F4D73; }
#menu-informazioniutili ul{ margin: 0; padding: 0; list-style: none; margin-left: -16px}
#menu-informazioniutili ul li{ border-top: 1px solid #BEBEBE; padding-top:6px}
#menu-informazioniutili ul li.current a{ font-weight: bold; cursor: default;}

.news{ margin-bottom: 20px; float: left; width: 100%}
.news .title a{ text-decoration: none;}
.news .title a:hover{ text-decoration: underline;}
.news em{ float: left; margin-right: 12px; }

.rassegna-stampa{ margin:1px 0 10px 0; float: left; width: 100%; border-bottom: 1px dotted #ccc;}
.rassegna-stampa .title a{ text-decoration: none;}
.rassegna-stampa .title a:hover{ text-decoration: underline;}
.rassegna-stampa em{ float: left; margin-right: 12px; }

#wrap-news-ticker{ border: 1px solid #D5D3D2; position: relative; height: 246px; background: #fff; text-align: center; }
#wrap-news-ticker-foot{ position: absolute; bottom: 0; left: 0; right: 0; height: 24px; line-height: 24px; background: #2E3A5A; color: #fff; text-decoration: none; padding: 0 15px; }

#news-ticker { height: 202px; overflow: hidden; width: 284px; margin: 10px auto 0 auto; text-align: left; }
#news-ticker ul { list-style: none;  margin: 0; padding: 0}
#news-ticker li { border-bottom:dotted 1px #ccc; padding:8px 0; margin:0;}



#news-ticker a { display: block; color: #48473e; text-transform: uppercase; text-decoration: none; font-weight: bold; }
#news-ticker a:hover {color:#343e65;}
#news-ticker em{color:#8a8989;}
.list-fields{ margin:0; padding:0; list-style:none}
.list-fields li{ margin-bottom:8px}

.select-short{ width:35%}

.list-test li{ margin-bottom:12px; clear: both }
.list-test label{ display: inline-block; min-width: 160px; }

#home-middle-side{ margin:0 5px}

.area-lingue a,
.area-lingue h1,
.area-lingue h3{ color: #8a151b}
.area-lingue .button-iscriviti{ color: white; }
.area-lingue .strippone h1{ color: white; background: url(../../img/icona-big-lingue.png) no-repeat right center; }

.area-informatica a,
.area-informatica h1,
.area-informatica h3{ color: #f19303}
.area-informatica .strippone{ background-position: 0 -54px}
.area-informatica .strippone h1{ color: white; background: url(../../img/icona-big-informatica.png) no-repeat right center; }
.area-informatica .button-iscriviti{ color: white; background-position: 0 -21px }

.area-culturacomu a,
.area-culturacomu h1,
.area-culturacomu h3{ color: #58ab29}
.area-culturacomu .strippone{ background-position: 0 -108px}
.area-culturacomu .strippone h1{ color: white; background: url(../../img/icona-big-cultura.png) no-repeat right center; }
.area-culturacomu .button-iscriviti{ color: white; background-position: 0 -42px }

.area-artemusica a,
.area-artemusica h1,
.area-artemusica h3{ color: #229cd3}
.area-artemusica .strippone{ background-position: 0 -162px}
.area-artemusica .strippone h1{color: white;  background: url(../../img/icona-big-artemusica.png) no-repeat right center; }
.area-artemusica .button-iscriviti{ color: white; background-position: 0 -63px }

.area-hobbymanual a,
.area-hobbymanual h1,
.area-hobbymanual h3{ color: #91127c}
.area-hobbymanual .strippone{ background-position: 0 -216px}
.area-hobbymanual .strippone h1{ color: white; background: url(../../img/icona-big-hobby.png) no-repeat right center; }
.area-hobbymanual .button-iscriviti{ color: white; background-position: 0 -84px }

.lista-giorni{ float:left; width:24%; list-style:none; margin:0; padding:0}
.lista-giorni li{ white-space:nowrap}

#menu-invia-richiedi{ padding-bottom: 10px; }
#menu-invia-richiedi ul{ margin: 0; padding: 0; list-style: none; position: relative; left: -50%; float: left }
#menu-invia-richiedi ul li{ float: left; width: 200px; height: 30px; overflow: hidden; line-height: 30px; text-align: center; margin: 0 10px; }
#menu-invia-richiedi ul li a{ display: block; height: 100%; background: #8a151b; color: white; text-decoration: none; }
#menu-invia-richiedi ul li a:hover{ background: #696969;}
#menu-invia-richiedi div{ float: left; position: relative; left: 50%}

body.area-informatica #menu-invia-richiedi ul li a{background: #f19303;}
body.area-culturacomu #menu-invia-richiedi ul li a{background: #58ab29;}
body.area-artemusica #menu-invia-richiedi ul li a{background: #229cd3;}
body.area-hobbymanual #menu-invia-richiedi ul li a{background: #91127c;}

#list-test{ list-style: none; margin: 0; }
#list-test li{ line-height: 30px}
#list-test li img{ vertical-align: middle;}
#list-test li a{ text-decoration: none; padding-left: 12px}

.wrap-gallery{ padding: 12px 0}
.wrap-gallery .foto{ float: left; width: 180px; height: 180px; overflow: hidden }
.wrap-gallery .foto a{ display: block;height: 120px; overflow: hidden }
.wrap-gallery .foto img{ display: block;}