/*
Theme Name: Malditos Magos Theme
Theme URI: http://malditos-magos.es/
Description: Theme developed by Blogestudio for exclusive use in Malditos Magos
Version: 1.0
Author: Blogestudio
Author URI: http://blogestudio.com/
*/

BODY {
	margin: 0; padding: 0;
	background: #474747 url(images/img_bkg_general.gif) repeat-x top;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
}

html > body {
	height: auto;
}

IMG {
	border: 0;
	/* vertical-align: middle; */
}
	
	IMG.conborde {
		margin: 5px;
		padding: 4px 5px;
		border: 1px solid #745b7f;
	}

FORM {
	margin: 0; padding: 0;
}
	
	FORM INPUT,
	FORM SELECT {
		vertical-align: middle;
	}

A {
	outline: none;
}

.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}


.float-right {
	float: right;
}
.float-left {
	float: left;
}
.clear-both {
	clear: both;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


#menu-superior {
	position: relative;
	overflow: hidden;
	width: 896px;
	margin: 0 auto; padding: 0 2px 3px;
	text-align: right;
}
	
	#menu-superior UL.opciones {
		display: inline-block;
		width: 695px;
		float: left;
		margin: 0; padding: 0; 
		list-style: none;
		text-align: left;
	}
		
		#menu-superior UL.opciones LI {
			margin: 0; padding: 2px 20px;
			list-style: none;
			float: right;
			text-indent: -10000px;
			color: #FFFFF;
			border-left: 1px solid #ff8a00;
		}
			
			#menu-superior UL.opciones LI.primero {
				border-left: 0;
			}
			
			#menu-superior UL.opciones LI A {
				display: block;
				height: 20px;
				color: #FFFFFF;
				background: url() no-repeat 0 0;
			}
				
				#menu-superior UL.opciones LI A:hover {
					color: #ff8a00;
					background-position: 0 100%;
				}
				
				#menu-superior UL.opciones LI.acercade A {
					width: 50px;
					background-image: url(images/img_opt_acercade.gif);
				}

				#menu-superior UL.opciones LI.about A {
					width: 45px;
					background-image: url(http://www.malditosmagos.com/wp-content/uploads/2011/06/cabecera-about.jpg);
				}
				
				#menu-superior UL.opciones LI.contacto A {
					width: 37px;
					background-image: url(http://www.malditosmagos.com/wp-content/uploads/2011/06/cabecera-contact.jpg);
				}

				#menu-superior UL.opciones LI.contact A {
					width: 37px;
					background-image: url(images/img_opt_contacto.gif);
				}
				
				#menu-superior UL.opciones LI.suscripcion A {
					width: 48px;
					background-image: url(images/img_opt_suscripcion.gif);
				}

				#menu-superior UL.opciones LI.suscription A {
					width: 48px;
					background-image: url(http://www.malditosmagos.com/wp-content/uploads/2011/06/cabecera-suscription.jpg);
				}
				
				#menu-superior UL.opciones LI.rss A {
					width: 39px;
					background-image: url(images/img_opt_rss.gif);
				}

	
	#menu-superior FORM.buscador {
		position: relative;
		overflow: hidden;
		display: inline-block;
		float: right;
		width: 201px;
	}
		
		#menu-superior FORM.buscador INPUT.text {
			width: 142px;
			border: 1px solid #595959;
		}
	
	
#cabecera {
	position: relative;
	overflow: hidden;
	width: 880px; height: 249px;
	margin: 0 auto; padding: 10px 10px 0;
	text-align: right;
	text-align: left;
	background: #ffffff url(http://www.malditosmagos.com/wp-content/uploads/2011/06/header4.jpg) no-repeat 10px 10px;
}
	
	#cabecera H1 {
		margin: 0; padding: 0;
		text-indent: -10000px;
		width: 280px;
		color: #d3c8c8;
	}
		
		#cabecera H1 A {
			display: block;
			height: 135px;
		}
	
	#cabecera .descripcion {
		text-indent: -10000px;
		color: #FFFFFF;
	}


