#contenedorP {background-color: #fff8f0;
              border-bottom:#FF8000 5px solid; 
			  border-left:#FF8000 5px solid; 
			  border-right:#FF8000 5px solid; 
			  border-top: #FF8000 5px solid; 
			  display: block;
			/*  height:1400px; */
			  margin:10px auto; 
		          overflow-y:100%;
     
              text-align: left; vertical-align: baseline; 
			   width: 760px; left: 50px ;
			  /width: 745px; left: 50px }
			  
body {background: url(http://www.regiocasas.com.mx/Regio/Graficos/fondo_blanco.jpg);  
    color: #000000;    
    font-family: serif;   
	font-size: 9pt;  
    font-style: normal}

#titulo { width:430px;    
          height:45px;  
		  border:1px solid black;    
		  background-color:#006699; 
		  margin:10px auto}


#logo {width:146px;
       height:39px;   
	   BACKGROUND-IMAGE: url(../Graficos/regio22.gif)}

#logo1 {width:146px;  
        height:39px;    
		BACKGROUND-IMAGE: url(../Graficos/regio22.gif)}

#txttitulo {text-align:center; 
            font-size:40px; 
			 color:white}



#navi {/*position:absolute;*/
   / top:100px;  
	top:95px;
	 left:130px ;     list-style:none;
	  margin:0; 
	   padding:0}

#navi li {margin:1px;          
         padding:0;          
	     float:left}

#navi li a {display:block;
			 width:90px;
			 /width:80px;      
			 padding:4px 0;  
			 text-decoration:none; 
		     text-align:center;     
			 font-size:18px;           
			 color:#FFFFFF;          
			 background-color:#006699;  
			 border-left:4px solid #FF9900}

#navi li a:hover {color:#000000;  
                 background-color:#FFCC33;
				 border-left-color:#000000}



.pag{ top: 200px; left:30}
.pag a {  display:block;    
          width:10px;         padding:1px 0;             
	      text-decoration:none;      text-align:center;   
	      font-size:14px;  color:#000000; 
		  background-color:#FFCC33			       }
						   
 .pag a:hover {color:#000000;                       background-color:#FFCC33;        border-left-color:#000000}
 
 
 .pagA{ top: 200px; left:30}
.pagA a {  display:block;    
          width:10px;         padding:1px 0;             
	      text-decoration:none;      text-align:center;   
	      font-size:14px;  color:#FFFFFF; 
		  background-color:#006699		       }
						   
 .pagA a:hover {color:#000000;                       background-color:#FFCC33;        border-left-color:#000000}
















.contenedor1 {
	position:estatic;
    z-index:1;
	top:0px;
	left:20px;
    /left:30;
	width:700px; /*ancho total de la pagina  steelblue*/ 
        height:160px;
	/width:700px; /*ancho total de la pagina  steelblue*/ 
    /height:140px;		   
	border:3px solid black; /*encadeno los 3 atributos claves del borde 	en una sola linea, ahorrando codigo XD*/ 
	background-color:#336699;
/*background-color:#ffffff;*/
	margin:10px auto
	/*BACKGROUND-IMAGE: url(../graficos/fondo_blanco.jpg);*/

}


.foto {
	position:estatic;
 z-index:2;
	top: 0px;
	left:10px;
	margin:5px; /*para que no se pegue al borde*/ 
	padding:5px; /*algo de relleno*/
	/width:170px; /*este ancho es para que cuadre con el texto*/ 
	width:193px;
	height:140px; /*idem*/ 
	/height:150px; /*idem*/ 
	border:2px solid black; /*decoracion*/ 
	background-color:WHITE; /*more*/ 
	float:left /*lo flotamos a la izquierda*/ 
	/*display:inline;*/ /*(*)*/ 
} 

.tronco3 {
position:relative;
        z-index:3;
	top:0px;
	left:10;
	/top:0px;
	/left:10;
	margin:5px; /*para que no se pegue al borde*/ 
	padding:5px; /*algo de relleno*/
	width:440px; /*este ancho es para que cuadre con el texto*/ 
	height:140px; /*idem*/ 
	/width:460px; /*este ancho es para que cuadre con el texto*/ 
	/height:150px; /*idem*/ 
	border:1px solid navy; /*decoracion*/ 
	background-color:#ffffff; /*more*/ 
	align:rightr; /*lo flotamos a la izquierda*/ 
	/*display:inline; *//*(*)*/ 
} 

.troncoR {
position:relative;
        z-index:3;
	top:0px;
	left:10;
	/top:0px;
	/left:10;
	margin:5px; /*para que no se pegue al borde*/ 
	padding:5px; /*algo de relleno*/
	width:440px; /*este ancho es para que cuadre con el texto*/ 
	height:140px; /*idem*/ 
	/width:460px; /*este ancho es para que cuadre con el texto*/ 
	/height:150px; /*idem*/ 
	border:1px solid navy; /*decoracion*/ 
	background-color:#ffff99; /*more*/ 
	align:rightr; /*lo flotamos a la izquierda*/ 
	/*display:inline; *//*(*)*/ 
} 





.mensaje {
position:relative;
 z-index:3;
top:0px;
width:430px;
height:100px;
/width:435px;
/height:100px;
left:10px;
/*float:left;*/
background-color:#ffffff;
color:black;
font-size: 18px;

     /*  font-weight: bold;*/
       TEXT-ALIGN: left 

}


.mensaje1 {

    /* background-color:#ffffff;
       width:450px;*/
       color:red;
       font-size: 18px;
      /* font-weight: bold;*/
       TEXT-ALIGN: center 

}



 foto:hover {
	background-color:orange; /*decoración para el evento hover (mouse encima)*/ 
	color:steelblue
}