body {
	width:930px;
	margin:0 auto;
	background-color:#AAAAAA;
	font-family:Arial, Helvetica, sans-serif;
}
p{
font-size:10px;
color:#222222;
}
h1{
font-size:16px;
color:#990000;
margin-bottom:10px;
}
.applemenu{
margin: 5px 0;
padding: 0;
width: 210px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(../jpg/silvergradient.gif) repeat-x center left;
font: normal 14px verdana, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(../jpg/silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 200px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
tr{
font-size:11px;
width:auto;
}
tr.line1{
background:#FFF;
}
tr.line2{
background:#DDDDDD;
}
a{
font-family:arial; 
font-size:10px; 
color:#000; 
margin-right:5px; 
text-decoration:none;
}
div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 5px solid black;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: white;
padding: 3px;
width: 100px; /*width of tooltip*/
}
#header{
float:left;
width:930px;
height:60px;
background:url(../jpg/body_sdw.png) repeat-y;
}
#header.relleno{
height:30px;
}
#header.left{
height:30px;
width:300px;
padding:15px 20px;
text-align:left;
background:none;
}
#header.right{
height:40px;
padding:10px 20px;
width:550px;
text-align:right;
background:none;
}
#header.banner{
height:auto;
width:900px;
padding:0 15px 10px 15px;
}
#header.datos{
height:auto;
width:880px;
padding:0 25px 10px 25px;
}
#header.empresa{
height:auto;
width:860px;
padding:0 35px 10px 35px;
}
#header.empresa p{
font-size:12px;
}
.line{
width:100%;
border-top:#AAAAAA 1px dotted;
margin:5px auto;
}
#header.link{
width:900px;
padding:0 15px;
height:181px;
}
#header.link a img{
border: none;
margin:10px 0 10px 10px;
width:280px;
}
#footer{
float:left;
width:900px;
height:90px;
padding:0 15px;
background:url(../jpg/body_sdw.png) repeat-y;
}
#header_sroom{
float:left;
width:930px;
height:100px;
background:url(../jpg/body_sdw.png) repeat-y;
}
#header_sroom.left{
float:left;
height:80px;
width:250px;
padding:10px 25px;
text-align:left;
background:none;
}
#header_sroom.right{
float:left;
height:35px;
width:600px;
padding:55px 25px 10px 5px;
text-align:right;
background:none;
}

/* Pie de pagina */
#footer.left{
width:420px;
height:60px;
padding:15px;
text-align:left;
background:url(../jpg/back_title2.jpg) repeat-x;
}
#footer.right{
width:420px;
height:60px;
padding:15px;
text-align:right;
background:url(../jpg/back_title2.jpg) repeat-x;
}
#body_bottom{
float:left;
width:930px;
height:20px;
background:url(../jpg/body_bottom.png) no-repeat;
}