#menu-principal {
	position: relative;
	overflow: hidden;
	width: 880px; height: 38px;
	margin: 0 auto; padding: 0;
	text-align: left;
	background: #595959 url(images/img_bkg_menu-principal.gif) repeat-x 0 0;
	border-width: 1px 10px;
	border-color: #ffffff;
	border-style: solid;
}
	
	#menu-principal UL {
		position: relative;
		overflow: hidden;
		list-style: none;
		margin: 0; padding: 10px 0;
	}
	
		#menu-principal UL LI {
			position: relative;
			overflow: hidden;
			display: inline-block;
			float: left;
			height: 20px;
			margin: 0; padding: 0 18px;
			list-style: none;
			border-left: 1px solid #676767;
			color: #858585;
			text-indent: -10000px;
		}
		
			#menu-principal UL LI.primero {
				border-left: none;
			}
			
			#menu-principal UL LI A {
				display: block;
				height: 20px;
				color: #858585;
				text-decoration: none;
				background: url() no-repeat 0 0;
			}
				
				#menu-principal UL LI A:hover {
					color: #FFFFFF;
					background-position: 0 100%;
				}
		
		#menu-principal UL LI.inicio A {
			width: 50px;
			background-image: url(images/menu-principal/img_opt_inicio.gif);
		}

		#menu-principal UL LI.home A {
			width: 52px;
			background-image: url(http://www.malditosmagos.com/wp-content/uploads/2011/06/boton-home.png);
		}
		
		#menu-principal UL LI.cmn-2008 A {
			width: 136px;
			background-image: url(images/menu-principal/img_opt_cmn2008.gif);
		}
		
		#menu-principal UL LI.cvideo A {
			width: 111px;
			background-image: url(images/menu-principal/img_opt_cvideo.gif);
		}
		
		#menu-principal UL LI.cat-3 A {
			width: 94px;
			background-image: url(images/menu-principal/img_opt_cat-1.gif);
		}
		
		#menu-principal UL LI.cat-4 A {
			width: 94px;
			background-image: url(images/menu-principal/img_opt_cat-1.gif);
		}
		
		#menu-principal UL LI.cat-5 A {
			width: 94px;
			background-image: url(images/menu-principal/img_opt_cat-1.gif);
		}


