﻿/* Normalizzazioni cross-browser */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
a { outline: none; text-decoration: none; }
abbr { border: none; }
address, caption, cite, code, dfn, em, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
div.calendar table { border-collapse : separate; }  /* aggiunto per calendario js in amministrazione */
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }
a.g2k { padding: 0 10px 0 0; background: url('/images/pulsante.gif') no-repeat bottom right; }
ul#nav_access { width: 1px; height: 1px; overflow: hidden; position: absolute; left: 0; top: -500px; text-indent: -9999em; } 

/* Stili generali */

input[type="text"], input[type="password"] {
    border-top: 1px outset #000;
    border-left: 1px outset #000;
    color: #666;
    padding: .3em .8em .4em .8em;
    line-height: 1.4em;
    font-size: 1em;
    margin: 0;
    font-weight: normal;
}
input[type="text"]:focus, input[type="password"]:focus {
    border-color: #000;
}
textarea {
    border-top: 1px outset #000;
    border-left: 1px outset #000;
    color: #666;
    padding: 0 0 0 .8em;
    font-size:1.3em;
    line-height: 1.4em;
    font-size: 1em;
    margin: 0;
    font-weight: normal;
}

/* ------------------------------------------- */
/* USER                                        */
div#userui { width: 375px; position: absolute; top: 71px; left: 600px; z-index: 1000;  }
	div#userui a { display: block; padding: 0 0 0 15px; margin: 0 50px 0 0; float: right; }
	div#userui input { width: 120px; padding: 3px; }
	div#userui input.btn { width: 41px; height: 45px; cursor: pointer; font-size: 1px; padding: 5px 0 0 0; overflow: hidden; position: relative; top: 0px; left: 10px; }
	div#userui input.exit { width: 41px; height: 45px; cursor: pointer; font-size: 1px; padding: 5px 0 0 0; overflow: hidden; }
	div#userui label { padding: 0 5px 0 10px; }
	div#userui p.logged { width: 200px; padding: 20px 0 20px 10px; position: absolute; top: 0; right: 0; }	
		p.logged span { display: block; }	
		div#userui p.logged input.exit { position: absolute; top: 15px; right: 0; }	
    div#userui div#errorMessage { display: none; color: #f50000; font-weight: bold; text-align: center; clear: both; padding-top: 5px; }
	div#userui p.head { padding: 15px 0 0 30px!important; font-size: 1.1em; }
/* ------------------------------------------- */
/* BRANDING                                    */
div#branding { width: 402px; height: 57px; position: absolute; top: 80px; left: 20px; }
	div#branding a { display: block; width: 402px; height: 57px; }

/* ------------------------------------------- */
/* NAV MAIN                                    */
div#nav_main { height: 170px; padding: 10px 0 0 10px;}
	div#nav_main ul { float: left;  position: relative; z-index: 1500;  }
		div#nav_main ul li { float: left; position: relative; }
			div#nav_main ul li a { display: block; padding: 15px 18px 0px 18px; margin: 0; }
		    div#nav_main ul li ul { float: none; width: 200px; background: url(/images/bg-menu-top.png) top left repeat; border: 1px solid #888; display: none; position: absolute; top: 28px; left: 0; z-index: 400; }
		            div#nav_main ul li ul li { float: none; margin: 0; padding: 2px 0; line-height: 27px; border-bottom: 1px #e5e3d7 solid; }
			            div#nav_main ul li ul li a { display: block; padding: 0 0 0 18px; margin: 0; width: 182px; }
/* ------------------------------------------- */
/* SEARCH                                      */
div#searchui { width: 200px; position: absolute; top: 18px; left: 780px; z-index: 10000; }
	div#searchui label { width: 1px; height: 1px; overflow: hidden; position: absolute; left: 0; top: -500px; text-indent: -9999em; }
	div#searchui input { width: 170px; padding: 3px 0 3px 5px; float: left; }
	div#searchui input.btn { width: 21px; height: 22px; font-size: 1px; padding: 20px 0 0 0; cursor: pointer; }

