/* current img_dir=/img */

/*
Caritas Francescana - basic style sheet
*/


* { margin: 0; padding: 0; }  

body {
font-family:  Verdana, Arial, Tahoma, sans-serif;
background-color: #e7e7e7;
}

/* LOGO CONTAINER */
div#logocontainer {
background: url("/img/logo_bg.png") repeat-x scroll 0 0 #cccccc;
border-bottom: 1px solid #FFFFFF;
height: 60px;
text-align: center;
/*width: 960px;
margin: 0 auto;*/
}

/* HEADER CONTAINER */
div#headercontainer {
background: url("/img/header_bg.png") repeat-x scroll 0 0 #cccccc;
height: 260px;
}

/* FOOTER CONTAINER */
div#footercontainer {
background: url("/img/footer_bg.png") repeat-x scroll 0 0 #cccccc;
}

/* MAIN CONTAINER */
div#maincontainer {
background: none scroll 0 0 #E7E7E7;
padding: 0 0 20px;
color: #432;
}


div#logo, div#main, div#footer, div#header {
width: 800px;
margin: 0 auto;
}

div#logo, div#header{
padding-top: 15px;
}

div#headerlogo {
width: 800px;
height: auto;
}

div#headerphoto {
width: 800px;
height: 214px;
border: 1px solid #05f;
background: url("/img/header_photo.jpg") no-repeat center;
position: absolute;
top: 100px;
}

/* COLUMN2 - RIGHT (subcontent) CONTAINER */
div#column2 {
background: none repeat scroll 0 0 #FFF;
color: #05f;
margin: 8px 0;
width: 160px;
float: right;
padding: 15px 5px;
font-size: 0.8em;
line-height: 1.4em;
}

#column2 h4 {
padding: 4px 0 8px 15px;
text-align: left;
margin-top: 0;
font-weight: bold;
}

#column2 ul {
list-style-type: none;
margin: 0;
text-decoration: none;
background: #79d;
}

#column2 a {
display: block;
color: #05f;
padding: 2px 0 2px 16px;
}

#column2 a:hover {
background: url("/img/nav_li.gif") no-repeat scroll 0 0 transparent;
color: #f11;
}

/* HEADER MENU AREA */
div#h_menu {
position: relative; /* questo serve a creare un elemento posizionato */
height: 25px;
/*background-color: #47e;*/
color: #05f;
font-size: 0.8em;
}

#h_menu ul{
list-style-type:none;
margin:0;
padding:0;
}

#h_menu li{
float: left;
position: relative;
width: 198px;
/*border-left: 1px dotted   navy;
border-bottom: 1px dotted   navy;*/
}

#h_menu a:link, #h_menu a:visited{
color: #05f;
display: block;
text-align: left;
padding: 4px 15px 4px 15px;
text-decoration:none;
text-transform:uppercase;
}

#h_menu a:hover, #h_menu a:focus, #h_menu a:active{
color: #f11;
/*background-color: #9be;*/
}

#h_menu li ul {
display: none;
position: absolute;
top: 25px;
left: 0px;
width: 100%;
}

/* usato provvisoriamente per visualizzare un tool-tip sul menu orizzontale
#h_menu a span {
display: none;
}

#h_menu a:hover span {
display: inline;
position: absolute;
top: 0;
left: 0px;
text-transform:  none;
text-align:  left;
font-style:  italic;
font-size: 1.2em;
color: #246;
width: 500px;
padding-left: 35px;
padding-top: 5px;
}
*/

#h_menu li:hover ul, li.over ul {
display: block;
/*background-color: #47e;*/
}

#h_menu li ul a:link, #h_menu li ul a:visited{
color: #05f;
display: block;
text-align: left;
padding-left: 15px;
padding-right: 15px;
}

#h_menu li ul a:hover, #h_menu li ul a:focus, #h_menu li ul a:active{
color:  #f11;
}


/* COLUMN1 - LEFT (content) AREA CONTAINER */

div#column1 {
float: left;
width: 600px;
padding-right: 15px;
/*margin: 0;*/
padding-left: 5px;
text-align: justify;
font-size: 0.8em;
color: #15a;
}

#column1 h2 {
font-size: 1.6em;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
background-color: #fff;
}

#column1 h3 {
font-size: 1.5em;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
border-top: 3px solid #05f;
}

#column1 hr {
color: #05f;
height:4px;
}

#column1 a {
    text-decoration: none;
    display: block;
    color: #05f;
}

#column1 a:hover {
    color: #f11;
}

/* News NAVIGATION BAR */
div#newsnavbar {
clear: both;
float: left;
margin-bottom: 10px;
}

#newsnavbar ul {
text-decoration: none;
list-style-type: none;
background-color: #eee;
margin: 8px 0px;
}

#newsnavbar li {
background-color: #ccc;
float:left;
margin-right: 0.5em;
width:90px;
text-align:center;
}

#newsnavbar li.disabled {
color: #eee;
border: 1px solid #411;
}

div#newsnavbar a {
display:block;
text-decoration: none;
color: #15a;
width: 100%;
border: 1px solid #05f;
}

#newsnavbar a:hover {
color: #f11;
border-color: #f11;
}


/* FOOTER */
div#footer {
clear: both;
height: 70px;
padding-top: 5px;
color: #ccc;
font-size: 0.8em;
}

#footer .col1 {
width: 50%;
float: left;
}

#footer .col2 {
width: 50%;
float: right;
text-align: right;
}

#footer a {
color: #ccc;
text-decoration: none;
}


/* IMAGE LAYOUT CLASSES */
div.imgl, div.imgr {
float: left;
width: 100%;
clear: both;
text-align: left;
margin-bottom: 10px;
}

div.imgl img {
float:left;
margin-right: 12px;
margin-bottom: 6px;
}

div.imgr img {
float:right;
margin-left: 12px;
margin-bottom: 6px;
}

div.imgl h4, div.imgr h4 {
display: block;
padding: 8px 0;
margin: 16px 0 16px 0;
color:#000;
font-size: 0.9em;
line-height: 1em;
}


div.imgl a, div.imgr a {
display: block;
color: #05f;
padding: 2px 0 2px 16px;
}

div.imgl a:hover, div.imgr a:hover {
background: url("/img/nav_li.gif") no-repeat scroll 0 0 transparent;
color: #f11;
}

div.imgl p {
clear:right;
margin-top: 10px;
}

div.imgr p {
clear:left;
margin-top: 10px;
}


/* FORMS */
div.row {
clear: both;
padding-top: 5px;
}

div.row span.labels {
float: left;
width: 25%;
text-align: right;
}

div.row span.fields {
float: left;
width: 70%;
text-align: left;
margin-left: 8px;
} 

div.row span.note {
float: left;
width: 70%;
height: 60px;
text-align: left;
margin-left: 8px;
} 

div.row span.button {
float: right;
}

.scheda {
padding: 2%;
border: 1px solid;
color: #05f;
background: #ccc;
}

.scheda input {
border:1px solid;
}

.scheda input.btn {
background: #05f;
color: #ccc;
border:3px solid #eee;
}

.scheda input.btnhov{
border:3px solid #05f;
}


.dark {
background: #ccc;
padding: 0 5px;
}

.light {
background: #ddd;
padding: 0 5px;
}