/* Contenedor - Zona Central */
#contenedor {
	position: relative;
	overflow: hidden;
	width: 890px;
	margin: 0 auto; padding: 0 10px 0 0;
	background: #ffffff url(images/img_bkg_contenedor.gif) repeat-y 10px 0;
	text-align: left;
}
	
	/* Esquina inferior de Papel Doblado*/
	#contenedor .esquina-papel {
		position: relative;
		clear: both;
		height: 80px;
		background: url(images/img_bkg_contenedor-pst.jpg) no-repeat 13px 100%;
	}
	
	/* Contenido General*/
	#contenedor #contenido {
		position: relative;
		overflow: hidden;
		margin: 0; padding: 15px 0 0 0;
		display: inline-block;
		float: left;
		width: 610px;
	}
		
		/* Titulo de Pagina*/
		#contenedor #contenido H2.page-title {
			position: relative;
			margin: 0; padding: 5px 15px;
			display: inline-block;
			float: left;
			background: #3a3838;
			color: #ffffff;
			font-size: 1.1em;
		}
			
		/* Estilo de la Entrada*/
		#contenedor #contenido .post {
			position: relative;
			overflow: hidden;
			clear: both;
			padding: 30px 10px 10px;
			background: url(images/img_bkg_post-separator.gif) repeat-x 100% 0;
		}
			
			/* Si es el primer post quito la linea separadora*/
			#contenedor #contenido .primer-post {
				background: none;
			}
			
			/* Titulos de la Entrada (H2 y H3)*/
			#contenedor #contenido .post H2.post-title {
				position: relative;
				margin: 0; padding: 0 0 0 25px;
				background: url(images/img_bullet_01.gif) no-repeat 0 0;
				line-height: 20px; height: 20px;
				color: #7b0101;
				font-size: 1.2em;
			}
				
				#contenedor #contenido .post H2.post-title A {
					color: #7b0101;
					text-decoration: none;
				}
					
					#contenedor #contenido .post H2.post-title A:hover {
						text-decoration: underline;
					}
	
			#contenedor #contenido .post H3.post-title {
				position: relative;
				margin: 0; padding: 0 0 0 25px;
				background: url(images/img_bullet_01.gif) no-repeat 0 0;
				line-height: 20px; height: 20px;
				color: #7b0101;
				font-size: 1.2em;
			}
				
				#contenedor #contenido .post H3.post-title A {
					color: #7b0101;
					text-decoration: none;
				}
					
					#contenedor #contenido .post H3.post-title A:hover {
						text-decoration: underline;
					}
			
			/* Entrada - Capa General */
			#contenedor #contenido .post .post-data {
				margin: 0; padding: 5px 0 5px 25px;
				color: #505050;
			}
				
				/* Enlaces*/
				#contenedor #contenido .post .post-data A {
					color: #7b0101;
				}
					
					#contenedor #contenido .post .post-data A:hover {
						color: #000000;
					}
			
			/* Entrada - Linea superior de datos */
			#contenedor #contenido .post .post-meta-top {
				margin: 0; padding: 0 10px;
				color: #505050;
				background: #ececec;
				line-height: 20px;
				font-size: 0.9em;
			}
			
			/* Entrada - Texto General */
			#contenedor #contenido .post .post-content {
				position: relative;
				overflow: hidden;
				padding: 15px 0;
			}
				
				#contenedor #contenido .post .post-content P {
					margin: 0; padding: 0 0 10px 0;
				}
				
				#contenedor #contenido .post .post-content BLOCKQUOTE {
					margin: 0; padding: 5px 0 10px 40px;
					background: url(images/img_bkg_blockquote.gif) no-repeat 0 0;
				}
				
				#contenedor #contenido .post .post-content CODE {
					display: block;
					margin: 0; padding: 5px 0 10px 20px;
				}
					
				#contenedor #contenido .post .post-content UL {
					list-style: none;
				}
						
					#contenedor #contenido .post .post-content UL LI {
						padding-left: 10px;
						list-style: none;
						background: url(images/img_bullet_03.gif) no-repeat 0 6px;
						line-height: 20px;
					}
			
			/* Entrada - Linea Inferior de Datos */
			#contenedor #contenido .post .post-meta-bottom {
				line-height: 20px;
				font-size: 0.9em;
			}
			
			/* Entrada - Icono de Comentarios */
			#contenedor #contenido .post .comments {
				background: url(images/img_ico_comments.gif) no-repeat left;
				padding-left: 15px;
			}
			
			/* Entrada - Icono para Comentar */
			#contenedor #contenido .post .comment {
				background: url(images/img_ico_comment.gif) no-repeat left;
				padding-left: 15px;
			}
		
		/* Listado de Entradas Relacionadas */
		#contenedor #contenido .related-entries {
				position: relative;
				overflow: hidden;
				clear: both;
				padding: 30px 10px 10px;
				background: url(images/img_bkg_post-separator.gif) repeat-x 100% 0;
		}
			
			#contenedor #contenido .related-entries H3.other-posts {
				margin: 0; padding: 0;
				font-size: 1.1em;
			}
			
			#contenedor #contenido .related-entries A {
				color: #7b0101;
			}
				
				#contenedor #contenido .related-entries A:hover {
					color: #000000;
				}
				
			#contenedor #contenido .related-entries UL {
				list-style: none;
			}
					
				#contenedor #contenido .related-entries UL LI {
					padding-left: 10px;
					list-style: none;
					background: url(images/img_bullet_03.gif) no-repeat 0 6px;
					line-height: 20px;
				}
		
		/* Comentarios - Listado */
		#contenedor #contenido .comments-list {
			position: relative;
			overflow: hidden;
			clear: both;
			padding: 30px 10px 10px 0;
			background: url(images/img_bkg_post-separator.gif) repeat-x 100% 0;
		}
			
			#contenedor #contenido .comments-list A {
				color: #7b0101;
			}
				
				#contenedor #contenido .comments-list A:hover {
					color: #000000;
				}
			
			#contenedor #contenido .comments-list H3#comments {
				position: relative;
				margin: 0; padding: 5px 15px;
				display: inline-block;
				float: left;
				background: #3a3838;
				color: #ffffff;
				font-size: 1.1em;
			}
			
			#contenedor #contenido .comments-list .single-comment {
				position: relative;
				overflow: hidden;
				clear: both;
				padding: 10px 30px;
			}
				
				#contenedor #contenido .comments-list .single-comment .comment-number {
					position: relative;
					overflow: hidden;
					float: left;
					width: 34px; height: 44px;
					background: url(images/img_bkg_comment-number.gif) no-repeat 0 0;
					color: #ffffff;
					font-weight: bolder;
					text-align: center;
					line-height: 22px;
				}
				
				#contenedor #contenido .comments-list .single-comment .comment-meta {
					margin-left: 40px;
					color: #414041;
					font-size: 0.9em;
					line-height: 22px;
				}
				
				#contenedor #contenido .comments-list .single-comment .comment-content {
					margin-left: 40px;
					color: #414041;
					font-size: 0.9em;
					border-bottom: 1px solid #e1ddda;
				}
		
		/* Comentarios - Formulario de Entrada */
		#contenedor #contenido .comment-form {
			position: relative;
			overflow: hidden;
			clear: both;
			padding: 30px 10px 10px 0;
			background: url(images/img_bkg_post-separator.gif) repeat-x 100% 0;
		}
			
			#contenedor #contenido .comment-form P {
				margin: 0; padding: 0 0 10px 0;
			}
			
			#contenedor #contenido .comment-form H3#respond {
				position: relative;
				margin: 0; padding: 5px 15px;
				display: inline-block;
				float: left;
				background: #3a3838;
				color: #ffffff;
				font-size: 1.1em;
			}
			
			#contenedor #contenido .comment-form .formulario {
				clear: both;
				margin: 0; padding: 25px 25px 5px;
				width: 90%;
			}
				
				#contenedor #contenido .comment-form .formulario .personal-data {
					width: 44%;
					display: inline-block;
					float: left;
				}
				
				#contenedor #contenido .comment-form .formulario .html-info {
					width: 49%;
					display: inline-block;
					float: left;
					border: 1px solid #b5b5b5;
					margin: 3% 0 0 0; padding: 3% 3%;
				}
				
				#contenedor #contenido .comment-form .formulario .text {
					width: 90%;
				}
				
				#contenedor #contenido .comment-form .formulario .textarea {
					width: 99%;
				}
				
				#contenedor #contenido .comment-form #commentPreview {
					border: 1px solid #b5b5b5;
					padding: 5px 10px;
				}
		
		/* Archivos - Listado de Elementos */
		#contenedor #contenido .archive-list {
			clear: both;
			padding: 20px 0;
		}
			
			#contenedor #contenido .archive-list A {
				color: #7b0101;
			}
				
				#contenedor #contenido .archive-list A:hover {
					color: #000000;
				}
		
			#contenedor #contenido .archive-list UL {
				list-style: none;
			}
			
				#contenedor #contenido .archive-list UL LI {
					padding-left: 10px;
					list-style: none;
					background: url(images/img_bullet_03.gif) no-repeat 0 6px;
					line-height: 20px;
				}
		
		
		/* Paginas Simples */
		
		/* Archivos - Listado de Elementos */
		#contenedor #contenido .page-content {
			clear: both;
			padding: 20px 0 0 20px;
		}
			
			#contenedor #contenido .page-content A {
				color: #7b0101;
			}
				
				#contenedor #contenido .page-content A:hover {
					color: #000000;
				}
				
			#contenedor #contenido .page-contentt P {
				margin: 0; padding: 0 0 10px 0;
			}
			
			#contenedor #contenido .page-content BLOCKQUOTE {
				margin: 0; padding: 5px 0 10px 40px;
				background: url(images/img_bkg_blockquote.gif) no-repeat 0 0;
			}
			
			#contenedor #contenido .page-content CODE {
				display: block;
				margin: 0; padding: 5px 0 10px 40px;
				background: url(images/img_bkg_blockquote.gif) no-repeat 0 0;
			}
				
			#contenedor #contenido .page-content UL {
				list-style: none;
			}
					
				#contenedor #contenido .page-content UL LI {
					padding-left: 10px;
					list-style: none;
					background: url(images/img_bullet_03.gif) no-repeat 0 6px;
					line-height: 20px;
				}
			
	
	/* Barra Lateral */
	#contenedor #sidebar {
		position: relative;
		overflow: hidden;
		display: inline-block;
		float: right;
		margin: 0; padding: 0;
		width: 274px;
	}
		
		/* Enlaces */
		#contenedor #sidebar A {
			color: #7b0101;
		}
			
			#contenedor #sidebar A:hover {
				color: #000000;
			}
		
		/* Titulos de las zonas */
		#contenedor #sidebar H2 {
			margin: 0; padding: 0 10px 0 56px;
			line-height: 30px;
			font-size: 1.2em;
			font-weight: normal;
			color: #ffffff;
			background: #6d6d6d url(images/img_bkg_h2-sidebar-general.jpg) no-repeat 0 100%;
			
		}
		
			#contenedor #sidebar H2.suscripcion {
				text-indent: -10000px;
				background-image: url(images/sidebar/img_h2_suscripcion.jpg);
			}

			#contenedor #sidebar H2.suscription {
				text-indent: -10000px;
				background-image: url(/wp-content/uploads/2011/06/boton-suscription.jpg);
			}
		
			#contenedor #sidebar H2.categorias {
				text-indent: -10000px;
				background-image: url(images/sidebar/img_h2_categorias.jpg);
			}

			#contenedor #sidebar H2.categories {
				text-indent: -10000px;
				background-image: url(/wp-content/uploads/2011/06/boton-categories.jpg);
			}
		
			#contenedor #sidebar H2.archivos {
				text-indent: -10000px;
				background-image: url(images/sidebar/img_h2_archivos.jpg);
			}
		
			#contenedor #sidebar H2.enlaces {
				text-indent: -10000px;
				background-image: url(images/sidebar/img_h2_enlaces.jpg);
			}

			#contenedor #sidebar H2.links {
				text-indent: -10000px;
				background-image: url(/wp-content/uploads/2011/06/boton-links.jpg);
			}
		
		/* Parrafo */
		#contenedor #sidebar P {
			margin: 0; padding: 8px 17px;
		}
		
		/* LIstado de Elementos */
		#contenedor #sidebar UL {
			margin: 0; padding: 5px 0 5px 17px;
			list-style: none;
		}
				
			#contenedor #sidebar UL UL {
				margin: 0; padding: 5px 0 5px 0;
				list-style: none;
			}
			
			#contenedor #sidebar UL LI {
				margin: 0; padding: 8px 0 8px 20px;
				list-style: none;
				border-bottom: 1px solid #c5c5c5;
				background: url(images/img_bullet_02.gif) no-repeat 0 8px;
				line-height: 17px;
			}
				
				#contenedor #sidebar UL LI LI {
					margin: 0; padding: 5px 0 5px 16px;
					list-style: none;
					border-bottom: 0;
					background: url(images/img_bullet_05.gif) no-repeat 0 6px;
					line-height: 16px;
				}
		
		/* Formulario de Suscripcion */
		#contenedor #sidebar FORM.frmSuscripcion {
			margin: 0; padding: 8px 17px;
		}
		

