/* Documento CSS per le regole del sito U.MA.R. Onlus */

/* Definizione dei contenitori */

body{margin: 0px;}
#logo{float:left; background-image:url(../img/logo.gif); width:274px; height:213px;}
#testata{float:right; width:526px; height:97px; background-color:#F0F0F0; position:relative}
#link_testata{position:absolute; right:3px; top:10px; width: 184px;}
#barra_menu{float:right; width:526px; height:32px; background-image:url(../img/bg_menu.gif); background-repeat:repeat-x;}
#ombra_menu{float:right; width:526px; height:12px; background-image:url(../img/bg_submenu.gif); background-repeat:repeat-x;}
#navigazione{float:right; width:526px; height:20px;}
#slogan{float:right; width:526px; height:45px;}
#box_alto_completo{float:left; width:274px; height:300px;}
#box_alto{float:left; width:266px; height:300px;}
#titolo_box_testo_alto{float:right; width:532px; height:32px; position:relative}
#titolo_box_testo_alto_completo{float:right; width:526px; height:32px; position:relative}
#box_testo_alto{float:right; width:532px; height:auto; position:relative}
#box_testo_alto_completo{float:right; width:526px; height:auto; position:relative}
#fondo{float:left; width:780px; background-color:#F0F0F0; padding:10px;}
img#destro {float:right; margin:5px;}

/* Definizione stili testo */

.iniziale_rossa2 {font: 0.7em Tahoma, sans-serif; font-size: 26px; font-weight: bold; color: #CC0000;}
.iniziale_rossa {font: 0.7em Tahoma, sans-serif; font-size: 26px; font-weight: bold; color: #0505FF;}
.iniziale_grigia {font: 0.7em Tahoma, sans-serif; font-size: 26px; font-weight: bold; color: #666666;}

.titolo_rosso_piccolo2 {font: 0.7em Tahoma, sans-serif; font-size:20px; font-weight:bold; color:#CC0000;}
.titolo_rosso_piccolo {font: 0.7em Tahoma, sans-serif; font-size:20px; font-weight:bold; color:#0505FF;}
.titolo_rosso_grande2 {font: 0.7em Tahoma, sans-serif;	font-size:36px;	font-weight:bold; color:#CC0000;}
.titolo_rosso_grande {font: 0.7em Tahoma, sans-serif;	font-size:36px;	font-weight:bold; color:#0505FF;}
.titolo_nero_piccolo {font: 0.7em Tahoma, sans-serif;	font-size:14px;	font-weight:bold; color:#000000;}

.corpo {font: 0.7em Tahoma, sans-serif; font-size: 12px; color: #000000;}
.corpo_grassetto {font: 0.7em Tahoma, sans-serif; font-size: 12px; font-weight: bold; color: #000000;}
.corpo_corsivo {font: 0.7em Tahoma, sans-serif; font-size: 12px; font-style:italic; color: #000000;}
.rosso_medio2{font: 0.7em Tahoma, sans-serif; font-size: 12px; font-weight:bold; color:#CC0000;}
.rosso_medio{font: 0.7em Tahoma, sans-serif; font-size: 12px; font-weight:bold; color:#0505FF;}
.grigio_medio{font: 0.7em Tahoma, sans-serif; font-size: 12px; font-weight:bold; color:#999999;}
.grigio_piccolo {font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#999999;}
.grigio_piccolo a{font: 0.7em Tahoma, sans-serif; font-size: 11px; font-weight:bold; color:#999999; text-decoration:none;}
.grigio_piccolo a:hover{text-decoration:underline; color: #0505FF;}
.bianco_piccolo {font: 0.7em Tahoma, sans-serif; font-size: 12px; font-weight:bold;	color: #FFFFFF;}
.bianco_piccolo a{font: 0.7em Tahoma, sans-serif; font-size: 12px; font-weight:bold; color: #FFFFFF; text-decoration:none;}
.bianco_piccolo a:hover{text-decoration:none; color: #0505FF;}
.rosso_piccolo2 {font: 0.7em Tahoma, sans-serif; font-size: 11px;	font-weight:bold; color:#CC0000;}
.rosso_piccolo {font: 0.7em Tahoma, sans-serif; font-size: 11px;	font-weight:bold; color:#0505FF;}
.rosso_piccolo2 a{font: 0.7em Tahoma, sans-serif;	font-size: 11px; font-weight:bold; color:#CC0000; text-decoration:none;}
.rosso_piccolo a{font: 0.7em Tahoma, sans-serif;	font-size: 11px; font-weight:bold; color:#0505FF; text-decoration:none;}
.rosso_piccolo2 a:hover{text-decoration:underline;}
.rosso_piccolo a:hover{text-decoration:underline;}
.blu_piccolo {font: 0.7em Tahoma, sans-serif;	font-size: 11px; font-weight:bold; color:#0505FF; font-style: italic;}
.blu_piccolo a{font:0.7em Tahoma, sans-serif; font-size:11px; font-weight:bold; color:#0505FF; font-style:italic; text-decoration:none;}
.blu_piccolo a:hover{text-decoration:underline;}

/* Definizione stili box */

.grigio{border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;}
.box_basso{float:left; width:266px; height:240px; position:relative}

/* Definizione stile liste */

#sitemap ul{margin: 0; padding: 0; list-style-type: none;}
#sitemap li {margin: 0;}
#sitemap a{display: block; color: #FFF; background-color: #0505FF; width: 12em; padding: 3px;text-decoration: none;

border-bottom: 1px solid #fff; font-weight: bold; text-align:left;}
#sitemap a:hover{background-color: #666666; color: #FFF;}
#sitemap li li a{display: block; color: #666666; background-color: #F0F0F0; width: 12em; padding: 3px; text-decoration: none; border-bottom: 1px solid #fff; font-weight: normal; text-indent:12px;}

/* Definizione stile form */

.campiform {font-family:verdana, tahoma, arial; color:#0505FF; font-size:11px; border-style:solid; border-color:#0505FF; border-width:1px; background: #f0f0f0;}

#slideshow {
	border: 1px solid #000;
	overflow: hidden;
	margin: 50px auto 10px;
	position: relative;
	width: 250px;
	height: 188px;
}

#slideshow img {
	width: 250px;
	height: 188px;
}