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

per il sito Webmultimediale.ch
giugno 2007

Copyright info: Per qualsiasi uso di questo CSS si prega di
rivolgersi al responsabile del sito 
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

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: 96.7%;
  margin: 0;
	} 

#header {
	height: 295px;
	}

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-bottom: 0.5em;
	}
h3 {
  font-weight: bold;
  font-size: 110%;
  padding-bottom: 0.5em;
	}

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

#testa_col2 {
	top:0px;
	left:0px;
	position: absolute; 
	width:100%;
	height:219px; 
	background-image:url('http://www.webmultimediale.org/files/sfondo_verde.jpg'); 
	background-repeat:repeat-x;
	margin:0px auto;
	padding:0px;
	z-index:7;
	}
#testa_logo {
	top:0px;
	left:0px;
	position: relative; 
	width:750px;
	height:219px; 
	z-index:10000;
	}
	
#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: 83%;
	top:310px;	
	width: 120px;
	z-index: 4;
	color: #000;
	margin: 0;
	padding: 0px;}

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


#menu_logged {
    
	
	width: 90%;
	height:auto;
	margin-left: 50px;
	color: #000;
	padding: 0px;
}

 #home_video {
	
	width: 90%;
	height:auto;
	margin-left: 50px;
	margin-top: 0px;
	color: #000;
	padding: 0px;
}

 #footer {
	clear: both;
	margin: 0 0 0 0;
	text-align: center;
	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 {
	float: left;
	margin-right: 4px;
	margin-top: 3px;
	}
.fright {
	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;
}*/

.general {
	text-align: center;
	margin-left:auto;
}

.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: 7px 1px 10px 1px;
}
.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:#FFFFFF; 
border-left:1px solid #000; 
border-right:1px solid #000;
}









.menu {
  padding:0; 
  margin: 0 0 0 23.5%; 
  list-style-type:none;
  white-space:nowrap;
  }
.menu li {
  float:left;
  min-width:100px;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:100px; 
  float:left; 
  }
* html .menu a {
  width:100px;
  }
.menu a span {
  display:block; 
  color:#000; 
  background:#EBD1C0; 
  border:1px solid #fff; 
  border-width:2px 1px; 
  text-align:center; 
  padding:4px 16px; 
  cursor:pointer;
  }
* html .menu a span {
  width:100px; 
  cursor:hand; 
  w\idth:66px;
  }
.menu a b {
  display:block; 
  border-bottom:2px solid #028002;
  }
.menu a em {
  display:none;
  }
.menu a:hover {
  background:#fff;
  }
.menu a:hover span {
  color:#fff; 
  background:#000;
  }
.menu a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #028002; 
  border-color:#028002 #fff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }


	#menu {
	  
      float: left;
      width: 99.9999%;
      background: #000;
      font-size: 90%;
      line-height: normal;
	  margin: 0px;
	  padding: 0px;
      }
    #menu ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menu a {
      float:left;
      background:url("tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #menu a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover span {
      color:#FFF;
      }
    #menu a:hover {
      background-position:0% -42px;
      }
    #menu a:hover span {
      background-position:100% -42px;
      }



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

.categorie 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;
}

#googleads {
	top:560px;
	left:73%;
	position: absolute; 
	width:200px;
	height:300px; 
	margin:0;
	padding:0px;
	z-index:16;
	}

#googleads_ {
	top:810px;
	left:73%;
	position: absolute; 
	width:200px;
	height:300px; 
	margin:0;
	padding:0px;
	z-index:16;
	}



.neon {margin:0; padding:6px 0 6px 1px; list-style:none; background:#fff; width:650px;}

.neon li {display:inline; float:left; background:url(neon_on.gif);}

.neon li a {display:block; height:32px; float:left; background:url(neon_off.gif); text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:36px;}

.neon li a b {margin:0 0 0 30px; display:inline; float:left; height:32px; background:url(neon_off.gif) right top; padding:0 30px 0 0; color:#fff;}

.neon li a:hover, .neon li a:hover b {border:0; background-image:url(neon_on.gif); cursor:pointer; color:#000;}

.neon li a.current, .neon li a.current b, .neon li a.current:hover , .neon li a.current:hover b {background-image:url(neon_on.gif); color:#000; cursor:default;}

#indexajax {
 clear: both;
}

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


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