/* Pie de Pagina */
#pie-pagina {
	position: relative;
	overflow: hidden;
	width: 880px; height: 108px;
	margin: 0 auto; padding: 0 10px 10px;
	background: #ffffff url(images/img_bkg_pie-pagina.jpg) no-repeat 10px 0;
	color: #ffffff;
}
	
	#pie-pagina UL {
		position: relative;
		overflow: hidden;
		margin: 0; padding: 28px 0 28px 265px;
		list-style: none;
	}
		
		#pie-pagina UL LI {
			display: inline;
			list-style: none;
			color: #ffffff;
			padding: 0 18px;
			border-left: 1px solid #ffffff;
		}
			
			#pie-pagina UL LI.primero {
				border-left: 0;
			}
			
			#pie-pagina UL LI A {
				color: #ffffff;
				text-decoration: none;
			}
				
				#pie-pagina UL LI A:hover {
					text-decoration: underline;
				}
			
			#pie-pagina UL LI.rss A {
				background: url(images/img_ico_rss.gif) no-repeat 100% 50%;
				padding-right: 20px;
			}


/* Zona de Iconos de los Estandares y Blogestudio */
#estandares {
	position: relative;
	overflow: hidden;
	width: 900px;
	margin: 0 auto; padding: 5px 0 20px;
	text-align: left;
}


