/* Css de Base3 */

/*AQU� VAMOS A DEFINIR LAS PRO<div id="logochristensendue"><a href="http://www.christensen.es/indexDE.html" target="_blank"><img src="../imagenescss/Hanna-Christensen.gif" alt="Hanna Chrsitensen Communication Group" border="0" /></a></div>
   <div class="principal">DADES DE LA P�GINA EN GENERAL, M�S ADELANTE DEFINIREMOS LAS DE LAS CAJAS PRINCIPALES*/
/*formatos de p�rrafo, linea de separacion, encabezados 1 al 6, tablas, v�nculos (en sus 4 estados) y body respectivamente*/
	p  {
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		line-height: 120%;
		letter-spacing: normal;
	}
	hr	{
		display:none;
	}
	h1  {
		font:12px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		margin:0px;
		
	}
	
	h2  {
		font:bold 20px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color:#486895;
		text-transform: capitalize;
		
	}
	h3  {
		font:18px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	h4  {
		font:bold 15px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	h5  {
		font: 13px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		color : #666666;
		
	}
	h6  {
		font-family: verdana, arial; 
   font-size: 10pt;
   color:#666666;
		text-align : left;
		
	}

	td  {
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		text-align : center;
		color : #586885;
		
	}
	a	{
		font-size:10px;
		color:#666666;
		
	}
	a:link {
		text-decoration:none;
		color:#666666;
		
	}
	a:visited {
		text-decoration: none;
		color:#666666;
		
	}
	a:hover {
		text-decoration: none;
		color:#FF6600;
		
	}
	a:active {
		text-decoration: none;
		color:#FF6600;
		.Estilo2 {font-size: 12px; font-weight: bold; }

		
	}
	BODY  {
		background-color:#FFF;
		text-align : left;
		line-height: 1px; 
		line-height: 120%;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color: #666666; 
	}
	/*AHORA VAMOS A PASAR A DEFINIR LOS VALORES
	PARA ORDENAR LAS CAJAS QUE HEMOS CREADO EN XHTML,
	 RECORDAD QUE SI NO EST�N BIEN ESTRUCTURADAS DENTRO
	 DEL DOCUMENTO TENDR�IS COMPLICACIONES AL QUERER SITUARLAS EN CSS*/
	 
	 /*PRIMERO HACEMOS UN CONTENEDOR PARA QUE ALBERGUE A 
	 LOS DEM�S ELEMENTOS, ADEM�S QUEREMOS QUE QUEDE CENTRADO,
	  POR LO QUE PONDREMOS ATENCI�N A LOS VALORES DE MARGIN*/
	#CONTAINER	{
		background-color:#FFFFFF;
		
		margin-left: auto;
margin-right: auto; /*con este valor quedar� centrado,
						 no hace falta repetir otra vez 0 
						 auto porque ahora mismo el 0 se refire
						 a arriba y abajo, y el auto a los lados*/
		width:988px;
		height:auto;
	}
	/*en header le damos el mismo ancho que el contenedor
	(si queremos podemos darle menos),
	 la altura que queramos, colores etc...
	 Lo que m�s nos interesa es que debe estar centrado con 
	 el contenedor, por eso mirad las pro<div id="logochristensendue"><a href="http://www.christensen.es/indexDE.html" target="_blank"><img src="../imagenescss/Hanna-Christensen.gif" alt="Hanna Chrsitensen Communication Group" border="0" /></a></div>
   <div class="principal">dades de margin,
	 tiene cero arriba, a la derecha tambi�n, abajo tiene 10 px,
	 y a la izquierda de nuevo cero p�xeles, por el mismo orden 
	 que los he mencionado.
	 S�lo he definido el borde de abajo porque los dem�s tocan a
	 los del contenedor y resulta feo.*/
	.header{
		width:988px;
		height:160px;
		background-color:#FFF;
		margin:0 0 20px 0;
		border-bottom-style:solid;
		border-bottom-width:0px;
		border-bottom-color:#FF6600;
	}
	.logo{
		width:139px;
		height:43px;
		background-color:#FFF;
		margin:0 0 0 0;
		float:left;
	}
	.idiomas{
		width:290px;
		height:11px;
		margin:31px 0 0 0;
		float:right;	
	}
	
	.tvalacarta{
		width:auto;
		height:11px;
		float:left;
		margin:26px 0 0 5px;
		font-size: 14px; 
		font-weight:normal;
		color:#666666;	
	}
	
	/*En la div "izquierda" vamos a ajustar los valores para
	que tenga una anchura de 100p�xeles, una altura que 
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px a la izquierda, adem�s de hacer que se sit�e a la izquierda
	mediante "float"*/
	.izquierda{
		width:153px;
		height:auto;
		background-color:#FFFFFF;
		border-style:solid;
		border-width:1px;
		border-color:#D6D6D6;
		margin-left:20px;
		float:left;
		padding:9x;
		text-align:center;
	}
ul#fondomenu {  
list-style:none;
	margin:0;
	padding:0;
	}
ul#fondomenu li {
	margin:0 0 1px 0;
	background-color:#F1F1F1;
	
		}
