body {
min-width: 960px;
}

.contenido{
margin-left: auto;
margin-right: auto;
width: 960px;
}


/*CABECERA*/

/*-------------------------- SUBMENò (contacto/comparte) --------------------------*/
.submenu{
float: right;
margin-left: 10px;
margin-right: 0px;
}


/*-------------------------- MENò (Actividades/Artistas/Proyecto) --------------------------*/
.menu{
float: right;
margin-left: 10px;
margin-right: 0px;
margin-top: 70px;
}


/*-------------------------- PIE --------------------------*/
.pie{
background: #000;
margin:20px 0px 20px 0px;
}

.logos{
display: inline;
margin:10px;
}

.datos{
border-left: #fff solid 1px;
margin:10px;
padding: 0px 0px 0px 10px;
}


/*CONTENIDO*/

/*-------------------------- Busqueda --------------------------*/
.busqueda{
	padding: 10px;
	background: url(../images/fondo_busqueda.jpg);
}

select{
	border: 0;
	font-size:12px;
	color:#000;
	height:18px;
	overflow: hidden;
	cursor: pointer;
	/*text-transform: lowercase;*/
}


/*-------------------------- Galer’a home ----------------------*/

#left {
	float: left;
	top: 0px;
	left: 0px;
	margin:0px 0px 0px 0px;
	width: 30px;
	}


#right {
	float: right;
	top: 150px;
	margin:0px 0px 0px 0px;
	width: 30px;
	}
	

.middle {
	margin: 20px 0px 20px 0px;
	display: block;
	}	

#box3{
	position:inherit;
}

/* 3*/
#box3 div{
	position: relative;
	left: 0px;
	top: 0px;
	background-color: #fff;
}

#box3 div .content{
	margin:0px 0px 0px 0px;
}

#box3 img{
	margin:0px 0px 0px 0px;
}

#box3 div .texto{
	left: 450px;
	width: 400px;
	height: 302px;
	float: right;
	padding: 15px 50px 15px 15px;
	opacity: 0.9;
}

.info_proyecto{
	width: 400px;
}

.mask{
	position:absolute;
	width:880px;
	height:302px;
	margin:0px 0px 0px 30px;
	padding: 0px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}


/*-------------------------- Galer’a artista ----------------------*/

#box3{
	position:inherit;
}

/* 3*/
#box2 div{
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #fff;
}

#box2 div .content{
	margin:0px 0px 0px 0px;
}

#box2 img{
	margin:0px 0px 0px 0px;
}

#box2 div .texto{
	left: 0px;
	top: 400px;
	float: left;
	opacity: 0.9;
}

#box2 .info_proyecto{
	width: 720px;
	height: 40px;
	padding: 5px 50px 5px 15px;
}

.mask_1{
	position:absolute;
	width:720px;
	height:430px;
	margin:0px 0px 0px 30px;
	padding: 0px;
	overflow:hidden;
}
.mask_1 img{
	position:absolute;
	display:block;
	border:none;
}


/*-------------------------- ARTISTA DESTACADO --------------------------*/

#destacado{
	position: relative;
	width:300px;
	height: 280px;
	margin:7px 0px 0px 0px;
	cursor: pointer;
}

.over{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	/*z-index: 4;*/
	width:300px;
	height: 290px;
	background: url(../images/fondo_destacado.png);
	text-align: center;
	vertical-align: middle;
}

#destacado .texto{
	margin: 70px;
}

/*-------------------------- APARTADO ARTISTAS.HTML --------------------------*/
div.bt_artista {
	position:relative;
	width: 300px;
	height: 180px;
	/*margin-left: 8px;
	margin-bottom: 8px;*/
	display:inline;
	float:left;
}
div.bt_artistaTitulo {
	position: absolute;
	width: 294px;
	height: 24px;
	left: 0;
	top: 140px;
	z-index: 2;
	background-color: #FFF;
	padding-top: 6px;
	padding-left: 6px;
}
div.bt_artistaTituloHover  {
	position: absolute;
	width: 294px;
	height: 80px;
	left: 0;
	top: 85px;
	z-index: 3;
	background-color: #FFF;
	padding-top: 6px;
	padding-left: 6px;
	display:none;
}
div.bt_artista a {		
	width: 100%;
	height: 100%;
}
div.bt_artista a:hover div.bt_artistaTituloHover  {
	display:block;
}

/*-------------------------- COLUMNAS --------------------------*/


.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6 {
display: inline;
float: left;
margin-left: 9px;
margin-right: 9px;
}

.push_1, .pull_1,.push_2, .pull_2,.push_3, .pull_3,.push_4, .pull_4,.push_5, .pull_5 {
position: relative;
}

.alpha {
margin-left: 0;
}

.omega {
margin-right: 0;
}

.contenido .grid_1 {
width: 140px;
}

.contenido .grid_2 {
width: 300px;
}

.contenido .grid_3 {
width: 460px;
}

.contenido .grid_4 {
width: 620px;
}

.contenido .grid_5 {
width: 780px;
}

.contenido .grid_6 {
width: 940px;
}

.contenido .prefix_1 {
padding-left: 160px;
}

.contenido .prefix_2 {
padding-left: 320px;
}

.contenido .prefix_3 {
padding-left: 480px;
}

.contenido .prefix_4 {
padding-left: 640px;
}

.contenido .prefix_5 {
padding-left: 800px;
}

.contenido .suffix_1 {
padding-right: 160px;
}

.contenido .suffix_2 {
padding-right: 320px;
}

.contenido .suffix_3 {
padding-right: 480px;
}

.contenido .suffix_4 {
padding-right: 640px;
}

.contenido .suffix_5 {
padding-right: 800px;
}

.contenido .push_1 {
left: 160px;
}

.contenido .push_2 {
left: 320px;
}

.contenido .push_3 {
left: 480px;
}

.contenido .push_4 {
left: 640px;
}

.contenido .push_5 {
left: 800px;
}

.contenido .pull_1 {
left: -160px;
}

.contenido .pull_2 {
left: -320px;
}

.contenido .pull_3 {
left: -480px;
}

.contenido .pull_4 {
left: -640px;
}

.contenido .pull_5 {
left: -800px;
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;height: 0;
}

.clearfix:before,.clearfix:after {
content: "\0020";
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix:after {
clear: both;
}

.clearfix {
/*zoom: 1;*/
}