/* null margins and padding to give good cross-browser baseline */
html,body,address,
blockquote,div,
fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,form,
table,tr,td,th,p,img {
	margin:0;
	padding:0;
}

#tagline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 90%;
/*background: linear-gradient(#e5e0fe, #f6f4fe);*/
  background:#DEF url(Images/h1Background.png) top left repeat-x;
  color: #00f;
  border-top:0.22222em solid #7AD; /* 2px */
}
#tagline::before {
  content: "";
  background: url(Images/logo3.svg) no-repeat 50%;
  aspect-ratio: 129 / 157;
  width: 5.3em;
  margin: .4em .8em 0.3em 1.1em;
  background-size: contain;
}

#tagline span {
  font: bold 34px/36px "Sonsie One", verdana, helvetica, sans-serif;
}

/* Adjust brand font and background image. */
@media screen and (max-width:320px){
  #tagline span {
    font:bold 19px/20px 'Sonsie One', verdana,helvetica,sans-serif;
  }
  #tagline::before {
    width: 2.5em;
  }
}

@media screen and (min-width:321px) and (max-width:480px){
  #tagline span {
    font:bold 23px/24px 'Sonsie One', verdana,helvetica,sans-serif;				
  }
  #tagline::before {
    width: 2.7em;
  }
}

@media screen and (min-width:481px) and (max-width:720px){
  #tagline span {
    font:bold 27px/29px 'Sonsie One', verdana,helvetica,sans-serif;
  }
  #tagline::before {
    width: 3em;
  }
}

@media screen and (min-width:721px) and (max-width:900px){
  #tagline span {
    font:bold 32px/34px 'Sonsie One', verdana,helvetica,sans-serif;		
  }
  #tagline::before {
    width: 4em;
  }
}

@media screen and (min-width:901px) and (max-width:1400px){
  #tagline span {
    font:bold 38px/40px 'Sonsie One', verdana,helvetica,sans-serif;		
  }
  #tagline::before {
    width: 5.3em;
  }
}

@media screen and (min-width:1401px){
  #tagline span {
    font:bold 42px/44px 'Sonsie One', verdana,helvetica,sans-serif;		
  }
  #tagline::before {
    width: 6em;
  }
}

#tagline small {
  box-sizing: border-box;
  flex: 1 0 100%;
  font: bold italic 130%/130% verdana, helvetica, sans-serif;
  padding: 0.3829em 0.78215em;
  color: navy;
  background: linear-gradient(to right, #bed8f3 60%, #214aa2);
  border-top: 2px solid #7ad;
  border-bottom: 2px solid #7ad;
}

/* Adjust the tagline font size. */
@media screen and (max-width:320px){
	#tagline small {
        	font:bold italic 105%/105% verdana,helvetica,sans-serif;
	}
}

@media screen and (min-width:321px) and (max-width:480px){
	#tagline small {
        	font:bold italic 110%/110% verdana,helvetica,sans-serif;
	}
}

@media screen and (min-width:481px) and (max-width:720px){
	#tagline small {
        	font:bold italic 115%/115% verdana,helvetica,sans-serif;
	}
}

@media screen and (min-width:721px) and (max-width:900px){
	#tagline small {
        	font:bold italic 125%/125% verdana,helvetica,sans-serif;
	}
}

@media screen and (min-width:901px){
	#tagline small {
        	font:bold italic 130%/130% verdana,helvetica,sans-serif;
	}
}

/*html {
	font-size: 100%;
}*/

img,fieldset {
	border:none;
}

img
{
    max-width: 100%;
}

hr {
	display:none; /* I use HR for non-screen.css users */
}

.plate {
	display:block;
	margin:0 auto 1.1765em; /* 16px */
}

.leadingPlate {
	float:left;
	margin:0 1.1765em 1.1765em 0; /* 16px 16px */
}

.trailingPlate {
	float:right;
	margin:0 0 1.1765em 1.1765em; /* 16px 16px */
}

