/* CSS Document */

/* reseteo de elementos */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}

* { margin: 0; padding: 0; }


hr{
   color:#CCCCCC;   
   border-bottom-style:inset;
  }
  
p{
    font-family:"Lucida Sans";
	font-size: 12px;	
	text-align:justify;
	left:24px;
	margin-left:20px;
	margin-right:20px;
	margin-top:15px;
	color:#003300;
 }
 
 .Estilo3 {
	font-size: 13px;
	font-weight: bold;
}

.Estilo-urb{
  	font:Corbel;
	font-size:15px;
  	color:#bbaa99;	
	padding: 4px 2px 4px 4px;			
	text-decoration: none;
	margin-top:20px;	
   } 
/*************** contenedores comunes ******************/
   
   #cont-int{
     width:552px;
	 height:720px;	 
	 float:left;
	 margin-top:0px;
	 margin-right:20px;
	 margin-left:10px;
	 overflow:hidden;
	 	
   }     
   
   #cont-princ{
      font-size: 18px;
	  font-family:"Lucida Sans";
	  width:786px;
	  height:75px;
	  color: #334d55;
	  float:left;	  
   }
   
   
/*************** diseņo calendario - agenda.php ******************/   

   .calendarBox {
		margin-bottom:10px;
		margin-right:27px;		
		top: 5px;		
		padding: 5px;
		width: 255px;
		min-height: 205px;
		float:left;
		border: 1px solid #A8BBC6;
	}

	.calendarFloat {
		float: left;
		width: 31px;
		height: 25px;
		margin: 1px 0px 0px 1px;
		padding: 1px;
		border: 1px solid #fff;
		font-family: Tahoma;
		font-size: 12px;
		font:#3366CC;
	}
	
	.eventList{
	   background-color:#ffffff;
	   margin-top:0px;
	   float:right;
	   width:100%;
	   overflow:hidden;
	   
	}
	
	.itemList{
	   font-size:11px;
	   font-family:bold Corbel;
	   font:#002200;
	   margin-top:5px;
	   margin-bottom:5px;
	   height:20px;
	   padding-top:2px;
	   padding-left:5px;
	}
	
	.cabList{
	   padding:5px 5px 5px 5px;
	   font-size:14px;
       font-family:"Lucida Sans";
       color:#ffffff;
	   font: bold;
	   background-image:url(../img/fondo-destacados.gif);
	   margin-bottom:5px;
	   height:25px;
	 }
	 
	 

/*************** diseņo contenido comoLlegar.html *********/

   #situacion-puebla{
      width:80%;
	  height:100px;
	  margin-bottom:15px;
	  float:left;	  
   }
  
   #tamaņo-mapa{
      width:18%;
	  height:100px;
	  margin-bottom:10px;
	  float:left;	  	  
   }
   
   #mapa-puebla{
      width:100%;
	  margin-top:35px;
	  height:400px;	    
   }
   
/*************** diseņo contenido monumentos.html *********/    
   #monumentos-puebla{
      width:100%;
	  height:73px;
	  margin-bottom:10px;
	  float:left;	  	  
   }
   
   #cont-monumentos{
      width:100%;
	  margin-top:5px;
	  height:400px;	  	    
   }  
   		 

/*************** diseņo contenido alojamientos.html *********/
   /*** el ancho es 552px **/
   
   #cont-bares{
      width:100%;
	  height:600px;
	  margin-bottom:0px;
	  float:left;	 
   }
   
   #cont-bares-izq{
      width:50%;
	  height:600px;
	  margin-bottom:0px;
	  float:left;
	  height:600px;
	  
   }
   
   #cont-bares-dch{
      width:50%;
	  height:600px;
	  margin-bottom:0px;
	  float:left;
	  height:600px;
	 
   } 
   
   #cont-bares-item{
      width:100%;	  
	  float:left;
	  height:120px;
	  margin-bottom:15px;	    
   }
   
   #cont-bares-item-img{
      width:120px;	  
	  float:left;
	  height:100px;
	  margin-top:5px;	   
   }
   
   #cont-bares-item-desc{
      width:390px;	  
	  float:left;
	  height:100px;
	  margin-top:5px;	 	  
   }
   
   #cont-bares-cab{
      width:100%;
	  height:600px;
	  margin-bottom:0px;
	  float:left;
	  height:30px;	  
   }            
   
