BODY { 
       font-family: arial;
       font-size: 11px; 
       margin: 10px 0px 10px 0px; 
       text-align: center; 
}
 

#contenedor{ 
    text-align: left; 
    width: 900px; 
    margin: auto;
    background-color: #FFFFFF;
}
 
#cabecera{
    position: relative;
    top: 10px;
    background-color: #ffffff;  
    height: 90px;
}
 
#cuerpo{ 
    margin: 10px 0px 10px 0px; 
} 

#lateral{ 
    width: 200px; 
    background-color: #ffffff;
    float: left;
    z-index: 5; 
} 



#otrolado{ 
    height: 780px;
    width: 121px;
    background-color: #ffffff; 
    float: right; 
    border:1px solid #333333;
} 


/* for Mozilla/Safari/Opera */
*>#principal {
    font-family: arial;
    font-size: 12px; 
    line-height: 17px;
    margin-left: 203px; 
    background-color: #ffffff;
    width: 570px;
    border:1px solid #333333; 
}

/* for IE, with IE5/Mac backslash filter \*/
* html #principal {
    font-family: arial;
    font-size: 12px; 
    line-height: 17px;
    margin-left: 203px; 
    background-color: #ffffff;
    padding: 10px 10px 4px 10px;
    width: 570px;
    border:1px solid #333333; 
}

#abajo{ 
        position: absolute;
        z-index: 2;
      }

#inicio{
    font-family: arial;
    font-size: 12px; 
    line-height: 17px;
    margin-left: 170px; 
    background-color: #ffffff;
    padding: 10px 10px 4px 10px; 
    width: 650px;
	border:1px solid #333333;
}

#inicio2{
    font-family: arial;
    font-size: 12px; 
    line-height: 17px;
    margin-left: 160px; 
    background-color: #ffffff;
    padding: 10px 10px 4px 10px; 
    width: 589px;
    z-index: 1;
}

#hoja A:link {text-decoration: none; color: #369;}
#hoja A:visited {text-decoration: none; color: #369;}
#hoja A:active {text-decoration: none; color: #3cf;}
#hoja A:hover {text-decoration: underline; color: #3cf;}

#hoja ul {list-style-type: circle; }
#hoja ul li {list-style-type: circle; }

#foto A:link {text-decoration: none; color: #fff;}
#foto A:visited {text-decoration: none; color: #fff;}
#foto A:active {text-decoration: none; color: #3cf;}
#foto A:hover {text-decoration: underline; color: #3cf;}

#titulo {
	    font-family: arial;
	    font-size: 15px;
   	    text-align: left;
	    color: #000080;
	    font-weight: bold;
		}

#logo{
    padding: 0px 6px 4px 0px;
    float: left; 
}

#nom {
		font-family: arial;
	    font-size: 11px;
   		text-align: left;
		color: #000080;
	}

div.float {
   padding: 0px 10px 10px 10px;
   border-style: dotted;
   border-top: none;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left: none;
   border-color: #FF0099;
   float: left;
}
  
div.float p {
   font-family: verdana;
   font-size: 10px;
   text-align: center;
   }

#pie{ 
    background-color: #003366; 
    padding: 3px 10px 3px 10px; 
    text-align:right;
    color: white; 
    font-size: 10px;
    clear: both; 
} 

#img1 {position: absolute;
       top: 10px;
       left: 200px;
       z-index: 1;
      }

#img2 {position: absolute;
       top: 20px;
       left: 50px;
       z-index: 2
      }