@charset "utf-8";
/* BarilocheWeb.com.ar  */

/* General Settings
================================= */
body{
	font-family: 'Open Sans', sans-serif;
	color:#666;
	overflow-x: hidden;
	}
a:link, a:visited, a:hover, a:active, a:focus, button, select, select:focus, input, option{
	outline:none !important;
	-moz-outline: none !important;
	-moz-user-focus: none !important;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-o-transition:all .4s ease;
	transition:all .4s ease;
	text-decoration: none;	
	}
.form-control{
	box-shadow:none !important;
	background-color: #F8F8F8;
	border-color: #e8e8e8;
	}
.h0{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	margin:0px 0px 10px 0px;
	padding: 0px;
	font-weight: 600;
	line-height: 1.12;
	color: #333;
	font-size: 55px;
}
.h1{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	margin:0px 0px 10px 0px;
	padding: 0px;
	font-weight: 600;
	line-height: 1.12;
	color: #333;
	font-size: 30px;
}
.h2{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	margin:0px 0px 10px 0px;
	padding: 0px;
	font-weight: 600;
	line-height: 1.12;
	color: #333;
	font-size: 24px;
}
.h3{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	margin:0px 0px 10px 0px;
	padding: 0px;
	font-weight: 600;
	line-height: 1.12;
	color: #333;
	font-size: 18px;
}
.strong{
	font-weight: 700;
}
.lead{
	font-size:18px;
	line-height: 1.72;
	font-weight:normal;
}

.color-primary{
	color: #426293;
}
.color-default{
	color: #7fcfec;
}
.color-white{
	color: #FFF;	
}

.btn{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	font-weight: 600;
	padding-left: 20px;
	padding-right: 20px;
}
.btn-sm{
	border-radius: 3px;
}

.btn-primary, .btn-primary:focus{
	background-color:#426293;
	border-color:#426293;
	color:#FFF;
	}
.btn-primary:hover{
	background-color:#354e76;
	border-color:#354e76;
	color:#FFF;	
	}

.btn-default, .btn-default:focus{
	background-color:#7fcfec;
	border-color:#7fcfec;
	color:#FFF;
	}
.btn-default:hover{
	background-color:#66a6bd;
	border-color:#66a6bd;
	color:#FFF;	
	}

.btn-white, .btn-white:focus{
	background-color:#FFF;
	border-color:#FFF;
	color:#426293;
	}
.btn-white:hover{
	background-color:#111925;
	border-color:#111925;
	color:#FFF;	
	}	
.form-status{
	display:none;
	line-height:38px;
	}
.displaynone{
	display:none;
	}	
.reloadCaptcha{
	display: block;
	text-decoration:none;
	margin-bottom: 10px;
	}
.reloadCaptcha i{
	margin-right:5px;
	}
#imgCaptcha{
	margin-top:5px;
	}

.contenedor{
	min-height: 250px;
	}

.alert{
	margin-bottom: 15px;
}


/* Radio
================================= */
input[type=radio].with-font ~ label,
input[type=checkbox].with-font ~ label{
	font-weight:normal;
	cursor:pointer;
	display:block;
	padding:0;
}
input[type=radio].with-font,
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    font-size: 14px;
    color: #999999;
    width: 20px;
}
input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before  {
    content: "\f192";
    font-size: 14px;
    color: #426293;
}
input[type=checkbox].with-font ~ label:before {        
    content: "\f096";
}
input[type=checkbox].with-font:checked ~ label:before {
    content: "\f046";        
    color: #426293;
}
input[type=radio].with-font:disabled ~ label:before{
     color: #FF0000;
 }

 /* Ingresar
================================= */
#logindiv2{
	display:none;
	}


/* First Menu
================================= */
#firstmenu{
	min-height: 100px;
	background-color: #FFF;
}
#firstmenu .logo{
	display: inline-block;
	margin-top: 26px;
}
#buscador{
	margin-top: 30px;
}
#buscador .input-group{
	width: 100%; 
}
#buscador .input-group-btn{
	width: 60px;
}

/* Second Menu
================================= */
#secondmenu .navbar-brand{
	display: none;
}
.navbar-nav > li > a {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	font-weight: 600;
	padding-left: 20px;
	padding-right: 20px;
}


/* Pagination
================================= */
.pagination > li > a, .pagination > li > span {
    background-color: #F8F7FC;
    border-color: transparent !important;
    margin: 3px;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: #F8F7FC;
    border-color: transparent;
}


