/* GOOGLE FONTS */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
/* ==========================================================================
Musica
========================================================================== */


.ContieneBarra {
  height: 100px;
  margin-top: -40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

input#mislider {
	margin-top: -10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 50px;
  overflow: hidden;
  width: 100px;
}
input#mislider:focus {
  box-shadow: none;
  outline: none;
}
input#mislider::-webkit-slider-runnable-track {
  background: #e33d44;
  content: '';
  height: 2px;
  pointer-events: none;
}
input#mislider::-webkit-slider-thumb {
  height: 18px;
  width: 28px;
  -webkit-appearance: none;
          appearance: none;
  background: #fff;
  border-radius: 8px;
  box-shadow: 5px 0 0 -8px #c7c7c7, 6px 0 0 -8px #c7c7c7, 7px 0 0 -8px #c7c7c7, 8px 0 0 -8px #c7c7c7, 9px 0 0 -8px #c7c7c7, 10px 0 0 -8px #c7c7c7, 11px 0 0 -8px #c7c7c7, 12px 0 0 -8px #c7c7c7, 13px 0 0 -8px #c7c7c7, 14px 0 0 -8px #c7c7c7, 15px 0 0 -8px #c7c7c7, 16px 0 0 -8px #c7c7c7, 17px 0 0 -8px #c7c7c7, 18px 0 0 -8px #c7c7c7, 19px 0 0 -8px #c7c7c7, 20px 0 0 -8px #c7c7c7, 21px 0 0 -8px #c7c7c7, 22px 0 0 -8px #c7c7c7, 23px 0 0 -8px #c7c7c7, 24px 0 0 -8px #c7c7c7, 25px 0 0 -8px #c7c7c7, 26px 0 0 -8px #c7c7c7, 27px 0 0 -8px #c7c7c7, 28px 0 0 -8px #c7c7c7, 29px 0 0 -8px #c7c7c7, 30px 0 0 -8px #c7c7c7, 31px 0 0 -8px #c7c7c7, 32px 0 0 -8px #c7c7c7, 33px 0 0 -8px #c7c7c7, 34px 0 0 -8px #c7c7c7, 35px 0 0 -8px #c7c7c7, 36px 0 0 -8px #c7c7c7, 37px 0 0 -8px #c7c7c7, 38px 0 0 -8px #c7c7c7, 39px 0 0 -8px #c7c7c7, 40px 0 0 -8px #c7c7c7, 41px 0 0 -8px #c7c7c7, 42px 0 0 -8px #c7c7c7, 43px 0 0 -8px #c7c7c7, 44px 0 0 -8px #c7c7c7, 45px 0 0 -8px #c7c7c7, 46px 0 0 -8px #c7c7c7, 47px 0 0 -8px #c7c7c7, 48px 0 0 -8px #c7c7c7, 49px 0 0 -8px #c7c7c7, 50px 0 0 -8px #c7c7c7, 51px 0 0 -8px #c7c7c7, 52px 0 0 -8px #c7c7c7, 53px 0 0 -8px #c7c7c7, 54px 0 0 -8px #c7c7c7, 55px 0 0 -8px #c7c7c7, 56px 0 0 -8px #c7c7c7, 57px 0 0 -8px #c7c7c7, 58px 0 0 -8px #c7c7c7, 59px 0 0 -8px #c7c7c7, 60px 0 0 -8px #c7c7c7, 61px 0 0 -8px #c7c7c7, 62px 0 0 -8px #c7c7c7, 63px 0 0 -8px #c7c7c7, 64px 0 0 -8px #c7c7c7, 65px 0 0 -8px #c7c7c7, 66px 0 0 -8px #c7c7c7, 67px 0 0 -8px #c7c7c7, 68px 0 0 -8px #c7c7c7, 69px 0 0 -8px #c7c7c7, 70px 0 0 -8px #c7c7c7, 71px 0 0 -8px #c7c7c7, 72px 0 0 -8px #c7c7c7, 73px 0 0 -8px #c7c7c7, 74px 0 0 -8px #c7c7c7, 75px 0 0 -8px #c7c7c7, 76px 0 0 -8px #c7c7c7, 77px 0 0 -8px #c7c7c7, 78px 0 0 -8px #c7c7c7, 79px 0 0 -8px #c7c7c7, 80px 0 0 -8px #c7c7c7, 81px 0 0 -8px #c7c7c7, 82px 0 0 -8px #c7c7c7, 83px 0 0 -8px #c7c7c7, 84px 0 0 -8px #c7c7c7, 85px 0 0 -8px #c7c7c7, 86px 0 0 -8px #c7c7c7, 87px 0 0 -8px #c7c7c7, 88px 0 0 -8px #c7c7c7, 89px 0 0 -8px #c7c7c7, 90px 0 0 -8px #c7c7c7, 91px 0 0 -8px #c7c7c7, 92px 0 0 -8px #c7c7c7, 93px 0 0 -8px #c7c7c7, 94px 0 0 -8px #c7c7c7, 95px 0 0 -8px #c7c7c7, 96px 0 0 -8px #c7c7c7, 97px 0 0 -8px #c7c7c7, 98px 0 0 -8px #c7c7c7, 99px 0 0 -8px #c7c7c7, 100px 0 0 -8px #c7c7c7;
  margin-top: -8px;
  border: 1px solid #777;
}
input#mislider::-moz-range-track {
  width: 100px;
  height: 2px;
}
input#mislider::-moz-range-thumb {
  height: 18px;
  width: 28px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #777;
  position: relative;
}
input#mislider::-moz-range-progress {
  height: 2px;
  background: #e33d44;
  border: 0;
  margin-top: 0;
}
input#mislider::-ms-track {
  background: transparent;
  border: 0;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  color: transparent;
  height: 2px;
  margin-top: 10px;
  width: 100px;
}
input#mislider::-ms-thumb {
  height: 18px;
  width: 28px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #777;
}
input#mislider::-ms-fill-lower {
  background: #e33d44;
  border-radius: 0;
}
input#mislider::-ms-fill-upper {
  background: #c7c7c7;
  border-radius: 0;
}
input#mislider::-ms-tooltip {
  display: none;
}


