/*
	Juan Carlos Rojas V.
	Kubical ORG Software Studio
	
	Website: www.kubicaorg.net
	E-mail: info@kubicalorg.net
	
	Santiago de Puriscal, contiguo a PALI
	Telefono: (+506) 24 17 19 12
*/

body{
	background: #000 url(../imagenes/degradado.jpg) repeat-x;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 15px;
	padding: 0;
	margin: 0;
}

#divContenedor{
	position:absolute;
	left: 50%;
	top: 65px;
	width: 900px;
	height: 500px;
	margin-left: -450px;
	background: none;
	border: solid 0px #000;
}

#divLogo{
	position: absolute;
	height: 85px;
	width: 280px;
	background: #000 url(../imagenes/evolucion.jpg) no-repeat;
	left: 0;
	top: -65px;
}

#divKubicalORG{
	position: absolute;
	right: 0;
	top: 525px;
	height: 50px;
	width: 135px;
	z-index: 0;
	color: #fff;
	text-align: right;
	font-size: 11px;
}
	#divKubicalORG a{
		text-decoration: none;
	}
		#divKubicalORG a img{
			border: none;
		}

#divMenu{
	position: absolute;
	width: 850px;
	background: none;
	right: 0;
	text-align: right;
	top: -50px;
}
	#divMenu a{
		text-decoration: none;
		font-weight: bold;
		font-size: 13px;
		color: #fff;
		padding: 0 10px 0 10px;
		border-bottom: solid 2px #00000;
		display: inline-block;
		width: auto;
	}
		#divMenu a:hover{
			color: #f1f1f1;
			border-bottom: solid 2px #006600;
		}
.clsActivo{
	color: #f1f1f1;
	border-bottom: solid 2px #006600;
}

#divEvolucion{
	position: absolute;
	top: 30px;
	width: 900px;
	height: 500px;
	background: #000 url(../imagenes/principales/principal.jpg) no-repeat;
}

#divVideos{
	position: absolute;
	background: #000 url(../imagenes/video.gif);
	width: 213px;
	height: 166px;
	left: 320px;
	top: 23px;
	cursor: pointer;
}

#divEspejo{
	position: absolute;
	height: 139px;
	width: 111px;
	left: 215px;
	top: 119px;
	cursor: pointer;
}
	#divEspejo:hover{
		/*background: url(../imagenes/cuadro.gif) no-repeat;*/
	}
	
		#divEspejo:hover span{
			top: 100px;
		}

#divBalerom{
	position: absolute;
	background: none;
	height: 145px;
	width: 100px;
	left: 390px;
	top: 215px;
	cursor: pointer;
}

#divHistoria{
	position: absolute;
	background: none;
	height: 20px;
	width: 40px;
	left: 380px;
	top: 245px;
	cursor: pointer;
}

#divContactar{
	position: absolute;
	background: none;
	height: 20px;
	width: 20px;
	left: 340px;
	top: 285px;
	cursor: pointer;
}

#divMoldo{
	position: absolute;
	background: none;
	height: 100px;
	width: 190px;
	left: 90px;
	top: 280px;
	cursor: pointer;
}

#divWash{
	position: absolute;
	background: none;
	height: 165px;
	width: 200px;
	right: 80px;
	top: 260px;
	cursor: pointer;
}

#divGaleria{
	position: absolute;
	background: none;
	height: 130px;
	width: 70px;
	left: 0px;
	top: 25px;
	cursor: pointer;
}

#divGaleria2{
	position: absolute;
	background: none;
	height: 160px;
	width: 70px;
	right: 80px;
	top: 35px;
	cursor: pointer;
}

#divMusica{
	position: absolute;
	background: none;
	height: 50px;
	width: 42px;
	left: 210px;
	top: 0px;
	cursor: pointer;
}

#divMusica2{
	position: absolute;
	background: none;
	height: 50px;
	width: 32px;
	right: 305px;
	top: 0px;
	cursor: pointer;
}