/* list-group-item
================================= */
.list-group-item {
    padding: 10px 20px;
    margin-bottom: 10px;
    background-color: #F8F7FC;
    border: none;
    border-radius: 3px;
}


/* Radiobox
================================= */
.radiobox{
	position: relative;
	min-height: 150px;
	margin-bottom: 40px;
	padding-left: 190px;
}
.radiobox .imgcontainer{
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 4px;
	padding: 15px;
	background-color: #F8F7FC;
}
.radiobox .imgcontainer img{
	width: 100%;
}
.radiobox .nombre{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	display: block;
	margin:0px 0px 5px 0px;
	padding: 0px;
	font-size: 24px;
	line-height: 1.12;
	font-weight: 600;
	color: #333;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;	
}
.radiobox .slogan{
	margin-bottom: 10px;
	overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.radiobox .ubicacion{
	color: #BBB;
	font-size: 13px;
	margin-bottom: 20px;
	overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.radiobox .generos{
	height: 30px;
	overflow:hidden;
}
.radiobox .generos .btn{
	margin-bottom: 5px;
}



/* Radio
================================= */
.slogan-lg{
	font-size: 18px;
	margin-bottom: 10px;
}
.ubicacion-lg{
	color: #BBB;
	margin-bottom: 20px;
}
.imgcontainer-lg{
	display: inline-block;
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 20px;
	background-color: #F8F7FC;
}
.imgcontainer-lg img{
	max-width: 100%
}
.descripcion-lg{
	margin-bottom: 20px;
}
.generos-lg .btn{
	margin: 0px 5px 5px 0px;
}

.datosdecontacto{
	margin:0px;
	padding: 0px;
	list-style: none;
}
.datosdecontacto li{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis
}
.datosdecontacto li i{
	width: 25px;
	text-align: center;
	color: #426293;
	margin-right: 5px;
}

#divFormOpiniones{
	display: none;
}

.addthis_inline_share_toolbox{
	margin: 20px 0px;
}
audio{
	max-width:100%;
}	
.navbar-default .navbar-toggle{
	padding: 4px 14px;
	background-color: #3A557F !important;
	color: #FFF !important;
}
.dropdown-menu{
	min-width: 200px;
}	
.dropdown-header{
	font-size: 14px;
	background:#3A557F;
	white-space: normal;
	margin-top: -6px;
	margin-bottom: 12px;
	color:#FFF;
	padding: 10px 20px;
}


/* bg-grey-home
================================= */
.bg-grey-home{
	background-color: #f8f7fc;
	background-image: url("../images/bg-grey-home.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
}
.bg-grey-home .btn{
	text-transform: uppercase;
	padding-left: 40px;
	padding-right: 40px;
	margin-right: 25px;
	margin-bottom: 5px;
}


/* bg-blue
================================= */
.bg-blue{
	background-color: #426293;
	color: #FFF;
}
.bg-blue .btn{
	text-transform: uppercase;
	padding-left: 40px;
	padding-right: 40px;
}

/* bg-grey
================================= */
.bg-grey{
	background-color: #f8f7fc;
}
.bg-grey .form-control{
	background-color: #fefefe;
}


/* Typeahead
================================= */
.typeahead__item .descripcion{
	font-size:11px;
	color: #AAA;
	font-weight:normal;
	margin-bottom: 0px;
}	


/* panel Usuario
================================= */
.radiopanelbox{
	position: relative;
	min-height: 150px;
	margin-bottom: 40px;
	padding-left: 190px;
}
.radiopanelbox .imgcontainer{
	position: absolute;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 4px;
	padding: 15px;
	background-color: #F8F7FC;
}
.radiopanelbox .imgcontainer img{
	width: 100%;
}
.radiopanelbox .nombre{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	margin:0px 0px 5px 0px;
	padding: 0px;
	font-size: 24px;
	line-height: 1.12;
	font-weight: 600;
	color: #333;
}
.radiopanelbox .slogan{
	margin-bottom: 10px;
}
.radiopanelbox .ubicacion{
	color: #BBB;
	font-size: 13px;
}

/* Opiniones
================================= */
.calificacion{
	display:inline-block;
	height:13px;
	width:75px;
	background-image:url('../images/stars.png');
	vertical-align:middle;
	background-repeat:no-repeat;
	}
.cal0{background-position:0px 0px;}
.cal1{background-position:0px -13px;}
.cal2{background-position:0px -26px;}
.cal3{background-position:0px -39px;}
.cal4{background-position:0px -52px;}
.cal5{background-position:0px -65px;}
.cal6{background-position:0px -78px;}
.cal7{background-position:0px -91px;}
.cal8{background-position:0px -104px;}
.cal9{background-position:0px -117px;}
.cal10{background-position:0px -130px;}

.opinionbox{
	position: relative;
	padding-left: 105px;
	min-height: 80px;
	margin: 20px 0px 30px 0px;
}
.opinionbox img{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80px;
	height: 80px;
	border-radius: 4px;	
}
.opinionbox .nombre{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;

	position: relative;
	padding-right: 130px;
	margin:0px 0px 5px 0px;
	font-size: 16px;
	line-height: 1.12;
	font-weight: 600;
	color: #333;	
}
.opinionbox .calificacioncontainer{
	position: absolute;
	display: block;
	text-align: right;
	width: 130px;
	height: 13px;
	font-size: 0px;
	line-height: 13px;
	right: 0;
	top: 0;
}
.opinionbox .ratingvalue{
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	color: #BBB;
	vertical-align: middle;
	padding-right: 5px;
}
.opinionbox .fecha{
	color: #BBB;
	font-size: 13px;
}


/* Preguntas frecuentes
================================= */	
.faqs{
	display:block;
	margin:0px;
	padding:0px;
	list-style:none;
}
.faqs li{
	display:block;
	margin:0px 0px 15px 0px;
	padding:0px;
	}
.faqs li .faqs-a{
	position: relative;
	display:block;
	background-color: #f9f9f9;
	color:#555;
	cursor:pointer;
	font-size:16px;
	line-height: 18px;
	padding:15px 15px 15px 65px;
	margin:0px;
	border-radius: 6px;
	}
.faqs li .faqs-a i{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	font-size:14px;
	width: 48px;
	line-height: 48px;
	text-align:center;
	vertical-align: middle;
	background-color: #426293;
	color: #FFF;
	border-radius: 6px 0px 0px 6px;
}

.faqs li.active .faqs-a, .faqs li:hover .faqs-a{
	color:#426293; 
	}	
.faqs li .faqs-p{
	display:none;
	margin:0px;
	padding:15px 15px 15px 65px;
	background-color: #FFF;
	color: #777;
	font-size:14px;	
	}

/* inputExistencia 
================================= */
#inputexistencia{
	font-size:0px;
	}
#inputexistencia .existencialabel{
	position:relative;
	display:block;
	font-size:14px;
	padding:8px 45px 8px 15px;
	border-radius:3px;
	margin:0px;
	overflow:hidden;
	background-color:#426293;
	color:#FFF;
	}
