/* webmultimediale.org - layout di Roberto Ellero - roberto@webmultimediale.org - 2007 

per il sito Webmultimediale.org
dicembre 2006

Copyright info: Per qualsiasi uso di questo CSS si prega di
rivolgersi al responsabile del sito roberto@webmultimediale.org

It is prohibited to reproduce, modify, adapt or otherwise use
of this CSS in any manner or form
without the express written permission of the Website owner: roberto@webmultimediale.org

Se proprio si desidera utilizzare il layout di Webmultimediale.org, si prega di non utilizzare le immagini, che rappresentano le mie mani.
*/

html, body { 
  background-color: white;
  color: black;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 94.3%;
  margin: 0;
	} 

#sand {
	width:100%;
	height:100%;
    background: url('sabbia.jpg') repeat-y;
	}

#header {
	/*height: 881px;*/
	height: 1035px;
	}

h1, h2, h3 {
  font-family: "trebuchet ms", tahoma, sans-serif;
	}

h1 {
  font-weight: bold;
  font-size: 150%;
  padding-bottom: 0.5em;
	}
h2 {
  font-weight: bold;
  font-size: 130%;
  padding-top: 0.3em;
	}
h3 {
  font-weight: bold;
  font-size: 110%;
  padding-bottom: 0.5em;
	}

acronym {
  border-bottom : dotted 1px;
  cursor:help;
	}

#testa_col1 {
	top:0px;
	left:0px;
	position: absolute; 
	width:764px;
	height:66px; 
	background-image:url('sfondo_header.jpg'); 
	background-repeat:repeat-x;
	margin:0px auto;
	padding:0px;
	z-index:16;
	}

#testa_col2 {
	top:66px;
	left:0px;
	position: absolute; 
	width:100%;
	height:219px; 
	background-image:url('sfondo_verde.jpg'); 
	background-repeat:repeat-x;
	margin:0px auto;
	padding:0px;
	z-index:7;
	}

#testa_col3 {
	top:285px;
	left: 0px;
	position: absolute; 
	width:100%;
	height:745px; 
	background-color: #000000;
	background-image: url('');
	background-repeat:repeat-x;
	margin:0px auto;
	padding:0px;
	z-index:100;
	text-align:center;
	}
	
#testa_logo {
	top:66px;
	left:0px;
	position: absolute; 
	width:750px;
	height:219px; 
	z-index:22;
	}
	
#testa_menu {
	top:19px;
	left:310px;
	position: absolute; 
	width:auto;
	height:29px;
	text-align:left; 
	z-index:21;
	}

a:link { 
	color:#026002; 
	text-decoration:underline; 
	}

a:active { 
	color:#00C000; 
	text-decoration:none; 
	}

a:visited { 
	color:#026002; 
	text-decoration:underline; 
	}

a:hover { 
	color:#C00000; 
	text-decoration:none; 
	}


#contenuto_centrale {
	margin: 0 18% 0 280px;
	padding: 0;
	color: #000;
	}

 #content {
	}


 #colonna_destra {
    position: absolute;
	left: 85%;
	/*top:896px;*/	
	top:1052px;
	width: 148px;
	z-index: 4;
	color: #000;
	margin: 0;
	padding: 0px;}

 #colonna_sinistra {
 	/*top:390px;*/
	top:549px;
	z-index:26;
 	float: left;
	width: 300px;
	height:auto;
	margin-left: 0px;
	margin-top: -10px;
	color: #000;
	padding: 0px;}


 #footer {
	clear: both;
	margin: 0 0 0 0;
	text-align: left;
	font-family: Verdana;
	font-size: 75%;
	padding: 0;
	color: #000;
	}
#footer img {
	padding: 0;
	margin: 0 0 -2px 0;
}

 #navcontainer ul {
	display: block;
	list-style: none outside;
	padding: 0;
	margin: 0 0 0 10px;
	font-family: Verdana, sans-serif;
	font-size: small;
	}

#navcontainer li {
	padding: 8px;
	margin: 15px 7px 0 0;
	border-top: 1px solid #cecbc6;
	border-right: 1px solid #cecbc6;
	border-left: 1px solid #cecbc6;
	background-color: #000;
	color: #ffffff;
	font-weight: bold;
	display: block;
	float: left;
	position: relative;
	top: -1.32em;
	}

#navcontainer li.here {
	font-style: italic;
	background-color: #000;
	color: #FF9906;
	padding-left: 1.6em;
	padding-right: 1.6em;
}

#navcontainer a:link, #navcontainer a:visited {
	background-color: #000;
	color: #ffffff;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	}

#navcontainer a:hover {
	background-color: #000;
	color: #FF9906;
	}

#navcontainerclear { display: none; }

html>body #navcontainerclear {
	display: block;
	clear: both;
	}

#navcontainer li#active a {
	background-color: #fff;
	color: #000;
	}

.destratesto {
	font-size: 80%;
	}

.comso {
	vertical-align: middle;
	}
#cc {	
	font-size: 150%;
	color: #000;
	background-color: #fff;
	width: 90%;
	}
img {
	border: 0px;
	}