.plate,
.leadingPlate,
.trailingPlate {
	border:0.1470625em solid #FFF; /* 2px */
	-moz-box-shadow:0 0 0.58825em 0.294125em #048; /* 8px 4px */
	-webkit-box-shadow:0 0 0.58825em 0.294125em #048; /* 8px 4px */
	box-shadow:0 0 0.58825em 0.294125em #048; /* 8px 4px */
}

/* Adjust image dimensions by a % of their width. */
@media screen and (max-width:320px){
.plate{height:40px;width:auto}
}

@media screen and (max-width:320px){
.leadingPlate{height:40px;width:auto}
}

@media screen and (max-width:320px){
.trailingPlate{height:40px;width:auto}
}

@media screen and (min-width:321px) and (max-width:480px){
.plate{height:60px;width:auto}
}

@media screen and (min-width:321px) and (max-width:480px){
.leadingPlate{height:60px;width:auto}
}

@media screen and (min-width:321px) and (max-width:480px){
.trailingPlate{height:60px;width:auto}
}

@media screen and (min-width:481px) and (max-width:720px){
.plate{height:80px;width:auto}
}

@media screen and (min-width:481px) and (max-width:720px){
.leadingPlate{height:80px;width:auto}
}

@media screen and (min-width:481px) and (max-width:720px){
.trailingPlate{height:80px;width:auto}
}

.phoneNumber {
        font-weight: bold;
	color: #00F;
}

#content table.tabla-image {
	float:right;
}

body {
	font:normal 85%/150% verdana,helvetica,sans-serif;
	color:#008;
	background:#E2EDFF;
}

dl {margin-left: 1.25em; padding-left: 1.25em;}

dl dt {margin-bottom: 1em; font:bold 100%/120% 'Sonsie One', verdana,helvetica,sans-serif;}

dl dd {margin-bottom: 5em}

.attention {
	margin-top:1em;
	margin-bottom:1.66em;
	font:bold 120%/96% 'Sonsie One', verdana,helvetica,sans-serif;
	color:#00F;
	/*padding:22px 8px 22px 68px;*/
}

#tagline span span {
	display:none; /* hide CSS off formatting hyphen */
}

.fun {
	color: blue;
	font-family: Georgia, Times, serif;
	letter-spacing: 0.05em;
}

.tab {
    text-align: center;
    font-weight: bold;
}

#columnWrapper {
	overflow:hidden; /* wrap floats */
	zoom:1; /* trip haslayout, wrap floats IE */
	min-width:320px;
	max-width:90em; /* 70em */
	background:#E2EDFF url(Images/sideBarBackground.jpg) 0 4.5% repeat-y; /* 174px */
	background-size: 20.16806%;
}

* html #columnWrapper {
	width:752px; /* IE6/lower know not the min/max-width, so give them a crappy litle stripe */
}

#sideBar {
	float:left;
	width:20.1680672%; /* 192/952 = 0.201680672 */
}

/* default position is static: top-left corner after previous element, pushed slightly down and right by padding */
#mainMenu {
	list-style:none;
	padding:0.856618em; /* 12px */
	font:bold 1.03em/1.285725em verdana,helvetica,sans-serif; /* 14px/18px */
}

/* Adjust menu font for small screens. */
@media screen and (max-width:430px){
	#mainMenu {
        	font:bold 0.85em/1.1em verdana,helvetica,sans-serif;
	}
}

@media screen and (min-width:1000px) and (max-width:1200px){
	#mainMenu {
        	font:bold 1.09em/1.3em verdana,helvetica,sans-serif;
	}
}

@media screen and (min-width:1201px){
	#mainMenu {
        	font:bold 1.2em/1.3em verdana,helvetica,sans-serif;
	}
}

#mainMenu li {
    position:relative;
	display:block;
	overflow:hidden;
	width:100%; /* 168px */
	padding-bottom:0.4283em; /* 6px */
}

#mainMenu li:hover {
	overflow:visible;
}

