/* CSS Document */
body
{
	margin:0 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-weight:lighter;
	font-stretch: condensed;
	background-color:#FFFFFF;
	color:#555555;
	text-align:justify;
	padding:0;
}
html
{
	scroll-behavior: smooth;
}
/*h1 { color:#479700; font-family: 'Amaranth', sans-serif; }
h2 { color:#000000; font-family: 'Amaranth', sans-serif; }
h3 { color:#999999; font-family: 'Amaranth', sans-serif; }
*/
h1 { color:#000000; font-family: 'Open Sans', sans-serif; }
h2 { color:#000000; font-family: 'Open Sans', sans-serif; }
h3 { color:#000000; font-family: 'Open Sans', sans-serif; }
img { width:100%; }
a {	text-decoration:none; }
a:hover { text-decoration:underline; }
html {
        scroll-behavior: smooth;
       /*Comenta la línea (o dale el valor 'auto' a scroll behavior )
       para probar la diferencia con y sin scroll suavizado*/
}

.gradiente2 {
  background: blue; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,64,128,1) , skyblue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,64,128,1), skyblue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,64,128,1), skyblue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,64,128,1) , skyblue); /* Standard syntax */
}

.gradiente
{
background: rgba(41,133,46,1);
background: -moz-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,133,46,1)), color-stop(100%, rgba(39,205,230,0.5)));
background: -webkit-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: -o-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: -ms-linear-gradient(left, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
background: linear-gradient(to right, rgba(41,133,146,1) 0%, rgba(39,205,230,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29852e', endColorstr='#27cde6', GradientType=1 );
}

.justificado { text-align:justify; }

.enlace-titulo 			{ color:#8C008C; text-decoration:none; font-weight:bold; font-size:1.2em; }
.enlace-titulo:hover 	{ color:#FF00FF; }
.enlace-derecha 		{ text-decoration:none; font-weight:bold; color:#FFFFFF; }
.enlace-derecha:hover 	{ text-decoration:none; color:#FFCC00; }
.enlace-cabecera { font-weight:bold; }
.enlace-cabecera-seccion { font-weight:bold; color:#EAF4FF;; }
.enlace-cabecera-seccion:hover { font-weight:bold; color:#FFFFFF; text-decoration:none; }
.enlace-imagen-inicio
{
	opacity: .9;
	-moz-opacity: .9;
	filter:alpha(opacity=90);
}
.enlace-imagen-inicio:hover
{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
.enlace-blanco
{
	color:#8A8AFF;
}

#wrapper {
    width: 1200px;
    transform: translate3d(0, 0, 0);
	transition: transform .5s ease-in-out;
}
.content {
    float: left;
    width: 600px;
    height: 500px;
    white-space: normal;
    background-repeat: no-repeat;
}
#itemOne {
}
#itemTwo {
}
#itemThree {
    background-color: #1E90FF;
    background-image: url("../imagenes/portada-s3.jpg");
}
#itemFour {
    background-color: #DC143C;
    background-image: url("../imagenes/portada-s4.jpg");
}
#contentContainer {
    width: 600px;
    height: 500px;
    overflow: hidden;
}

#navLinks {
    text-align: center;
    width: 1024px;
}
#navLinks ul
{
        margin: 0px;
        padding: 0px;
        display: inline-block;
        margin-top: 4px;
    }
#navLinks ul li {
            float: left;
            text-align: center;
            margin: 10px;
            list-style: none;
            cursor: pointer;
            background-color:#00CCFF;
            padding: 5px;
            border-radius: 50%;
            border: black 5px solid;
        }
#navLinks ul li:hover {
                background-color:#FFFFFF;
            }
#navLinks ul li.active {
                background-color:#006699;
                color: #FFFFFF;
                outline-width: 7px;
            }
#navLinks ul li.active:hover {
                    background-color:#004080;
                    color: #FFFFFF;
                }
				