.fleft {
	clear: left;
	float: left;
	margin-right: 4px;
	margin-top: 6px;
	}
.fright {
	clear: right;
	float: right;
	margin-left: 4px;
	margin-top: 3px;
	}
.address {
	
	}
.footerimage {
	vertical-align: middle;
}
.footerimage2 {
	
	vertical-align: middle;
}

.vaiailink {
	display: none;
  }

ul {
    padding: 0px;
    margin: 16px;
}

.menu_box li
{	
    list-style-position: outside;
	font-size: 80%;
	padding-left:0.2em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0.6em;
	margin: 0px;
	line-height: 1.8em;
    list-style-type: none;
	list-style-image: url(http://www.webmultimediale.org/menu.gif);
}
.menu_box a, .menu_box a:link, .menu_box a:visited
{
    text-decoration: none;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    color: #026002;
    background: #fff;
    padding: 0;
}

.menu_box a:hover
{
	background: #FFE4C4;
	color: #000;
	padding: 0;
}
.menu_box a:active
{
    background: #FFF5C4;
	color: green;
}

.cursor {cursor: text;}

hr {
	border: 0px solid;
	border-color : gray;
	border-top-width: 1px;
	height:1px;
	border-style : dotted;
}

/* funzione per ingrandimento movie e sottotitoli via client by Alessio Cartocci */
#mmobj {margin: 0; font-size: 2em; width: 11.4em; height: 15.3em;}
#mmobj object {width: 100%; height: 100%;}

.mmobj {margin: 0; font-size: 2em; width: 11.4em; height: 15.3em;}
.mmobj object {width: 100%; height: 100%;}

#mmobj2 {margin: 0; font-size: 2em; width: 11.4em; height: 15.3em;}
#mmobj2 object {width: 100%; height: 100%;}

.mmobj2 {margin: 0; font-size: 2em; width: 11.4em; height: 15.3em;}
.mmobj2 object {width: 100%; height: 100%;}

#MP
	{	
	font-size: 2em;
	width: 12.7em;
	height: 11.7em;
	}

#MP object
	{	
	width: 100%;
	height: 100%; 
	}
object p {
	font-size: 0.6em;
}

/* feed home */

.ultimipost {
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 118px;
}

.ultimipost li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
font-size: 80%;
}

.ultimipost li a { text-decoration: none; }

.box {
color: #000000;
background-color: #FFE4C4;
margin: 0 0 -18px 0;;
padding: 0.25em 0.25em 0.10em 0.25em;
}

/* box annunci - http://www.cssplay.co.uk/boxes/krazy.html
Chamfer Borders*/
.chamfer {
background: transparent; 
width:90%; 
margin: 0px 30px 0 auto;
}
.chamfer h2, .chamfer p {margin:0 10px;}
.chamfer h2 {font-size:1.1em; color:#000; letter-spacing:2px;}
.chamfer p {padding-bottom:0.5em;}

.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 
{display:block; 
overflow:hidden; 
height:1px; 
background:#FFFEF7; /*#FFE4C4*/
border-left:1px solid #000; 
border-right:1px solid #000;
}
.chamfer .b1 {margin:0 5px; background:#000;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent 
{display:block; 
background:#FFFEF7; 
border-left:1px solid #000; 
border-right:1px solid #000;
}



#rose {
	/*clear: both;*/
	position: absolute; 
	top: 1235px;
	left: 18px;
	width: 154px;
	height: auto; 
	margin:0px;
	padding:0px;
	z-index:700;
	}
#rose dl {
	text-align: center;
	}


/* Photo-Caption PZ3 CSS v080630 
* copyright: http://randsco.com/copyright 
* www.randsco.com 
*/

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
	html>/**/body .PZ3-r { position:relative; }
	
.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
	html>/**/body .PZ3-r a { right:0; }
	
.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
	cursor:default; height:auto; width:auto;
	overflow:visible; border:1px solid #369;
	margin:-1px 0 0 -1px; }
	html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }
	
.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

/* .PZ3cap { display:none; } stk 12-Apr-2007 */
a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */


div.ribbon {
position: absolute;
right: 3px;
top: 67px;
overflow: visible;
height: 193px;
width: 193px;
background-color: transparent;
margin: 0 0 0 0;
padding: 0;
z-index: 1000;
border: none;
float: none;
z-index:10;
}


/* slider video recenti */

#recent {
  margin:0; 
  padding:0; 
  width:51em;
  height:8.5em;
  overflow:hidden; 
  background:#000;
  }
#recent li {
  display:inline;
  list-style-type:none; 
  }
#recent li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:0; 
  }
#recent li a img {
  opacity:0.7;
  margin:0.5em;
  border:0;
  float:left;
  }
#recent li a span {
  display:none; 
  }
#recent li a:hover {
  background:#000;
  }
#recent li a:hover img {
  opacity:1;
  }
#recent li a:hover span {
  width:11em;
  color:#aaa;
  display:block; 
  cursor:pointer;
  float:left;
  }
#recent .h2 {
  margin:0 5px; 
  padding:0; 
  color:#fc0; 
  font-variant:small-caps; 
  font-size:1.25em; 
  border:0;
  }
