@media screen { /* rules for computer screens */ } 
/* tags */

body {font-family:"Trebuchet MS", Verdana, "Verdana Ref", sans serif;font-size:12px;font-weight:normal;color:#000;padding:0;margin:0;background-color:#fff;}

div, img, p, ul, br, li, a, fieldset {margin:0;padding:0;}
img {border:0;}
ul {list-style-type:none;margin:10px;}

a {font-weight:normal;color:#ff9b00;text-decoration:none;border:0;}
a:hover {color:#2c8cb5;}

h1, h2 , h3, h4 {margin:0;padding:0;font-family:Georgia, serif;font-weight:normal;}

h1 {font-size:25px;display:block;}
h2 {font-size:30px;font-family:Georgia, serif;font-weight:normal;padding-bottom:20px;}
h3, h4 {font-size:16px;color:#000;}
h4 {font-family:Georgia, serif;font-weight:normal;background:#e8e8e8;padding:10px;}

#cerca input[type="text"], #logbox input[type="password"] {background-color:#2c8cb5;color:#fff;border:1px solid #737373;}
fieldset {border:none;}

br, hr {visibility:hidden;}

/*class*/
.clear {clear:both;height:1px;}

/*id*/
#wrapper {margin:0 auto;width:1000px;}

/*cerca e lingua e login*/
#up {margin-bottom:10px;line-height:30px;}
#up div {float:right;height:30px;}

#cerca {width:280px;margin-right:20px;background:url('../img/cerca.gif') no-repeat;text-align:center;font-size:10px;color:#006786;}

#lang {width:110px;margin-right:10px;background:url('../img/language.gif') no-repeat;text-align:center;font-family:Georgia, serif;font-size:10px;color:#fff;}
#logbox {width:330px;background:url('../img/login.gif') no-repeat;text-align:center;font-size:10px;color:#006786;}
#loginarea {background:url('../img/loginarea.gif') no-repeat;padding:50px;height:200px;}

.logga {width:30px;background:url('../img/freccia.gif') no-repeat;border:0;}

/*logo menu principali e sottomenu*/
#logo {float:left;width:200px;height:200px;background:url('../img/osservatorio_permanente_giovani_editori.jpg') no-repeat;}
#logo h1 span {visibility:hidden;}
#logo h1 a {float:left;width:200px;height:200px;}

#menu {float:left;width:330px;height:200px;}
#menu ul {margin:0;padding:0;text-transform:uppercase;}
#menu li {height:40px;padding:10px 0 0 70px;font-size:20px;background:url('../img/menu.gif') no-repeat;}
#menu a {color:#fff;display:block;}
#menu a:hover {color:#000;}
#menu li.osservatorio {background-image:url('../img/osservatorio.gif');}
#menu li.quotidiano {background-image:url('../img/quotidiano_in_classe.gif');}
#menu li.giornale {background-image:url('../img/giornale_in_ateneo.gif');}
#menu li.progetti {background-image:url('../img/progetti.gif');}

/*SOTTOMENU*/

#sottomenu {float:left;width:260px;height:200px;background:url('../img/sottomenu_osservatorio.gif') no-repeat;text-transform:lowercase;}
#sottomenu li {padding:10px 0 0 30px;}
#sottomenu a {color:#000;}
#sottomenu a:hover {color:#ff9b00;}

.sottomenu{float: left;width: 260px;height: 200px;background: url(../img/sottomenu_terzo.gif) no-repeat;background-attachment: scroll;display:none;}
.sottomenu.quotidiano{background-image: url(../img/sottomenu_quotidiano.gif);}
.sottomenu.osservatorio{background-image: url(../img/sottomenu_osservatorio.gif);}
.sottomenu.areaweb{background-image: url(../img/sottomenu_quarto.gif);}

.sottomenu ul{padding-left: 30px;}
.sottomenu li{padding-top: 6px;padding-right: 0;padding-bottom: 0;}
.sottomenu a{color: #000;}

.sottomenu a:hover{color: #ff9b00;}

#slogan {width:200px;float:left;margin-left:10px;}

/*NEWS*/

#preced {width:140px;float:left;}
#nextt {width:140px;float:right;}
#newsfoto {margin-left:200px;margin-right:200px;width:600px;height:200px;overflow:hidden;text-align:center;}

#catnews {margin:10px;height:40px;text-align:center;}
#catnews ul {}
#catnews li {display:block;display:inline;height:40px;padding:10px;margin:20px 10px;line-height:12px;background:#3eaedc;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#catnews a {color:#000;}
#catnews a:hover {color:#fff;}

#catnews ul li.qui {background:#3eaedc;-webkit-box-shadow: #b3b3b3 5px 5px 10px;-moz-box-shadow: #b3b3b3 10px 10px 10px;box-shadow: #b3b3b3 10px 10px 10px;}

#catnews ul li.celeste {background:#3eaedc;}
#catnews ul li.arancio {background:#ff9b00;}
#catnews ul li.giallo {background:#ffd021;}
#catnews ul li.magenta {background:#b600a4;} .magenta {background:#b600a4;}
#catnews ul li.fucsia {background:#ff00a4;}
#catnews ul li.verde {background:#39974a;}

#color {height:10px;}

/*menu orizzontale   border-left:1px dashed #b0b0b0;*/
#menoriz {margin:10px;font-size:13px;text-align:center;}
#menoriz ul {float:left;border-bottom:1px dashed #b0b0b0;border-top:1px dashed #b0b0b0;background:url('../img/tratteggio.gif') repeat-y;}
#menoriz li {display:block;float:left;display:inline;width:95px;height:40px;padding:5px;line-height:12px;}
#menoriz a {color:#000;display:block;}
#menoriz a:hover {color:#ff9b00;}
#menoriz li.selezionata {background:#b8b8b8;}
#menoriz li.selezionata a {color:#fff;}

/*TESTATA VIDEO*/
#testatavideo {border:1px solid #6f6f6f;padding:10px 0;margin:20px 0;text-align:center;}
#testatavideo h2 span {font-size:20px;}
#testatavideo p {padding-top:20px;}
#vpreced {width:70px;float:left;}
#vpreced img {float:left;}
#vpreced h2 {margin-top:70px;}
#vnextt {width:70px;float:right;}
#vnextt img {float:right;}
#vnextt p {margin-top:100px;}
#videotop {margin-left:70px;margin-right:70px;text-align:center;}
.data {color: #2c8cb5;}

/*boxmain*/
#testata div {float:left;height:200px;overflow:hidden;}
#testata {margin-bottom:20px;}
.freccia {width:20px;}
#titolo {width:410px;color:#fff;background:url('../img/top.gif') no-repeat;}
#titolo.home {background-image:url('../img/top_news.gif');}
#titolo.toposservatorio {background-image:url('../img/top_osservatorio.gif');}
#titolo.topquotidiano {background-image:url('../img/top_quotidiano.gif');}
#titolo.topgiornale {background-image:url('../img/top_giornale.gif');}

#titolo.toposservatorio h2, #titolo.topquotidiano h2, #titolo.topgiornale h2 {margin:60px 0 0 180px;font-size:30px;}

#titolo h2 {padding:5px 0 5px 20px;font-size:25px;font-weight:normal;border-bottom:2px solid #fff;}
#titolo.top h2 {margin:60px 0 20px 20px;border:none;}
#titolo p {margin:2px 20px;}
#titolo a {color:#000;} 
#foto {width:550px;}


/*boxleft*/

#enicultura {padding:5px;width:300px;height:250px;background:url('../img/enicultura.jpg') no-repeat center center;}

#boxleft {float:left;width:310px;background:url('../img/quadretti.gif');}
#boxleft h2 {text-align:center;}

#menuleft a {color:#000;}
#menuleft a:hover {color:#ff9b00;}
#menuleft li {padding:5px 0 5px 30px;background:url('../img/freccia_nera.gif') no-repeat;font-size:14px;color:#737373;}
#menuleft li.nav {background:url('../img/freccia_arancio.gif') no-repeat;}
#menuleft ul li ul {display:none;}
#menuleft li li {padding:5px 0 5px 10px;background:none;}
#menuleft li.nav ul {display:block;}

#youtube {width:310px;height:250px;margin-bottom:10px;}

#quaderno {width:310px;border:1px dashed #b8b8b8;margin-bottom:10px;}
#quaderno p {padding:80px 20px 20px 30px;}
#quaderno p.q384 {background:url('../img/quaderno_costituzione.gif') no-repeat #fff;}
#quaderno p.q219413 {background:url('../img/quaderno_costituzione2011.jpg') no-repeat #fff;padding-top:100px}
#quaderno p.q241698 {padding-top:230px;}
#quaderno p.q241698 a{font-family:Georgia, serif;font-weight:normal;font-size:1.4em;color:#ff9b00;}

#quaderno a {color:#595959;}
#quaderno a:hover {color:#000;}

.archivionews, .rassegnastampa {padding:5px;margin-top:5px;text-align:center;font-size:10px;}

.fotogallery {float:left;width:90px;height:40px;overflow:hidden;background:url('../img/foto.png') no-repeat;}
.videogallery {float:right;width:90px;height:40px;background:url('../img/video.png') no-repeat;}
.fotogallery,.videogallery {padding:20px 0 0 60px;}
.fotogallery a, .videogallery a {color:#fff;display:block;}

.archivionews {background:#ff9b00;}
.archivionews a, .rassegnastampa a {color:#000;display:block;}
.rassegnastampa {background:#b8b8b8;}

#info ul {margin:5px 50px;}
#info li {background:url('../img/freccia_nera.gif') no-repeat;padding:0 25px;}
#info a {color:#737373;}
#info a:hover {color:#ff9b00;}

#comunicazioni {margin:10px 0;padding:10px;font-family:Comic Sans MS;color:#595959;border:1px dashed #b8b8b8;}
#comunicazioni span {font-size:20px;}
#comunicazioni a {font-size:18px;}
#comunicazioni a:hover {}

#linkext {margin-bottom:20px;}


#foglio {margin:20px auto;width:270px;}
.foglio1 {padding-left:10px;background:url('../img/ombra.gif') no-repeat #d9d9d9;}
.foglio2 {height:10px;background:url('../img/ombra.gif') no-repeat #d9d9d9;background-position:right;}


#numeri {padding:5px;border-top:1px dashed #808080;border-bottom:1px dashed #808080;text-align:center;font-size:14px;}
#numeri a {color:#000;}
#numeri span {padding:0 10px;}
#numeri a:hover {color:#ff9b00;}
.avantindietro {padding:0 10px;background:#808080;}
.avantindietro a {color:#fff;}
.avantindietro a:hover {color:#fff;}



.download {float:left;width:150px;background:url('../ico/download.gif') no-repeat;padding:30px;margin:5px;border:1px dashed #b8b8b8;}


/*TWITTER BOX*/
#twitter {float:left;width:220px;height:140px;background:url('../img/twitter.gif') no-repeat;}
#twitter p {padding:5px;}
#twitter a {color:#fff;}
#twitter a:hover {color:#000;}

div.overflow {height:100px;overflow:hidden;}

/* EVIDENZA*/
#evidenza {float:right;width:440px;height:140px;background:url('../img/evidenza.gif') no-repeat;margin-bottom:20px;text-align:center;}
#evidenza img {float:left;margin:10px;}
#evidenza p {padding:5px;}
#evidenza img.selez {border:3px solid #ff9b00;}
#evidenza div {height:90px;overflow:hidden;}

/* FAQ*/
#domande {margin:20px;}

/* 4 BOX*/
#quattrobox {padding:10px;}
#quattrobox div {float:left;margin:10px;width:300px;height:140px;margin-bottom:60px;}
#quattrobox div div {margin:0;height:110px;overflow:hidden;}
#quattrobox h3 {margin-top:10px;height:40px;padding:10px;font-size:16px;font-family:Georgia, serif;font-weight:normal;text-align:center;border:1px dashed #b1b1b1;}
#quattrobox a {color:#000;display:block;height:40px;}
#quattrobox a:hover {color:#2c8cb5;}

#quattrobox.altrenews h3 {font-size:12px;}

/* NEWS DEL GIORNO */
#ultima {border:1px dashed #999;padding:10px;}
#ultima h3 , #boxcenter  #ultima a.day-title {font-size:25px;}
#ultima a.day-title {color:#000;}
#ultima a.day-title:hover {color:#333;}
#ultima span {font-size:18px;color:#2c85ae;}
#ultima img {float:left;margin:0 20px 20px 0;}
#ultima p {color:#2c85ae;}

/* BOX CENTER  */
#boxcenter {float:left;padding-left:15px;width:670px;}

#boxcenter p {padding-bottom:10px;text-align:justify;}
#boxcenter strong {font-size:14px;color:#2c8cb5;font-weight:normal;}
#boxcenter a {font-size:1.2em;}


#icone {border-top:1px dashed #808080;padding:10px;}
.ico {float:left;height:30px;padding:8px 10px 0 35px;}
.ico a {color:#737373;}
.ico a:hover {color:#000;}
#icofoto {background:url('../ico/foto.gif') no-repeat;}
#icovideo {background:url('../ico/video.gif') no-repeat;}
#icodownload {background:url('../ico/download.gif') no-repeat;}
#icostampa {background:url('../ico/stampa.gif') no-repeat;}
#icotwitt {background:url('../ico/twitter.gif') no-repeat top right;width:150px;padding:8px 0;}

/*footer*/
#banner {margin-top:20px;background:#fff;}
#banner img {float:left;}
#banner p {padding:20px;}

#footer {border-top:10px solid #737373;background-color:#d9d9d9;color:#808080;}
#wrapperfooter {width:1000px;margin:0 auto;}

#footer ul {padding:0;margin:0;border-top:2px solid #fff;}
#footer ul ul {border:none;}
#footer li a {color:#2c8cb5;}
#footer li {float:left;width:228px;padding:10px;text-transform:lowerCase;border-left:1px dashed #fff;}
#footer li li a {color:#000;display:block;}
#footer li li a:hover {color:#2c8cb5;}
#footer li li {float:none;border:none;padding:0 0 5px 0;margin:0;width:auto;font-size:10px;border-bottom:1px dashed #fff;}
#footer ul li li li{display:none;}
.boxrss{float:left;width:500px;}
#footer .boxrss li{clear:left;width:100%;padding:4px;}

.giornali, .giornali2 {background:#fff;margin:20px 0;}
.giornali {float:left;width:49%;}
.giornali2 {float:right;width:49%;}

.nofloat {float:none;margin:0 auto;width:99%;}

.giornali div, .giornali2 div {float:left;padding:7px 0 0 7px;}

#finale {text-align:center;border-top:2px solid #fff;padding:20px;}
#finale a {color:#000;}
#finale a:hover {color:#2c8cb5;}



#nuova {margin-bottom:20px;background:url(../img/boxnews.gif) no-repeat;}

/* CERCA */
span.selectedpage {font-size:16px;padding:5px 20px;margin-bottom:40px;background:#909090;color:#fff;}
div.searchbox p {padding:10px 0;border-bottom:1px dashed #909090;}
div.searchbox a {color:#2c8cb5;}
div.searchbox a:hover {color:#ff9b00;}


/*TOP NEWS*/

/*OVERRIRDE*/

legend{display:none;}
#mask a{color:#000;}
#mask.home a{color:#fff;}
#mask a:hover{color:#fff;}
#mask.home a:hover{color:#000;}
#mask, #mask.boxhome {width:960px;height:200px;margin:0 auto;padding:0 20px;overflow:hidden;margin-bottom:20px;background:url(../img/wings.gif) no-repeat;}
#mask.home {	position:relative;border:none;padding:0;background:#2C8CB5;}
#mask.boxvideo {	position:relative;border:none;padding:0;background:#000;width:1000px;height:300px;text-align:center;}
#mask.boxosservatorio {	background:#2C8CB5 url(../img/wings_o.gif) no-repeat;}
#mask.boxquotidiano {	background:#3EB5E3 url(../img/wings_q.gif) no-repeat;}
#mask.boxgiornale {	background:#b8b8b8 url(../img/wings_g.gif) no-repeat;}


#switchboxsx{float:left;cursor:pointer;}
#switchboxdx{float:right;cursor:pointer;}
#boxheader{overflow:hidden;height:200px;left:0;}
.home #boxheader{position:absolute;width:12000px;}
#boxheader div{width:960px;height:200px;overflow:hidden;padding:0;float:left;background:url(../img/top.gif) no-repeat;}
.boxosservatorio #boxheader div{background:url(../img/top_osservatorio.gif) no-repeat;}
.boxosservatorio #boxheader h2{}
.boxquotidiano #boxheader div{background:url(../img/top_quotidiano.gif) no-repeat;}
.boxquotidiano #boxheader h2 {}
.boxgiornale #boxheader div{background:url(../img/top_giornale.gif) no-repeat;}
.home #boxheader div{background:url(../img/top_news.gif) no-repeat;}


#boxheader .boxtesto{width:390px;float:left;padding:10px;color:#fff;}
.boxosservatorio #boxheader .boxtesto ul,.boxquotidiano #boxheader .boxtesto ul,.boxgiornale #boxheader .boxtesto ul, ul.boxtitolo.gallery{margin-top: 60px;margin-right: 0pt;margin-bottom: 0pt;margin-left: 180px;font-size: 30px;}
#boxheader .boxtesto h2.top, #boxheader .boxtesto ul{margin:40px 20px 20px 20px;}

ul.boxtitolo.gallery{margin:0 0 20px 0 ;}
#boxheader .boxtesto h2, #boxheader .boxtesto li, .boxtitolo.gallery li{padding-top: 5px;padding-right: 0;padding-bottom: 5px;padding-left: 20px;font-size: 25px;font-weight: normal;}
#boxheader .boxtesto li, .boxtitolo.gallery li{display:inline;margin:0;font-family:Geargia, serif;padding:0;}
.boxquotidiano #boxheader .boxtesto li,.boxgiornale #boxheader .boxtesto li,.boxosservatorio #boxheader .boxtesto li{}
.boxquotidiano #boxheader .boxtesto li.last,.boxgiornale #boxheader .boxtesto li.last,.boxosservatorio #boxheader .boxtesto li.last{ border:none;}
.home  #boxheader .boxtesto h2{border-bottom: 2px solid #ffffff;}


#boxheader .boxtesto p{margin-top: 2px;margin-right: 20px;margin-bottom: 2px;margin-left: 20px;}
#boxheader img{width:550px;}





/*#boxleft img{width:260px;}*/
.path {margin:0;padding:0;text-transform:lowercase;}
.path li{display:inline;}
.linktop{float:right;background:url(../img/freccia_su.gif) no-repeat 100% 0;padding-right:30px;}
.freccia{background:url(../img/freccia.gif) no-repeat;width:60px;border:none;}

/*DATA*/
#testat {text-align:center;}
#testat h2 {font-size:45px;margin:0;}
#testat h3 {width:800px;margin:0 auto;margin-bottom:30px;}

span.boxdata{font-size:20px;display:block;color:#2C8CB5;}

/*NEWS*/
.selectedpage{color:#ff9b00;}

.boxshare{float:left;margin:20px;}


/*GALLERY*/
.gallerycontainer{width:640px;padding:10px 0 10px 0;}
.boxvideo{background:#000;text-align:center;margin:20px 0;}

#quaderno .linkpdf a{color:#ff9b00;font-weight:bold;}
#quaderno .linkpdf a:hover{color:#2C8CB5;}

/*LOGOUT*/
p.btnlogout{background:#2C8CB5;position:absolute;top:0;right:20px;padding:4px 10px;}
.btnlogout a{color:#fff;}

/*BOXUSER*/
.boxuser li {clear:left;padding:4px;border-bottom:1px solid #ccc;}
.boxuser li.odd, tr.odd{background:#e9e9e9;}
.boxuser li div{float:left;padding-right:10px;text-align:right;width:120px;}
.boxconcorsi{text-align:left;}
.boxconcorsi div{width:200px;height:200px;float:left;}
table.boxclassi{border:1px solid #e9e9e9;margin:0 0 10px 0;width:100%;}
table.boxclassi td{color:#2C8CB5;}

/*RICHIESTE*/

.boxreqs, .edicola  {margin:10px 0;}
.edicola {border:1px solid #ccc;background:#fefefe;padding:10px;}
.boxreqs div{width:320px;float:left;text-align:right;margin-right:10px;border-bottom:2px dotted #ccc;}
.boxreqs input[type="text"], .boxreqs label{padding:2px 0;width:260px;font-size:1.1em;}
.boxreqs .box-radio input, .boxreqs label.box-radio{padding:2px 0;width:auto;font-size:1.1em;}
h2.boxreqs {font-size:20px;background:#fff;margin:0;float:none;}
.boxreq hr{visibility:hidden;}
.boxreq input.boxdata{width:60px;margin-right:10px;}
.boxreq textarea{border:1px solid #ccc;width:500px;}
.boxreqs div.charscount{ text-align:left; border:none;}
.boxreqs input.boxsmall, .boxreqs input.normal{width:60px;}
.boxreqs .normal input{width:auto;display:inline}
.boxreqs h3{padding:0 20px;}
.boxreqs h3.num{padding:0 10px 0 0;float:left;}
span.asterisco{color:#c00;font-size:2em;font-family:"Trebuchet Ms", sans;}
.boxreqs h3.numclassi{padding:0}
div.concorso{background:#f3f3f3;padding:4px;margin:4px;}
.request-container, .boxreqs.elenco{border:1px solid #efefef;background:#fcfcfc;padding:10px;margin:0 0 10px 0;clear:left;}
.boxreqs.elenco{border:1px solid #ccc;padding:10px;}
.docente{margin-bottom:30px;}
#boxdetails, .boxnew {border:1px solid #ccc;padding:10px;margin:10px 0;background:#fcfcfc;}
.boxnew {padding:10px;margin:0;}

.boxmedia{width:500px;font-family: "Trebuchet MS",Verdana,"Verdana Ref",sans serif;border:1px solid #ccc;border:none;}
.fileupload{background:#e9e9e9;padding:0;}
.fileupload fieldset{border:none;padding:10px;}
.fileupload legend{display:block;}
.doc{padding:10px;background: url(../../admin/layout/img/doc.gif) no-repeat 0 50%;}
.btn{cursor:pointer;color:#fff;padding:4px 10px;color:#fff;font-size:1.1em;border:none;background:#080 url(../img/btn.gif) repeat-x;border:2px solid #fff;}
.boxreqs input[type="submit"], .boxreqs input[type="button"]{color:#fff;background:#2C8CB5  url(../img/btnsubmit.gif) repeat-x;padding:4px 20px;border:none;}
#btnadddoc{cursor:pointer;}
/*MESSAGES*/
.msgok,.msgnotice,.msgwarning{font-size:1.2em;color:#DC143C;}
.msgok{color:#008000;}

/*UPLOAD*/
.fileupload div.boxcontent{padding:0 20px;font-size:1.2em;}
.fileupload  a{text-decoration:none;color:#ff9b00;}

/*TABS*/
#steps{font-style:oblique;float:left;padding:0;background-color:#eff5f8;font-size:1.5em;margin:20px 0 0 0;border:1px solid #ddeaf0;border-left:none;}
#steps div{background:#31ACD6 url(../img/steps_off.png) no-repeat 0 50%;cursor:pointer;padding:0.21em 0.5em 0.5em 0.5em;margin:0;width:180px;float:left;height:70px;padding-left:30px;}
#steps div.step-on{background:#31ACD6 url(../img/steps.png) no-repeat 0 50%;color:#fff;}
#steps div.step-off{background-color:transparent;}
/*FAQ*/
.faq a{color:#3eaedc;}
.faq a:hover{color:#000;}

ul.subnews{margin-left:0;padding:0;border:1px solid;}
.subnews li{display:inline;border-left:1px solid;padding:0 10px;}
#newsindex{border:none;font-size:1.1em;}

table.squadra td {padding:0 10px;}
table.squadra h3 {color:#fff}
table.squadra img {border:5px solid #fff;margin:0 20px;}
#boxcenter table.squadra p {padding:0}
.tabgr {background:#2C8CB5;}