/* Navegacion General */
.navigation {
	position: relative;
	overflow: hidden;
	padding: 10px 20px;
}
	
	/* Navegaci�n en Pagina de la Entrada */
	.single-navigation {
		background: url(images/img_bkg_punteado-h-01.gif) repeat-x 0 100%;
	}
			
	.navigation A {
		color: #7b0101;
	}
		
		.navigation A:hover {
			color: #000000;
		}
	
	.navigation .alignleft {
		display: inline-block;
		float: left;
		width: 49%;
		text-align: left;
	}
	
	.navigation .alignright {
		display: inline-block;
		float: right;
		width: 49%;
		text-align: right;
	}


/* Paginacion estilo DIGG */
DIV.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}
	
	DIV.pagination A {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #FFFFFF;
		
		text-decoration: none; /* no underline */
		color: #7b0101;
	}
	
		DIV.pagination A:hover, DIV.pagination A:active {
			border: 1px solid #7b0101;
			color: #7b0101;
		}
		
	DIV.pagination SPAN.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #7b0101;
		
		background-color: #7b0101;
		color: #FFF;
	}
	
	DIV.pagination SPAN.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #FFFFFF;
		
		color: #e6d7d7;
	}


/* Estilo del Enlace "Seguir Leyendo" */
.more-link {
	clear: both;
	display: block;
}