#inputexistencia .existencialabel > p {
    color: #DDD;
    font-size: 12px;
    margin-bottom: 0px;
}

#inputexistencia .existencialabel button{
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	width:35px;
	height:58px;
	line-height:58px;
	vertical-align:middle;
	padding:0px;
	text-align:center;
	border:none;
	background-color:transparent;
	}


/* GeneroLabel
================================= */
#inputsgeneros{
	font-size:0px;
	}
#inputsgeneros .generolabel{
	position:relative;
	display:inline-block;
	font-size:14px;
	padding:8px 45px 8px 15px;
	border-radius:3px;
	margin:0px 5px 5px 0px;
	overflow:hidden;
	background-color:#426293;
	color:#FFF;
	}
#inputsgeneros .generolabel > i {
    color: #FFF;
    padding: 0px 3px;
}
#inputsgeneros .generolabel button{
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	width:35px;
	height:38px;
	line-height:38px;
	vertical-align:middle;
	padding:0px;
	text-align:center;
	border:none;
	background-color:transparent;
	}

#buttonAgregarOtroGenero{
	display:none;
}



/* Slider
================================= */
#slider{
	overflow:hidden;
    /*
    background-image: url('../images/slider.png');  	
	background-repeat:no-repeat !important;
	background-position:center 0px !important;
	background-color:#426293 !important;
	*/
	background-color: #F8F7FC;
	}
#slider .delay05 {animation-delay: 0.5s;}
#slider .delay10 {animation-delay: 1s;}
#slider .delay15 {animation-delay: 1.5s;}
#slider .carousel-inner .item{
	height:180px;  	
}
#slider .item .container{
	text-align:center;
	}
#slider .caption{
	display:inline-block;
	padding: 55px 0px 0px 0px;
	}
