/* Default Stylesheet */

@import url("reset.css");


															/** BODY ELEMENTS **/
body {
	text-align: center;
	font-family: "Arial", "Helvetica", sans-serif;
	color: #fff;
	background:#000 fixed;
	}
input, textarea {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size:1em;
	}

	a:link		{ color: #f00; }
	a:visited 	{ color: #f00; }
	a:hover 	{ color: #fff; 	text-decoration: none;}
	a:active 	{ color: #f00; }

															/** MAIN CONTAINERS **/


#black {
	position:absolute;
	left:0;
	top:0;
	background-color:#000;
}

#container {
	position:relative;
	width: 920px;
	margin: 0 auto;
	text-align: left;
	padding:30px 0 30px 0;
}

h1 {
	width:195px;
	height:93px;
	margin-bottom:70px;
	text-indent:-1000px;


	background-image: url(../img/logo-elbardo.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo-elbardo.png');

}
		.menu {
			width:250px;
			float:left;
		}
			.menu li {
				display:block;
				padding: 4px 10px 4px 25px;
			}			
				.menu li a:link,
				.menu li a:visited
				{
					color:#fff;
				}
				.menu li a:hover {
					color:red;
				}
				.menu li.selected {
					width:215px;
					background:url(../img/fondo-li.png) left no-repeat;
					_background-image: none;
					_background: #fff;
				}
				.menu li.selected a:link,
				.menu li.selected a:visited
				{
					color:#000;
					vertical-align:bottom;
				}
						
		#menuPrincipal{
			font-size:1.4em;
		}
		
		#menuSecundario{
			font-size:1.1em;
			border-left:1px solid #fff;
			background:url(../img/linea.png) bottom left no-repeat;
			padding:10px 0 10px 0;
		}
		
		.lineaTop {
			background:url(../img/linea.png) top left no-repeat;
			margin-top:-10px;
		}
		
		h2 {
			width:640px;
			padding: 10px 0 40px 25px;
			border-left:1px solid #fff;
			float:left;
			font-size:3em;
			font-weight:normal;
			background:url(../img/linea.png) top left no-repeat;
		}
		
		div.contenido {
			line-height:1.4em;
			padding:10px 0 0 25px;
			margin-bottom:25px;
			float:left;
			border-left:1px solid #fff;
			background:url(../img/linea.png) bottom left no-repeat;
		}
		
		div.columna2 {
			width:640px;
		}
		div.columna3 {
			width:375px;
		}
		
		div.columna3 img {
			float:left;
			margin: 0 1em .5em 0;
		}
		
		div.columna3.galeria img {
			margin: 0 3px 3px 0;
		}
		
		img.left {
			float:left;
			clear:left;
			margin: 0 1em .5em 0;
		}
		
		div.volver {
			margin-bottom:20px;
		}
		div.volver a {
			background:#fff;
			padding:.4em 20px .4em 20px;
			background:url(../img/fondo-volver.png) left no-repeat;
			_background-image:none;
			_background:#fff;
		}
		div.volver a:hover {
			color:#000;
		}
		
		div.top {
			height:10px;
			background: url(../img/linea.png) top left no-repeat;
			margin-left:-25px;
			margin-top:-10px;
		}
		

		
		ul.listado {
			font-size:1.2em;
			line-height:1.9em;
			list-style:square inside;
		}
		
		div.bloque {
			width:100%;
			margin-bottom:1.5em;
		}
		
			div.bloque img {
				float:left;
				margin: 0 1em .5em 0;
			}
			
			div.bloque  ul{
				list-style:square inside;
				margin:.5em 0 .5em 0;
			}
			
			h3 {
				font-size:1.5em;
				margin-bottom:.4em;
				font-weight:normal;
			}
			div.bloque .info {
				margin-bottom:.4em;
				font-size: .9em;
			}
			div.bloque .info span.fecha {
				background: url(../img/fondo-fecha.png) right no-repeat;
				_background-image:none;
				_background:#3b3b3b;
				color:#999;
				padding:.2em 20px .2em .4em;
			}
				div.eventos div.bloque .info span.fecha ,
				div.bloque .info span.fecha.nolink {
					background: url(../img/fondo-fecha-2.png) right no-repeat;
					_background-image:none;
					_background:#3b3b3b;
				}

			
			div.bloque .info a {
				background:url(../img/fondo-masinfo.png) right no-repeat;
				_background-image:none;
				_background:#880000;
				color:#d8dba7;
				padding:.2em 20px .2em .4em;
			}
			div.bloque .info a:hover {
				color:#fff;
			}
			
			div.copete {
				font-weight:bold;
				margin-bottom:3em;
			}
		
		
		.clear {
			clear:both;
		}

.simplemodal-container {
	border:10px solid #fff;
	background:#fff;
}

#cartelera {
	float:left;	
}
#novedades {
	float:right;
}		
.box {
	padding:20px;
	margin-bottom:30px;
	width:42%;
}
	.box  h3 {
		color:red;
		margin-bottom:1em;
	}
	.box a {
		position:relative;
		font-weight:bold;
	}

.transparent {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/fondo-trans.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.transparent[class] {
  background-image:url(../img/fondo-trans.png);
}



#copyright {
	line-height:1.4em;
	margin:30px 0 30px 0;
	color:#555;
	font-size:.6em;
	font-weight:normal;
}
	#copyright a {
		color:#666;
	}
	#copyright a:hover {
		color:red;
	}


#paginado {
	font-size:1.5em;
	padding:20px 0 10px 0;
}
	#paginado a , #paginado span.selected  {
		float:left;
		width:1.8em;
		height:1em;
		background:#666;
		color:#fff;
		padding:.5em;
		margin-right:1px;
		text-align:center;
	}
	#paginado a:hover {
		background:#a60000;
	}
	#paginado span.selected {
		background:#222;
	}
					


input.textfield, textarea {
	background:#fff;
	width:200px;
	margin:.4em 1em .4em 0;
	padding:.4em;
}
textarea {
	width:400px;
}
input.btn {
	font-size:1.2em;
	padding:.4em 1em .4em 1em;
	margin:1em 1em 1em 0;
	background:red;
	color:#fff;
	text-align:center;
}		
input.btn:hover {
	background:#fff;
	color:#000;
	cursor:pointer;
}			
															/** END **/