ul#risultati_ricerca { border-bottom:1px solid #d0cabb; }
ul#risultati_ricerca li { padding-top:15px; padding-bottom:15px; border-top:1px solid #d0cabb; color:#6f6f6f; font-weight:normal; }
ul#risultati_ricerca li a { color:#6f6f6f; font-weight:bold; margin-top:10px; display:block; }
 
/* ------------------------------------------- */
/* NAV ADD                                     */
div#nav_add { width: 100%; float: left; padding: 4px 0 0 0; }
	div#nav_add ul { width: 100%; float: left; padding: 0 0 4px 0; }
		div#nav_add ul li { float: left; padding: 10px 0 0 0; }
		div#nav_add ul li.cos_amb { margin-left: 15px; display: inline; }
			div#nav_add ul li a { width: 165px; height: 59px; display: block; }
div#nav_add_home { width: 100%; float: left; padding: 4px 0 0 0; }
	div#nav_add_home ul { width: 100%; float: left; padding: 0 0 4px 0; }
		div#nav_add_home ul li { width: 165px; height: 200px; float: left; padding: 10px 0 0 0; position: relative; }
		div#nav_add_home ul li.cos_amb { margin-left: 15px; }
		div#nav_add_home ul li.lic_tec { /*margin-left: 15px;*/ }
			div#nav_add_home ul li a.main { width: 165px; height: 59px; display: block; position: absolute; bottom: 0; }
				div#nav_add_home ul li ul { /*height: 127px;*/ height: 0; overflow: hidden; position: absolute; bottom: 59px; left: 0; }
				div#nav_add_home ul li.cos_amb ul { width: 163px; position: absolute; margin-left: 2px; }
				div#nav_add_home ul li.oltre ul { width: 165px; }
					div#nav_add_home ul li ul li { height: auto; padding: 0 20px; line-height: 18px; }
					div#nav_add_home ul li ul li:first-child { padding-top: 10px; }

/* ------------------------------------------- */
/* BREADCRUMB                                  */
div#breadcrumb { clear: both; padding: 10px 0 20px 20px; }
	div#breadcrumb span { padding: 0 3px 0 3px; }
	div#breadcrumb span:first-child { padding: 0 0 0 20px; }