#divCapaContacto{
	position: absolute;
	top: 30px;
	width: 900px;
	height: 500px;
	color: #fff;
	background: #000 url(../imagenes/principales/contactenos.jpg) no-repeat;
}

#divCapaDescargas{
	position: absolute;
	top: 30px;
	width: 900px;
	height: 500px;
	color: #ccc;
	background: #000 url(../imagenes/principales/descargas.jpg) no-repeat;
	font-size: 11px;
}

.clsCampoCorto{
	width: 300px;
}

.clsCampoGrande{
	width: 454px;
}
	
a{
	color: #fff;
	text-decoration: none;
}

	a:hover{
		color: #006600;
		text-decoration: underline;
	}
	
	a:active{
		outline: none;
	}
	a:focus{
		-moz-outline-style: none;
	}
	
h1{
	color: #006600;
}

#easyTooltip{
	padding:5px 10px;
	background: #006600;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	filter: alpha(opacity=80); opacity: .8;
	font-size: 11px;
	z-index: 4000;
}

#divContenedorVideos{
	background: url(../imagenes/principales/videos.jpg);
	width: 900px;
	height: 500px;	
	position: absolute;
	top: 30px;
}

#divContenedorPrincipalLogin{
	background: #000;
	width: 900px;
	height: 500px;	
	position: absolute;
	top: 30px;
	color: #ccc;
	font-size: 11px;
	overflow:hidden;
	left: 0;
}

#divContenedorLogin{
	background: #000;
	width: 820px;
	height: 500px;
	color: #ccc;
	font-size: 11px;
	text-align: right;
	overflow:hidden;
	position: absolute;
	left: 50px;
}
	#divContenedorLogin #divMascaraLogin{
		width:500%;
		height:100%;
		background:#000;
	}
	
	#divContenedorLogin .clsCaraLogin{
		width:900px;
		height:100%;
		float:left;
		background:#000;
	}
	#divContenedorLogin .clsContenidoLogin{
		width:820px;
		height:500px;
		background:#000 url(../imagenes/principales/fans.jpg) no-repeat;
		float: left;
		top: 0;
		left: 0;
	}


#divContenedorPrincipalDiscografia{
	background: #000;
	width: 900px;
	height: 500px;	
	position: absolute;
	top: 30px;
	color: #ccc;
	font-size: 11px;
	overflow:hidden;
	left: 0;
}

#divContenedorDiscografia{
	background: #000;
	width: 820px;
	height: 500px;
	color: #ccc;
	font-size: 11px;
	text-align: right;
	overflow:hidden;
	position: absolute;
	left: 50px;
}
	#divContenedorDiscografia #divMascaraDiscografia {
		width:500%;
		height:100%;
		background:#000;
	}
	
	#divContenedorDiscografia .clsCaraDiscografia {
		width:900px;
		height:100%;
		float:left;
		background:#000;
	}
	#divContenedorDiscografia .clsContenidoDiscografia {
		width:820px;
		height:500px;
		background:#000;
		float: left;
		top: 0;
		left: 0;
	}
	.clsDiscosAnterior{
		width: 46px;
		height: 500px;
		background: #000;
		position: absolute;
		left: 0;
		z-index: 5000;
		display: block;
	}
	.clsDiscosSiguiente{
		width: 46px;
		height: 500px;
		background: #000;
		position: absolute;
		right: 0;
		z-index: 5000;
		display: block;
	}
		.clsDiscosSiguiente img, .clsDiscosAnterior img{
			border: none;
			top: 45%;
			position: absolute;
		}
	
	#divContenedorDiscografia .clsDisco{
		background: #000;
		color: #fff;
		border: solid 0px #333;
		font-size: 12px;
		width: 240px;
		height: 420px;
		float: left;
		margin: 5px;
		padding: 10px;
		text-align: left;
	}
		#divContenedorDiscografia .clsDisco .clsDiscoCaratula{
			display: block;
			height: 150px;
			text-align: center;
		}
			#divContenedorDiscografia .clsDisco .clsDiscoCaratula img{
				margin-top: 10px;
				border: solid 1px #333;
			}
			#divContenedorDiscografia .clsDisco .clsDiscoCaratula img:hover{
				border: solid 1px #006600;
			}
		
		#divContenedorDiscografia .clsDisco .clsDiscoCanciones{
			display: block;
			height: 250px;
			font-size: 12px;
			border-bottom: solid 0px #006600;
		}
			#divContenedorDiscografia .clsDisco .clsDiscoCanciones strong{
				color: #006600;
			}
			#divContenedorDiscografia .clsDisco .clsDiscoCanciones em{
				font-size: 11px;
				font-style: normal;
				color: #006600;
			}
		
