@charset "UTF-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
body
{
	background-color:#ffffff;
	overflow-y: scroll;
	overflow-x: hidden;
}
.centro
{
	border: 1px solid red;
	border-radius:30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;*/
	border-width: 0px;
	width: 855px;
	heigth: 166px;
}
.div_ge1
{
	position: absolute;
	top: 150;
	left: 80;
	background-color: #5ea97d;	
	border-radius:30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;*/
	border-width: 7px;
	width: 60px;
	heigth: 200px;
	padding: 10px;
}
.frame
{
    width: 1280px;
    height: 786px;
    border: 0;

    -ms-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -o-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    transform: scale(0.25);

    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}


.div_ge3
{
	position: absolute;
	top: 200;
	left: 0;
	background-color: #a6e9ad;
	border: 1px solid #000000;	
	border-radius:30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;*/
	border-width: 0px;
	width: 64px;
	heigth: 70px;
}

.div_ge4
{
	position: absolute;
	top: 160;
	left: 172;
	background-color: #2897b3;
	border: 1px solid #000000;
	border-radius:30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;*/
	border-width: 0px;
	width: 160px;
	heigth: 350px;
	padding: 5px;
}


.div_ge5
{
	position: absolute;
	top: 160;
	left: 355;
	background-color: #55b77d;
	border: 1px solid #000000;	
	border-radius:30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;*/
	border-width: 0px;
	width: 140px;
	heigth: 80px;
	padding: 5px;
}



.div_menu
{
	position: absolute;
	height: 100%;
	/*top: 0;*/
	border: 1px solid red;	
	-webkit-border-radius:30px;
	border-radius: 30px;
	/*-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;*/
	border-width: 0px;
	/*width: 355px;
	heigth: 705px;*/
	padding: 7px;
	font-family: georgia, serif;
	font-size:8px;
	color: #1a1c1b;
	letter-spacing: 5px;
	text-align:left;
	background-color:#FFF;
}
.discos_class
{
	font-family: Century Gothic, sans-serif;
	font-size:13px;
	color: #49702f;
}
.dExtens
{
	animation: dex 2s 1;
	-moz-animation: dex 2s 1; 
	-webkit-animation: dex 2s 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	width: 500px;
}
@keyframes dex
{
from {width:0px; height: 0px;}
to {width:500px; height: 200px;}
}

@-moz-keyframes dex /* Firefox */
{
from {width:0px; height: 0px;}
to {width:500px; height: 200px;}
}

@-webkit-keyframes dex /* Safari and Chrome */
{
from {width:0px; height: 0px;}
to {width:500px; height: 200px;}
}
.dContract
{
	animation: con 2s 1;
	-moz-animation: con 2s 1; 
	-webkit-animation: con 2s 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	width: 500px;
}
@keyframes con
{
from {width:500px; height: 200px;}
to {width:0px; height: 0px;}
}

@-moz-keyframes con /* Firefox */
{
from {width:500px; height: 200px;}
to {width:0px; height: 0px;}
}

@-webkit-keyframes con /* Safari and Chrome */
{
from {width:500px; height: 200px;}
to {width:0px; height: 0px;}
}
.cerrBot
{
	animation: cerr 3s 1;
	-moz-animation:cerr 3s 1; 
	-webkit-animation:cerr 3s 1;
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-width: 2px;
	padding: 10px;
}
@keyframes cerr
{
from {opacity:0;}
to {opacity:1;}
}

@-moz-keyframes cerr /* Firefox */
{
from {opacity:0;}
to {opacity:1;}
}

@-webkit-keyframes cerr /* Safari and Chrome */
{
from {opacity:0;}
to {opacity:1;}
}
.muestraActualEff
{
	animation: actualE 2s 1;
	-moz-animation:actualE 2s 1; 
	-webkit-animation:actualE 2s 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	background-color: #FFFFFF;
	border: 1px solid #61a23f;	
	border-radius:30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;*/
	border-width: 2px;
	background-color: #ffffff;
}
@keyframes actualE
{
from {opacity:0;}
to {opacity:1;}
}

@-moz-keyframes actualE /* Firefox */
{
from {opacity:0;}
to {opacity:1;}
}

@-webkit-keyframes actualE /* Safari and Chrome */
{
from {opacity:0;}
to {opacity:1;}
}

.player_contenedor_anim
{
	animation: desplegarPlayer 3s 1;
	-moz-animation:desplegarPlayer 3s 1; 
	-webkit-animation:desplegarPlayer 3s 1;
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	border-width: 0px;
	padding: 10px;
}
@keyframes desplegarPlayer
{
from {opacity:0;}
to {opacity:1;}
}

@-moz-keyframes desplegarPlayer /* Firefox */
{
from {opacity:0;}
to {opacity:1;}
}

@-webkit-keyframes desplegarPlayer /* Safari and Chrome */
{
from {opacity:0;}
to {opacity:1;}
}