/* Esquinas de Titulo*/
.rounded SPAN.corn1 {
	position: absolute;
	top: 0; right: 0;
	width: 1px; height: 1px;
	display: block;
	z-index: 2;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.rounded SPAN.corn2 {
	position: absolute;
	bottom: 0; right: 0;
	width: 1px; height: 1px;
	display: block;
	z-index: 2;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.rounded SPAN.corn3 {
	background: #FF0000;
	
}

.rounded SPAN.corn4 {}


/* Formulario de Contacto */
.contactform {
	position: relative;
	overflow: hidden;
	padding: 0 0 0 50px;
	display: block;
}
	
	.contactform .contactleft {
		display: block;
		padding-top: 5px;
	}
		
		.contactform .contactleft LABEL {
			font-weight: bolder;
		}
	
	.contactform .contactright {
	}
	
	.contactform #wpcf_your_name,
	.contactform #wpcf_email,
	.contactform #wpcf_subject {
		width: 60%;
	}
	
	.contactform #wpcf_msg {
		width: 80%;
	}
	
	.contactform #contactsubmit {
		margin: 10px 0;
	}

	
/* Bloques de Publicidad */
#publi-superior {
	position: relative;
	overflow: hidden;
	padding: 10px;
}
	
	#publi-superior A {
		position: relative;
		overflow: hidden;
	}
	
	#publi-superior A IMG {
		border: 1px solid #FFFFFF;
		padding-left: 30px;
		background: url(images/publicidad/img_pestanya_banner-superior.jpg) no-repeat left top;
	}


