html, body, h1, h2, h3, h4, h5, ul, li {margin: 0; padding: 0;
}


h1 img {
display: block;
}


img {
border: 0;
}

a {
color: #52616E;
}


/**color del texto linkeado cuando se hace click**/


a:hover {
color: #ffffff; 
}


.left { float: left;}

.right { float: right;}

.more { text-align: right;}

.clear { clear: both;}



/** BACKGROUND DEL ENTORNO FUERA DE LA WEB - FONT DEL TEXTO DE LA COLUMNA IZQUIERDA **/

body {
	
	background: #3F3F3F url(pattern.png) repeat;
	
	text-align: center;
	
	font: 11px verdana, arial, sans-serif;
	
	color: #695F4C;
	
	padding-bottom: 1px;
}

/** layout **/


#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 824px;
	background: #d3d3d3;
        position: relative;
}



/** HEADER - ENCABEZADO: FOTO DE MACHUPICCHU Y LOGOTIPO DE INFORMANDOTE**/



#header {
  background: #d3d3d3 url(images2/header.jpg) no-repeat;
  height: 266px;
}

#header h4 {
font: bold 10px "arial narrow", arial, sans-serif;
color: #ffffff;
padding: 250px 10px 10px 10px;

}


#logo {
  position: absolute;
  top: 6px;
  left: 380px;
  width: 200px;
  color: #52616E;
}


#logo h1 {
font: bold 24px "arial narrow", arial, sans-serif;
}


#logo p {
  margin: 0;
  font: bold 13px "arial narrow", arial, sans-serif;
  
}


/** CONFIGURACION DE LA BARRA DEL CENTRO DE INFORMACION **/


#nav {
  background: #708090;  
  position: absolute;
  top: 90px;
  left: 362px;
  width: 462px;
  padding: 9px 0;
  text-align: center;
}


#nav li {
  list-style: none;
  display: inline;
  color: #fff;

}


#nav a {
  text-decoration: none;
  color: #fff;
}


/** CONFIGURACION DE LA FOTO DEL EVENTO CON PREM RAWAT EN EL ENCABEZADO A LA DERECHA DE FOTO MACHUPICCHU **/



#gallery {
  position: absolute;
  top: 136px;
  left: 362px;
  width: 512px;
}

#gallery li {
  list-style: none;
  text-indent: -999px;
  float: left;
  overflow: hidden;
  height: 130px;
}



/** FOTO AUDITORIO CON PREM RAWAT **/


#gallery .gmen {
  background: url(images2/pic-6.jpg) no-repeat;
  width: 512px;
}

/** COMIENZO DE LA WEB DEBAJO DE LA FOTO DE MACHUPICCHU Y FOTO DEL EVENTO CON PREM RAWAT **/




#body {
  padding-top: 3px;  background-color:#d3d3d3; 
}





/** navigation menu **/


#menubar
{ background: #708090;
  width: 824px;
  border-top: 0px solid;
  height: 40px;
} 

ul#menu{margin: 0px;}

ul#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

ul#menu li a 
{ font-family: verdana, sans-serif;
  display: block; 
  float: left; 
  height: 40px;
  text-decoration: none; 
  padding: 10px 19px 4px 19px;
  text-align: center;
  border-right: 2px solid #d3d3d3;
  background: transparent;
  color: #ffffff;
} 

ul#menu li a:hover, ul#menu li a.current, ul#menu li a.current:hover
{ background: transparent;
  color: #ffffff;
} 



/** COLUMNA DE LA IZQUIERDA **/


#categories {
  float: left;
  width: 210px;
  background: #d3d3d3;
  padding: 20px 20px;
}

#categories a {
  text-decoration: none;
  color: #1B1812;
}


#categories a:hover {
  text-decoration: none;
}


h2 {
  font: 18px "arial narrow", arial, sans-serif; 
  color: #695F4C;
  
 } 



/** COLUMNA DE LA DERECHA **/


#seasonal, #collection {
  float: right;
  width: 510px;
  background: #d3d3d3; 
  padding: 20px 20px;
}


/** MARGENES DEL TEXTO ARRIBA - ABAJO Y LATERALES DE LA COLUMNA DE LA DERECHA **/






/** ESPACIAMIENTO ENTRE PARRAFOS DE LA COLUMNA DE LA DERECHA **/

#seasonal p,  #collection p { 
  margin: 1.17em 0;
 text-decoration: none;
}

.more a {
  font-size: 11px;
  color: #000;
  text-decoration: none;
}


.more a:hover {
  text-decoration: underline;
}




/** FONT SUBTITULOS DE LA COLUMNA DE LA DERECHA **/

h3 {
  font: 15px "arial narrow", arial, sans-serif; 
  color: #695F4C;
}




/** FONT TITULOS DE LA COLUMNA DE LA DERECHA **/

h2 {
  font: 18px "arial narrow", arial, sans-serif; 
  color: #695F4C;
  padding-bottom: 16px;
  
}



#copyright {
  
 
  background: #d3d3d3; 
  margin-right: 0px;

  text-align: center;
  background: #ffffff;
  font-size: 9px;
  padding: 6px 
}