body 
	{
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: sans-serif;
	color: #fffafa;
	background-color: #778899;
	background-image: url(fondo.png);
	background-repeat: repeat-y;
	
	
	}
#logo 
	{
	
	position: absolute;
	top : 0px;
	left: 0px;
	border-bottom: 1px solid #000;
	height: 100px;
	width: 100%;
	background-color: #778899;
        font-size: 27px;
        font-family:  helvetica;
        text-decoration: none;
        font-weight: bold;
	text-align: center;
	background-image: url(fondoizq.png);
	background-repeat: no-repeat;
	}
#logo a
    {
    color: white;
    font-size: 70px;
    font-family:  helvetica;
    text-decoration: none;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 40px;
    }


#cuerpo
	{
	
	width : 100%;
	height: 480px;
	position: absolute;
	top: 125px;
	left: 0%;
	z-index: 1;
	text-align:left;
	background-color: #222;
        
	}
#pantalla
	{
	
	width : 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200;
	text-align:left;
	background-color: #ccc;
	opacity: .5;					
    filter: alpha(opacity=50);	
    font-size: 60px;
    float: left;
    color : #000;
    padding-top: 200px;
    text-align: center;
    
	}


#cuerpo div.izq
    {
        position: absolute;
        top: 0%;
        left: 1%;
        width: 350px;
         height: 460px;
        background-color : #222;
	text-align : center;
    }


#cuerpo div.der 
    {
        position: absolute;
        top: 0%;
        left: 350px;
        width: auto;
        height: 600px;
        background-color : #222;
        
        
    }
#cuerpo div.izq table
    {
    margin-top: 20px;
   
    }

#cuerpo div.izq table tr td
    {
   
        width: 100px;
        height: 100px;
    }
#cuerpo div.izq table tr td a
    {
        
        color : white;
        text-decoration: none;
        font-size: 25px;
       
    }
#cuerpo div.izq table tr td a:hover
    {
       
         font-size: 40px;
       
    }



#menu2
    {
        text-align:center;
        position: absolute;
	    top: 100px;
	    left: 0px;
        width: 100%;
        height: 25px;
        display: inline;
        background-color: #222;
	    z-index: 7;
        border-top: 1px solid #000;
        border-bottom : 1px solid #000;
	    opacity: .9;					
	    filter: alpha(opacity=90);		
	
        
    }
#menu3
    {
         
        text-align:center;
        position: absolute;
	    top: 605px;
	    left: 0px;
        width: 100%;
        height: 25px;
        display: inline;
        background-color: #222;
	    z-index: 7;
        border-top: 1px solid #000;
        border-bottom : 1px solid #000;
	    opacity: .9;					
	    filter: alpha(opacity=90); 
    }
#bajo
	{
        text-align:center;
        position: absolute;
	    top: 630px;
	    left: 0px;
        width: 100%;
        height: auto;
        display: inline;
        background-color: #778899;
	    z-index: 7;
        border-top: 1px solid #000;
        border-bottom : 1px solid #000;
	    opacity: .9;					
	    filter: alpha(opacity=90);
	}
#fotografia
    {
        position: absolute;
        width: 650px;
        height: auto;
        top:  1px;
        left: 0px;
        color : #fff;
        margin-left: 50px;
        border-left: 5px solid #fff;
        border-right: 5px solid #fff;
        text-align: center;
        background-color: white;
        
    }


a.enlace
    {
    text-decoration : none;
    color: #fff;
    }
a.enlace:hover
    {
    text-decoration: none;
    color : #fff;
    }

img
    {
        color: #222;
    }