/* ------------------------------------------- */
/* CONTENT                                     */
div#content { width: 965px; min-height: 800px; padding: 5px 0 50px 20px; clear: both; overflow: auto; }

	/* ------------------------------------------- */
	/* NAV SUPP                                    */
	div#nav_supp { width: 210px; float: left; }
	    div#nav_supp h2 { margin: 0 0 1.8em 0; padding: 0 0 0 15px; }
		div#nav_supp h2 span { padding: 0 0 3px 0; }
		div#nav_supp ul { padding: 0 40px 0 0; }
			div#nav_supp ul li { padding: 0 0 0 5px; }
				div#nav_supp ul li a { width: 100%; display: block; }
				    div#nav_supp ul li ul { margin: 0; padding: 0 0 0 0; display: none; }
				    div#nav_supp ul li ul li { margin: 0; padding: 3px 0 0 8px; min-height: 20px; }
				        div#nav_supp ul li ul li ul { display: block; }
		ul.home_ecdl { padding: 0 15px; }
			ul.home_ecdl li { padding: 10px 0 10px 0; overflow: auto; line-height: 18px!important; }
			div#nav_supp ul.home_ecdl li h3 { margin: 0 0 1em 0; padding: 0; }
				ul.home_ecdl li img { float: left; margin: 0 10px 0 0; }
				ul.home_ecdl li h3 span { display: block; }
				        
    /*div#nav_supp ul li.thisFolder > a { color: #000000; background: url('/images/freccia-menu-left.png') no-repeat center right; }*/
    div#nav_supp ul li.thisFolder2 > a { color: #000000; background: url('/images/freccia-down-menu-left.png') no-repeat center right; }


	/* ------------------------------------------- */
	/* CONTENT MAIN                                */
	div#content_main { width: 555px; float: left; }
		div#content_main h2 { margin: 0 0 1.8em 0; padding: 0 0 0 15px; }
			div#content_main h2 span { padding: 0 0 3px 0; }
		div#content_main h3 { margin: 0 0 1em 0; padding: 0 0 0 15px; }
		div#content_main h4 { margin: 0 0 1em 0;  }
		div#content_main p { margin: 0 0 1.5em 0; padding: 0 15px; }
		div#content_main img.imgleft { float: left; margin: 0 1.4em 1.4em 15px; }
		div#content_main img.imgright { float: right; margin: 0 15px 1.4em 1.4em; }
		ul.home_highlights { padding: 0 15px; }
			ul.home_highlights li { padding: 10px 0 10px 0; overflow: auto; }
			div#content_main ul.home_highlights li h3 { margin: 0 0 1em 0; padding: 0; }
				ul.home_highlights li img { float: left; margin: 0 10px 0 0; }
				ul.home_highlights li h3 span { display: block; }
	div#content_main p.p_evento { margin-top: 20px; padding-top: 20px; }
	input#btnIscriviti { background-color: #666666; color: #FFFFFF; border: 0; padding: 2px; width:110px; font-weight:bold; text-align:left; padding-left:4px; }
	input#btcCancella { background-color: #666666; color: #FFFFFF; border: 0; padding: 2px; width:110px; font-weight:normal; text-align:left; padding-left:4px; }
	td.iscrizione_left { width:150px; background-color: #666666; color: #FFFFFF; font-weight: bold; padding-left:10px; }
	td.iscrizione_right { padding-left:30px; }
	div#content_main table.table01 td { padding: 8px; border: 1px solid #fff; }
	div#content_main ul.linklist li { margin: 0 0 15px 0; padding: 0 0 0 10px; }
	    div#content_main ul.linklist li p { margin: 0; }
	div#content_main div.genericContent ul { margin: 0 0 1.5em 0; }
	    div#content_main div.genericContent ul li { margin-bottom: 5px; padding-left: 20px; }
	        div.genericContent ul li ul li { margin-bottom: 0; padding-left: 15px; }
	/* ------------------------------------------- */
	/* CONTENT SUB                                */
	div#content_sub { width: 180px; float: left; padding: 0 0 0 20px; }
		div#content_sub h4 { padding: 0 0 0 10px; }
		div#content_sub ol li { padding: 15px 10px; }
			div#content_sub ol li h5 { padding: 0 0 10px 0; }
		div#content_sub h4.usermenu_head { margin: 0 0 20px 0; }
		ul.usermenu { padding: 0 0 40px 0; }
			ul.usermenu li { padding: 0 0 0 10px; }
				ul.usermenu li a { width: 100%; display: block; }
					ul.usermenu li ul { padding: 0 0 15px 10px; }
						ul.usermenu li ul li { padding: 0; }
		div#content_sub h4.calendar_head { margin: 0 0 20px 0; }
		table#calendar { width: 100%; }
			table#calendar caption { padding: 5px 0 0 0; }
				table#calendar caption a { padding: 0 10px; }
					table#calendar caption a span { width: 1px; height: 1px; overflow: hidden; position: absolute; left: 0; top: -500px; text-indent: -9999em; }
			table#calendar th { padding: 10px 2px 2px 2px; }
				table#calendar td { width: 14%; padding: 2px; background-color: #f7f0dd!important; }
				table#calendar td.event {  }
				table#calendar td.event a { display: block; padding: 2px; }
				table#calendar td.event div { display: none; position: absolute; width:160px; z-index: 100; background-color: #fffefd; margin: 0; margin-left: -130px; padding: 0px; }
				table#calendar td.event div ul { border:1px solid #dad4c2; }
				table#calendar td.event div ul li { padding:5px; text-align:left; border-bottom: 1px solid #e7e4db; }
				table#calendar td.event div ul li a { background-color:Transparent; color:#333333; }


	/* ------------------------------------------- */
	/* CONTENT ADMIN                                */
	div#content_admin { width: 765px; float: left; }
		div#content_admin h2 { margin: 0 0 1.8em 0; padding: 0 0 0 0; }
			div#content_admin h2 span { padding: 0 0 3px 0; }
		/*div#content_admin input.a_btn { background: url('/images/admin/btn.gif') no-repeat; }*/
		div#content_admin table { width: 100%; }
			div#content_admin table td { padding: 3px; border: 2px solid #f6efdd; }
			div#content_admin table td.header { padding: 5px; color: #333333; text-transform: uppercase; font-weight: bold; background: #e5dbbf; }
			div#content_admin table td.even { background: #efe6ce; }
			div#content_admin table td.paging { text-align: right; }
				div#content_admin table td.paging a { font-weight: bold; text-decoration: underline; }
				div#content_admin table td.paging a.current { text-decoration: none; color: #646464; }
			div#content_admin table td.topbutton { text-align: right; padding: 0 4px 7px 0; }
			div#content_admin table td.selectAll { text-align: right; padding-right: 30px; }
				div#content_admin table td.selectAll input { margin-left: 10px; }
			div#content_admin table td.legend { padding: 10px 0; font-style: italic; }
				div#content_admin table td a { color: #3d3d3d; }

	ul.udienza 
	{
		border-top: 1px solid #d0cabb;
		margin-top: 10px;
		padding-top: 20px;
	}

	ul.udienza li 
	{
		color: #666666;
		display: block;
		width: 200px;
		clear: both;
		float: left;
	}

	ul.udienza li.right 
	{
		color: #666666;
		font-weight: bold;
		float: left;
		clear: none;
	}

    /*-------------------*/
    /* Stili input admin */
    /*-------------------*/
	div#content_admin input[type="button"], div#content_admin input[type="submit"], div#content_admin input[type="reset"] {
	    cursor: pointer;
	    border: 1px outset #dddddd;
	    color: #666;
	    font-weight: bold;
	    padding: .3em 1.0em .4em 1.0em;
	    line-height: 1.4em;
	    font-size: 0.9em;
	    margin: 0;
	    background: #d9d9d9 url('/images/admin/btnbg.gif') repeat-x left top;
	    outline: none;
	}
	div#content_admin input[type="button"]:hover, div#content_admin input[type="submit"]:hover, div#content_admin input[type="reset"] {
        border-right-color: #000;
        border-bottom-color:#000;
    }

    div#content_admin input[type="text"] {
        border-top: 1px outset #000;
        border-left: 1px outset #000;
	    color: #666;
	    padding: .3em .8em .4em .8em;
	    line-height: 1.4em;
	    font-size: 1em;
	    margin: 0;
	    font-weight: normal;
    }

    div#content_admin select {
        border-top: 1px outset #000;
        border-left: 1px outset #000;
	    color: #666;
	    padding: .3em;
	    /*line-height: 1.4em;*/
	    font-size: 1em;
	    margin: 0;
	    font-weight: normal;
    }
    
    