#divContenedorHistoria{
	background: #000;
	width: 900px;
	height: 500px;	
	position: absolute;
	top: 30px;
	color: #fff;
	font-size: 12px;
}
	#divContenedorHistoria p{
		text-align: justify;
		padding: 10px;
	}
		#divContenedorHistoria p strong{
			color: #006600;
			font-weight: normal;
		}
		
#divFotosHistoria{
	position: absolute;
	background: #000;
	height: 485px;
	width: 350px;
	right: 0;
	top: 0px;
	text-align: right;
}
	#divFotosHistoria a{
		margin: 5px;
		display: block;
		width: 132px;
		height: 152px;
		float: left;
		text-align: center;
		text-decoration: none;
	}
	#divFotosHistoria img{
		border: solid 1px #333;
		display: block;
		width: 132px;
		height: 132px;
	}
			#divFotosHistoria img:hover{
				border: solid 1px #006600;
				filter: alpha(opacity=80); opacity: .8;
			}
			#divFotosHistoria img:hover a{

			}
	#divFotosHistoria a span{
		font-size: 11px;
	}
h1{
	font-size:20px;
	font-weight:normal;
	margin-bottom:8px;
}

#divContenedorFotografias{
	background: #000;
	width: 900px;
	height: 450px;	
	position: absolute;
	top: 30px;
}

#divContenedorNoticiasInferior{
	position: absolute;
	left: 0;
	height: 50px;
	width: 900px;
	top: 539px;
}

#divNoticiasInferior{
	position: absolute;
	font-size: 11px;
	list-style-type: none;
	padding: 0;
	width: 400px;
	color: #006600;
}

	#divNoticiasInferior a:hover{
		color: #fff;
	}

#divContenedorNoticiasSuperior{
	position: absolute;
	right: 0;
	top: -20px;
	height: 45px;
	width: 600px;
	border-top: solid 1px #111;
}
	
#divNoticiasSuperior{
	font-size: 11px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	#divNoticiasSuperior a{
		text-decoration: none;
		color: #ccc;
		cursor: default;
	}

#divCopyright{
	position: absolute;
	left: 225px;
	top: 530px;
	height: 50px;
	width: 500px;
	top: 550px;
	color: #ccc;
	font-size: 11px;
	text-align: center;
	text-indent: 40px;
}

#divAjaxContacto{
	font-size: 12px;
	color: #ccc;
	font-weight: bold;
}

.clsTituloDescarga{
	color: #006600;
	font-weight: bold;
	text-decoration: underline;
}

#divMenuUsuario{
	position: absolute;
	right: 0;
	top: 200px;
	width: 90px;
	height: 60px;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
}
	#divMenuUsuario span{
		color: #fff;
		display: block;
		border-bottom: solid 2px #006600;
		width: 80px;
		text-transform: uppercase;
	}

	#divBoletinFondo{
	display:none;
	position:fixed;
	_position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}
#divVentanaBoletin{
	display:none;
	position:fixed;
	_position:absolute;
	height:200px;
	width:408px;
	background:#000;
	border:2px solid #006600;
	z-index:2;
	padding:12px;
	font-size:13px;
	color:#fff;
}
#divVentanaBoletinCerrar{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#006600;
	font-weight:700;
	display:block;
	cursor:pointer;
}