/* ==========================================================================
PERSONALIZADO
========================================================================== */
/*PARA VERSION CELU*/


.clase_en_play{
	display: inline-block; background: url(../images/listen1.png) right center no-repeat #393939; line-height: 20px; padding: 7px 35px 7px 10px; font-family: 'Open Sans Condensed'; font-size: 15px; color: #fff; font-weight: 700; text-decoration: none;;
	}

.clase_en_pausa{
	display: inline-block; background: url(../images/listen1off.png) right center no-repeat #393939; line-height: 20px; padding: 7px 35px 7px 10px; font-family: 'Open Sans Condensed'; font-size: 15px; color: #fff; font-weight: 700; text-decoration: none;
   background-image: url('../images/listen1off.png');
}
.ImagenesLogosComartir{
	width: 50px;
	margin-bottom: 40px;

}
.TapaAlbum{
z-index: 9999;
	position: relative;
	margin-left: -0px;
	-webkit-box-shadow: -1px 0px 30px 0px rgba(255, 113, 103, 0.75);
-moz-box-shadow:    -1px 0px 30px 0px rgba(255, 113, 103, 0.75);
box-shadow:         -1px 0px 30px 0px rgba(255, 113, 103, 0.75);
}
.Sonando{
	margin-left:7px; 
	margin-top:15px;

}

.NombreTema{padding-left: 35px; margin-left: -10px; font-size: 14px; line-height: 21px;  margin-top: -3px;}
.TituloTema{
	width: 100px;
	/*margin-top: -100px;*/
	padding-left: 5px;
	font-size: 14px bold;
	line-height: 21px;
	font-style: italic;
	color: black;

	
	}

.MenuAbajo{
	position: relative;
	z-index: 0;
}
.ContieneCompartidores{ 
	position: fixed;
	width: 100%;
	float: left;
    margin-left: 40px;
    bottom: 0;
}


.Compartidores{
	/* background-color: #EBE9EA;
    border: 1px solid #D2D2D2;
    border-radius: 8px 8px 8px 8px;*/
   overflow: hidden;
}
.Reproductor{
-webkit-box-shadow: 0px 0px 84px -1px rgba(247,244,247,0.47);
-moz-box-shadow: 0px 0px 84px -1px rgba(247,244,247,0.47);
box-shadow: 0px 0px 84px -1px rgba(247,244,247,0.47);
}


/*	
	margin-left: -120px;
	margin-top: -10px;*/

/*ANIMADORES*/

.zoomIt{

display:block!important;
-webkit-transition:-webkit-transform 1s ease-out;
-moz-transition:-moz-transform 1s ease-out;
-o-transition:-o-transform 1s ease-out;
-ms-transition:-ms-transform 1s ease-out;
transition:transform 1s ease-out;
}