ul#fondomenu li a {
	
	display:block;
	background-color:#F1F1F1;
	width:144px;
	height:17px;
	padding-top:3px;
	padding-left:9px;
	text-align:left;	
	font-size:10px;
	color:#666666;
	background-image:url(../imagenescss/boton-menu-reposo.gif);
	}
ul#fondomenu li a:hover {
	display:block;
	width:144px;
	background-color:#F1F1F1;
	height:17px;
	padding-top:3px;
	padding-left:9px;
	text-align:left;	
	font-size:10px;
	color:#FF6666;
	background-image:url(../imagenescss/boton-menu-activo.gif);
	}
.fondomenu {
	margin:0 0 1px 0;
	width:144px;
	height:17px;
	padding-top:3px;
	padding-left:9px;
	text-align:left;	
	font-size:10px;
	color:#666666;

	background-image:url(../imagenescss/degradagris.jpg);
	background-repeat: repeat-x;
	}
	
	.fondomenu1 {
	margin:0 0 1px 0;
	width:144px;
	height:17px;
	padding-top:3px;
	padding-left:7px;
	text-align:left;	
	font-size:12px;
	color:#666666;

	background-image:url(../imagenescss/degradagris.jpg);
	background-repeat: repeat-x;
	}
	
	.fondomenu2 {
	margin:0 0 1px 0;
	width:144px;
	height:17px;
	padding-top:3px;
	padding-left:1px;
	text-align:left;	
	font-size:12px;
	color:#666666;

	background-image:url(../imagenescss/degradagris.jpg);
	background-repeat: repeat-x;
	}
	
	.fondomenu3 {
	margin:0 0 1px 5px;
	width:144px;
	height:17px;
	padding-top:3px;
	padding-left:1px;
	text-align:left;	
	font-size:18px;
	color:#666666;
	}
	
	.fondomenu4 {
	margin:0 0 1px 0;
	width:555px;
	height:17px;
	padding-top:3px;
	padding-left:7px;
	text-align:left;	
	font-size:12px;
	color:#666666;

	background-image:url(../imagenescss/degradagris.jpg);
	background-repeat: repeat-x;
	}
	
	.fondomenu5 {
	margin:0 0 0 0;
	width:151px;
	height:24px;
	padding-top:1px;
	padding-left:1px;
	padding-right:1px;
	text-align:left;	
	font-size:12px;
	color:#666666;

	background-image:url(../imagenescss/degradagris.jpg);
	background-repeat: repeat-x;
	}

	
	.barrainiciomapas{
	width:557px;
		height:17px;
		background-image:url(../imagenescss/degradagris.jpg);
		background-repeat: repeat-x;
		margin-bottom:5px;
		padding-top:3px;
		font:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:12px;
		
		padding-left:3px;
		text-align:left;
	}
	.etiquetanaranja{
	width:144px;
		height:19px;
		background-image:url(../imagenescss/degradagris.gif);
		background-repeat: repeat-x;
		margin-bottom:10px;
			
		padding-left:3px;
		text-align:left;
		font-size: 12px;
	}
	.etiquetanaranjauna{
	width:144px;
		height:17px;
		background-image:url(../imagenescss/degradagris.jpg);
		background-repeat: repeat-x;
		margin-bottom:10px;
		padding-top:3px;
		
		padding-left:3px;
		text-align:left;
		font-size: 12px;
	}
	.etiquetanaranjados{
	width:144px;
		height:17px;
		background-image:url(../imagenescss/degradagris.jpg);
		background-repeat: repeat-x;
		margin-top:1px;
		padding-top:3px;
		padding-left:3px;
		text-align:left;
		font-size: 12px;
	}
	.etiquetanaranjadoble{
	width:144px;
		height:24px;
		background-image:url(../imagenescss/degradagris.jpg);
		background-repeat: repeat-x;
		margin-top:1px;
		padding-top:3px;
		padding-left:3px;
		text-align:left;
		font-size: 12px;
	}

	.texto {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		line-height: normal;
		font-weight: normal;
		font-variant: normal;
		color: #666666;
		text-align: left;
}

#categories-3 h3.widgettitle {
	display: none;
}
h3.widgettitle, h4.widgettitle, h3.widgettitle2  {
	background: url(images/degradagris.jpg) repeat-x;
	text-align: left;
	line-height:24px;
	font-family:sans-serif;
	font-size:13px;
    height:auto;
	font-weight:bold;
	color:#666;
	text-shadow:1px 1px 0px #fff;
	margin:0 0 1px 0;
	
    padding-left:5px;
	float: left;
	width: 144px;
}

h3.widgettitle {margin-bottom: 5px;}

h3.widgettitle3  {
	text-align: left;
	font-family:sans-serif;
	font-size:12px;
    height:auto;
	font-weight:bold;
	color:#666;
	text-shadow:1px 1px 0px #fff;
	float: left;
}

h4.widgettitle, h3.widgettitle2 {margin-bottom: 1px;}