#mainMenu a {
	display:block;
	padding:3.58% 4.77%; /* 6px 8px */
	text-decoration:none;
	color:#000;
	background:#FFF8F0;
	border:0.08em solid #FDB; /* 1px */
	-moz-border-radius:0.96em; /* 12px */
	-webkit-border-radius:0.96em; /* 12px */
	border-radius:0.96em; /* 12px */
}

#mainMenu a:active,
#mainMenu a:focus,
#mainMenu a:hover,
#mainMenu li:hover a {
	background:#FED;
}

#mainMenu ul {
	list-style:none;
	position:absolute;
	top:0;
	left:87.5%; /* 168/192 = 0.875 */
	width:116.6666667%; /* 224/192 */
}

#mainMenu li li {
	width:108%;
        padding:0 10%; /* no space between the sub-menu links */
}

#mainMenu li:hover li a {
	background:#FFF;
}

#mainMenu li li:hover a {
	color:#FFF;
	background:#6DC7EC;
}

h1 {
	margin-bottom:2.66em;
	font:bold 150%/120% 'Sonsie One', verdana,helvetica,sans-serif;
	color:#00F;
	padding:2.99% 1.087% 2.99% 9.24%; /* 22px 8px 22px 68px */
	background:url(Images/star_of_life.png) center left no-repeat;
	background-size: 7.8947368%;

}

@media screen and (max-width:430px){
	h1 {
        	background-size:9%;
		font:bold 125%/110% 'Sonsie One', verdana,helvetica,sans-serif;
	}
}

h2 {
	margin-top:2em;
	margin-bottom:1em;
	padding-bottom:.6em;
	font:bold 120%/140% verdana,helvetica,sans-serif;
	color:#000;
}

@media screen and (max-width:480px){
	h2 {
		font:bold 100%/120% verdana,helvetica,sans-serif;
	}
}

h3 {
	margin-top:1em;
	margin-bottom:0.5em;
	padding-bottom:0.6em;
	font:bold 100%/120% 'Sonsie One', verdana,helvetica,sans-serif;
	color:#00F;
}

#content {
	overflow:hidden; /* prevent indent after float */
	zoom:1; /* trip haslayout, wrap floats IE */
	padding:1.2605042% 1.2605042% 0; /* 12px 12px */
}

#content p {
	padding-bottom:1em;
	font:normal 100%/100%;
}

#content ul {
	overflow:hidden; /* wrap floats */
	zoom:1; /* trip haslayout, wrap floats IE */
	list-style:none;
	padding-bottom:1em;
	line-height:200%;
	color:#00F;
}

#content li {
	float:left;
	padding:0 1.088% 0 1.632%; /* 12px 8px*/
	background:url(Images/bullet.gif) center left no-repeat;
}

#content a,
#footer a {
	font-weight:bold;
	color:#000;
}

#content a:visited,
#footer a:visited {
	color:#006;
}

#content a:active,
#content a:focus,
#content a:hover,
#footer a:active,
#footer a:focus,
#footer a:hover {
	color:#00F;
}


div.inlineBlock {
	display: inline-block;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

div.inlineBlockSingle {
	display: table;
        text-align: center;

	width: 100%;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.inlineBlockText {
	display: table-cell;
	vertical-align: middle;
}

/*div.inlineBlock p {
	display:table-cell;
	vertical-align:middle;
}*/

div.clearSingle {
	margin-bottom: 1em;
}

div.clearDouble {
	margin-bottom: 2em;

}

div.clearTriple {
	margin-bottom: 3em;
}

blockquote {
	padding:0 1em;
	color:#00F;
	margin-top: 1em;
        margin-bottom: 1em;
}

marquee {
	margin-top: 2em;
        margin-bottom: 2em;
}

#onDuty {
	padding-bottom:2em;
}

#onDuty span {
	font-weight:bold;
	color:#00F;
}

#footer {
	clear:both; /* just in case */
	margin:0 0.75% 0 21.1680672%; /* 12px 204px 12.75% */
	padding:0.5em 0;
	border-top:0.2em solid #7AD; /* 2px */
}

form.contact fieldset {
	border:0.14706em solid navy; /* 1px */
	padding:0.7353em; /* 10px */
}