.zoomIt:hover{
	
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 20px rgba(255,255,255,0.8);	
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2)
}


.flecha{
	width: 30px;
	position: absolute;
	margin-top: -30px;
	margin-left: 120px;
	-webkit-animation: jumpInc 2s infinite;
       -moz-animation: jumpInc 2s infinite;
         -o-animation: jumpInc 2s infinite;
            animation: jumpInc 2s infinite;
}

@-webkit-keyframes jumpInc {
	0%   {
		margin-top: -10%;
		opacity: 0;
	}
	50%  {
		margin-top: -5%;
		opacity: 1;
	}
	100% {
		margin-top: -1%;
		opacity: 0;
	}
}

@-moz-keyframes jumpInc {
	0%   {
		margin-top: -10%;
		opacity: 0;
	}
	50%  {
		margin-top: -2%;
		opacity: 1;
	}
	100% {
		margin-top: -1%;
		opacity: 0;
	}
}
@-o-keyframes jumpInc {
	0%   {
		margin-top: -10%;
		opacity: 0;
	}
	50%  {
		margin-top: -2%;
		opacity: 1;
	}
	100% {
		margin-top: -1%;
		opacity: 0;
	}
}
@keyframes jumpInc {
	0%   {
		margin-top: -10%;
		opacity: 0;
	}
	50%  {
		margin-top: -2%;
		opacity: 1;
	}
	100% {
		margin-top: -1%;
		opacity: 0;
	}
}
.tunein{
	position: relative;
}