/*************** diseņo evento destacado ******************/

    .eventDestacados_ag {
		margin-bottom:15px;
		top: 5px;		
		padding: 10px 10px 10px 10px;
		width: 255px;
		height: 195px;
		float:left;
		border: 1px solid #A8BBC6;
	}
	
	#eventDesc-cab{
      border-bottom:2px;
	  border-bottom-color:#CCCCCC;
	  border-bottom-style:dotted;
	  margin-left:5px;
	  margin-right:5px;
	  margin-bottom:10px;
	  padding-bottom:10px;	
   }
	
	.descBanner{
	   width:100%;
	   height:35px;
	   background:#ececec;
	   margin-top:5px;
	}
	
	.descBannerAgenda{
		width:245px;
		height:25px;
		background: #F2F2F2;
		margin-top:5px;
		margin-left:5px;
		padding:5px;
	}
	 
/************* Contenido Evento ****************/

   .contEvento{
      width:100%;	  
	  background-color:#ffffff;
	  float:right;
	  overflow:hidden;	 
   }   
   
   .cabDescEvento{
      width:100%;	  	  	  
	  background-color:#ececee;
	  font-size:11px;
	  font-family:bold Corbel;
	  font:#002200;
	  padding-top:10px;
	  padding-bottom:5px;
	  margin-top:25px;
	  float:right;	  
   }
   
   .cabDescEvento b{
      margin-left:10px;
	  margin-top:18px;
	  margin-bottom:0px;
	  margin-right:15px;
   }   
   
   .descEvento{
      width:100%;	  	  	  
	  background-color:#ececee;
	  font-size:11px;
	  font-family:bold Corbel;
	  font:#002200;
	  padding-top:7px;
	  padding-bottom:7px;
	  float:right;
	  margin-bottom:10px;	  
   }
   
   .descEvento p{
      margin-left:15px;
	  margin-top:0px;
	  margin-bottom:10px;
	  margin-right:15px;
   }   
   
   
/************* Navegador ****************/
	a.glinkEv, a.glinkEv:visited{
  	font:bold Corbel;
	font-size:12px;
  	color:#002200;
	text-decoration:none;		
   }

   a.glinkEv:hover{
  	color:#000000;
	text-decoration:underline;	
   }
   
   /******** museo etno *********/
   
   #cont-leyend{
      width:400px;
	  float:left;
	  margin:10px 30px 30px 30px;
	      
   }
   
   #cont-cab-img-vi{
      width:462px;
	  height:22px;
	  padding-top:3px;
	  float:left;
	  margin:15px 30px 10px 20px;
	  background-color:#ccbb99;
	  border-bottom-color:#000066;    
   }
   
   /******** pantano *********/
   
   #cont-img-pant{
      width:462px;
	  height:230px;
	  float:left;
	  margin:15px 30px 10px 20px;
   }
   
   #cont-img-item-pant{
      width:220px;
	  height:220px;
	  float:left;
	  margin:5px;
   }
   
   /****** castillo **********/
   
    
   #cont-img-cast{
      width:462px;
	  height:310px;
	  float:left;
	  margin:15px 30px 10px 20px;
   }
   
   #cont-img-item-cast{
      width:400px;
	  height:300px;
	  float:left;
	  margin:5px 5px 5px 30px;
   }
   
   /******** imagenes puebla *********/
     
   #cont-cab-img-ip{
      width:437px;
	  height:22px;
	  padding-top:3px;
	  float:left;
	  margin:15px 30px 3px 20px;
	  background-color:#000000;
	  border-bottom-color:#000066;    
   }