h3.widgettitle4  {
	text-align: center;
	font-family:sans-serif;
	font-size:12px;
    height:auto;
	font-weight:bold;
	color:#FF0000;
	text-shadow:1px 1px 0px #fff;
	
	
}

h2.posttitle {
	font-size: 18px;
	margin-bottom: 10px;
	color:#666666;
	text-decoration:none;
}

	/*El la div "derecha" vamos a ajustar los valores para
	que tenga una anchura de 150p�xeles, una altura que tambi�n
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px, adem�s de hacer que se sit�e a la derecha*/
	.derecha{
		width:150px;
		height:auto;
		background-color:#FFFFFF;
		border-style:solid;
		border-width:1px;
		border-color:#D6D6D6;
		margin:0 20px 0 0;
		float:right;
		padding:0px;
	}
	/*Ahora le toca a la caja que contendr� la informaci�n 
	principal de nuestra p�gina (la div "principal")
	en este caso queremos que se ajuste al espacio
	que sobra a lo ancho del contenedor, por que calculamos, 895px(anchura del mismo)-135px(anchura de la div "izquierda")-160px(anchura de la div "derecha")-20px(total de los margins)-34px(total de los paddings)-6px (total de los borders)=390px.
	Adem�s de esto, tambi�n queremos que quede situado entre las cajas que la rodean,
	por lo que calcularemos el espacio que deber�a quedar a su izquierda y despu�s poner el mismo valor en su "margin-left"
	(Hay que prestar especial atenci�n a contar TODOS los valores que se utilizar�n, incluidos, m�rgenes, padding, bordes...)*/
	.principalV{
		width:624px;
		height:auto;
		background-color:#FFF;
		margin: 0 5px 0 183px;
		
	}
		.principal{
		width:605px;
		height:auto;
		background-color:#FFF;
		margin:0 5px 0 190px;
		padding:0px;
	}
	.introduccion{
		width:624px;
		height:auto;
		background-color:#FFF;
		text-align:left;
	}
	.tabla{
		width:624px;
		height:auto;
		background-color:#FFF;
		text-align:center;
	}

	.temasrelacionados{
		width:184px;
		height:auto;
		padding:3px;
	}
	.foto{
		width:187;
		margin-bottom:10px;
		height:auto;
		text-align:center;
	}		
	.espacios{
		width:180px;
		height:20px;
	}	
	#myScroll{
		width:624px;
		height:204px;
		background-color:#FFF;
		text-align: left;
		margin:10px 0 0 0;
		padding:0px;
		overflow: scroll;
	}	
	#myScroll div {
	overflow: scroll;
}









/*principal-index*/

.caja{
	width:555px;
		height:auto;
		margin-bottom:10px;
	}
	.barranaranja{
	width:605px;
		height:15px;
		background-image:url(../imagenescss/degradagris.jpg);
		background-repeat: repeat-x;
		vertical-align:top;
		padding:3px;
		margin-bottom:8px;
		
	}
	.cajatexto{
	width:555px;
		height:auto;
		padding:3px;
		text-align:left;
	}
	
	.duracion{
	width:105px;
		height:auto;
		float:left;
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#666666;
		text-align:right;
	}
	.titol{
	width:450px;
		height:auto;
		float:left;
		text-align:left;
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#000000;
		text-align:left;
	}
	.titol a{
	width:450px;
		height:auto;
		float:left;
		text-align:left;
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#000000;
		text-align:left;
	}
	.titol a:hover{
	width:450px;
		height:auto;
		float:left;
		text-align:left;
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#000000;
		text-align:left;
	}
	.titol a:link{
	width:450px;
		height:auto;
		float:left;
		text-align:left;
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#000000;
		text-align:left;
	}
		.titol a:visited{
	width:450px;
		height:auto;
		float:left;
		text-align:left;
		font:bold 12px Arial, Helvetica, sans-serif;
		color:#000000;
		text-align:left;}
	

	
	
	
	#scroll {

width:260px;

height:220px;
line-height:120%;



overflow:auto;

}


.footer{
		width:auto;
		height:auto;
		background-color:#FFF;
		text-align:center;
	
	}


.pie{
		width:561px;
		height:auto;
		background-color:#FFF;
		text-align:center;
		margin:0 5px 0 221px;
		
		
	}

.piecast {
line-height:125%;}

.christensen{
		width:211px;
		height:auto;
		float:left;
		
	}
	
		.egeda{
		width:190px;
		height:auto;

		float:right;

	}
	
.calendar{
margin-top:20px;
margin-bottom:10px;
text-align:center;
}

h3.widgettitle, h4.widgettitle, h3.widgettitle2  {
	background: url(images/degradagris.jpg) background:repeat-x;
	text-align: left;
	line-height:24px;
	font-family:sans-serif;
	font-size:13px;
    height:auto;
	font-weight:bold;
	color:#666;
	text-shadow:1px 1px 0px #fff;
	
    padding-left:5px;
	float: left;
	width: 150px;
}

h3.widgettitle {margin-bottom: 5px;}
h4.widgettitle, h3.widgettitle2 {margin-bottom: 1px;}