/* STILE GENERALE DEL TEMPLATE */

body {
	background:#ffffff;
	color: #000000;
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, Sans-Serif;
}

a {
	color: #F56800;
	background-color: inherit;
}

a:hover {
	color: #f6883a;
	background-color: inherit;
}

h1 {
	font: 160% Arial, Sans-Serif;
	font-weight: bold;
	padding: 3px 0 0 0;
	margin: 0;
}

h1 a {
	color: #FF6C00;
	background: inherit;
	text-decoration: none;
}

h1 a:hover {
	color: #3C6491;
	background: inherit;
	text-decoration: none;
}

h2 {
	margin: 8px 0 5px 0;
	padding: 0;
	font-size: 1.1em;
	color: #808080;
	background-repeat: no-repeat;
}

h2 a {
	color: #666666;
	text-decoration: none;
	background-color: inherit;
	background-image: url(../../img/h2bg.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;
	font-size: 0.9em;
}

h2 a:hover {
	background: url(../../img/h2bghover.gif) no-repeat center left;
}

h3 {
	margin: 8px 0 5px 0;
	padding: 0;
	font-size: 1.2em;
	letter-spacing: -1px;
	color: #d19468;
	background-repeat: no-repeat;
}


p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

#header {
background:url(../../img/header.jpg);
width: 800px;
height: 125px;
margin:0 auto;
}

#logo {
	float: left;
	padding: 10px 0 0 0px;
	color: #000000;
	background: inherit;
	width: 300px;
}

.slogan {
	float: left;
    padding: 35px 0 0 0px;
	color: #F36501;
	font-weight: bold;
	width:155px;
	font-family: Comic Sans MS;
	text-transform:uppercase;
	text-align:center;

}

.content {
	border-top: 1px solid #FEFEFE;
	background: #FFFFFF;
	color: #000000;
}


#left {
	float: left;
	width: 150px;
}
.leftarticle {
	background: #d2b39e;
	color: #808080;
	margin: 1px 0 1px 0;
	padding: 8px;
	line-height: 1.4em;
	width:149px;
}

#right {
	float: right;
	width: 605px;
	padding: 0 6px 0 0;
}

#articles {
	width: 800px;
	padding: 0px 0 0 0;
	margin: 0 auto 0px auto;
}


#whiteline {
	margin-top: 10px;
	border-top: 3px solid #FFFFFF;
}

#footer {
    clear:both;
	margin: 5px auto;
	width: 800px;
	padding: 0 5px 0 5px;
    background: #ffffff;

}

#footer a {
	color: #808080;
	background: inherit;
}

/* BOX DI RICERCA SINISTRO*/
#searchform {
	background: #F86601;
	color: #808080;
	width:165px;
    height:45px;
	clear:both;
	margin: 1px 0 1px 0;


}

form.search {
padding: 0;
margin: 0;
clear:both;
}


