body {  
background: #BEBEBD;
margin: 0; 
padding: 0;
text-align: center; 
color: #4f4f4f;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color: #dedede;
scrollbar-shadow-color: #dedede;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #dedede;
scrollbar-track-color: #f0f0f0;
scrollbar-darkshadow-color: #dadada;

}
body, table, td, p, a, div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:14px;
font-color: #4f4f4f;
}

a{color: #a60000;  text-decoration: none;}

img{
border:0;
margin:0;
}

form {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none}
h1 {font-size:150%; font-smooth: always; display:none;}
h2 {font-size:125%; font-smooth: always;}
h3{font-size: 18px;
font-weight:normal;
line-height:normal;
font-smooth: always;}
h4{
font-size: 18px;
font-weight:normal;
color:#a60000;
line-height:16px;
margin-bottom: -10px;}

.rojo{color:#a60000;}
.gris50{color:#4f4f4f; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
/*divs */
#marco {
	width: 1000px;  
	margin: 0 auto; 
	padding: 0;  
	border: 0;
	text-align: center; 
	background: #FFFFFF
}

#encabezado { 
	width: 1000px; 
	padding: 0;  
	margin: 0 auto; 
	border: 0;
	text-align: left;
	background: #FFFFFF url(../grafica/header_razzetto.jpg) left top no-repeat;
} 

#contenido { 
	width: 1000px;  
	height:405px;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0; 
	border: 0;
	text-align: left;
	vertical-align: top;
} 
#pie{
	width: 1000px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0;
	text-align: center; 
}


.sep { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#fotoCont {
	float: right; 
	width: 425px;
	background: #FFFFFF;
	margin-top: 12px;
}
#fader {
	float: right; 
	width: 500px;
	background: #FFFFFF;
	padding:0;
	margin-top: 25px;
	overflow: hidden;
}
#notaCont {
  	margin: 0 435px 0 0; 
	padding: 10px 10px 10px 25px;
	width: 500px;
	height:350px;
	overflow: auto;} 

#notaCont a{color: #a60000;  text-decoration: none;}

#creditos{
width:1000px; 
height:20px;
background:#bababa; 
color:#f0f0f0; text-align:center; 
font: caption; 
border-top: 2px solid #bdbdbd;
}

#creditos a {color:#f0f0f0;  text-decoration: none;}

#separador{
width:1000px; 
height:20px;
background:#ffffff; 
margin: 0 auto;
padding: 0;
}
#titulo { 
width:950px; 
background:#ffffff; 
height:25px;
margin: 0; 
padding-left: 25px;
}

/* menu*/

#menu {
width:1000px;
height:20px;
margin: 0 auto; 
text-align:left;
background: #A60000 url(../grafica/menu_back.jpg) left repeat-x;

}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 105px;
float: right;
}

#menu h2 {
font: bold 12px/16px  Verdana, Arial, Helvetica, sans-serif;
font-smooth: always;
display: block;
margin: 0;
padding: 2px 3px;
}
#menu a{
font: normal 12px/16px  Verdana, Arial, Helvetica, sans-serif;
font-smooth: always;
display: block;
margin: 0;
padding: 2px 3px;
}
#menu a {
color: #4f4f4f;
background: #d7d7d7;
text-decoration: none;
}
#menu a:hover {
color: #4f4f4f;
background: #eaeaea;
}
#menu h2 {
color: #fff;
text-decoration: none;
}

#menu h2:hover {
color: #fff;
text-decoration: none;
background: url(../grafica/menu_back_top_over.jpg) left repeat-x;
cursor:default;
}



#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}