body {
    background: #1A1A1A;
    min-width: 980px;
}


#page {
	width:980px;
	margin: 0 auto 0 auto;
}

div#page #bar-up {
	position:absolute;
	left:0px;
	top:0px;
	width:980px;
	height:58px;
	background: url("images/bar_up.png") no-repeat;
    width: 980px;
    height: 58px;
}

div#page #blank-left {
	position:absolute;
	left:0px;
	top:58px;
	width:67px;
	height:732px;
	background-color:#FFFFFF;
}

div#page #px-up-left {
	position:absolute;
	left:67px;
	top:58px;
	width:350px;
	height:249px;
	background: url("images/px_up_left.png") no-repeat;
    width: 350px;
    height: 249px;
}

div#page #px-up-left:hover {
	position:absolute;
	left:67px;
	top:58px;
	width:350px;
	height:249px;
	background: url("images/mo/px_up_left.png") no-repeat;
    width: 350px;
    height: 249px;
}


div#page #px-up-right {
	position:absolute;
	left:417px;
	top:58px;
	width:532px;
	height:249px;
	background: url("images/px_up_right.png") no-repeat;
    width: 532px;
    height: 249px;
}

div#page #px-up-right:hover {
	position:absolute;
	left:417px;
	top:58px;
	width:532px;
	height:249px;
	background: url("images/mo/px_up_right.png") no-repeat;
    width: 532px;
    height: 249px;
}


div#page #blank-right {
	position:absolute;
	left:949px;
	top:58px;
	width:31px;
	height:732px;
	background-color:#FFFFFF;
}

div#page #px-down-left {
	position:absolute;
	left:67px;
	top:307px;
	width:216px;
	height:483px;
	background: url("images/px_down_left.png") no-repeat;
    width: 216px;
    height: 483px;
}

div#page #px-down-left:hover {
	position:absolute;
	left:67px;
	top:307px;
	width:216px;
	height:483px;
	background: url("images/mo/px_down_left.png") no-repeat;
    width: 216px;
    height: 483px;
}

div#page #logovbox {
	position:absolute;
	left:283px;
	top:307px;
	width:418px;
	height:265px;
	background: url("images/logovbox.png") no-repeat;
    width: 418px;
    height: 265px;
}

div#page #px-down-right-1 {
	position:absolute;
	left:701px;
	top:307px;
	width:248px;
	height:183px;
	background: url("images/px_down_right_1.png") no-repeat;
    width: 248px;
    height: 183px;
}

div#page #px-down-right-1:hover {
	position:absolute;
	left:701px;
	top:307px;
	width:248px;
	height:183px;
	background: url("images/mo/px_down_right_1.png") no-repeat;
    width: 248px;
    height: 183px;
}

div#page #px-down-right-2 {
	position:absolute;
	left:701px;
	top:490px;
	width:248px;
	height:170px;
	background: url("images/px_down_right_2.png") no-repeat;
    width: 248px;
    height: 170px;
}

div#page #px-down-right-2:hover {
	position:absolute;
	left:701px;
	top:490px;
	width:248px;
	height:170px;
	background: url("images/mo/px_down_right_2.png") no-repeat;
    width: 248px;
    height: 170px;
}

div#page #px-down-center {
	position:absolute;
	left:283px;
	top:572px;
	width:418px;
	height:194px;
	background: url("images/px_down_center.png") no-repeat;
    width: 418px;
    height: 194px;
}

div#page #px-down-center:hover {
	position:absolute;
	left:283px;
	top:572px;
	width:418px;
	height:194px;
	background: url("images/mo/px_down_center.png") no-repeat;
    width: 418px;
    height: 194px;
}

div#page #blank-down-right {
	position:absolute;
	left:701px;
	top:660px;
	width:248px;
	height:106px;
	background-color:#FFFFFF;
}

div#page #blank-url-left {
	position:absolute;
	left:283px;
	top:766px;
	width:343px;
	height:24px;
	background-color:#FFFFFF;
}

div#page #url {
	position:absolute;
	left:626px;
	top:766px;
	width:323px;
	height:24px;
	background: url("images/url.png") no-repeat;
    width: 323px;
    height: 24px;
}