/* STILE PER Il BAMBINO BOX*/
.bambino_box {
	background: #a14f15;
	color: #FF9900;
	margin: 1px 0 1px 0;
	padding: 8px;
	line-height: 1.4em;
	width:149px;
	font-weight:bold;
}
.bambino_box a { color: #ffffff; text-decoration:none;}




/* STILE PER I PARAGRAFI VARI */

.date { margin: 5px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(../../img/horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: right; }
.login {color: #ffffff;  }
.date a { color: #f28900; background: #FFFFFF; }
.calendar { margin: 5px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(../../img/horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: left; }
.calendar a { color: #F56800; background: #FFFFFF; font-size:1.1em; }
.links { margin: 5px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(../../img/horizontaldotted.gif) repeat-x bottom left; color: #808080; text-align: left; }
.links a { color: #f28900; background: #FFFFFF; font-size:1.1em; }
.forum { margin: 0px 0 5px 0; padding: 10px 5px 5px 0; background: #FFFFFF url(../../img/horizontaldotted.gif) repeat-x bottom left; color: #000000; text-align: left; }
.forum a {color: #000000;text-decoration: none;	background-color: inherit;	background-image: url(../../img/h2bg.gif);	background-repeat: no-repeat;	background-position: center left;padding: 0 0 0 20px;}
.forum a:hover {background: url(../../img/h2bghover.gif) no-repeat center left;}
.forum_reply { margin: 0px 0 0px 0; padding: 0px 0px 0px 0; color: #808080; text-align: left; }
#forum_content {clear: both;margin: 0 auto;width: 570px;padding: 10px;background: #3C6491 url(../../img/linksbg.gif) repeat-x top left;color: #FFF; }
.right_align { margin: 5px 0 5px 0; padding: 10px 5px 5px 0;  color: #808080; text-align: right; }
.faq_domanda { margin: 5px 0 5px 0; padding: 0px 5px 0px 10px; background-color:#f6883a; color: #ffffff; text-align: left; }
.faq_risposta { margin: 5px 0 5px 0; padding: 0px 5px 0px 10px; background-color: #ffffff; color: #c45800; text-align: left; }


/* STILE MENU  ORIZONTALE*/
#hmenu {
	padding: 110px 30px 0px 10px;
	float: right;
}
#hmenu a {
	padding: 12px 13px 2px 11px;
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
	background:  url(../../img/hmenuarrow.gif) no-repeat top center;
	margin: 0 0 3px 1px;
}
#hmenu a:hover {
	background: #d88d0a url(../../img/hmenuarrowhover.gif) no-repeat top center;
	color: #FFFFFF;
}

/* MENU A CASCATA - MAIN MENU  BOX SINISTRO*/

#main_menu {
	margin: 0;
	padding: 0;
}

/* Ovo izmjeniti za PRONTO NIDO */
#main_menu a {
	display: block;
	background: #f6883a
	 url(../../img/vmenuarrow.gif) no-repeat center left;
	color: #FFFFFF;
	padding: 5px 0 3px 15px;
	margin: 0 0 1px 0;
	text-decoration: none;
	font-size:10px;
}



#main_menu a:hover {
	color: #FFFFFF;
	background: #e7692b url(../../img/vmenuarrowhover.gif) no-repeat center left;
}


.menu{top:3em;left:3em;/* solve a Opera7/IE display bug */width:150px;width/**/:150px;border-top: 1px #ffffff solid;margin:0;padding:0;float:left; }
.menu span{display:none;}
.menu ul{margin:0;padding:0;position:absolute; /* important */width:150px;width/**/:150px;float:left;}
.menu li ul{visibility:hidden;}
.menu li ul{margin-left:150px; /* be careful */margin-top:-24px;}
.menu a{text-align:left;color:#ffffff;font-weight:bold;display:block;width:150px;text-decoration:none;margin:0;padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */}
.menu a:hover{}
/* for a mozilla better display with key nav */
.menu a:focus{background-color: #aaf;}
.menu span{display:none;}

.menu li{width:150px;display:block;float:left;list-style:none;margin:0;padding:0;}
/* IE PC selector */
* html .menu li {display:inline; /* solve a IE PC list bug */float:left; /* solve a IE5 clav nav bug */}

/* MENU A CASCATA - SEZIONI MENU  BOX SINISTRO*/
#menu_sections {margin: 0;padding: 0;}
#menu_sections a {display: block;background: #c45800 url(../../img/vmenuarrow.gif) no-repeat center left;color: #FFFFFF;padding: 5px 0 3px 15px;margin: 0 0 1px 0;text-decoration: none;font-size:10px;}
#menu_sections a:hover {color: #FFFFFF;background: #999999 url(../../img/vmenuarrowhover.gif) no-repeat center left;}

/* MENU A CASCATA - PER LA SCELTA DEI SITI */
#menu_site {margin: 0;padding: 0;}
#menu_site a {display: block;background: #c45800 url(../../img/vmenuarrow.gif) no-repeat center left;color: #FFFFFF;padding: 5px 0 3px 15px;margin: 0 0 1px 0;text-decoration: none;font-size:10px;}
#menu_site a:hover {color: #FFFFFF;background: #999999 url(../../img/vmenuarrowhover.gif) no-repeat center left;}

/* MENU A TENDINA PER LA SCELTA DEI SITI */
.site_list {background: #f6883a;color: #808080;margin: 0px 0 0px 0;padding: 8px;line-height: 1.4em;width:149px;}
#rollovermenu{padding:0px;width:140px;border:0px solid #F0B30D;border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;background-color:#d2b39e;}
#rollovermenu, #rollovermenu ul { /* all lists */padding: 0;margin: 0;list-style: none;}
#rollovermenu ul{border:1px solid #333333;border-color: #FFFFFF #FFFFFF #CCCCCC #CCCCCC;background-color:#d2b39e;width:250px;padding-bottom:2px;}
#rollovermenu ul a:link, #rollovermenu a:visited {color:#ffffff;display: block;border:none;text-decoration:none;padding:0px 0px 0px 0px;height:15px;}
#rollovermenu ul a:hover, #current a{background:#e7dc2b;color:#ffffff;}
#rollovermenu li { /* all list items */position: relative;text-align: left;cursor: default;padding:0px 1px;margin:0px;color:#f6883a;background-color:#d2b39e; font-weight:100;}
#rollovermenu li ul { /* second-level lists */position: absolute;border:1px solid #333333;border-color: #f7f3f3 #FFFFFF #CCCCCC #CCCCCC;background-color:#f7f3f3;left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* lists nested under hovered list items */left:0px;top:19px;}
li#invite {text-align:left;text-transform:uppercase;font-size:1em;margin: 0 0 0px 5px;padding:1px 0 0 0;color:#ffffff;height:19px;font-weight:bold;}


/* STILE PER I FORMS GENERALI */

input.text {width: 100px; margin-bottom:3px; border: 1px solid #eee; color: #000000; background: #d8d8d8; margin-left:5px; }
input.text:hover { border: 1px solid #FFFFFF; background: #EEEEEE; color: #000000; }
input.button { margin: 0; font-size: 100%; font-family: Arial, Sans-Serif; border: none; background: none; color: #FFF; background: #808080; font-weight: bold;margin-bottom:3px; }
label
{
margin-left: 0.5em;
color:#666666;
font-size:0.9em;
}

fieldset {
margin: 0 0 0 0;
padding: 1em .5em .5em .5em;
border: 1px solid #666666;
}

legend {
background-color: #99CC33;
font-weight: bold;
font-size:1em;
padding: .2em .2em .2em .2em;
color: #ffffff;
border: 1px solid #666666;
}


textarea {
border: 1px solid #000000;
background-color: #F5F5F5;
font-size: 11px;
font-style: normal;
font-weight: normal;
height:100px;
margin-bottom:6px;

}

select {
border: 1px solid #000000;
background-color: #F5F5F5;
font-size: 11px;
font-style: normal;
font-weight: normal;
height:16px;
margin-bottom:6px;
}

input {
margin: 0;
padding: 0;
border: 1px solid #666666;
color: #000000;
background: #d8d8d8;
}


/* STILE PER VARI FORMS ADMIN CONTROLLO LABEL, FORMS ETC */
#admin
{
color:#666666;
font-size:0.9em;

}

#admin label
{
float: left;
width:10em;
text-align: left;
margin-right: 0.5em;
color:#666666;
font-size:1em;
}


#admin textarea {
border: 1px solid #000000;
background-color: #F5F5F5;
font-size: 11px;
font-style: normal;
font-weight: normal;
height:100px;
margin-bottom:6px;

}

#admin select {
border: 1px solid #000000;
background-color: #F5F5F5;
font-size: 11px;
font-style: normal;
font-weight: normal;
margin-bottom:6px;

}

#admin input {
margin: 0;
padding: 0;
border: 1px solid #666666;
color: #000000;
background: #d8d8d8;
margin-bottom:6px;
 }


 .cancel_button {
         font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
		color:#FFFFFF;
		margin-left:5px;
        background-color: #f6883a;
        border: 1px solid #000000;
		HEIGHT: 20px;
}

#legend {
background-color: #99CC33;
font-weight: bold;
font-size:1em;
padding: .2em .2em .2em .2em;
color: #ffffff;
border: 1px solid #666666;
}



.correlate_button {
         font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
		color:#FFFFFF;
		margin-left:5px;
        background-color: #f6883a;
        border: 1px solid #000000;
		HEIGHT: 20px;
}


.multiple_button {
         font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
		color:#ffffff;
		margin-left:5px;
        background-color: #f6883a;
        border: 1px solid #000000;
        HEIGHT: 20px;
}

.cerca_button {
         font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
		color:#000000;
		margin-left:5px;
        background-color: #f6883a;
        border: 1px solid #000000;
	    HEIGHT: 18px;
}


#admin  th {
	text-align:left;
	text-transform:uppercase;
	font-size:1.1em;
	margin: 0 0 0px 5px;
	padding:1px 0 0 0;
	color:#000000;
	height:19px;
	font-weight:bold;
}

.warning {
	text-transform:uppercase;
	font-size:1.1em;
	color:#f6883a;
	font-weight:bold;

}

.sortable-list {
    list-style-type : none;
    margin : 0;
}
.sortable-list li {
    border : 1px solid #000;
    cursor : move;
    margin : 2px 0 2px 0;
    padding : 3px;
    background : #f7f7f7;
    border : #ccc;
    width : 400px;
}