/********************************************************************************
	Whads/accent - www.whads.com
********************************************************************************/


html { min-height: 100%; padding-bottom: 1px; }

body {
	font-family: "Trebuchet MS", Verdana, Tahoma;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5 { margin: 0;	padding: 0; }
h1 { color: #FFFFFF; }
h2 {
	font-size: 14px;
	padding: 10px 0 10px 0;
	color: #333333;
	line-height: 20px;
}
	h2 strong { font-size: 22px; }
h3 { padding: 0 0 10px 0; }
h5 { padding: 0 0 10px 0; }

ul { margin: 10px 0 10px 15px; padding: 0 0 0 15px; }
li { margin: 5px 0 5px 0; line-height: 16px; list-style-type: none; list-style-image: url("../img/li_fichas.gif"); }

p { margin: 0 0 15px 0; line-height: 18px; }

a { color: #333333; }
a:hover { color: #666666; }

div.hrFino { height: 1px; margin: 10px 0 10px 0; border-top: 1px dotted #FF6500; }
	div.hrFino hr { display: none; }
div.hrGrueso {
	height: 1px;
	margin: 10px 0 10px 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FF6500;
}
	div.hrGrueso hr { display: none; }


/********************************************************************************
	Clases
********************************************************************************/

.textoGrande { font-size: 15px; }
.textoPequeno { font-size: 11px; }

.columnas { margin: 0; padding: 10px 0 10px 0; clear: both; }

	.cajaPequena {
		width:  98px; /* 1- para opera */
		\width: 116px; /* 2- para ie-se agrega el padding y border */
		w\idth: 98px; /* 3- estandares */
		margin: 0 12px 0 0;
		padding: 0 5px 0 5px;
		border-right: 4px solid #CCCCCC;
		border-left: 4px solid #CCCCCC;
		background: #FF6600;
	}
	
	.cajaMediana {
		width:  227px; /* 1- para opera */
		\width: 245px; /* 2- para ie-se agrega el padding y border */
		w\idth: 227px; /* 3- estandares */
		margin: 0 12px 0 0;
		padding: 0 5px 0 5px;
		border-right: 4px solid #CCCCCC;
		border-left: 4px solid #CCCCCC;
		background: #FF6600;
	}
	
	.cajaGrande {
		width:  494px; /* 1- para opera */
		\width: 513px; /* 2- para ie-se agrega el padding y border */
		w\idth: 494px; /* 3- estandares */
		margin: 0 0 0 0;
		padding: 0 5px 0 5px;
		border-right: 4px solid #CCCCCC;
		border-left: 4px solid #CCCCCC;
	}

	.cajaFinalColumna {	margin: 0; }
	
.boton { width: 98px; padding: 10px 0 10px 0; text-align: center; background-image: url("../img/boton.gif"); background-repeat: no-repeat; display: block; float: right; }
	a.boton { text-decoration: none; }
	.boton { color: #666666; }
	.boton a { text-decoration: none; }
 
.botonSeccion {
	width:  136px; /* 1- para opera */
	\width: 156px; /* 2- para ie-se agrega el padding y border */
	w\idth: 136px; /* 3- estandares */
	margin: 0 10px 0 0;
	padding: 16px 0 16px 20px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 18px;
	background-image: url("../img/boton_experto.gif");
	background-repeat: no-repeat;
	display: block;
	float: left;
}
	a.botonSeccion { color: #FFFFFF; text-decoration: none; }
	a.botonSeccion:hover { color: #CCCCCC; }
	
.botonSeccionPequeno {
	width:  115px; /* 1- para opera */
	\width: 125px; /* 2- para ie-se agrega el padding y border */
	w\idth: 115px; /* 3- estandares */
	margin: 0 2px 10px 0;
	padding: 8px 0 10px 10px;
	background-image: url("../img/caixa_petita_fichas.gif");
	background-repeat: no-repeat;
	display: block;
	float: left;
}
	.botonSeccionPequeno h4 { width: 100px; }
	a.botonSeccion { color: #FFFFFF; text-decoration: none; }
	a.botonSeccion:hover { color: #CCCCCC; }
	
.botonSeccionMedio {
	width:  215px; /* 1- para opera */
	\width: 235px; /* 2- para ie-se agrega el padding y border */
	w\idth: 215px; /* 3- estandares */
	margin: 0 12px 10px 0;
	padding: 8px 0 10px 20px;
	background-image: url("../img/caixa_mitjana_fichas.gif");
	background-repeat: no-repeat;
	display: block;
	float: left;
}
	.botonSeccionMedio h4 { width: 200px; }
	a.botonSeccion { color: #FFFFFF; text-decoration: none; }
	a.botonSeccion:hover { color: #CCCCCC; }

.colorSeccion { color: #FF6600; }

.cajaDestacadoInline {
	width: 295px;
	background: #FFD1B2;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0;
}
.cajaDestacadoInline2 {
	width: 250px;
	background: #FFD1B2;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0;
}
	.cajaDestacadoInline p {
		margin: 10px;
	}

.cajaDestacadoBlock  {
	margin: 0 20px 20px 0;
	background: #FFD1B2;
}
	.cajaDestacadoBlock p {	margin: 10px; }
	
.cajaPasadorContenidos {
	position: relative;
	width: 500px;
	height: 140px;
	background-image: url("../img/caixa_pasador_500px2.gif");
	background-repeat: no-repeat;
}
	.cajaPasadorContenidos ul { margin: 0; padding: 0; font-size: 16px; color: #206586; }
	.cajaPasadorContenidos li { margin: 0 30px 0 0; padding: 0; line-height: 17px; }
	
.tituloArticulo { font-size: 20px; font-weight: bold; line-height: 26px; }


.edadRecomendada3-5  { width: 16px; color: #FFFFFF; text-align: center; margin: 0 4px 0 0; padding: 0; background: #FF0000; border: 1px solid #FFFFFF; display: block; float:left; }
.edadRecomendada6-7 { width: 16px; color: #000000; text-align: center; margin: 0 4px 0 0; padding: 0; background: #FFCC00; border: 1px solid #FFFFFF; display: block; float:left; }
.edadRecomendada8-12 { width: 16px; color: #000000; text-align: center; margin: 0 4px 0 0; padding: 0; background: #339966; border: 1px solid #FFFFFF; display: block; float:left; }
.edadRecomendada13-16  { width: 16px; color: #000000; text-align: center; margin: 0 4px 0 0; padding: 0; background: #FFCC00; border: 1px solid #FFFFFF; display: block; float:left; }
.edadRecomendada17-18 { width: 16px; color: #000000; text-align: center; margin: 0 4px 0 0; padding: 0; background: #EEEEEE; border: 1px solid #FFFFFF; display: block; float:left; }



.flotarIzquierda { margin: 0 20px 0px 0; font-size: 10px; float: left; }
.flotarDerecha { margin: 0 0 0px 20px; font-size: 10px; text-align: right; float: right; }
	.flotarIzquierda p, .flotarDerecha p { line-height: 12px; }

.clearfix { display: inline-table; }
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 0; }
	.clearfix { display: block; }
	/* End hide from IE-mac */


/********************************************************************************
	Zona del sitio web
********************************************************************************/

#marcoWeb {
	position: absolute;
	width: 760px;
	left:50%;
	margin-left:-380px;
	padding: 0;
}

#zonaHeader {
	margin: 10px 0 0 0;
	height: 70px;
}

	#zonaHeaderLogo {
		width: 178px;
		margin: 8px 18px 0 0;
		text-align: center;
		float: left;
	}
	
	#zonaHeaderDestacado {
		float: left;
	}

#zonaMenuPrincipal {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}
	#zonaMenuPrincipal a {
		font-size: 10px;
		color: #333333;
		text-decoration: none;
	}
	#zonaMenuPrincipal a.itemSeleccionado { text-decoration: underline; }
	#zonaMenuPrincipal a:hover { color: #333333; text-decoration: underline; }

#zonaContent {
	clear: both;
}
	#zonaMenu {
		width: 178px;
		margin: 0 18px 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		float: left;
	}
		#zonaMenuCaixa { font-size: 10px; color: #FFFFFF; background-image: url("../img/menu_caixa_middle.gif"); }
		#zonaMenuCaixa ul { list-style-type: none; margin: 0 10px 0 10px; padding: 0; }
		#zonaMenuCaixa li { margin: 0; padding: 4px 0 4px 0; border-bottom: 1px dotted #FFFFFF; list-style-image: none; }
		#zonaMenuCaixa li a { color: #FFFFFF; text-decoration: none; }
		#zonaMenuCaixa li a:hover { color: #000000; }
		
		#menuMarcTop, #menuMarcBottom {
			height: 12px;
			font-size: 1px;
			background-repeat: no-repeat;
		}
		
		#menuMarcTop { background-image: url("../img/menu_caixa_top.gif"); }
		#menuMarcBottom { background-image: url("../img/menu_caixa_bottom.gif"); }
	
	#zonaContenido {
		width: 560px;
		padding: 0 0 20px 0;
		float: left;
	}
		#zonaContenidoEditable{
			min-height: 60px;
			margin: 0;
			padding: 20px 20px 1px 20px;
			border-right: 4px solid #CCCCCC;
			border-left: 4px solid #CCCCCC;
			background: #FFFFFF;
			background-position: top;
			background-repeat: no-repeat;
			clear: both;
		}
			* html #zonaContenidoEditable { height: 60px;  }
			
		#zonaContenidoFichasEditable {
			min-height: 120px;
			margin: 0;
			padding: 20px 20px 1px 20px;
			border-right: 4px solid #CCCCCC;
			border-left: 4px solid #CCCCCC;
			background: #FF6600;
			background-position: top;
			background-repeat: no-repeat;
			clear: both;
		}
			* html #zonaContenidoFichasEditable { height: 120px;  }

#tituloH1 {
	margin: 0;
	padding: 0 20px 0 20px;
	border-right: 4px solid #CCCCCC;
	border-left: 4px solid #CCCCCC;
	background: #FF6600;
}

#tituloH2 {
	margin: 0;
	padding: 0 0 0 20px;
	border-right: 4px solid #CCCCCC;
	border-bottom: 4px solid #CCCCCC;
	border-left: 4px solid #CCCCCC;
	background: #FFD1B2;
}
	#tituloH2 img { margin: 0 0 0 20px;	float: right; }

#tituloH1Top, #tituloH1Bottom {
	height: 12px;
	font-size: 1px;
	background-repeat: no-repeat;
}
	#tituloH1Top { background-image: url("../img/caixa_h1_top_fichas.gif"); }
	#tituloH1Bottom { background-image: url("../img/caixa_h1_bottom_fichas.gif"); }

#zonaFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
	#zonaFooter a {
		text-decoration:underline;
		color: #999999;
	}

.BlockPager-prev, .BlockPager-next {
	color: #3399CC;
	cursor: pointer; cursor: hand;
}

.BlockPager-scripted ul {
	margin: 0px;
	padding: 0px;
}

.BlockPager-scripted li {
	text-align: justify;
	padding: 15px;
	list-style-type: none;
	list-style-image: none;
}