/* =Basic HTML
----------------------------------------------------------------------*/

a
{
	color: #fc3;
	text-decoration: none;
}

a:hover
{
	color: #fff;
}




del
{
	color: #bbb;
}

h1
{
	clear: both;
	color: #cf3;
	font: 17px "Trebuchet MS", sans-serif;
	margin: 0 12px 15px 0px;
	padding: 0 15px 0 22px;
}

h1 a
{
	color: #cf3;
}

h2, dt
{
	color: #fff;
	font: 15px Tahoma, Arial, sans-serif;
	margin: 0 12px 15px 0px;
	padding: 0 15px 0 22px;
}

h3
{
	color: #cf3;
	font: 13px Tahoma, Arial, sans-serif;
}

h6
{
	color: #cf3;
	font: 10px "Verdana", sans-serif;
	margin: 0 0px 0px 0px;
	padding: 0 0px 0 0px;
}

hr
{
	background: #222;
	color: #222;
	height: 1px;
	margin: 0 12px 15px 28px;
}

img.picture
{
	float: right;
	font-size: 100%;
	margin: 0 0 15px 10px;
}

a img.picture
{
	border: 1px solid #444;
	padding: 2px;
}

a:hover img.picture
{
	border-color: #fff;
}

ins
{
	text-decoration: none;
}

li, p, dd
{
	line-height: 150%;
}

ol, ul
{
	list-style: none;
}
.extraido
{
	color: #cf3;
	font: 10px "Verdana";
	
}

.contacto
{
	color: #fff;
	font: 10px "Verdana";
	font-weight:bold;
	
}

.small
{
	color: #bbb;
	font: 9px "Verdana";
  
	text-align:center;
}


/*frames*/
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
font: 12px "Verdana";
text-align:justify;
color: #ccc;
margin-left: 5%;
margin-right: 4cm;
}





#framecontentLeft{
float: left;
font-size: 9px;
position: absolute; 
top: 0; 
left: 0; 
width: 250px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #222;
color: white;
}

#framecontentTop{
position: absolute; 
top: 0; 
left: 250px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
height: 115px; /*Height of top frame div*/
/* overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/ 
color: white;
background: #222 url(../img/banner.gif) no-repeat right top;

}

#framecontentBottom{
position: absolute; 
top: auto; 
left: 250px; /*Set left value to WidthOfLeftFrameDiv*/
bottom: 0;
right: 0;
height: 60px; /*Height of bottom frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #222;
color: white;
}

#maincontent{
position: fixed; 
top: 115px; /*Set top value to HeightOfTopFrameDiv*/
left: 250px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
bottom: 60px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: hidden; 
background: #222 url(../img/copyleft.jpg) no-repeat right bottom;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 115px 0 45px 250px; /*Set value to (HeightOfTopFrameDiv  0 HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}
/*frames end*/

iframe#ifrm { 
  overflow-x: hidden;
  overflow-y: scroll;
  border:none;
  
  }



/*menu isquierda- fix con id*/ 
#logo
{
	background: url(../img/logo.jpg) no-repeat;
	height: 188px;
	width: 210px;
	
}

#menu {  
   list-style: none;
	 background: url(../img/menuend.gif) no-repeat left bottom;
   padding: 0px 0px 36px 0px;
   width: 210px;
   color: white;
   margin:0px;
}

#menu li {
  background: url(../img/menu_li.jpg) repeat-x left bottom;
  font: 13px Verdana, sans-serif;
	margin: 0 0 0 10px;
	
}

#menu a {
	background: url(../img/arrow.gif) no-repeat left center;
	border-bottom: 1px solid #111;
	border-left: 1px solid #111;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
	display: block;
	padding: 0px 0px 0px 25px;
	

}

#menu a:hover
{
 	background: url(../img/arrow_black.gif) no-repeat left center;
	background-color: #97ca65;
	color:black;
	
	
}


/*menu end*/

/*menu bottom trovare immagini o rifare*/
#menubottom {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 0 1em;
	margin:0;
	list-style:none;
	
}

#menubottom LI {
  font: 9px Verdana, sans-serif;
	float:left;
	margin:0;
	padding:0;
}

#menubottom A {
  font: 10px Verdana, sans-serif;
	display:block;
	color:#999;
	text-decoration:none;
	font-weight:bold;
	background:#222;
	margin:1.5px;
	padding:0.25em 0.50em;
	border-left:1px solid #555;
	border-bottom:1px solid #555;
	border-right:1px solid #444;
}

#menubottom A:hover,
#menubottom A:active {
	background-color: #97ca65;
	color:black;
}

#menubottom A.here:link,
#menubottom A.here:visited {
	position:relative;
	z-index:102;
}


/*menu bottom end*/


/*imagenes*/
.imgrx {
  float:right;
  border:solid 1px silver;
  padding:5px;
  margin:10 10 10 10px;
  } 

.imgsx {
  float:left;
  border:solid 1px silver;
  padding:5px;
  margin:10 10 10 10px;
  } 
/* imagenes end */