#recent .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#0aa;
  }
.outer {
  background:transparent; 
  font-size:0.7em;
  }

/* Menu orizzontale per le pagine 
http://css.maxdesign.com.au/listamatic/horizontal02.htm */

.menu_pagina {
	padding: 07px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	border: 0;
	width: 90%;
	text-align: left;
}
.menu_pagina ul
{
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
}
.menu_pagina li
{
    display: inline;
    list-style-type: none;
	line-height : 1.6em;
}
.menu_pagina a { padding: 3px 10px; }
.menu_pagina a:link, .menu_pagina a:visited
{
    color: white;
    background-color: #028002;
    text-decoration: none;
}
.menu_pagina a:hover
{
    color: #028002;
    background-color: #E1EBF8;
    text-decoration: none;
}

.menu_pagina a:focus

{
    color: #ffffff;
    background-color: #000000;
    text-decoration: none;
}

#myFlash {
	margin-left: 16px;
}

#myFlash2 {
	margin-left: 16px;
}

#myFlash3 {
	margin-left: -40px;
}

#flvplayer {
	margin-left: 16px;
}

#wap {
	margin-left: 16px;
}

#skip a, #skip a:hover, #skip a:visited  
 { 
 position:absolute; 
 left:0px; 
 top:-1100px; 
 width:1px; 
 height:1px; 
 overflow:hidden;
 } 
  
 #salta a:active 
 { 
 position:static; 
 width:auto; 
 height:auto; 
 } 


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical-concertina.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul#slide {padding:0; margin:0 auto; list-style:none; width:170px; height:600px; border:1px solid #fff; position:relative; overflow:hidden;}

ul li div {position:absolute; left:-9999px; background:#fff;}

ul table {border-collapse:collapse; width:0; height:0; margin:-1px; padding:0;}

#slide li.top {height:25px; width:170px; float:left;}
#slide li.top a.outer {display:block; float:left; height:24px; line-height:24px; width:170px; text-indent:4px; color:#000; background:#EBD1C0; text-decoration:none; font-family: verdana, sans-serif; font-size:12px; border-bottom:1px solid #eee;}

#slide li.top a:hover {color:#eee; background:#89a;}
#slide li.top:hover > a {color:#eee; background:#89a;}
#slide li:hover {height:375px;}
#slide a:hover div, #slide li.current div {position:static; height:320px; width:140px; padding:15px; line-height:1.2em; font-family: verdana, sans-serif;}
#slide li:hover div {position:static; height:320px; width:140px; padding:15px; line-height:1.2em; font-family: verdana, sans-serif;}
#slide div img {display:block; margin:15px 0 8px 0;}
#slide div img.fLeft {clear:left; float:left; display:block; margin:1px; margin-right:2px;}

#slide div h3 {font-size:13px; color:#000; padding:0; margin:0;}
#slide div p {font-size:12px; color:#888; line-height:1.4em; padding:10px 0; margin:0;}

#slide :hover div a {color:#026002; text-decoration:none; font-size:11px;}
#slide :hover div a:hover {text-decoration:underline; background:#fff;color:#026002;}

#slide div a.big, #slide :hover div a.big {display:block; height:30px; line-height:30px; border-top:1px solid #ddd; font-size:14px; color:#026002; text-decoration:none; text-indent:1px;}
#slide :hover div a.big:hover {background:#fff; color:#000; font-size:14px; text-decoration:none;} 

#slide div dl {border-bottom:1px solid #ddd; margin:20px 0 0 0; padding-bottom:10px;}
#slide div dt {font-size:11px; font-weight:bold; color:#000;}
#slide div dd {padding:0; margin:0; line-height:1.5em; font-size:11px; color:#666;}
#slide :hover div dd a {color:#026002; text-decoration:none;}
#slide :hover div dd a:hover {background:#fff; color:#026002; text-decoration:underline;}


fieldset
{
	display: block;
	width: 8.5em;
	margin: 0 1em 3em 0;
	padding: 1em 1em 1em 1em;
	border:1px solid green;
    color:green;
}




legend {
	
    color:green;
	font-weight: bold;
	
}


.margine {
	margin-left: 18px;
}

/* ================================================================ 
http://www.alistapart.com/articles/mountaintop/
=================================================================== */

	dl.news {
		width: 80%;
		margin: 0 0 20px 20px;
		padding: 0;
		background: #ccc url(-box_bottom.gif) no-repeat bottom left;
		}

	dt.news {
		margin: 0;
		padding: 10px;
		font-size: 130%;
		background: #ccc url(-box_top.gif) no-repeat top left;
		}
	dt img {
		float: left;
		margin-right: 4px;
		}
	
	dd.news {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #000000;
		font-family: Verdana, sans-serif;
		font-size: 85%;
		background: url(arrow.gif) no-repeat 0 3px;
		}
	
	#blue, #blue dt {
		background-color: #9cf;
		}
	
	#red, #red dt {
		background-color: #c99;
		}
	
	#green, #green dt {
		background-color: #cf9;
		}
	


	.sub-video a {
        font-size: 90%;
		color: #ffffff;
		font-weight: bold;
		margin-top:0;
  
	}