/* ------------------------------------------- */
/* SITE INFO                                   */
div#site_info { padding: 30px 0 40px 15px; clear: both;  }
	div#site_info div { display: inline; padding: 0 15px 0 0; }
	div#site_info div.gutter { overflow: hidden; display: block; padding: 0 15px 0 0px; width: 900px; }
		div#site_info div.street-address { padding: 0 5px 0 0; }
	div#site_info a { padding: 0 15px 0 0; }
	div#site_info div.org {  }
    .rep { float: right; }
    .pat { float: left; margin: 0 60px 0 40px; }
    .org { margin-left: 90px; }
    .tel { margin-left: 90px; }
    .piva { margin-left: 90px; }

/* FORM */
span.requiredField {
    display: none;
}

/* LOGIN */
td.loginError { font-size:1.5em; color:#CC0000; font-weight:bold; font-variant:small-caps; text-align:center; }

/* Menu Utente */
a.evidenza { font-weight:bold; }

/* Tooltips Mootools */
.tip {
	color: #9f9f9f;
	width: 210px;
	z-index: 13000;
	background: #F0F0F0;
	border: 2px solid #666;
}
.tip-title {
	font-weight: bold;
	margin: 0;
	color: #c00001;
	padding: 8px 8px 4px;
	text-align:left;
}
.tip-text {
	text-align:left;
	padding: 4px 8px 8px;
}

/* LISTA CHECKBOX */
div.folderList { margin: 10px 0 6px 0; padding: 2px 8px; border-left: 1px solid #000000; overflow: hidden; }
    div.folderList h4 { margin: 0 0 6px 0; padding: 0 0 2px 0; }
    div.folderList label { display: block; position: relative; float: left; width: 100px; padding: 0 0 0 16px; margin: 0 10px 8px 0; }
    div.folderList label input { position: absolute; margin: 0; top: 0px; left: 0px; }

/* Button Calendario */
div#content_admin input.tool-calendar {
    border-style: none;
border-color: inherit;
border-width: 0;
width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 0 0 4px;
    background: url('/images/admin/calendar_20x20.png') no-repeat 0px 0px;
    cursor: pointer;
}

div#div_calendario span { color: #3d3d3d; }
div#div_calendario span a { display: block; width: 170px; text-align: right; color: #3d3d3d; }



ol#NewsTicker{ display:none; margin:0 auto; }
div#NewsVertical { width:157px; height:300px; display:block; overflow:hidden; position:relative; margin-bottom: 20px; }


/* Sezione prenotazione laboratori e visualizzazione prenotazioni */
textarea.textareaPrenotazioneLaboratorio { width:50%; height:100px; padding:0.3em; }
.prenotazioniLaboVistaSettimana { width:100%; }
.prenotazioniLaboVistaSettimana th { border:1px solid #888888; }
.prenotazioniLaboVistaSettimana th { border-right:2px solid #888888; }
.prenotazioniLaboVistaSettimana th:first-child, .prenotazioniLaboVistaSettimana th:last-child { border-right:1px solid #888888; }
.prenotazioniLaboVistaSettimana td { border:1px solid #888888!important; height:40px; vertical-align:top; }
.prenotazioniLaboVistaSettimana td { border-right:2px solid #888888!important; }
.prenotazioniLaboVistaSettimana td:first-child,.prenotazioniLaboVistaSettimana td:last-child { border-right:1px solid #888888!important; }
.prenotazioniLaboVistaSettimana th.header { padding: 5px; width:13.5%; background: #e5dbbf; }
.prenotazioniLaboVistaSettimana th.header div.dayName { color: #333333; text-transform: uppercase; clear:both; text-align:center; font-weight: bold; margin:0 auto 0 auto; }
.prenotazioniLaboVistaSettimana th.header div.dayNumber { float:left; top:0; left:0; color:#555555; font-weight:bold; font-size:1.2em; }
.prenotazioniLaboVistaSettimana th.header div.monthName { float:right; top:0; right:0; color:#777777; }
.prenotazioniLaboVistaSettimana td sup { margin-left:3px; }
.prenotazioniLaboVistaSettimana td a.prenotazione { width:15px; height:15px; background-color:Orange; margin-right:2px; float:left; }

.prenotazioniLaboVistaMese { width:100%; }
.prenotazioniLaboVistaMese caption { text-align:center; margin:10px 0 10px 0; font-weight:bold; }
.prenotazioniLaboVistaMese caption a { margin:0 0 0 20px; }
.prenotazioniLaboVistaMese caption a:first-child { margin: 0 20px 0 0; }
.prenotazioniLaboVistaMese thead tr td { border:1px solid #888888!important; color:#333; padding: 5px; width:13.5%; background: #e5dbbf; padding:10px; text-align:center; vertical-align:middle; height:30px; font-weight:bold; text-transform:uppercase; }
.prenotazioniLaboVistaMese tbody tr td { height:50px; border:1px solid #888888!important; vertical-align:top; text-align:left; color:#555; }
.prenotazioniLaboVistaMese tbody tr td.noDay { background-color:#bdbdbd; }
.prenotazioniLaboVistaMese tbody tr td a.prenotazione { width:15px; height:15px; background-color:Orange; margin-right:2px; float:left; }
