/* Generale */
body { font: 11px Arial, Verdana, Trebuchet Ms, sans-serif; background-color: #fff; color: #504b51; }
input, select { font: 1em Arial, Verdana, Trebuchet Ms, sans-serif; color: #504b51; }
h1, h2, h3, h4 { color: #504b51; font: 1.2em Arial, Verdana, Trebuchet Ms, sans-serif; }
a:link, a:hover, a:visited {	color: #00f; }
a img { text-decoration: none; }

/* Multilingua */
.split-l {display: block; float: left; }
.split-r {display: block; float: right; }

/* Layout */
.norm { font-size: 10px; }
.medio { font-size: 11px; }
.high { font-size: 12px; }

/* Utility */
.header, h2.tagline, .z-news1 h3, .z-news2 h3 { text-indent: -9999px;	border: 0; font-size: 0em; }
.z-barra { overflow: auto; padding-top: 10px; }
.z-barra-home { display: block; float: right; background: url('http://www.zcms.it/zcms/images/icons/24/home3.png'); width: 24px; height: 24px; border: 0; margin-left: 5px; text-indent: -9999px; }
.z-barra-print { display: block; float: right; background: url('http://www.zcms.it/zcms/images/icons/24/printer3.png'); width: 24px; height: 24px; border: 0; margin-left: 5px; text-indent: -9999px; }

/* Haxx su zone */
#footer { margin: 0; padding: 5px 0; border: 0; }
#footer-sito { display: none; margin: 0; padding: 0; border: 0; }
#footer-common { display: none; margin: 0; padding: 0; border: 0; }
#footer-copy { display: none; margin: 0; padding: 0; border: 0; }
#footer-link { display: none; margin: 0; padding: 0; border: 0; }
#footer-w3c { display: none; text-align: center; padding: 10px; }
#footer-w3c img { border: 0; padding: 0 2px; }

/* Haxx su oggetti in generale*/
.z-menu { padding: 0; border: 0; margin: 0; background: #504b51; }
.z-menu li { display: block; float: left; color: #fff; font-weight: normal; font-size: 1.6em; text-align: center; }
.z-menu li a { color: #fff; }
.z-menu li a:hover{ color: #eee; }

#z-menu-2 ul { margin-left: 8px; height: 29px; }
#z-menu-3 ul { margin-left: 5px; height: 27px; }

#z-menu-2 li { padding: 3px 7px 0 0; letter-spacing: 1px; }
#z-menu-3 li { font-size: 1em; padding: 5px 4px 0 0; letter-spacing: 1px; }

.z-login { float: right; width: 430px; padding: 5px 0; }
.z-login .campi { float: left; width: 55px; color: #504b51; font-size: 1em; }
.z-login .testo { float: left; width: 125px; }
.z-login .input { float: left; width: 100px; font-size: .8em; border: 1px solid #504b51; }
.z-login .bottone { float: left; width: 50px; height: 14px; background: #eee; border: 1px solid #504b51; font-size: .9em; }
.z-login .bottone:hover { background: #E5E4E9; }
.loggato { float: right; padding-right: 20px; }

.z-news1 { width: 380px; border: 1px solid #e1e3e2; margin: 5px 10px; }
.z-news2 { width: 380px; border: 0; margin: 6px 10px 7px 10px; background-color: #fff; }
.z-informative { width: 182px; border: 0; margin: 0 auto; background-color: #fff; }

/* Haxx su oggetti singoli*/
.clear { clear:both; }
.vuoto {  } 

.intestazione { text-transform: uppercase; font-size: 2em; font-weight: bold; padding-top: 2px; height: 20px; font-style: italic; text-align: center; }
.scuola { color: #27b3af; }
.lavoro { color: #17458a; }
.sezioni { color: #fd2424; }

#esperto-risponde fieldset, #invia-articolo fieldset { margin: 10px 0 5px 0; padding: 5px; border: 1px solid #ccc; color: #504b51; width: 770px; text-align: left; }
#esperto-risponde legend, #invia-articolo legend { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; font-size: 1.1em; letter-spacing: .1em; color: #504b51; padding: 0.2em 0.5em; text-align: left; text-transform: uppercase; }
#esperto-risponde label, #invia-articolo label { background: none repeat scroll 0 50% #fff; color: #504b51; vertical-align: top; display: inline-block; margin: 0; padding: 0 0 5px 0; width: 140px; }
#esperto-risponde input[type=text], #invia-articolo input[type=text] { width: 240px; color: #504b51; }
#esperto-risponde input[type=checkbox], #invia-articolo input[type=checkbox] { margin: 5px 0 0 10px; }
#esperto-risponde input[type=submit], #invia-articolo input[type=submit] { width: 140px; text-align: center; }
#esperto-risponde select, #invia-articolo select { width: 244px; color: #504b51; font-family: Verdana, Arial; vertical-align: bottom; }
#esperto-risponde textarea { width: 576px; height: 120px; color: #504b51; padding: 2px; }
#invia-articolo textarea { width: 576px; height: 420px; color: #504b51; padding: 2px; }
#esperto-risponde p, #invia-articolo p { color: #504b51; margin: 10px 10px 5px 10px; padding: 1px; }
#esperto-risponde p.note-privacy { width: 740px; text-align: left; font-size: 0.9em; text-align: justify; }

#topten img, #feed img { margin-left: 5px; position: absolute; }

#conferma { padding: 10px; }
#conferma p { font-size: 1.2em; font-family: Verdana, Arial; }

/* Colonne Layout Header Zona Accessibilità */
#zona1-0 { height: 26px; }
#zona2-0 { height: 26px; }

/* Link e Font su Area Accessibilità */
#z-accessibilita { padding: 4px 0; }
#z-accessibilita a { color: #504b51; }

/* Display None su Input Test Email */
#teste { display: none }

/* Colonne Layout Home Page */
#col1-3-1 { background-color: #fff; margin: 0; }
#col1-3-2 { background-color: #e9edf0; margin: 0; }
#col1-3-3 { background-color: #fff; margin: 0; }

/* Colonne Layout Interno */
#col2-3-1 { background-color: #fff; margin: 0; }
.z-articolo { margin: 5px 10px; }
.tagcorrelati { font-weight: bold; }

/* Titoli e Paragrafi */
#z-news1-1 { height: 160px; background: url('http://www.orientamento.provincia.cuneo.it/upload/articoli/dopo-la-scuola-media.jpg') no-repeat center center; cursor: pointer; }
#z-news1-1 h4 { padding: 70px 0 0 175px; font-size: 1.55em; font-weight: bold; }
#z-news1-1 h4 a { color: #26b3ad; }
#z-news1-1 p { padding: 0 0 0 175px; width: 200px; }

#z-news1-2 { height: 160px; background: url('http://www.orientamento.provincia.cuneo.it/upload/articoli/dopo-la-scuola-superiore.jpg') no-repeat center center; cursor: pointer;}
#z-news1-2 h4 { padding: 70px 0 0 175px; font-size: 1.55em; font-weight: bold; }
#z-news1-2 a { color: #01b132; }
#z-news1-2 p { padding: 0 0 0 175px; width: 200px; }

#z-news1-3 { height: 160px; background: url('http://www.orientamento.provincia.cuneo.it/upload/articoli/verso-il-mondo-del-lavoro.jpg') no-repeat center center; cursor: pointer;}
#z-news1-3 h4 { padding: 70px 0 0 175px; font-size: 1.55em; font-weight: bold; }
#z-news1-3 h4 a { color: #810064; }
#z-news1-3 p { padding: 0 0 0 175px; width: 200px; }

#z-news1-6 { height: 118px; background: url('http://www.orientamento.provincia.cuneo.it/upload/articoli/esperto-risponde.jpg') no-repeat center center; cursor: pointer;}
#z-news1-6 h4 { padding: 56px 0 0 110px; font-size: 1.55em; font-weight: bold; }
#z-news1-6 h4 a { color: #504b51; }
#z-news1-6 p { padding: 0 0 0 110px; width: 200px; color: #504b51; }

#z-news2-7 { height: 160px; background: url('http://www.orientamento.provincia.cuneo.it/upload/articoli/top-ten-professioni.jpg') no-repeat center center; }
#z-news2-7 h3 { padding-bottom: 58px; }
#z-news2-7 h4 { padding: 0 0 0 28px; font-size: 1.55em; color: #ff8a02; font-weight: bold; }
#z-news2-7 p { padding: 0 0 16px 28px; width: 350px; color: #504b51; }

#z-news2-8 { height: 160px; background-color: #e9edf0; }
#profilo-giorno { margin: 12px 9px; width: 171px; height: 135px; float: left; background: url('http://www.orientamento.provincia.cuneo.it/upload/articoli/profilo-del-giorno.jpg') no-repeat center center; }
#profilo-giorno h4 { padding: 48px 0 0 8px; font-size: 1.55em; color: #ff8a00; font-weight: bold; }
#profilo-giorno p { padding: 0 0 16px 8px; width: 150px; color: #504b51; }
#news-lavoro { margin: 12px 9px; width: 171px; height: 135px; float: left; background: url('http://www.orientamento.provincia.cuneo.it/upload/articoli/box-news-lavoro.jpg') no-repeat center center; }
#news-lavoro h4 { padding: 48px 0 0 8px; width: 90px; font-size: 1.4em; font-weight: bold; }
#news-lavoro h4 a { color: #b2b3b3; }
#news-lavoro  p { padding: 0 0 16px 8px; width: 90px; color: #504b51; }

#z-news2-9 { height: 160px; background: url('http://www.orientamento.provincia.cuneo.it/upload/articoli/imprenditoria.jpg') no-repeat center center; cursor: pointer;}
#z-news2-9 h4 { padding: 70px 0 0 175px; font-size: 1.55em; font-weight: bold; }
#z-news2-9 h4 a { color: #17458a; }
#z-news2-9 p { padding: 0 0 0 175px; width: 200px; }

#z-news2-10 { height: 118px; background: url('http://www.orientamento.provincia.cuneo.it/upload/articoli/pari-opportunita.jpg') no-repeat center center; cursor: pointer;}
#z-news2-10 h4 { padding: 56px 0 0 175px; font-size: 1.55em; font-weight: bold; }
#z-news2-10 h4 a { color: #a368fc; }
#z-news2-10 p { padding: 0 0 0 175px; width: 200px; }

#z-info-1 { height: 75px; margin-top: 18px; background: url('http://www.orientamento.provincia.cuneo.it/upload/informa/sidebar-studenti.png') no-repeat center center; }
#z-info-1 h3 { padding: 8px 0 0 62px; font-size: 1.55em; color: #17c5c0;  font-weight: bold; }
#z-info-1 h3 a{color: #17c5c0;}
#z-info-1 p { padding: 0 0 0 62px; line-height: 1.1em; width: 120px; }

#z-info-2 { height: 75px; margin-top: 12px; background: url('http://www.orientamento.provincia.cuneo.it/upload/informa/sidebar-formatori.png') no-repeat center center; }
#z-info-2 h3 { padding: 8px 0 0 62px; font-size: 1.55em; color: #02336e; font-weight: bold; }
#z-info-2 h3 a{color: #02336e;}
#z-info-2 p { padding: 0 0 0 62px; line-height: 1.1em; width: 120px; }

#z-info-3 { height: 75px; margin-top: 12px; background: url('http://www.orientamento.provincia.cuneo.it/upload/informa/sidebar-agenda.png') no-repeat center center; }
#z-info-3 h3 { padding: 8px 0 0 70px; font-size: 1.55em; color: #ff8a00;  font-weight: bold; }
#z-info-3 h3 a{color: #ff8a00;}
#z-info-3 p { padding: 0 0 0 70px; line-height: 1.1em; width: 120px; }

#z-info-4 { height: 75px; margin-top: 12px; background: url('http://www.orientamento.provincia.cuneo.it/upload/informa/sidebar-territorio-economia.png') no-repeat center center; }
#z-info-4 h3 { padding: 8px 0 0 70px; font-size: 1.55em; color: #c37c16; font-weight: bold; }
#z-info-4 h3 a{color: #c37c16;}
#z-info-4 p { padding: 0 0 0 70px; line-height: 1.1em; width: 120px; }

#z-info-5 { height: 75px; margin-top: 12px; background: url('http://www.orientamento.provincia.cuneo.it/upload/informa/sidebar-rubrica.png') no-repeat center center; }
#z-info-5 h3 { padding: 8px 0 0 70px; font-size: 1.55em; color: #fb3939; font-weight: bold; }
#z-info-5 h3 a{color: #fb3939;}
#z-info-5 p { padding: 0 0 0 70px; line-height: 1.1em; width: 120px; }

#z-info-6 { height: 75px; margin-top: 12px; background: url('http://www.orientamento.provincia.cuneo.it/upload/informa/sidebar-ambiente.png') no-repeat center center; }
#z-info-6 h3 { padding: 8px 0 0 70px; font-size: 1.55em; color: #033d00; font-weight: bold; }
#z-info-6 h3 a{color: #033d00;}
#z-info-6 p { padding: 0 0 0 70px; line-height: 1.1em; width: 120px; }

#z-regnewsletter-form { height: 202px; margin-top: 12px; background: url('http://www.orientamento.provincia.cuneo.it/upload/webpublic/sidebar-newsletter.png') no-repeat center center; }
#z-regnewsletter-form h3.titolo { padding: 8px 0 0 74px; font-size: 1.55em; color: #6581ba; font-weight: bold; }
#z-regnewsletter-form p { padding: 0 0 0 74px; line-height: 1.1em; width: 120px; }
#z-regnewsletter-form .radio { padding: 10px 0; border: 0; margin: 0; }
#z-regnewsletter-form .azioni { padding: 18px 20px; border: 0; margin: 0; }
#z-regnewsletter-form .azioni #mail{ border: 1px solid #9a9a9a; width: 156px; }
#z-regnewsletter-form .azioni .radio label { padding: 5px; }
#z-regnewsletter-form .azioni .radio input[type=radio] { margin: 2px; vertical-align: middle; }
#z-regnewsletter-form #send { margin: 10px 0 0 98px; width: 60px; height: 16px; text-align: center; background-color: #504b51; border: 0; color: #fff; }

.z-search { width: 200px; height: 65px; background: url('http://www.orientamento.provincia.cuneo.it/upload/webpublic/header-down-cerca.png') no-repeat; }
.z-search .header-spacer { width: 200px; height: 10px; }
.z-search input { margin-left: 22px; border: 0; }
.z-search input[type=submit] { text-indent: -9999px; background: none; cursor: pointer; width: 30px; height: 26px; }
.z-search input[type=text] { background: none; margin: 9px 0 0 10px; width: 102px; height: 13px; }
.z-search p { padding: 6px 0 0 24px; color: #504b51; font-size: 1em; }

#z-html-4 { width: 200px; height: 171px; background: url('http://www.orientamento.provincia.cuneo.it/upload/webpublic/header-down-mappa.png') no-repeat bottom center; }
#z-html-5 { width: 200px; padding: 5px 0; }
#z-html-13 { height: 62px; background: url('http://www.orientamento.provincia.cuneo.it/upload/webpublic/sidebar-contatti.png') no-repeat center center; }
#z-html-13 h3 { padding: 24px 0 0 98px; font-size: 1.55em; color: #fb3939; font-weight: bold; line-height: 1em; }
#z-meteo { width: 200px; height: 68px; padding: 4px 0 0 10px; }
#z-meteo .giorno { margin: 0 10px; }
#z-meteo .giorno + p { padding-left: 25px; text-align: left; }
#header-mappa { text-indent: -9999px; width: 110px; height: 34px; margin-left: 20px; cursor: pointer; }

/* Layout Pagine Interne */
.z-articolo h3 { font-size: 1.6em; font-weight: bold; font-family: Trebuchet MS, Tahoma, Arial, Verdana; padding-bottom: 12px; }
.z-articolo h4 { font-size: 1.3em; font-weight: bold; font-family: Verdana, Arial; padding-bottom: 8px; color: #fb3939; text-decoration:none; }
.z-articolo h5 { font-size: 1.2em; font-weight: bold; font-family: Verdana, Arial; padding-bottom: 2px; color: #033d00; }
.z-articolo p { font-family: Verdana, Arial; font-size: 1.2em; padding-bottom: 16px; text-align: justify; }
.z-articolo ul { margin: 0 0 0 26px; padding: 4px 0 16px 0; }
.z-articolo ol { margin: 0 0 0 30px; padding: 4px 0 16px 0; }
.z-articolo li { font-size: 1.2em; font-family: Verdana, Arial; text-align: justify; }
.z-articolo ol li ul li, .z-articolo ul li ul li { font-size: 1em; }
.z-articolo a:link, .z-articolo a:visited { text-decoration: underline; }
.z-articolo a:hover { text-decoration: none; }

/* Paginator */
#paginator { text-align: right; color: #eaf5f7; height: 15px; background-color: #2879C7; padding: 5px; border: 1px solid #4297d7; margin: 5px; font-weight: bold; }
#paginator a:link, #paginator a:visited { color: #fff; }
#paginator a:hover { color: #eee; }

/* tabella orari */

#orari { width: 100%; margin-bottom: 20px;}

#orari td {
  text-align: center;
  background-color: #E0E0E0;
  padding: 4px 10px;
  border: 1px solid #fff;
}


#orari th {
  text-align: center;
  background-color: #B0B0B0;
  padding: 4px 10px;
  font-weight: bold;
  color: #504B51;
  border: 1px solid #fff;
}  

#orari th.sportello {
  color: #fff;
  background-color:	#C8C8C8;
}