* { margin: 0; padding: 0; }

body {
	font-family: "Arial", Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #59595b;
	color: #000000;
	margin: 0 auto;	
	height: 100%;
	min-height: 100%;
}

html {
	height: 100%;
	min-height: 100%;
}

/* Enlaces web */

a:link, a:visited, a:active {
	background-color : transparent;
	color: #000000;
	text-decoration: none;
	font-family: "Arial", Verdana, Geneva, Helvetica, sans-serif;
}

a:hover {
	background-color : transparent;
	color: grey;
	text-decoration: none;
	font-family: "Arial", Verdana, Geneva, Helvetica, sans-serif;
}

img {border:none;} /*hace que las im‡genes que funcionan como enlaces no tengan bordes alrededor */

/* CONTENEDOR DE LA PAGINA */
#container{
	margin: 0 auto;
	text-align: left;
	width: 850px;
	\width: 570px;
	w\idth: 850px;
	background: white;
	background:fixed
	height: 100%;
	min-height: 100%;
}
#idiomas{ /*barra donde va el cambio de idiomas */
	width: 850px;
	\width: 870px;
	w\idth: 850px;
	height: 0px;
}
#lenguas{
	width: 850px;
	height: 30px;
	background: transparent url(imagenes/idiomas_eng.jpg);
	padding: 0;
	position: relative;
}
#lenguas li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: absolute; 
	top: 0px;
}
#lenguas li, #lenguas a {
	height: 30px;
	display: block;
}
#eng {
	left: 723px;
	width: 39px;
}
#esp {
	left: 762px;
	width: 40px;
}
#gal {
	left: 802px;
	width: 39px;
}
#eng a:hover, a:active {background: transparent url(imagenes/idiomas_eng.jpg) -723px -30px no-repeat;}
#esp a:hover, a:active {background: transparent url(imagenes/idiomas_eng.jpg) -762px -30px no-repeat;}
#gal a:hover, a:active {background: transparent url(imagenes/idiomas_eng.jpg) -802px -30px no-repeat;}

#cabecera{ /*imagen de la cabecera */
	background: url(imagenes/cabecera.jpg) 0 0 no-repeat;
	width: 850px;
	\width: 870px;
	w\idth: 850px;
	height: 140px;
	position: relative;
}
/* MENU PRINCIPAL*/

#menu{
	width: 850px;
	\width: 870px;
	w\idth: 850px;
	height: 37px;
}
#cabecera a {
	height: 140px;
	width: 850px;
	display: block;
}
#navegacion{
	width: 850px;
	height: 37px;
	background: transparent url(imagenes/menu.jpg);
	padding: 0;
	position: relative;
}
#navegacion li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: absolute; 
	top: 0px;
}
#navegacion li, #navegacion a {
	height: 37px;
	display: block;
}
#presentation {
	left: 0;
	width: 81px;
}
#committees {
	left: 81px;
	width: 76px;
}
#program {
	left: 157px;
	width: 75px;
}
#communications {
	left: 232px;
	width: 104px;
}
#registration {
	left: 336px;
	width: 77px;
}
#press {
	left: 413px;
	width: 40px;
}
#info {
	left: 453px;
	width: 120px;
}
#partners {
	left: 573px;
	width: 137px;
}
#whattodo {
	left: 710px;
	width: 140px;
}
#presentation a:hover, a:active {background: transparent url(imagenes/menu.jpg) 0px -37px no-repeat;}
#committees a:hover, a:active {background: transparent url(imagenes/menu.jpg) -81px -37px no-repeat;}
#program a:hover, a:active {background: transparent url(imagenes/menu.jpg) -157px -37px no-repeat;}
#communications a:hover, a:active {background: transparent url(imagenes/menu.jpg) -232px -37px no-repeat;}
#registration a:hover, a:active {background: transparent url(imagenes/menu.jpg) -336px -37px no-repeat;}
#press a:hover, a:active {background: transparent url(imagenes/menu.jpg) -413px -37px no-repeat;}
#info a:hover, a:active {background: transparent url(imagenes/menu.jpg) -453px -37px no-repeat;}
#partners a:hover, a:active {background: transparent url(imagenes/menu.jpg) -573px -37px no-repeat;}
#whattodo a:hover, a:active {background: transparent url(imagenes/menu.jpg) -710px -37px no-repeat;}

/*A partir de aqui va el cuerpo de la pagina */

/*Configuracion del cuadro de texto 1*/
#cuadro1{
	width: 755px;
	height: 152px;
	background: transparent url(imagenes/cuadro_txt1.jpg) no-repeat;
	position: relative;
	padding: 40px 0 0 95px; /* el padding marca la distancia de los elementos contenidos con respecto al contenedor, en este caso el texto con respecto a la caja, siendo el orden padding superior, derecho, inferior e izquierdo */
}

#cuadro1 img { /*Es para marcar la distancia a la que est‡ el m‡s */
	border:none;
	padding: 0 0 0 690px} 
#cuadro1 b { /*Es para configurar las letras que van en verde y en negrita */
	color:#84b034;
	font-weight:bold;
}
/* ESTO CONTIENE EL CUADRO 2 Y EL WHYSCQ SI NO SE DISPERSARIAN */

#contenedor2{
	width: 850px;
	height: 182px;
	margin: 0;
	padding: 0;
	position: relative;
}
/*Configuracion del cuadro de texto 2 */

#cuadro2{
	width: 579px;
	height: 116px;
	background: transparent url(imagenes/cuadro_txt2.jpg) no-repeat;
	position: relative;
	padding: 25px 0 0 95px; /* el padding marca la distancia de los elementos contenidos con respecto al contenedor, en este caso el texto con respecto a la caja, siendo el orden padding superior, derecho, inferior e izquierdo */	
}

#cuadro2 img { /*Es para marcar la distancia a la que est‡ el m‡s */
	border:none;
	padding: 0 0 0 430px} 
#cuadro2 b { /*Es para configurar las letras que van en verde y en negrita */
	color:#84b034;
	font-weight:bold;
}
 /* Cuadro verde why scq?*/
#why{
	width:231px;
	height:182px;
	padding: 0;
	margin:-123px 41px 0 0;
	background: transparent url(imagenes/why%20scq.jpg) 0 0 no-repeat;
	display: block;
	float: right;
	z-index: 5;
}
#why a {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding:0;
	z-index: 5;
	text-decoration: none;
}

/* El contenedor 3 contiene la foto de la izquierda y el cuadro way */

#contenedor3{
	width: 850px;
	margin: 0;
	padding: 0;
	position: relative;	
	diplay: block;
}
#catedral{
	width: 561px;
	height: 362px;
	display: block;
	margin: -50px 0 0 0;
	background: transparent url(imagenes/catedral.jpg) 0 0 no-repeat;
}
#way{
	width: 271px;
	height: 225px;
	display: block;
	float: right;
	margin: -300px 0 0 0;
	background: transparent url(imagenes/way%20st%20james.jpg) 0 0 no-repeat;
	z-index: 5;
}
#way a {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding:0;
	z-index: 5;
	text-decoration: none;
}

/* Caja de texto para el resto de las plantillas */

#plantilla{
	width: 750px;
	position: relative;
	padding: 50px 50px 50px 50px;
}

#plantilla b { /*Es para configurar las letras que van en verde y en negrita */
	color:#84b034;
	font-weight:bold;
}

#pie{ /*barra inferior */
	width: 850px;
	height: 30px;
	position:relative;
	\width: 870px;
	w\idth: 850px;
	background: url(imagenes/pie.jpg) 0 0 no-repeat;
	margin: 0 auto;
	}