#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}

/* IE6 Only */

* html #navi {/*position:absolute;*/
    top:100px;  
	}


* html #navi li a {display:block;
			 
	width:80px;      
		}


html # .contenedor1 {
	
    left:30;
    width:700px; /*ancho total de la pagina  steelblue*/ 
    height:140px;		   	

}


html # .foto {
	
	
	width:153px; /*este ancho es para que cuadre con el texto*/ 
	
	height:115px; /*idem*/ 
	
	
} 
 


html # .tronco3 {

	top:0px;
	left:15px;
	width:500px;
	height:120px; 
	
} 
	

html # .troncoR {

	top:0px;
	left:15px;	
	width:460px; 
	height:120px; 
	
} 


html # .mensaje {

/width:435px;
/height:80px;
 

}

html # .mensaje1 {

    
       color:red;
       font-size: 18px;
     
       TEXT-ALIGN: center 

}


/* IE7 Only */






*:first-child+html#navi {/*position:absolute;*/
    top:100px  
	}


*:first-child+html#navi li a {display:block;
			 
	width:80px      
		}

*:first-child+html#.contenedor1 {
	
    left:30px;
    width:650px; /*ancho total de la pagina  steelblue*/ 
    height:130px		   	

}


*:first-child+html#.foto {
	
	
	width:153px; /*este ancho es para que cuadre con el texto*/ 
	
	height:115px /*idem*/ 
	
	
} 
 


*:first-child+html#.tronco3 {

	top:0px;
	left:5px;
	width:460px;
	height:105px
	
} 
	

*:first-child+html#.troncoR {

	top:0px;
	left:5px;	
	width:460px; 
	height:120px
	
} 


*:first-child+html#.mensaje {

width:435px;
height:80px;
 background-color:#336699

}

*:first-child+html#.mensaje1 {

    
       color:red;
       font-size: 18px;
     
       TEXT-ALIGN: center 

}























#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;
 	width:650px; 
        height:140px;   
	border:3px solid black; 
	background-color:#336699;
	margin:10px auto
	
}


.foto {
	position:estatic;
        z-index:2;
	top: 0px;
	margin:5px; 
	padding:5px; 
	width:153px;
	height:115px; 
	border:2px solid black;
	background-color:#ffffff;
	float:left 
} 

.tronco3 {
position:relative;
        z-index:3;
	top:0px;
	left:5px;	
	margin:5px; /*para que no se pegue al borde*/ 
	padding:5px; /*algo de relleno*/
	width:450px; /*este ancho es para que cuadre con el texto*/ 
	height:120px; /*idem*/ 	
	border:1px solid navy; /*decoracion*/ 
	background-color:#ffffff; /*more*/ 
	align:rightr
} 

.troncoR {
position:relative;
        z-index:3;
	top:0px;
	left:5px;
	margin:5px; /*para que no se pegue al borde*/ 
	padding:5px; /*algo de relleno*/
	width:450px; /*este ancho es para que cuadre con el texto*/ 
	height:120px; /*idem*/ 	
	border:1px solid navy; 
	background-color:#ffff99; 
	align:rightr 
	
} 





.mensaje {
position:relative;
 z-index:3;
top:0px;
width:445px;
height:87px;
/width:435px;
/height:85px;
left:3px;
/*float:left;*/
background-color:#ffffff;
color:black;
font-size: 15px;

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

}


.mensaje1 {

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

}



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