#slider .caption .title{
	display: block;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	margin:0px 0px 10px 0px;
	padding: 0px;
	font-weight: 700;
	line-height: 1.12;
	color: #426293;
	font-size: 26px;
	text-transform: uppercase;;
	}
#slider .caption .description{
	font-size:18px;
	line-height: 1.72;
	}


/* Footer
================================= */
#footer{
	padding-top:80px;
	padding-bottom:15px;
	background-color: #111925;
	color:#BBB;
}
#footer .title{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
	font-weight: 600;
	line-height: 1.12;

	position:relative;
	text-transform:uppercase;
	color:#EEE;
	margin-bottom:30px;
	}
#footer .title:after{
	position:absolute;
	left:0;
	bottom:-20px;
	content:"";
	display:block;
	height:2px;
	width:50px;
	background-color:#426293;
	}

.ulfooter{
	margin:0px;
	padding:0px;
	list-style:none;
	}
.ulfooter li{
	margin:0px;
	padding:0px;
	}
.ulfooter li:last-child{
	border-bottom:none;
	}
.ulfooter li a{
	display:block;
	padding:2px 0px;
	text-decoration:none;
	color:#BBB;
	}			
.ulfooter li a:hover{
	color:#FFF;
	padding-left: 15px;
	}
.ulfooter li a i{
	color: #426293;
	margin-right: 7px;
}	

#subfooter{
	font-size: 13px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#0f1722;
	color:#BBB;	
	}
#subfooter a{
	text-decoration:none;
	color:#426293;
	}


/* Admin
================================= */
/*
.btnmenuadmin{
	margin-bottom:10px;
	min-width:230px;
	text-align:left;
	}
.adminrow{
	margin-top:20px;
	}
.adminrow img{
	width:100%;
	}		
.atool{
	display:inline-block;
	margin-right:15px;
	font-size:12px;
	}
.atool i{
	padding-right:4px;
	}
#newfile{
	display:none;
	}
#newimage{
	display:none;
	}
#newimage a, #oldimage a{
	margin-top: 10px;
}

*/	


/* Rangeslider */
.rangeslider,
.rangeslider__fill {
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.rangeslider {
	background: #DDD;
	position: relative;
}
.rangeslider--horizontal {
	height: 6px;
	width: 100%;
}
.rangeslider--vertical {
	width: 8px;
	min-height: 220px;
	max-height: 100%;
	height: 100%;
}
.rangeslider--disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: 0.4;
}
.rangeslider__fill {
  background: #426293;
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
	top: 0;
	height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
	bottom: 0;
	width: 100%;
}
.rangeslider__handle {
	position: absolute;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background-color: #426293;
}
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {

}
.rangeslider--horizontal .rangeslider__handle {
	top: -5px;
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
	left: -5px;
	touch-action: pan-x;
	-ms-touch-action: pan-x;
}

/* Reproductor y general */
#noreproductor{
	display: none;
}
#reproductor{
	background-color: #F8F7FC;
	height: 70px;
	padding: 10px 15px;
	max-width: 100%;
	border-radius: 4px;
	overflow: hidden;
}
#reproductor button{
	display: inline-block;
	margin: 0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	background-color: transparent;
	border: none;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}
