/*headerimageslider*/
#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto;
}

.jquery-script-center ul {
    width: 212px;
    float: left;
    line-height: 45px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jquery-script-center a {
    text-decoration: none;
}

.jquery-script-clear {
    clear: both;
    height: 0;
}

a.header-button {
  border-radius: 0px;
  width:130px;
  height:32px;
  font-size: 14px;
  line-height: 10px;

	
}
.carousel-caption{
padding-bottom: 50px;
}
.glyphicon-chevron-left:before {
display:none;

}

.glyphicon-chevron-right:before {
    content: ">";
	display:none;


}

.carousel-caption p.banner-title {
font-family: futura-pt-condensed,sans-serif;
    font-style: normal;
    text-shadow: -2px -2px 7px #000;
    text-transform: uppercase;
	color:white;
	font-size: 55px;
	line-height: 1;
  }

.carousel-control {width: 10%;}

#myCarousel > a.left.carousel-control, a.right.carousel-control {
position:absolute;
top:40%;
display:inline-block;
z-index:11;
}



a.right.carousel-control {
	right:0%;
}
		
#myCarousel > a.left.carousel-control {
	left:8%;
    z-index:11;
}

/************mobile****************/


/* Parece que este cambio afecta más de lo que yo desearía... va mejor sin funcionar!! */
/* @media (max-width:1000px){ */
@media all and (max-width:1000px){
	#myCarousel {padding-top:0px;}
	.carousel-indicators  {display: none;}
	.carousel-caption{padding-bottom:0px;}
	.overlay-slider {
		background-color:inherit;	
		/*z-index:0;*/
		/*height: 50%;*/
	}
	/*.overlay-mobile{
		background-image: inherit;
		position: relative;
	}*/
			
    a.header-button{
	  /*background-image:none;*/
      /*background-color:rgba(0,0,0,.4);
	  border:none;
		height: 25px;
		width:110px;
		font-size:12px;
		line-height: 0.6em;*/
    }
	a.header-button:visited{
	  /*background-image:none;*/
      /*background-color:rgba(0,0,0,.4);*/
	  /*border:none;*/
    }
}

}
@media all and (max-width:1000px) {
.carousel-caption h1 {
	/*font-size:270% !important;*/
	}
}


@media all and (max-width:769px) {
	.carousel-inner{
		min-height: 235px;
	}	
	.overlay-slider {
		/*height: 35%;*/
		/*background-color: inherit;*/
	}
	.carousel-caption h1 {
		font-size: 45px;
		/*font-size:200% !important*/;
	}
	.carousel-caption p.banner-title {
		font-size: 38px;
	}
	#myCarousel .carousel-caption p.banner-title {
		/*font-size: 40px !important;*/
	}
}
@media all and (max-width:650px){
	/*.overlay-slider {height: 55%;}*/
	.carousel-caption h1 {
		/*font-size:150% !important;*/
		font-size: 40px;	
	}
}
@media (max-width:537px){
	/*.overlay-slider {height: 55%;height: 100%;}*/
}
@media (max-width:476px){
	#myCarousel .carousel-inner{
		background-color: rgba(0,0,0,.4);
		padding: 0px;
		width: 100%;
	}
	#myCarousel .carousel-inner .container{
		background-color: inherit;
		padding-right: 0;
		padding-left: 0;
		margin-right: 0;
		margin-left: 0;
		margin: 0 auto;
		width: 85%;
	}
	#myCarousel .carousel-caption{
		left: 0;
		right: 0;
		padding-top: 30px;
		/*position: relative;*/

	}
	.overlay-slider {/*height: 100%;*/
                     height: 13px;
		background-color: inherit;
	}

    #myCarousel > a.left.carousel-control{
        left: 4%;
    }

}
@media (max-width:321px){
		.overlay-slider {/*height: 100%;*/}
}

@media (max-width:769px){
    #myCarousel > .carousel-inner > .item > img {
        min-height: 280px;
        height: auto;
    }
}

@media (min-width:770px) and (max-width:991px) {
    #myCarousel > .carousel-inner > .item > img {
        min-height: 330px;
        height: auto;
    }
}












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