form.contact legend {
	font-weight: bold;
	font-size: 1em;
	color: navy;
	padding: 0.3846em; /* 5px */
}

form.contact {
	padding: 0 0;
	border:0.2em solid #FFF; /* 2px */
	-moz-box-shadow:0 0 0.58825em 0.294125em #048; /* 8px 4px */
	-webkit-box-shadow:0 0 0.58825em 0.294125em #048; /* 8px 4px */
	box-shadow:0 0 0.58825em 0.294125em #048; /* 8px 4px */
	margin:0 1.1765em 1.1765em 1.1765em; /* 16px 16px */
	background:#eae8f2;
}

form.contact label {
	font-weight: bold;
	font-size: 1em;
	color: blue;
}

form.contact label.fixedwidth {
	display: block;
	width: 100%; /* 34.485%; 240px */
	float: left;
}

form.contact .buttonarea {
	background: #bed8F3 url(Images/taglineBackground.png) repeat-y right;
	text-align: center;
	padding: 0.294125em; /* 4px */
        margin-top: 2em;
        margin-bottom: 2em;
}

form.contact .buttonarea input {
	background: navy;
	color: white;
	font-weight: bold;
	padding: 0.375em; /* 5px */
	border: 0.075em solid white; /* 1px */
}

/* Adjust contact form's textarea and some of the font. */
@media screen and (max-width:480px){
        textarea#scalableInput{
                 width:95%;
        }
        input#phone, input#mail, input#nombre{
                 width: 75%;
        }

        form.contact legend, form.contact p{
	         font-size: .95em;
        }
}

table {
	margin-top: 1em;
	margin-bottom: 2em;
}

table.events {
	width:100%;
	max-width:960px;
	border-collapse: collapse;
}

table.events th, table.events td {
	padding: 0.375em;
	border: 0.076925em solid #000066;
}

table.events th {
	font-size: 100%;
	text-align: center;
	background: #241374 url(backgrounds/header-bg.jpg);
	color: #ffffff;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.15385em;
	padding-right: 0.15385em;
}

table.events td {
	font-size: 90%;
	background: #e2edff url(backgrounds/td.jpg) repeat-x top;
}

table.events caption {
	font-size: 110%;
	text-align: center;
	color: #000000;
	padding-bottom: 0.3125em;
	font-weight: bold;
}

@media screen and (max-width:320px) {
	table.mobile-optimised {
		word-wrap:break-word;
	}
	table.mobile-optimised thead {
		display:none
	}
	table.mobile-optimised td {
		display:block;
		float:left;/* ie9 and under hack */
		width:100%;
		clear:both;
		background: #e2edff url(backgrounds/td.jpg) repeat-x top;
		padding:10px 5px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	table.mobile-optimised tbody, table.mobile-optimised tr {
		display:block
	}
	
	table.events.mobile-optimised tbody tr> td:first-child{background: #ff8080;}
	table.events.mobile-optimised tbody tr> td:nth-child(2){padding-left: 3em;}
	table.events.mobile-optimised tbody tr> td:nth-child(3){padding-left: 3em;}
	table.events.mobile-optimised tbody tr> td:nth-child(4){padding-left: 3em;}
	table.events.mobile-optimised tbody tr> td:nth-child(5){padding-left: 3em;}
	table.events.mobile-optimised tbody tr> td:last-child{padding-left: 3em;}
	
	.mobile-optimised td:before {
		content:attr(data-th);
		display:block;
		font-weight:bold;
		margin:0 0 2px;
		color:#000;
	}
	.mobile-optimised tbody tr {
		border-bottom:1px solid #00c0f3
	}
}

/*.rc-anchor {
    width: clamp(.9rem, 2vw, 2rem);
    width: 20px !important;
}*/

.echo {
	margin-top:2em;
	margin-bottom:1em;
	padding-bottom:.6em;
	font:bold 120%/140% verdana,helvetica,sans-serif;
	color:#000;
}


/* Make embedded YouTube responsive */
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}