#reproductor button[disabled]{
    cursor: default;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#reproductor i{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#reproductor .play-stop{
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	background-color: #426293;
	color: #FFF;
}
#reproductor.reproductor-stopped .play-stop i::before{
	content: "\f04b";
}
#reproductor.reproductor-loading .play-stop i::before{
	content: "\f013";
}
#reproductor.reproductor-loading .play-stop i{
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;	
}
#reproductor.reproductor-playing .play-stop i::before{
	content: "\f04d";
}
#reproductor .equalizer {
	float: left;
	display: inline-block;
	height: 30px;
	width: 100px;
	position: relative;
	margin: 10px 15px;
	padding:0px;
}
#reproductor .equalizer li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float:left;
	width: 8px;
	height: 19px;
	background: #DDD;
	background: repeating-linear-gradient(0deg,	transparent 1px, transparent 2px, #DDD 2px, #DDD 3px);
	position: absolute;
	top: 0;
	bottom:0;
	margin-top: auto;
	margin-bottom: auto;
}
#reproductor.reproductor-playing .equalizer li{
	background: #426293;
	background: repeating-linear-gradient(0deg,	transparent 1px, transparent 2px, #426293 2px, #426293 3px);
}
#reproductor .equalizer li:nth-child(1){
	left: 0px;	
}
#reproductor .equalizer li:nth-child(2){
	left: 10px;	
}
#reproductor .equalizer li:nth-child(3){
	left: 20px;	
}
#reproductor .equalizer li:nth-child(4){
	left: 30px;	
}
#reproductor .equalizer li:nth-child(5){
	left: 40px;	
}
#reproductor .equalizer li:nth-child(6){
	left: 50px;	
}
#reproductor .equalizer li:nth-child(7){
	left: 60px;	
}
#reproductor .equalizer li:nth-child(8){
	left: 70px;	
}
#reproductor .equalizer li:nth-child(9){
	left: 80px;	
}
#reproductor .equalizer li:nth-child(10){
	left: 90px;	
}
#reproductor.reproductor-playing .equalizer li:nth-child(1) { 
	-webkit-animation: equalizerbar 1s 0s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0s ease-out alternate infinite;
	animation: equalizerbar 1s 0s ease-out alternate infinite;
}
#reproductor.reproductor-playing .equalizer li:nth-child(2) { 
	-webkit-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	animation: equalizerbar 1s 0.5s ease-out alternate infinite;
}
#reproductor.reproductor-playing .equalizer li:nth-child(3) { 
	-webkit-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	animation: equalizerbar 1s 0.2s ease-out alternate infinite;
}
#reproductor.reproductor-playing .equalizer li:nth-child(4) { 
	-webkit-animation: equalizerbar 1s 0s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0s ease-out alternate infinite;
	animation: equalizerbar 1s 0s ease-out alternate infinite;
}
#reproductor.reproductor-playing .equalizer li:nth-child(5) { 
	-webkit-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	animation: equalizerbar 1s 0.5s ease-out alternate infinite;
}
#reproductor.reproductor-playing .equalizer li:nth-child(6) { 
	-webkit-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	animation: equalizerbar 1s 0.2s ease-out alternate infinite;
}
#reproductor.reproductor-playing .equalizer li:nth-child(7) { 
	-webkit-animation: equalizerbar 1s 0s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0s ease-out alternate infinite;
	animation: equalizerbar 1s 0s ease-out alternate infinite;
}
#reproductor.reproductor-playing .equalizer li:nth-child(8) { 
	-webkit-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0.5s ease-out alternate infinite;
	animation: equalizerbar 1s 0.5s ease-out alternate infinite;
}
#reproductor.reproductor-playing .equalizer li:nth-child(9) { 
	-webkit-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0.2s ease-out alternate infinite;
	animation: equalizerbar 1s 0.2s ease-out alternate infinite;
}
#reproductor.reproductor-playing .equalizer li:nth-child(10) { 
	-webkit-animation: equalizerbar 1s 0s ease-out alternate infinite;
	-moz-animation: equalizerbar 1s 0s ease-out alternate infinite;
	-o-animation: equalizerbar 1s 0s ease-out alternate infinite;
	animation: equalizerbar 1s 0s ease-out alternate infinite;
}
@-webkit-keyframes equalizerbar {
  0% {height: 10%;}
  10% {height: 30%;}
  20% {height: 50%;}
  30% {height: 20%;}
  40% {height: 70%;}
  50% {height: 100%;}
  60% {height: 30%;}
  70% {height: 80%;}
  80% {height: 50%;}
  90% {height: 30%;}
  100% {height: 10%;}
}
@-moz-keyframes equalizerbar {
  0% {height: 10%;}
  10% {height: 30%;}
  20% {height: 50%;}
  30% {height: 20%;}
  40% {height: 70%;}
  50% {height: 100%;}
  60% {height: 30%;}
  70% {height: 80%;}
  80% {height: 50%;}
  90% {height: 30%;}
  100% {height: 10%;}
}
@-o-keyframes equalizerbar {
  0% {height: 10%;}
  10% {height: 30%;}
  20% {height: 50%;}
  30% {height: 20%;}
  40% {height: 70%;}
  50% {height: 100%;}
  60% {height: 30%;}
  70% {height: 80%;}
  80% {height: 50%;}
  90% {height: 30%;}
  100% {height: 10%;}
}
@keyframes equalizerbar {
  0% {height: 10%;}
  10% {height: 30%;}
  20% {height: 50%;}
  30% {height: 20%;}
  40% {height: 70%;}
  50% {height: 100%;}
  60% {height: 30%;}
  70% {height: 80%;}
  80% {height: 50%;}
  90% {height: 30%;}
  100% {height: 10%;}
}
#reproductor .mute-unmute{
	float: right;
	height: 30px;
	width: 30px;
	padding: 0px 10px;
	margin: 10px 10px 10px 0px;
	text-align: left;
	color: #426293;
}
#reproductor .mute-unmute.unmuted i::before{
	content: "\f028";
}
#reproductor .mute-unmute.muted i::before{
	content: "\f026";
}
#reproductor .volume-container{
	display: inline-block;
	height: 50px;
	float: right;
	padding: 22px 0px;
	width: 100px;
	overflow: hidden;
}

	
/* Media Queries
================================= */
@media screen and (max-width: 1200px) {

	
}	
@media screen and (max-width: 992px) {
	#buscador{
		margin: 15px 0px;
	}	
	#slider .caption{
		padding-top: 30px;
	}
	#slider .caption .title{
		font-size:22px;
	}
	#slider .caption .description{
		font-size:16px;
	}	

}
@media screen and (max-width: 767px) {
	.bg-grey-home{
		padding-bottom: 390px;
	}

	.radiobox{
		padding-left: 0px;
	}
	.radiobox .imgcontainer{
		position: relative;
		display: block;
		width: 50%;
		height: auto;
		margin-bottom: 15px;
	}
	.radiobox .nombre{
		overflow: visible;
	    white-space: normal;
	    text-overflow: clip;
	}
	.radiobox .slogan{
		overflow: visible;
	    white-space: normal;
	    text-overflow: clip;
	}
	.radiobox .ubicacion{
		overflow: visible;
	    white-space: normal;
	    text-overflow: clip;
	}
	.radiobox .generos{
		height: auto;
		overflow: clip;
	}

	.radiopanelbox{
		padding-left: 0px;
	}
	.radiopanelbox .imgcontainer{
		position: relative;
		display: block;
		width: 50%;
		height: auto;
		margin-bottom: 15px;
	}
	.radiopanelbox .nombre{
		overflow: visible;
	    white-space: normal;
	    text-overflow: clip;
	}
	.radiopanelbox .slogan{
		overflow: visible;
	    white-space: normal;
	    text-overflow: clip;
	}
	.radiopanelbox .ubicacion{
		overflow: visible;
	    white-space: normal;
	    text-overflow: clip;
	}

	.opinionbox{
		padding-left: 70px;
		min-height: 50px;
	}
	.opinionbox img{
		width: 50px;
		height: 50px;
	}	

	.opinionbox .nombre{
		padding-right: 0px;
	}
	.opinionbox .calificacioncontainer{
		text-align: left;
		position: relative;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.opinionbox .ratingvalue{
		display: none;
	}

	.radiopanelbox .pull-right{
		float: none !important;
		margin-left: 5px;
	}
	.radiopanelbox .btn{
		margin-bottom: 5px;
	}

	#subfooter .pull-right{
		float: none !important;
		display: block;
		clear: both;
	}


}
@media screen and (max-width: 480px) {

}



