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

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

#map {
  height: 400px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}


body {

padding: 0px;
margin: 0px;
font-family: 'Open Sans', sans-serif;
/*font-size:1.6vmax;*/
/*font-size: max(1vh,20px);*/
/*font-size: clamp(20px, 1vh, 24px);*/
font-size: clamp(16px, 2vh, 24px);
letter-spacing: 0px;
font-weight: 400;
display: flex;
flex-direction: column;
min-height: 100%;

}

html {
  
  height: 100%;
  
}



#content {
  
  flex: 1;
  
}

#footer {
  
  border-top: solid 6px #FF9900;
  
}


.times {
    
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(20px, 2vh, 33px);
    
}


table.times td:first-child {

   margin: 0px;
   text-align: left;
   padding: 5px 80px 5px 0px;
   /*font-size: 1.2em;*/
   
}


table.times td:nth-child(n+2):nth-child(-n+4) {

   margin: 0px;
   padding: 5px 40px 5px 0px;
   
}


.prices_l1 {
    
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(20px, 2vh, 32px);
    
}

table.prices_l1 td:first-child {

   margin: 0px;
   text-align: left;
   padding: 5px 40px 5px 0px;
   /*font-size: 1.2em;*/
   
}


table.prices_l1 td:nth-child(n+2):nth-child(-n+4) {

   margin: 0px;
   padding: 5px 20px 5px 20px;
   
}


.prices_l2 {
    
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(20px, 2vh, 32px);
  
}

table.prices_l2 td:first-child {

   margin: 0px;
   
   padding: 5px 40px 5px 0px;
   text-align: left;
   
}


table.prices_l2 td:nth-child(n+2):nth-child(-n+4) {

   margin: 0px;
   padding: 5px 40px 5px 40px;
   text-align: center;
    
}


.from {
    
    font-size: 0.8em
    
}


.top {

width: 100%;
background-color:#333333;

}

.top_content {


color:#FFFFFF;
max-width: 1000px;
margin:auto;

}


.main{

width: 100%;
margin: 0px;

}

.main_content {

margin:auto;
max-width: 1000px;
padding-top: 20px;

}




.title_back {
    
float: left;
margin-top: 266px;
margin-left: 10px;
opacity: 0.6;
cursor: pointer;
    
}

.title_forward {

float: right;
transform: scaleX(-1);
margin-top: 266px;
margin-right: 10px;
opacity: 0.6;
cursor: pointer;

}



a:link, a:visited {
    color: #000000;
	text-decoration: none;
}

a:hover, a:active {
    color: #ff9900;
	text-decoration: none;
}



a:link.top, a:visited.top {
    color: #FFFFFF;
	text-decoration: none;
}

a:hover.top, a:active.top {
    color: #ff9900;
	text-decoration: none;
}


a:link.site_menu, a:visited.site_menu {
    color: #FFFFFF;
	text-decoration: none;
    padding: 10px;

}

a:hover.site_menu, a:active.site_menu {
    color: #ff9900;
	text-decoration: none;
	padding: 10px;
}


a:link.book, a:visited.book {
    color: #000000;
	text-decoration: none;
}

a:hover.book, a:active.book {
    color: #FFFFFF;
	text-decoration: none;
}



.ext-face { float: left; width: 89px; height: 92px; background-image:url('images/socialfb.png'); opacity: 0.7; }
.ext-face:hover { float: left; width: 89px; height: 92px; background-image:url('images/socialfbover.png'); opacity: 0.7; }

.ext-tw { float: left; width: 89px; height: 92px; background-image:url('images/socialtwitter.png'); opacity: 0.7; }
.ext-tw:hover { float: left; width: 89px; height: 92px; background-image:url('images/socialtwitterover.png'); opacity: 0.7; }

.social-ig { float: left; width: 89px; height: 92px; background-image:url('images/socialig.png'); opacity: 0.7; }
.social-ig:hover { float: left; width: 89px; height: 92px; background-image:url('images/socialigover.png'); opacity: 0.7; }




input[type=text], input[type=text]:focus {

text-transform: capitalize;

}

input[type=text], input[type=email] {

border-radius:8px;
padding: 18px;
/*font-size: clamp(18px, 2vh, 34px);*/
font-size: min(1.2em,24px);
border: solid 3px #DDDDDD;
outline: none;

}

input[type=text]:focus, input[type=email]:focus {

border-radius:8px;
padding: 18px;
font-size: min(1.2em,24px);
border: solid 3px #FF9900;
outline: none;
    
}


input[type=submit] {

border-radius:8px;
font-size: 1.2em;
border: 0px;
background-color: #FF9900;
cursor: pointer;
}

input[type=submit]:active {

border-radius:8px;
font-size: 1.2em;
background-color:#FFCC66;

}

/*
input[type=text].index {

border-radius:8px;
padding: 12px;
font-size: clamp(18px, 2vh, 34px);
border: solid 1px #AAAAAA;
text-transform: capitalize;
background-color: lime;

}

input[type=text]:focus.index {

border-radius:8px;
padding: 12px;
font-size: clamp(18px, 2vh, 34px);
border: solid 1px #FF9900;
text-transform: capitalize;
background-color: dodgerblue;
}
*/



select {

background-color: #FFFFFF;
border-radius: 4px;
border: solid 3px #DDDDDD;
margin-top: 10px;
font-size: 1em;

}

select:focus {

background-color: #FFFFFF;
border-radius: 4px;
border: solid 3px #FF9900;
margin-top: 10px;


}

select option:checked {

padding: 8px;
font-size: 1em;


}

textarea {
font-family: 'Open Sans', sans-serif;
padding: 18px;
font-size: min(1.2em,24px);
border: solid 3px #DDDDDD;
border-radius: 8px;
outline: none;

}


textarea:focus {
font-family: 'Open Sans', sans-serif;
padding: 18px;
font-size: min(1.2em,24px);
border: solid 3px #FF9900;
border-radius: 8px;
outline: none;

}

input.invalid, textarea.invalid{
	border: 3px solid red;
	transition: border 1s;
}

input.valid, textarea.valid{
	border: 3px solid green;
}




#book_menu_details {
    
    background-image: url(book_arrow_2.png), url(book_arrow_1.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 50% 100%, 100% 100%;
    padding: 10px 30px 10px 30px;
    width: 155px;
    border-radius: 8px;
    
}

#book_menu_options, #book_menu_date {
    
    width: 155px; 
    padding: 10px 30px 10px 30px;
    background-image:url('book_arrow_1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -23px;
    opacity: 0.5;
    width: 155px;
    
}

#book_menu_confirm {
    
    background-image: url(book_arrow_1.png), url(book_arrow_2.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%, 50% 100%;
    background-position: left center, right center;
    padding: 10px 30px 10px 30px;
    margin-left: -23px;
    opacity: 0.5;
    width: 155px;
    border-radius: 8px;

}


.g-recaptcha {
  transform: scale(1.5);
  transform-origin: 0 0;
}


@font-face {
    font-family: FontAwesome;
    src: url(FontAwesome.otf);
}

@font-face {
    font-family: EchinosParkScript;
    src: url(echinosparkscript.ttf);
}

@font-face {
    font-family: ChampagneLimousines;
    src: url(champagnelimousines.ttf);
}