@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,greek-ext');

* {box-sizing: border-box;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 24px;text-align: center;}
div h2:before {background-color: #ff9908;content: '';position: absolute;left: 0px;bottom: 0px;width: 35px;height: 2px;transform: rotate(5deg);box-sizing: border-box;}
body h1, body h2, body h3, body h4, body h5, body h6 {font-family: 'Oswald', sans-serif;font-style: normal;line-height: 1.5;letter-spacing: 1.1px;}
select option, form input, form textarea {text-align:left;}
.cabecera {padding:70px 0px 30px 0px;}
h1 {color: #333333;margin: 0px 0px 23px 16px;font-family: 'Oswald', sans-serif;}
h5 {font-size: 18px;font-weight: 500;}
span {color: #666;}
div img {width: 100%;} /* Club */
.post-content p, .post-content li {text-align:left;}
div h5 a {color: #333333;font-family: 'Oswald', sans-serif;font-style: normal;line-height: 1.5;letter-spacing: 1.1px;font-size: 16px;}
.pagination {display: inline-flex;margin: 0 auto;} /* Remeros */
.logo{position:absolute;left:100px;width:200px} /* Logo */
.header_right{position:absolute;right:100px}
.navbar-collapse ul li a{font-size:16px;font-weight:500;color:#fff;}
.navbar-collapse ul li a:hover,.navbar-collapse ul li.active a{color:#ff9908}
a,a:hover,a:visited,a:active,a:link{text-decoration:none;-webkit-font-smoothing:antialiased;-webkit-text-shadow:rgba(0,0,0,.01) 0 0 1px;text-shadow:rgba(0,0,0,.01) 0 0 1px}
p a:active{position:relative;color:#ff6347}
ul{list-style:none}
ul,li{padding:0px;margin:0px;text-align:center;margin:auto;}
.izq, .izq h3{text-align:left !important;padding:0px;margin:0px}
.izq p, .izq li {text-align:left;}
.izq h3 {margin:10px 0px;}
*{font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}

.icon-camera { display: inline-block; width: 17px; height: 17px; background-image: url("../images/camara.svg"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.icon-persona { display: inline-block; width: 20px; height: 20px; background-image: url("../images/persona.png"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.icon-minus-red { display: inline-block; width: 20px; height: 20px; background-image: url("../images/minus-red.png"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.icon-facebook { display: inline-block; width: 22px; height: 22px; background-image: url("../images/facebook.png"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.icon-twitter { display: inline-block; width: 17px; height: 17px; background-image: url("../images/twitter.png"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.icon-x { display: inline-block; width: 22px; height: 22px; background-image: url("../images/x.png"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.icon-instagram { display: inline-block; width: 22px; height: 22px; background-image: url("../images/instagram.png"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.icon-plus { display: inline-block; width: 22px; height: 22px; background-image: url("../images/plus.png"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.icon-marcador { display: inline-block; width: 22px; height: 22px; background-image: url("../images/marcador.png"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
.icon-sobre { display: inline-block; width: 22px; height: 22px; background-image: url("../images/sobre.png"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; }

/* Principal */
div.carousel-caption h1 {color:white;}
h1 {margin:0; }
.carousel .carousel-item {height: 375px; }
.carousel-item img { position: absolute; object-fit:cover; top: 0; left: 0; min-height: 375px; }

/* Alineaciones */
/* Para las fotografías de las regatas que se amplíen cuando pulsamos */
.row:after {content: ""; display: table; clear: both;}
/* The Modal (background) */
.modal-imagen {display: none; position: fixed; z-index: 1031; padding-top: 20px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black;}
/* Modal Content */
.modal-content-imagen {position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 1200px;}
/* The Close Button */
.close {color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold;}
.close:hover, .close:focus {color: #999; text-decoration: none; cursor: pointer;}
/* Hide the slides by default */
.panzoom {display: none;}
/* Next & previous buttons */
.prev,.next {cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none;}
/* Position the "next button" to the right */
.next {right: 0; border-radius: 3px 0 0 3px;}
.prev {left:0%;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,.next:hover {background-color: rgba(0, 0, 0, 0.8);}
/* Number text (1/3 etc) */
.numbertext {color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
/* Caption text */
.caption-container {text-align: center; background-color: black; padding: 2px 16px; color: white;}
.active,.demo:hover {opacity: 1;}
img.hover-shadow {transition: 0.3s;}
.hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

p.tool {position: relative; z-index: 24; cursor: help; }
p.tool:hover {z-index: 25; text-decoration: none;}
p.tool span {display: none}
p.tool:hover span {display: block; position: absolute; top: 2em; right: 2em; width: 26em; background: #ECE0F8; color: #000; text-align: center; }
#contenedorPuzzle { color: black; overflow: hidden; }
#contenedors { max-width: 480px; float: left; }
.contenedor { border:1px solid black; }
#contenedors div { float: left; width: 200px; overflow: hidden; margin: 5px; }
#contenedors div div { height: 128px; float: left; width: 55%; }
#puzzle div { float: left; width: 200px; height: 128px; }
#puzzle div div div { height: 128px; float: left; width: 55%; }
#puzzle { max-width: 430px; }

/* Alineacionesedita
/* Para que no aparezcan al comienzo las dos opciones de la pantalla modal */
.borrar { display:none; }
.aparecer { display:block; }
/* Si no pongo esto el autocompletar no me muestra la lista desplegable */
ul.ui-autocomplete { z-index: 1100; max-height: 150px; overflow-y: auto; 
    /* prevent horizontal scrollbar */ overflow-x: hidden; }
form div {text-align:left;}
#div-cookies {position: fixed; bottom: 0px; left: 0px; width: 100%; background-color: white; box-shadow: 0px -5px 15px gray; padding: 7px; text-align: center; z-index: 99; }
.btn-outline-success { color:#ff9908; border-color:#ff9908;}
.btn-outline-success:hover { color:white; background-color:#ff9908; border-color:#ff9908;}

/* Para la sección de gráficos */
.grafico-pequeno { cursor: pointer; }
.modales { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; }
.cerrares { position: absolute; top: 10px; right: 20px; color: white; font-size: 30px; cursor: pointer; }
 
.gallery a img { float: left; height: auto; border: 2px solid #fff; -webkit-transition: -webkit-transform .15s ease; -moz-transition: -moz-transform .15s ease; -o-transition: -o-transform .15s ease; -ms-transition: -ms-transform .15s ease; transition: transform .15s ease; position: relative; }