/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#888888!important; color:#fff}
::-moz-selection{ background:#888888!important; color:#fff}

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ color:#fff; text-decoration: none; outline:none}

body{ background:url(../images/bg1.jpg) center top no-repeat #1b1b1b; border:0; font: 14px Arial, Helvetica, sans-serif; color:#b4b4b4 ; line-height:20px; min-width:320px;}

#main{margin: 0 auto; position: relative; border-top: 4px solid #b44444; overflow: hidden; padding-bottom: 75px;}

.shadow1{position: absolute; width: 1000px; left: 50%; margin-left: -500px; bottom: 50px; z-index: 2;}
.shadow1 img{width: 100%;}

.floor1{position: absolute; width: 100%; left: 0; bottom: 0; z-index: 1;}
.floor1 img{width: 100%;}

#inner{max-width: 1000px; margin: 0 auto; position: relative; z-index: 10;}

.top1{padding-top: 30px; padding-bottom: 30px;}

header{float: left;}

.Noticia{
    margin-left: 15px;
 }
 .imaginando{
 	margin: 0; margin-right: 15px;  border: 5px solid #3c3c3c;float: left;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
 }
 .bs-example{
		margin: 20px;
	}


.top1 .block2{float: right; padding-top: 10px;}

.listen1_wrapper{float: left; margin-right: 20px;}

a.listen1{display: inline-block; line-height: 20px; padding: 7px 35px 7px 10px; font-family: 'Open Sans Condensed'; font-size: 15px; color: #fff; font-weight: 700; text-decoration: none;}
a.listen1:hover{background-color: #fff; color: #000;}

.air1_wrapper{float: left; margin-right: 20px;}

a.air1{display: inline-block; background: url(../images/air1.png) right center no-repeat #393939; line-height: 20px; padding: 7px 45px 7px 10px; font-family: 'Open Sans Condensed'; font-size: 15px; color: #fff; font-weight: 700; text-decoration: none;}
a.air1:hover{background-color: #fff; color: #000;}

.phone1_wrapper{float: left;}

.phone1{padding-left: 35px; background: url(../images/phone1.png) left center no-repeat; font-size: 16px; line-height: 21px; text-transform: uppercase; margin-top: -3px;}
.mail1{padding-left: 35px; background: url(../images/mail1.png) left center no-repeat; font-size: 16px; line-height: 21px; text-transform: uppercase; margin-top: -3px;}
.center1{background: url(../images/px1.jpg) #1f1f20;}

.bot2{min-height: 42px; background: url(../images/bot2.png) center bottom no-repeat;}

.bot1{background: url(../images/bot1.jpg) 0 0 repeat-x; padding-top: 40px; padding-bottom: 25px; font-size: 12px; color: #b4b4b4;}
.bot1 a{color: #b4b4b4;}
.bot1 a:hover{color: #fff;}

.bot1 .block1{float: left;}

.bot1 .block2{float: right; padding-top: 20px; text-align: right;}

footer{ padding-top: 15px;}

.copyright{}

.social_wrapper{}
.social{ display: inline-block; margin: 0 0px; padding-top: 0px; list-style: none; white-space: nowrap; padding-bottom: 10px;}
.social li{display: inline-block; margin: 0 4px; float: left;}
.social li a{display: block; opacity: 1; filter: alpha(opacity=100);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social li a:hover{opacity: 0.7; filter: alpha(opacity=70);}

/* ============================= featured ====================== */
#featured_wrapper{ padding-bottom: 30px; padding-top: 0px;}
#featured_wrapper .featured_title{ margin-bottom: 0px; letter-spacing: 0px; font-size: 18px; line-height: 20px; color: #b0adaa; font-weight: 900; text-transform: uppercase; padding: 20px 0px;}


#featured{position: relative; padding-bottom: 0px; padding-top: 0px;}

.featured_prev{display: block; width: 14px; height: 24px; background: url(../images/prev.png) left top no-repeat; position: absolute; right: 25px; top: -45px; z-index: 0;}
.featured_prev:hover{background-position: bottom;}
.featured_next{display: block; width: 14px; height: 24px; background: url(../images/next.png) left top no-repeat; position: absolute; right: 0; top: -45px; z-index: 0;}
.featured_next:hover{background-position: bottom;}

#featured .carousel-box{position: relative;}
#featured .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;}
#featured .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -20px; }
#featured .caroufredsel_wrapper{padding: 0; margin: 0;}
#featured .caroufredsel_wrapper ul{padding: 0; margin: 0;}
#featured .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:20px }

.featured{}
.featured .featured_inner{}
.featured .featured_inner a{display: block; text-decoration: none; position: relative;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.featured .featured_inner a:hover{border-color: #8f1212;}
.featured .featured_inner a figure{margin: 0; padding: 0px; position: relative; border: 5px solid #3c3c3c;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.featured .featured_inner a:hover figure{border-color: #b03e3e;}
.featured .featured_inner a .img{width: 100%;}
.featured .featured_inner a .caption {position: relative; color: #b4b4b4; padding-top: 15px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.featured .featured_inner a:hover .caption {color: #fff;}

/* ============================= featured end ====================== */

/* ============================= events ====================== */
#events_wrapper{ padding-bottom: 30px; padding-top: 0px;}
#events_wrapper .events_title{ margin-bottom: 0px; letter-spacing: 0px; font-size: 18px; line-height: 20px; color: #b0adaa; font-weight: 900; text-transform: uppercase; padding: 20px 0px;}


#events{position: relative; padding-bottom: 0px; padding-top: 0px;}

.events_prev{display: block; width: 14px; height: 24px; background: url(../images/prev.png) left top no-repeat; position: absolute; right: 25px; top: -45px; z-index: 0;}
.events_prev:hover{background-position: bottom;}
.events_next{display: block; width: 14px; height: 24px; background: url(../images/next.png) left top no-repeat; position: absolute; right: 0; top: -45px; z-index: 0;}
.events_next:hover{background-position: bottom;}

#events .carousel-box{position: relative;}
#events .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;}
#events .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -20px; }
#events .caroufredsel_wrapper{padding: 0; margin: 0;}
#events .caroufredsel_wrapper ul{padding: 0; margin: 0;}
#events .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:20px }

.events{}
.events .events_inner{}
.events .events_inner a{display: block; text-decoration: none; position: relative;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.events .events_inner a:hover{}
.events .events_inner a figure{margin: 0; padding: 0px; position: relative; float: left; margin-right: 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.events .events_inner a:hover figure{}
.events .events_inner a .img{width: auto;}
.events .events_inner a .caption {position: relative; display: table;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.events .events_inner a .txt1{ color: #b03e3e; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.events .events_inner a:hover .txt1{color: #b4b4b4;}
.events .events_inner a .txt2{ color: #b4b4b4; padding-top: 5px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.events .events_inner a:hover .txt2{color: #b03e3e;}
/* ============================= events end ====================== */

/* ============================= dj ====================== */
#dj_wrapper{ padding-bottom: 30px; padding-top: 0px;}
#dj_wrapper .dj_title{ margin-bottom: 0px; letter-spacing: 0px; font-size: 18px; line-height: 20px; color: #b0adaa; font-weight: 900; text-transform: uppercase; padding: 20px 0px;}


#dj{position: relative; padding-bottom: 0px; padding-top: 0px;}

.dj_prev{display: block; width: 14px; height: 24px; background: url(../images/prev.png) left top no-repeat; position: absolute; right: 25px; top: -45px; z-index: 0;}
.dj_prev:hover{background-position: bottom;}
.dj_next{display: block; width: 14px; height: 24px; background: url(../images/next.png) left top no-repeat; position: absolute; right: 0; top: -45px; z-index: 0;}
.dj_next:hover{background-position: bottom;}

#dj .carousel-box{position: relative;}
#dj .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;}
#dj .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -20px; }
#dj .caroufredsel_wrapper{padding: 0; margin: 0;}
#dj .caroufredsel_wrapper ul{padding: 0; margin: 0;}
#dj .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:20px }

.dj{}
.dj .dj_inner{}
.dj .dj_inner a{display: block; text-decoration: none; position: relative;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.dj .dj_inner a:hover{border-color: #8f1212;}
.dj .dj_inner a figure{margin: 0; padding: 0px; position: relative; border: 5px solid #3c3c3c;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.dj .dj_inner a:hover figure{border-color: #b03e3e;}
.dj .dj_inner a .img{width: 100%;}
.dj .dj_inner a .caption {position: relative; color: #be5151; padding-top: 15px; font-size: 17px; text-align: center;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.dj .dj_inner a:hover .caption {color: #fff;}

/* ============================= dj end ====================== */




/* ============================= content ====================== */
#content{padding-top: 30px; padding-bottom: 30px;}

.front #content{padding-top: 0px;}








/* ============================= main menu ====================== */
.menu_wrapper{position: relative; z-index: 30; background: url(../images/menu.jpg) 0 0 repeat-x; height: 65px;}
.navbar_ { margin: 0; padding: 0; background: none; position: relative;z-index: 30;}
.navbar_ .navbar-inner_ { padding: 0; margin: 0; border: none; min-height: inherit; background: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; filter:none; }
.navbar_ .btn-navbar { background: #ca6161; border: none;box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 20px; margin-bottom: 15px; float: left; margin-left: 15px;}
.navbar_ .btn-navbar:hover{background: #b03c3c;}
.navbar_ .btn-navbar .icon-bar{background-image: none;}
.nav-collapse_.collapse{ position:relative; display:block; text-align: center;}
.navbar_ .nav{ position: relative; float: none; margin: 0; padding: 0; display: block; left: auto;}
.navbar_ .nav > li{position: relative; display: block; float: left; padding-right: 2px; white-space: nowrap; background: url(../images/marker0.png) right top no-repeat;}
.navbar_ .nav > li:first-child{}
.navbar_ .nav > li > a{display: block; text-decoration: none; background: none; font-family: 'Open Sans Condensed'; font-weight: 700; font-size: 20px; line-height: 65px; color: #fff; text-shadow:0px -1px 0px #6e3232; padding: 0px 25px; border: none; margin: 0; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; position: relative;
transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;
}
.navbar_ .nav > li > a > em{display: inline-block; width: 12px; height: 8px; background: url(../images/arr1.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -6px; bottom: 10px;}
.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{color: #fff; text-decoration: none; background: url(../images/nav.jpg) 0 0 repeat-x;  box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}

.sub-menu ul { position: absolute; display: none; left: 0px; top: 65px; list-style: none; zoom: 1; z-index: 109; margin: 0; padding:0px; background: #bb4e4e; text-align: left; }
.sub-menu li { margin: 0; position: relative; zoom: 1; display: block;}
.sub-menu li a{display: block; position: relative; font-family:'Open Sans Condensed'; font-weight: 700; font-size: 20px; line-height: 20px; color: #fff; text-decoration: none; padding: 18px 35px 18px 25px; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.sub-menu li a:hover{ text-decoration: none; color: #fff; background: #d26c6c;}

.sub-menu li a em{display: inline-block; width: 7px; height: 10px; background: url(../images/marker1.html) left top no-repeat; position: absolute; right: 8px; top: 50%; margin-top: -5px;}
.sub-menu li a:hover em{background-position: bottom;}

.sub-menu-1 > ul{}

.sub-menu-2 > ul{left: 100%; top: 0px; margin-left: 0px; background: #ac4a4a;}

/* ============================= menu bot ====================== */
.menu_bot { display:inline-block; float: left; position: relative; z-index:10; text-align:center; white-space:nowrap; padding-top: 20px; }
#menu_bot { list-style: none; display:inline-block; white-space:nowrap;  padding: 0; margin: 0;}
#menu_bot > li { list-style: none; display: inline-block; height:24px; line-height: 24px; margin-left: 35px; position:relative; float:left; white-space:nowrap;}
#menu_bot > li:first-child{ margin-left: 0;}
#menu_bot > li > a{ display:block; height:100%; text-decoration:none; position:relative; font-family:'Sancreek'; font-weight: 400; font-size: 15px; color: #ece1d7;}
#menu_bot > li.active > a, #menu_bot > li > a:hover, #menu_bot > li > a:focus{color: #faa709; text-decoration: none;}

/* ============================= search-form ====================== */
.search-form-wrapper{position: absolute; right: 0; top: 18px; z-index: 31;}
.navbar-form { float: right; position:relative; z-index: 11; margin:0px 0px 0 0 ; padding: 0; padding-right: 40px;}
.navbar-form input { width: 180px; height: 20px; font-size: 14px; line-height: 20px; color:#fbd1d1; background: #d26c6c; border: none; border-top: 1px solid #5e3030; border-left: 1px solid #7c4040;  border-bottom: 1px solid #e4a6a6; border-right: 1px solid #e4a6a6; margin: 0; padding: 5px 50px 5px 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: inset  0px 3px 20px 3px  #d26c6c; -webkit-box-shadow: inset  0px 3px 20px 3px  #d26c6c; box-shadow: inset  0px 3px 20px 3px  #d26c6c; }
.navbar-form input:focus {color: #fff; border-color: #fff;-moz-box-shadow: inset  none; -webkit-box-shadow: none; box-shadow: none;}
.navbar-form a {text-decoration: none; margin: 0; display: inline-block; width: 42px; height: 28px; background: url(../images/search.png) left top no-repeat; position:absolute; right:0; top: 3px; }
.navbar-form a:hover {}

/* ============================= toTop ====================== */
#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(../images/totop.gif) no-repeat left top; }
#toTopHover { background:url(../images/totop.gif) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }

/* ============================= main layout ====================== */
h1{ font-family:'Acme'; font-weight:400; font-size:35px; color:#4b3e33; line-height:35px; padding:25px 0 20px 0; margin: 0; text-transform: uppercase;}

h2{ font-family:'Open Sans Condensed'; font-weight:300; font-size:35px; color:#fff; line-height:35px; padding:25px 0 20px 0; margin: 0; text-transform: uppercase;}

h3{ font-family:'Open Sans Condensed'; font-weight:700; font-size:22px; color:#b4b4b4; line-height:22px; padding:20px 0 20px 0; margin: 0; position: relative;}

h3 a{position: absolute; right: 0; top: 50%; margin-top: -10px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 13px; color: #b4b4b4; line-height: 20px; text-decoration: underline;}


h4{font-weight: 400; color:#b03e3e; padding:0px 0 5px 0; margin: 0px 0px 0px 0px;font-size: 17px; line-height: 20px;}
h4 a{color: #b03e3e; text-decoration: none;}



h6{ font-family:'Open Sans Condensed'; font-weight:700; font-size:20px; line-height: 25px; color:#fff; padding:0px 0 10px 0; margin: 0px 0px 0px 0px; text-transform: uppercase;}


.upper { text-transform:uppercase;}

.color1{ color:#fff;}

.color2{ color:#b4b4b4;}

.f2{font-size: 12px; line-height: 16px;}

.line1 { height:2px; background:url(../images/line1.jpg) 0 0 repeat-x; margin:15px 0;}

.radius1{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.pad_bot1{padding-bottom: 20px;}


/* === */

.button1{ display:inline-block; line-height:20px;  text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:15px; font-weight: 400; color:#cfcece; white-space:nowrap; letter-spacing:0px; background:#b03e3e; padding: 10px 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.button1:hover { color:#fff; background: #3c3c3c;}

.button2{ display:inline-block; line-height:25px;  text-decoration: underline; margin-top:10px; margin-bottom:10px; font-size:17px;font-weight: 400; color:#b03e3e; white-space:nowrap; letter-spacing:0px; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.button2:hover { color:#fff;}

.box1{padding:5px 20px 20px; background: #1c1c1c; margin-top: 20px;}

.box2{padding:5px 20px 20px; background: #1c1c1c; margin-top: 30px;}

.testimonial1{padding-bottom: 20px;}
.testimonial1 .txt1{padding-left: 55px; background: url(../images/testimonial1.png) 0 0 no-repeat;}
.testimonial1 .txt2{padding-top: 15px; text-align: right; color: #b44444; font-style: italic;}

.ul1{ padding: 0; margin: 0; list-style: none; padding-bottom: 0px;}
.ul1 > li {font-weight: 400; font-size: 14px; color: #b4b4b4; line-height: 20px; padding:8px 0px 8px 20px; margin: 0px 0px 0px 0px; background: url(../images/li_st1.png) 0px center no-repeat;}
.ul1 > li a{color:#b4b4b4; text-decoration: none; }
.ul1 > li a:hover{color:#fff; text-decoration: underline; }

.google_map{ position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 5px; background: #3c3c3c; border: none;line-height: 1px;}
.google_map iframe{position: relative; width: 100%; height: 440px; border: none; background: #fff;}





/*================= login =========================*/
#login{}
#login input{background: #3b3b3b; border: 1px solid #1e1e1e; color: #b6b6b9; padding-top: 10px; padding-bottom: 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
#login .name, #login .pass{width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#login input:focus{border-color:#b6b6b9; }

#login .submit{border: 0; margin: 0; margin-top: 10px; display: inline-block;height: 40px; line-height:40px;  text-decoration: none; font-size:15px;  font-weight: 400; color:#cfcece; white-space:nowrap; letter-spacing:0px; background:#b03e3e; padding:0px 30px;}
#login .submit:hover{ color:#fff; background: #3c3c3c;}



/* ============================= thumbnail ====================== */
.img-polaroid{position: relative; padding: 5px; background: #3c3c3c; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.img-polaroid.w1{padding: 10px;}
.thumbnail .caption{padding: 0; color: #b4b4b4}

.thumb1 {margin-bottom: 20px;}
.thumb1.last {margin-bottom: 0px;}
.thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb1 figure{margin: 0; float: left; margin:0px 20px 20px 0px;}
.thumb1 figure img{width: auto;}
.thumb1 .caption{}

.thumb2 {margin-bottom: 20px; background: url(../images/thumb2.jpg) left bottom repeat-x; padding-bottom: 20px;}
.thumb2.last {margin-bottom: 0px;}
.thumb2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb2 figure{margin: 0; float: left; margin:0px 20px 0px 0px;}
.thumb2 figure img{width: 100px; }
.thumb2 .caption{font-size: 12px; line-height: 14px;display: table;}

.thumb3 {margin-bottom: 20px;}
.thumb3.last {margin-bottom: 0px;}
.thumb3 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb3 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb3 figure img{width: 100%;}
.thumb3 .caption{}












.thumb-isotope {}
.thumb-isotope .thumbnail{padding: 0px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; }
.thumb-isotope .thumbnail a{position: relative;  display: block; text-decoration: none; padding: 0px;background: none;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover{}
.thumb-isotope .thumbnail a figure{position: relative; margin: 0; float: none; margin:0px 0px 0px 0px; padding: 5px; border: none; background: #3c3c3c; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover figure{background: #b74747;}
.thumb-isotope .thumbnail a img{width: 100%;}
.thumb-isotope .thumbnail a em{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background: url(../images/photo1.png) center center no-repeat; opacity: 0; filter: alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover em{opacity: 1; filter: alpha(opacity=100);}
.thumb-isotope .thumbnail a .caption{color: #b4b4b4; text-align: center; padding: 5px 10px; background: #3c3c3c; margin-top: 1px; border-bottom: 1px solid #b74747;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover .caption{color: #fff; background: #b74747;}


.centrado{
	text-align: center;
}
.guason{
	max-width: 400px;
}




/*================= Contacts =========================*/
#note{ }
.notification_error{ color:#be3b3b; padding-bottom:10px; }
.notification_ok{ text-align: left; padding-bottom:10px; } 

#ajax-contact-form .control-group{margin-bottom: 10px;}
#ajax-contact-form .control-label{display: none;}
#ajax-contact-form .controls{margin-left: 0;}
#ajax-contact-form input, #ajax-contact-form textarea{background: #393939; border: 1px solid #1a1a1a; color: #b6b6b9; padding-top: 10px; padding-bottom: 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: inset  0px 3px 20px 3px  #2a2a2a; -webkit-box-shadow: inset  0px 3px 20px 3px  #2a2a2a; box-shadow: inset  0px 3px 20px 3px  #2a2a2a; width: 100%; display: block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto;}
#ajax-contact-form input:focus, #ajax-contact-form textarea:focus{border-color:#b6b6b9; }
#ajax-contact-form textarea{height: 180px;}
#ajax-contact-form .control-group.capthca{margin-bottom: 0px;}
#ajax-contact-form .capthca input{width: 126px; float: left; margin-right: 30px;margin-bottom: 10px;}
#ajax-contact-form img{float:left; width:170px; height:42px;margin-bottom: 10px;}

#ajax-contact-form .submit{border: 0; margin: 0; margin-top: 15px; display: inline-block;height: 40px; line-height:40px;  text-decoration: none; font-size:15px;  font-weight: 400; color:#cfcece; white-space:nowrap; letter-spacing:0px; background:#b03e3e; padding:0px 30px; }
#ajax-contact-form .submit:hover{ color:#fff; background: #3c3c3c;}

.button1{ display:inline-block; line-height:20px;  text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:15px; font-weight: 400; color:#cfcece; white-space:nowrap; letter-spacing:0px; background:#b03e3e; padding: 10px 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.button1:hover { color:#fff; background: #3c3c3c;}



/*================= 404 =========================*/
.page-404{text-align: center;}
.page-404 .txt1{font-family:'Open Sans Condensed'; font-weight:700; font-size:220px; color:#fff; line-height:220px; }
.page-404 .txt2{font-family:'Open Sans Condensed'; font-weight:300; font-size:70px; color:#b6b6b9; line-height:70px; }


.PublicidadCuadrada{margin: 20px;}

.centrado{
	margin: 0 auto;
}






/*----- media queries ------*/
/* Large desktop */
@media (min-width: 1200px) {
	
	#inner{max-width: 1230px; }

	.shadow1{width: 1230px; margin-left: -615px;}

	
}
/* Default landscape and desktop to large desktop */
@media (max-width: 1199px) {
	
}
@media (min-width: 980px) and (max-width: 1199px) {
	
	
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {	


	
}
@media (min-width: 768px) and (max-width: 979px) {
	
	#inner{max-width: 784px; }
	
	.nav-collapse_.collapse{height: auto!important; overflow: visible!important;}
	.navbar_ .btn-navbar{display: none;}

	header{float: none;}

	.top1 .block2{float: none; padding-top: 25px;}

	.shadow1{width: 784px; margin-left: -392px;}

	.bot2{min-height: 30px;}

	.navbar-form input { width: 80px;}

	.navbar_ .nav > li > a{font-size: 18px; padding: 0 20px;}


	
	
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	body{background-position: center 100px;}

	body{padding-left: 0; padding-right: 0;}
	.container{width: 440px;}

	header{float: none;}

	.top1{padding-left: 20px; padding-right: 20px;}

	.top1 .block2{float: none; padding-top: 25px;}

	.listen1_wrapper{float: none; margin-right: 0;}

	.air1_wrapper{float: none; margin-right: 0; margin-top: 20px;}

	.phone1_wrapper{float: none; padding-top: 20px;}

	.shadow1{width: 440px; margin-left: -220px;}

	.bot2{min-height: 25px;}

	.navbar_ {float: none;}
	.navbar_ .nav{display: block; background: #ae3b3b;}
	.navbar_ .nav > li{float: none; padding-right: 0; background: none; border-bottom: 1px solid #d26c6c;}
	.navbar_ .nav > li > a{line-height: 45px; font-size: 18px;}
	.navbar_ .nav > li > a > em{bottom: 5px;}
	.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{}
	.sub-menu ul{position: relative; left: 0; top: 0;}

	.sub-menu li a{font-size: 18px; line-height: 20px; padding: 8px 35px 8px 20px; }

	.bot1 .block1{float: none;}

	.bot1 .block2{float: none; padding-top: 20px; text-align: left;}

		
}
@media (min-width: 481px) and (max-width: 767px) {
	
	#inner{max-width: 480px; }
	
}
/* Landscape phones and down */
@media (max-width: 480px) {

	.container{width: 300px;}

	.shadow1{width: 300px; margin-left: -150px;}

	.navbar-form input { width: 120px;}

	.google_map iframe{height: 240px;}

	.page-404 .txt1{font-size: 150px; line-height: 150px;}
	.page-404 .txt2{font-size: 50px; line-height: 50px;}


}