.imagen-galeria-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#FFFFFF; font-size:0.8em; font-weight:bold; text-shadow:0px 0px 2px #000000; text-align:center;}
.imagen-galeria-link:hover{background-color:#990000;}
.imagen-galeria{width:210px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}

.imagen-portada-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#666666; font-size:0.8em; font-weight:bold; text-align:center; background-color:#EEEEEE;}
.imagen-portada-link:hover{ color:#FF0000;}
.imagen-portada{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px; width:280px;}
.ancho-tour-portada { width:280px; }

.imagen-seccion-link{display:inline-block;padding:4px;margin:0 0.5rem 1rem 0.5rem;background-color:#fff;-webkit-transition:background-color 0.1s ease-out;-moz-transition:background-color 0.1s ease-out;-o-transition:background-color 0.1s ease-out;transition:background-color 0.1s ease-out;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px; color:#666666; font-size:0.8em; font-weight:bold; text-align:center; background-color:#EEEEEE;}
.imagen-seccion-link:hover{ color:#FF0000; }
.imagen-seccion{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.mobile-menu
{
	display:none;
    width:90%;
    padding:11px;
    background:#660000;
    color:#ffffff;
    text-transform:uppercase;
}
.mobile-menu:hover
{
	background:#990000;
   	color:#000000;
    text-decoration:none;
}

.menu{display:block;}
.menu li{display: inline-block; position: relative; z-index:100; text-align:left;}
.menu li a
{
	font-weight:normal; text-decoration:none; padding:11px; display:block; color:#FFFFFF;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
     
.menu li a:hover, .menu li:hover > a{color:#000000; background-color:#333333;}
/* hide the second level menu */
.menu ul
{
	display: none;
    margin: 0;
    padding: 0;
    width: 150px;
    position: absolute;
    top: 36px;
    left: 0px;
    background: #333333;
}
/* display second level menu on hover */
.menu li:hover > ul{ display: block; color:#000000;}
.menu ul li
{
	display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
	color:#000000;
}
.menu ul li a
{
	display:block;
    color:#000000;
    border:1px solid #CCCCCC;
    background:#ffffff;
}
.menu ul li a:hover, .menu ul li:hover > a
{
    background:#000000;
    border-left:1px solid #CCCCCC;
    color:#000000;
}
/* change level 3 menu positions */
.menu ul ul {left: 149px; top: 0px; }

#slideshow {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 528px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  position:relative;
}

#slideshow > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#slideshow2 {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 528px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  position:relative;
}

#slideshow2 > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


ol,ul{list-style:none}
a img{border:none}
article{display:block}
#slider{text-align:center}
label,a{color:brown;cursor:pointer;text-decoration:none;}
label:hover,a:hover{color:#ddd!important}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
label,#active,img{-moz-user-select:none;-webkit-user-select:none}
.catch{display:block;height:0;overflow:hidden}
#slider{margin:0 auto}
#slide1:checked ~ #slides .inner{margin-left:0}
#slide2:checked ~ #slides .inner{margin-left:-100%}
#slide3:checked ~ #slides .inner{margin-left:-200%}
#slide4:checked ~ #slides .inner{margin-left:-300%}
#slide5:checked ~ #slides .inner{margin-left:-400%}
#container{width:100%;overflow:hidden}
article img{width:100%}
#slides .inner{width:500%;line-height:0}
#slides article{width:20%;float:left}
#commands{margin:-25% 0 0 0;width:100%;height:50px}
#commands label{display:none;width:80px;height:80px;opacity:0.5}
#commands label:hover{opacity:0.8}
#active{position:relative;z-index:5;margin:16% 0 0;text-align:center}
#active label{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;width:10px;height:10px;background:#bbb}
#active label:hover{background:#333;border-color:#777!important}
#slide1:checked ~ #commands label:nth-child(2),#slide2:checked ~ #commands label:nth-child(3),#slide3:checked ~ #commands label:nth-child(4),#slide4:checked ~ #commands label:nth-child(5),#slide5:checked ~ #commands label:nth-child(1){background:url('../imagenes/next.png') no-repeat;float:right;margin:48px 12px 0 0;display:block}
#slide1:checked ~ #commands label:nth-child(5),#slide2:checked ~ #commands label:nth-child(1),#slide3:checked ~ #commands label:nth-child(2),#slide4:checked ~ #commands label:nth-child(3),#slide5:checked ~ #commands label:nth-child(4){background:url('../imagenes/previous.png') no-repeat;float:left;margin:48px 0 0 -6px;display:block}
#slide1:checked ~ #active label:nth-child(1),#slide2:checked ~ #active label:nth-child(2),#slide3:checked ~ #active label:nth-child(3),#slide4:checked ~ #active label:nth-child(4),#slide5:checked ~ #active label:nth-child(5){background:#000;opacity:0.6;border-color:#fff!important;border:2px solid #fff}
.caption{line-height:20px;margin:0 0 -150%;position:absolute;padding:320px 12px;opacity:0;color:#fff;text-transform:none;font-family:'Open Sans',Arial,Helvetica,sans-serif;text-align:left;font-size:18px}
.caption bar{display:inline-block;padding:10px;background:#000;border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}
#slides{position:relative;padding:2px;border:1px solid #ddd;margin:12px 0 0;background:#FFF;background:-webkit-linear-gradient(#FFF,#FFF 20%,#EEE 80%,#DDD);background:-moz-linear-gradient(#FFF,#FFF 20%,#EEE 80%,#DDD);background:-ms-linear-gradient(#FFF,#FFF 20%,#EEE 80%,#DDD);background:-o-linear-gradient(#FFF,#FFF 20%,#EEE 80%,#DDD);background:linear-gradient(#FFF,#FFF 20%,#EEE 80%,#DDD);-webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);box-shadow:0 0 3px rgba(0,0,0,0.2)}
#slides .inner{-webkit-transform:translateZ(0);-webkit-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-moz-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-ms-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-o-transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);-webkit-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-moz-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-ms-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);-o-transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000);transition-timing-function:cubic-bezier(0.770,0.000,0.175,1.000)}
#slider{-webkit-transform:translateZ(0);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
#commands label{-webkit-transform:translateZ(0);-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}
#slide1:checked ~ #slides article:nth-child(1) .caption,#slide2:checked ~ #slides article:nth-child(2) .caption,#slide3:checked ~ #slides article:nth-child(3) .caption,#slide4:checked ~ #slides article:nth-child(4) .caption,#slide5:checked ~ #slides article:nth-child(5) .caption{opacity:1;-webkit-transition:all 1s ease-out 0.6s;-moz-transition:all 1s ease-out 0.6s;-o-transition:all 1s ease-out 0.6s;transition:all 1s ease-out 0.6s}
#commands,#commands label,#slides,#active,#active label{-webkit-transform:translateZ(0);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
#slider{max-width:1200px}
/*#slider{max-width:1200px}*/

@media only screen and (max-width:850px) and (min-width:450px){
  #slider #commands{margin:-25% 0 0 5%;width:90%;height:50px}
  #slider #commands label{-moz-transform:scale(0.9);-webkit-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
  #slider #slides .caption{padding:280px 12px}
  #slider #slides{padding:2px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  #slider #active{margin:15% 0 0}
}
@media only screen and (max-width:450px){
  #slider #commands{margin:-28% 0 0 1%;width:100%;height:70px}
  #slider #active{margin:12% 0 0}
  #slider #slides{padding:2px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  #slider #slides .caption{opacity:0!important}
  #slider #commands label{-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}
}
@media only screen and (min-width:850px){
  /*body{padding:0 80px}*/
  body{padding:0;}
}

.boton-buscar
{
 border: none;
 background:#093031;
 color: #FFFFFF;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 text-decoration:none;
}
.boton-buscar:hover {
 background: rgba(0,0,0,0);
 color:#000000;
 box-shadow: inset 0 0 0 3px #093031;
 cursor:pointer;
 text-decoration:none;
}
.boton-transparente
{
 border:solid;
 border-width:1px;
 background:none;
 color: #FFFFFF;
 padding: 10px;
 font-size: 18px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.boton-transparente:hover {
 background: rgba(0,0,0,0);
 color: #000000;
 box-shadow: inset 0 0 0 0 #000000;
 cursor:pointer;
}

  .formulario-book > div {
    padding: 20px 0;
    border-bottom: 1px solid #ccc; }
  .formulario-book .radio label,
  .formulario-book .checkbox label {
    display: inline-block;
    cursor: pointer;
    color: #000000;
    position: relative;
    padding: 5px 15px 5px 51px;
    font-size: 1em;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .formulario-book .radio label:hover,
    .formulario-book .checkbox label:hover {
      background: rgba(0, 0, 0, 1); }
    .formulario-book .radio label:before,
    .formulario-book .checkbox label:before {
      content: "";
      display: inline-block;
      width: 17px;
      height: 17px;
      position: absolute;
      left: 15px;
      border-radius: 50%;
      background: none;
      border: 3px solid #000000; }
  .formulario-book input[type="radio"] {
    display: none; }
    .formulario-book input[type="radio"]:checked + label:before {
      display: none; }
    .formulario-book input[type="radio"]:checked + label {
      padding: 5px 15px;
      background: #000000;
      border-radius: 2px;
      color: #fff; }
  .formulario-book .checkbox label:before {
    border-radius: 3px; }
  .formulario-book .checkbox input[type="checkbox"] {
    display: none; }
    .formulario-book .checkbox input[type="checkbox"]:checked + label:before {
      display: none; }
    .formulario-book .checkbox input[type="checkbox"]:checked + label {
      background: #FF4136;
      color: #fff;
      padding: 5px 15px; }