.div_menu_sombra
{
	position: absolute;
	top: 30;
	left: 530;
	/*background-color: #e3e3e3;*/
	border: 0px solid #000000;	
	border-radius: 30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;*/
	border-width: 0px;
	width: 350px;
	heigth: 234px;
	padding: 10px;
}
.menuItem
{
	/*background-color: #FFF;*/
	border: 1px solid #36b026;	
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	border-width: 0px;
	color:#000;
	margin: 3px;
	heigth = 40px;
	/*background-color: #a0e17f;*/
}
a.menuItem_link:visited
{
	cursor: pointer; 
	text-decoration: none;
	color: #36b026;
}
a.menuItem_link:hover
{
	color: #e41f28;
}
.linkEscuchar
{
	/*background-color: #FFF;*/
	border: 1px solid #36b026;	
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	border-width: 0px;
	color:#000;
	margin: 3px;
	heigth = 40px;
	/*background-color: #a0e17f;*/
}
a.linkEscuchar_link:visited
{
	cursor: pointer; 
	text-decoration: none;
	color: #36b026;
}
a.linkEscuchar_link:hover
{
	color: #e41f28;
}
.actual_cont
{
	background-color: #FFFFFF;
	border: 1px solid #61a23f;	
	-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	border-width: 2px;
}
.info
{
   position:absolute;
   top:355;
   height:20px; 
   left: 970;
   font-family: Century Gothic, sans-serif;
   letter-spacing: 1;
}
/*
.fb
{
   position:absolute;
   top:10;
   left: 211;
}*/
.notaPie
{
	position:absolute;
   bottom:10;
   left: 20;
   	font-family: Century Gothic, sans-serif;
	color: #2476a9;
	letter-spacing: 3;
	font-size: 8px;
}
.noticias
{
	position:absolute; 
	left: 10; 
	top: 10; 
	cursor: pointer; 
	font-family: Century Gothic, sans-serif;
	color: #2476a9;
	letter-spacing: 1;
	padding: 7;
	border: 1px solid #61a23f;	
	border-radius: 12px;
	/*-webkit-border-radius:12px;
	-moz-border-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;*/
	border-width: 1px;
	background-color:#FFF;
}
.buy
{
	position:absolute; 
	left: 180; 
	top: 10; 
	cursor: pointer; 
	font-family: Century Gothic, sans-serif;
	font-size:10px;
	color: #fff;
	letter-spacing: 5px;
	padding: 7;
	border: 2px solid #61a23f;
	border-radius: 12px;
	/*-webkit-border-radius:12px;
	-moz-border-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright:120px;
	-moz-border-radius-bottomleft: 12px;*/
	border-width: 1px;
	background-color:#75bb57;
}
.buylink
{
	
	cursor: pointer; 
	font-family: Century Gothic, sans-serif;
	font-size:10px;
	text-decoration: none;
	color: #4d79c2;
	letter-spacing: 5px;
	
}
a.buylink:visited
{
	cursor: pointer; 
	font-family: Century Gothic, sans-serif;
	text-decoration: none;
	font-size:12px;
	color: #4d79c2;
	letter-spacing: 1;
}
a.buylink:hover
{
	cursor: pointer; 
	font-family: Century Gothic, sans-serif;
	font-weight: bold;
	font-size:10px;
	color: #ad0a1a;
	letter-spacing: 1;
}
.bloglink
{
	
	cursor: pointer; 
	font-family: Century Gothic, sans-serif;
	font-size:12px;
	text-decoration: none;
	color: #4d79c2;
	letter-spacing: 0;
	
}
.bloglink:visited
{
	cursor: pointer; 
	font-family: Century Gothic, sans-serif;
	text-decoration: none;
	font-size:12px;
	color: #4d79c2;
	letter-spacing: 0;

}
.bloglink:hover
{
	cursor: pointer; 
	font-family: Century Gothic, sans-serif;
	font-size:12px;
	color: #619aa3;
	letter-spacing: 0;
}
.textoNoticias
{
	font-family: Century Gothic, sans-serif;
	font-size: 11px;
	letter-spacing: 0;
}
.noticiasCont
{
	animation: aparicionNot 3s 1;
	-moz-animation:aparicionNot 3s 1; 
	-webkit-animation:aparicionNot 3s 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-timing-function:ease;
	-moz-animation-timing-function:ease;
	border-radius:15px;
	/*
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;*/
	border: 1px solid #61a23f;	
	border-width: 1px;
	padding: 10px;
	font-family: Century Gothic, sans-serif;
	color: #2476a9;
	/*temporal!!*/
	background-color:#ffffff;
}
@keyframes aparicionNot
{
from {opacity:0;}
to {opacity:1;}
}

@-moz-keyframes aparicionNot /* Firefox */
{
from {opacity:0;}
to {opacity:1;}
}

@-webkit-keyframes aparicionNot /* Safari and Chrome */
{
from {opacity:0;}
to {opacity:1;}
}

/* sombras-obsoleto

.div_ge1_sombra
{
	position: absolute;
	top: 26;
	left: 87;
	background-color: #e3e3e3;
	border: 0px solid #000000;
	border-radius:30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-width: 0px;
	width: 60px;
	heigth: 200px;
	padding: 10px;
}

.div_ge3_sombra
{
	position: absolute;
	top: 89;
	left: 6;
	background-color: #e3e3e3;	
	border-radius:30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-width: 0px;
	width: 64px;
	heigth: 70px;
}

.div_ge4_sombra
{
	position: absolute;
	top: 88;
	left: 178;
	background-color: #e3e3e3;
	border: 0px solid #000000;
	border-radius:30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-width: 0px;
	width: 160px;
	heigth: 350px;
	padding: 5px;
}

.div_ge5_sombra
{
	position: absolute;
	top: 80;
	left: 360;
	background-color: #3771a2;
	border: 0px solid #000000;
	border-radius:30px;
	/*-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-width: 0px;
	width: 140px;
	heigth: 80px;
	padding: 5px;
}


*/