/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* Zoom carousel Fer*/
/*
.carousel-fade .carousel-inner img.imgtopright{
	-moz-transform-origin: top right;
	-o-transform-origin: top right;
	-webkit-transform-origin: top right;
	transform-origin: top right;	
	}
.carousel-fade .carousel-inner img.imgtopleft{
	-moz-transform-origin: top left;
	-o-transform-origin: top left;
	-webkit-transform-origin: top left;
	transform-origin: top left;	
	}
.carousel-fade .carousel-inner img.imgbottomleft{
	-moz-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;	
	}
.carousel-fade .carousel-inner img.imgbottomright{
	-moz-transform-origin: bottom right;
	-o-transform-origin: bottom right;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;	
	}
.carousel-fade .carousel-inner img.imgbottomcenter{
	-moz-transform-origin: bottom center;
	-o-transform-origin: bottom center;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;	
	}
.carousel-fade .carousel-inner img.imgcenter{
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-webkit-transform-origin: center;
	transform-origin: center;	
	}					
.carousel-fade .carousel-inner img{
  	-moz-transition: all 5s linear;
	-o-transition: all 5s linear;
	-webkit-transition: all 5s linear;
	transition: all 5s linear;	
	}
.carousel-fade .carousel-inner .active img{
	-moz-transform: scale(1.2) rotate(0.0deg);
	-ms-transform: scale(1.2) rotate(0.0deg);
	-o-transform: scale(1.2) rotate(0.0deg);
	-webkit-transform: scale(1.2) rotate(0.0deg);
	transform: scale(1.2) rotate(0.0deg);	
	}
*/