/* At-Rules */
@charset "windows-1252";


 #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: 600px; height: 900px; margin:     10px auto; scrollbar-arrow-color: #ffcc00; scrollbar-base-color: #336666; scrollbar-face-color: #FFCC00;
 scrollbar-track-color: #996633; text-align: left; vertical-align: baseline;
 / width: 745px;
  width: 760px;
  left: 50px }
 
body {background: url(//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:#808080;  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;}
 
 #txt {text-align:center; font-size:20px;  color:#000000;}
  
 
 



   #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-IMAGE:none;        
			 background-color:#006699;  
			 border-left:4px solid #FF9900}

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

	 #contenedorE {	position: relative;
			
			   z-index: 1;
			  display: block; 
			  height: 220px; 
			   width:440px;	
			  /wedth:500px; 
			    left: 20px;
			  /left: 200px;  
			 
			   top: -245px;
			   height: 285px; 
			   /height: 275px;
			  margin:0px auto; 
			  scrollbar-arrow-color: #ffcc00; 
			  scrollbar-base-color: #336666; 
			  scrollbar-face-color: #FFCC00;
 			  scrollbar-track-color: #996633; 
              text-align: left; 
			  vertical-align: baseline 
			  
			   }

 
 
 	    #contenedorA {	position: relative;
			
			 background-color: #FFFFFF;
              border-bottom:#000000 2px solid;
			  border-left: #000000 2px solid;	
			  border-right: #000000 2px solid; 
			  border-top: #000000 2px solid;  
			   z-index: 1;
			  display: block; 
			  height: 220px; 
			   width:140px;	
			   left: -290px;
			  /wedth:200px; 
			   /left: 30px; 
			   top: 40px;
			   height: 285px; 
			   /height: 275px;
			  margin:0px auto; 
			  scrollbar-arrow-color: #ffcc00; 
			  scrollbar-base-color: #336666; 
			  scrollbar-face-color: #FFCC00;
 			  scrollbar-track-color: #996633; 
              text-align: left; 
			  vertical-align: baseline 
			  
			   }	  
			   
			   			  
	#contenedorA1 {position: absolute;
	          background-color:#808080;	
              border-bottom:#000000 1px solid;
			/*  border-left: #000000 2px solid;	
			  border-right: #000000 2px solid; 
			  border-top: #000000 2px solid;   */
			   z-index: 1;
			  
			  height: 20px; 
			   width:140px;	
			  /width:137px;	
			   top: 0px; 
			   display: block; 
			  margin:0px auto;  
              text-align: center; 
			  vertical-align: baseline;
			  
			   }	  
	
		  
	
 	.Mtxt{
   	    color:#FFFFFF;
       font-size: 16px;
       font-weight: bold;
       TEXT-ALIGN: center ;
 
 }  
 
  
  #men1{	 

	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
 #men1 li {
	margin:6; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}

 #men1 li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	 BACKGROUND-IMAGE: url(../Graficos/base.jpg); /*algo de color*/ 
	color:#000000; /*mas*/ 
	font-size: 12px;
	width:113px; /*defino el ancho del rectangulo del vinculo*/
	padding:0px 0 0px 17px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	font-weight:bold; /*decoración*/ 
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}

 #men1 li a:hover {
	/*background-color:wheat; decoración para el evento hover (mouse encima)*/ 
	color:Red;
}
 
 
 
 
 


   #Menu {
	
	position:relative;
 	top:50px;
	left:5px;
	width:90px;
	height:300px;
       /* border:3px solid orange;
	background-color:steelblue;*/
}


ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
  li {
	margin:6; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}

li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	 BACKGROUND-IMAGE: url(../Graficos/base.jpg); /*algo de color*/ 
	color:Blue; /*mas*/ 
	width:90px; /*defino el ancho del rectangulo del vinculo*/
	padding:0px 0 0px 17px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	font-weight:bold; /*decoración*/ 
	text-transform:uppercase; /*decorare los vinculos en mayusculas*/
}

li a:hover {
	/*background-color:wheat; decoración para el evento hover (mouse encima)*/ 
	color:Red;
}

	


#tiempo {

    position:relative; 
	 top:-200px;
	 /top:-250px;
  	left:200px;
	width:250px;
	height:360px;
	/*background-color:Wheat;
	 BACKGROUND-COLOR:red;
         BACKGROUND-IMAGE: url(../ego/logo.gif);
	border:1px solid black;*/

        
	}
        	

   #navi {

/* position:absolute;    top:300px;   left:100px*/
  
list-style:none;   
  margin:0;
 padding:0;

 }

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

#navi li a {       
                   display:block;    
                   width:105px;   
		   padding:4px 0; 
	           text-decoration:none;    
		   text-align:center;   
		   font-size:14px;     
		   color:#FFFFFF;     
		   background-color:#808080;   
		   border-left:10px solid #FF9900;}

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