#publi-menu {
	position: relative;
	overflow: hidden;
	width: 880px;
	margin: 0 auto; padding: 0;
	text-align: left;
	background: #ffffff url(images/img_bkg_punteado-h.gif) repeat-x 0 100%;
	border-left: 10px solid #ffffff;
	border-right: 10px solid #ffffff;
}

#publi-post {
	padding: 30px 10px 10px;
	text-align: center;
	background: url(images/img_bkg_post-separator.gif) repeat-x 100% 0;
}
	
	#publi-post IMG {
		padding-top: 16px;
		background: url(images/publicidad/img_bkg_publi-post-img.gif) no-repeat 0 0;
	}

#publi-sidebar {
	position: relative;
	overflow: hidden;
	margin: 0; padding: 32px 0 32px 10px;
	background: url(images/publicidad/img_bkg_publi-post-img.gif) no-repeat 10px 16px;
	width: 258px;
}
	
	#publi-sidebar IMG {
		position: relative;
		overflow: hidden;
		display: inline-block;
		float: left;
		padding: 0 4px 4px 0;
	}

.vvqbox {
	position: relative;
	overflow: hidden;
	padding:  0 0 10px 0;
}


.post IMG {
	margin: 7px;
	}

#lang_sel_list, #lang_sel_list li, #lang_sel_list ul, #lang_sel_list a, #lang_sel_other, #lang_sel_sel a, #lang_sel_list ul ul, #lang_sel ul ul { border:0; background:transparent; }
#lang_sel_list {height:32px; position:relative; z-index:99;  font-family: verdana, arial, sans-serif; width:150px; border:0; float:right; background:transparent;}
/* hack to correct IE5.5 faulty box model */
* html #lang_sel_list {width:150px; w\idth:150px;}
/* remove all the bullets, borders and padding from the default list styling */
#lang_sel_list ul, #lang_sel_list li {padding:0 !important; margin:0 !important; list-style-type:none !important; border:0;}
#lang_sel_list li:before{content:'' !important;}
#lang_sel_list ul { border:0;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel_list li {float:right;width:75px;position:relative; display:inline;}
/* style the links for the top level */
#lang_sel_list a, #lang_sel_list a:visited {display:inline;font-size:11px;text-decoration:none !important;  border:0; background:#000; padding-left:0px; line-height:0px; display:inline;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel_list a, * html #lang_sel_list a:visited {width:25px; w\idth:25px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel_list ul {height:0;top:90px;left:0; width:150px;border:0;}
/* another hack for IE5.5 */
* html #lang_sel_list ul {top:18px;t\op:19px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel_list table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#lang_sel_list ul a, #lang_sel_list_list ul a:visited { background:transparent; color:#fff; height:auto; line-height:1em; padding:3px 10px;}
/* yet another hack for IE5.5 */
* html #lang_sel_list ul a, * html #lang_sel_list ul a:visited {width:25px;w\idth:25px;}

#lang_sel_list a.lang_sel_sel, #lang_sel_list a.lang_sel_other{
    background-image: none;
    color:#fff;
}
#lang_sel_list a.lang_sel_sel:hover{
    text-decoration: none;
    color:#fff;
}

/* make the second level visible when hover on first level list OR link */
#lang_sel_list ul li:hover ul,
#lang_sel_list ul a:hover ul{visibility:visible; }

#lang_sel_list img.iclflag{width:18px;height:12px;position: relative; top: 1px;}

#lang_sel.icl_rtl{
    text-align:right;
    direction: rtl;
}
#lang_sel.icl_rtl .lang_sel_sel{
    padding-right:14px;
}
