/* Estilos propios */

.owl-carousel .owl-item{
    max-height:780px;
    width:100%;
}

.customNavigation{
	cursor: pointer;
    position: relative;
	width: 100%;
}
.customNavigation .prev{display:block; width:26px; height:auto; position:absolute; top: -460px; left: -70px; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222);}
.customNavigation .next{display:block; width:26px; height:auto; position:absolute; top: -460px; right: -70px; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222);}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-controls {
    text-align: center;
	width:100%;
}
.owl-controls .owl-page {
    display: inline-block;
}
.owl-pagination {position:relative;bottom:50px;}
.owl-controls .owl-page span {
	background-image:url(../images/slide_nosel.png);
    display: block;
    height: 14px;
    margin: 5px 7px;
    width: 15px;
}

.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span {
    background-image:url(../images/slide_sel.png);
}


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */


@media only screen and (max-width: 980px) {

    .customNavigation .prev{position:absolute; top: -350px; left: 20px;}
    .customNavigation .next{position:absolute; top: -350px; right: 20px;}

}


@media only screen and (max-width: 900px) {

}



@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 600px) {
  /* Style adjustments for viewports 600px and over go here */
	
}

@media only screen and (max-width: 460px) {
  /* Style adjustments for viewports 460px and over go here */
  
}

@media only screen and (max-width: 359px) {
  /* Style adjustments for viewports 359px and over go here */
  
}