div#page #bar-down {
	position:absolute;
	left:0px;
	top:790px;
	width:980px;
	height:40px;
	background: url("images/bar_down.png") no-repeat;
    width: 980px;
    height: 40px;
}

div#page #blank-bottom {
	position:absolute;
	left:0px;
	top:830px;
	width:980px;
	height:30px;
	background-color:#1A1A1A;

}

div#page #blank-bottom h5 {
	font-family: 'MyriadWebPro', Arial, sans-serif;
	font-size: .6em;
	color:#FFFFFF;
	text-align:center;
}
	
div#page #bloquesmusicales {
	position:absolute;
	left:90px;
	top:100px;
	width:800px;
	background-color:#1A1A1A;
	opacity:0.85;
	display:none;
}

div#page #bloquesmusicales #bloqueslista{
	width: 60%;
	height:100%;
	display: inline;
	float: left;
}

div#page #bloquesmusicales #bloquesplayer {
	width: 40%;
	height:100%;
	display: inline;
	float: right;
}

div#page #quienessomos {
	position:absolute;
	left:40px;
	top:20%;
	width:900px;
	text-align: right;
	background-color:#1A1A1A;
	opacity:0.85;
	display:none;
}

div#page #audiciones {
	position:absolute;
	left:40px;
	top:100px;
	width:900px;
	text-align: right;
	background-color:#1A1A1A;
	opacity:0.85;
	display:none;
}

div#page #members {
	position:absolute;
	left:40px;
	top:200px;
	width:900px;
	text-align: right;
	background-color:#1A1A1A;
	opacity:0.85;
	display:none;
}

div#page #fotogaleria {
	position:absolute;
	left:40px;
	top:300px;
	width:900px;
	text-align: right;
	background-color:#1A1A1A;
	opacity:0.85;
	display:none;
}

div#page #contacto {
	position:absolute;
	left:40px;
	top:30%;
	width:900px;
	text-align: right;
	background-color:#1A1A1A;
	opacity:0.85;
	display:none;
}

p.title{
	font-family: 'MyriadWebPro', Arial, sans-serif;
	font-size: 2em;
	color:#FFFFFF;
	text-align:center;
	}
p.text{
	font-family: 'MyriadWebPro', Arial, sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	text-align:left;
	padding: 0 10px 0 10px
	}
p.textc{
	font-family: 'MyriadWebPro', Arial, sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	text-align:center;
	padding: 0 10px 0 10px
	}
p.textnopadding{
	font-family: 'MyriadWebPro', Arial, sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	text-align:left;
	padding: 0 10px 0 0px
	}

p.subtitle{
	font-family: 'MyriadWebPro', Arial, sans-serif;
	font-size: 1.3em;
	color:#FFFFFF;
	text-align:left;
	padding: 0 10px 0 10px
	}
p.subtitlec{
	font-family: 'MyriadWebPro', Arial, sans-serif;
	font-size: 1.3em;
	color:#FFFFFF;
	text-align:center;
	padding: 0 10px 0 10px
	}

.voxfont{
	font-family: 'New', Arial, sans-serif;
	font-size: 1em;
	color:#FFFFFF;
	padding: 0 27px 0 0px	
	}

img.close {
	width: 25px;
	height: 25px;
	}
	
@font-face {
    font-family: 'New';
    src: url('fonts/CureCuriosity.eot');
    src: url('fonts/CureCuriosity.eot?iefix') format('eot'),
         url('fonts/CureCuriosity.woff') format('woff'),
         url('fonts/Cure-Curiosity.ttf') format('truetype'),
         url('fonts/CureCuriosity.svg.xml) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadWebPro';
    src: url('fonts/MyriadWebPro.eot');
    src: url('fonts/MyriadWebPro.eot?iefix') format('eot'),
         url('fonts/MyriadWebPro.woff') format('woff'),
         url('fonts/MyriadWebPro.ttf') format('truetype'),
         url('fonts/MyriadWebPro.svg.xml) format('svg');
    font-weight: normal;
    font-style: normal;
}