@import url('/fonts.css');

BODY { }

.menuNav1 { }

.menuNav1 A { }

.menuNav1 A:hover { }

/*
A[title]:hover::after {
  content: attr(title);
  padding: 4px 8px;
  color: #555;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eee, #ccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(1, #ccc));
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -moz-linear-gradient(top, #eee, #ccc);
  background-image: -ms-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #eee, #ccc);
  background-image: linear-gradient(top, #eee, #ccc);
}
*/

/*--- Visual tricks ---*/

DIV.marco { position:relative; overflow:hidden; }
A.marco { display:inline-block; text-align:center; width:48px; height:48px; position:relative; overflow:hidden; border-radius:2px; cursor:pointer }
A.marco:hover {
	top:10px;
	-ms-transition:all 03s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -transition:all 0.3s;
	-ms-transform:scale(1.5); -webkit-transform:scale(1.5); transform:scale(1.5) 
}

A.marco > IMG { font-family:typicons; font-size:40px; line-height:40px; color:#567;  border:0; position:absolute; box-sizing:border-box; padding-left:25%; left:0; top:0 }

DIV.marco { position:relative; overflow:hidden; }
IMG.framed { border:0; margin:0; text-align:center; vertical-align:middle; }



TABLE.autoRotated, TABLE.slideShow, UL.slideShow { position:absolute; left:0; top:0; width:100%; margin:0; padding:0 }

UL.slideShow { position:relative; overflow:hidden; min-height:76px; }
UL.slideShow > LI {
	margin:0; padding:0;
	display:-webkit-flex; display:-ms-flex; display:flex;
	-webkit-flex-flow:row; -ms-flex-flow:row; flex-flow:row;
	-webkit-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between;
	-webkit-align-items:center; -ms-align-items:center; align-items:center;
	position:absolute;
	left:1600px; top:0;
	-webkit-transition:all 0.9s; -moz-transition:all 0.9s; -o-transition:all 0.9s; transition:all 0.9s;
}

UL.slideShow.vertical > LI { left:0; top:256px }
UL.slideShow LI.center { justify-content:center }
UL.slideShow LI.around { justify-content:space-around }
UL.slideShow > LI:first-child { left:0; top:0 }

UL.slideShow > LI > P.cell {
 margin:0; padding:0;
 -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;
 vertical-align:100%;
 text-align:center;
 min-width:20%;
}

UL.slideShow > LI > P.cell:first-child { text-align:left }
UL.slideShow > LI > P.cell:last-child { text-align:right }


.scaleY200 { -ms-tranform:scaleY(2.0); -webkit-transform:scaleY(2.0); transform:scaleY(2.0); }


DIV.sliderHolder { position:relative; width:100%; overflow:hidden }

TABLE.horizSlider, DIV.horizSlider {
 position:absolute; left:0; top:0; -ms-transition:all 0.5s;
 -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;
}

/*------------ Slider Transitions ----------------*/

#sliderDiv, .imageSlider { position:relative; width:100%; overflow:hidden; z-index:100; }
.imageSlider IMG.layout, IMG.layout { position:absolute; width:100%; left:0; top:0 }
#sliderDiv, .imageSlider, .imageSlider IMG.layout { height:30vw }

.imageSlider DIV.overlay {
	position:absolute;
	width:100%;
	z-index:1000; left:0; bottom:0;
	color:#fff;
	opacity:0.85;
}

.imageSlider .slideShowViewPort { position:relative; padding:0; overflow:hidden; vertical-align:top; background:#fff }
.imageSlider .slideShowTextHolder { position:relative; display:inline-block; width:100%; margin:0 auto; text-align:left }
.imageSlider .slideShowText { }
.imageSlider .slideShowCtls { height:27vw }
/* .imageSlider TABLE { width:100% } */

.slideShowCtls A {
	display:inline-block; box-sizing:border-box;
	color:#777;
	font:bold 28px Oswald Light, Din Condensed Bold, Oswald Light, Roboto Condensed, Arial Narrow, Condensed, Sans-Serif;
	line-height:32px;
	background: #fff;
	width:40px; height:40px;
	text-align: center;
	text-decoration:none;
	border-radius:21px;
/*
	-ms-tranform:scaleY(2.0); -webkit-transform:scaleY(2.0); transform:scaleY(2.0);
*/
	-ms-transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;
}

.slideShowCtls A:hover { background:#49d; color:#fff; font-size:32px; box-shadow: 4px 4px 6px #444 }

.slideShowText {
 display:inline-block; /* Si no se usa inline-block, un SPAN no reporta clientWidth!! */
 width:100%;
 font-weight:bold;
 font-family: Din Condensed, Oswald, Roboto Condensed, Abel, franklin gothic book, Impact, Arial Narrow, Condensed, Sans-Serif;
 font-size: calc(12px + 2.6vw);
 line-height:1.6em;
 letter-spacing:0.01em;
/* padding:8px 0.5em; */
 color: #fff;
 white-space:nowrap;
}

.slideShowText SPAN, .slideShowText .reverse, .slideShowText .highlight { padding:0.13em 0 0.18em 0 }

.slideShowText A.readMore {
 display:inline-block;
 font-family: open sans, free sans, freesans, helvetica, sans-serif;
 font-size:calc(8px + 0.8vw);
 line-height:1.2em;
 padding: 4px 2px 6px 10px;
 margin-bottom:0.35em;
 border: 1px solid #eee;
 border-color: #ddd #444 #444 #ddd;
 color: #fff;
 background: #5b5b59;
 text-transform:uppercase;
 text-decoration:none;
}

.wide { width:100% }

.bookSubscription { padding:0.25em 0.5em }
.subscription INPUT[type="submit"], .subscription BUTTON {
	box-sizing:border-box;
	font: bold 0.9em Oswald, Din Condensed, Open Sans Condensed, Sans-Serif;
	letter-spacing:0.05em;
	background:#ffe625; /* #A33; */; color: #000; border:none; border-radius:0.25em; font-weight:bold; font-size:1.3em;
	padding:0.5em;
	height:auto;
	text-transform:uppercase;
	cursor:pointer;
	transition: all 0.5s;
}
.subscription BUTTON:after { display:inline-block; width:1em; height:1em; font:bold 1em typicons; vertical-align:10%; content: '\e0ad' }

.subscription INPUT[type="submit"]:hover, .subscription BUTTON:hover { background:#000 !important; color:#fff !important; /* #A00 */ }

BUTTON.green  { background: #99cc44; color:#fff }
BUTTON.orange { background: #ff5511; color:#fff }
BUTTON.yellow { background: #ffe625 }
BUTTON.darkYellow { background: #ffbd1f }
BUTTON.red { background: #a12; color: #fff }
BUTTON.purple { background: #7e2f71 }
BUTTON.black { background:#000; color:#fff }

.subscription:not([data-subscribed]) [data-subscribed]:not([data-subscribed="NO"]),
.subscription[data-subscribed="OK"] [data-subscribed]:not([data-subscribed="OK"]),
.subscription[data-subscribed="KO"] [data-subscribed]:not([data-subscribed="KO"]),
.subscription[data-subscribed="YET"] [data-subscribed]:not([data-subscribed="YET"]) { display:none }

@media screen and (max-width:640px) {
 #sliderDiv, .imageSlider, .imageSlider IMG.layout { height:33vw }
}

/*------------------------------------------------*/
/*--- Custom websiste things ---*/

HR.dotted, HR.dashed { border:0 dotted #bbb; border-top-width:1px; height:4px }
HR.dashed { border-style:dashed }

/*-------------------------------------------------*/
/*--- news.css / pages.css ---*/



.labeledBox {
	box-sizing:border-box;
	display:inline-block; position:relative;
	margin-top:1.75em;
	line-height:0.77em;
}

.labeledBox > IMG { position:relative; width:100%; margin:0 !important }

.labeledBox > LABEL {
	display:inline-block; position:absolute; margin:0;
	left:0; bottom:100%;
	background:#555; color:#fff; font-size:0.9em; padding:0.5em 1em; 
	border-radius: 0 0.35em 0 0;
}

.labeledBox.rightTop > LABEL {
	left:auto; right:0; bottom:100%;
	border-radius: 0.35em 0 0 0;
}
.labeledBox.leftBottom > LABEL { 
	left:0; top:100%; bottom:auto;
	border-radius: 0 0 0.35em 0;
	margin-top:0 !important; margin-bottom:1.75em;
}
.labeledBox.rightBottom > LABEL { 
	left:auto; right:0; top:100%; bottom:auto;
	border-radius: 0 0 0 0.35em;
	margin-top:0; margin-bottom:1.75em;
}

DIV.vFlexBox {
	position:relative; width:100%; vertical-align:top;
	margin-bottom:5px;
}
	
DIV.vFlexBox > DIV.autoAlign {
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	vertical-align:top;
	height:100%;
}
DIV.vFlexBox > DIV.autoAlign:nth-child(2) { margin:0 0.5% }

DIV.vFlexBox > DIV.autoAlign > P.title { margin:0.5em 0 }

DIV.vFlexBox > DIV.autoAlign UL { font-size:85% }

DIV.vFlexBox.vFlexBox2 > DIV.autoAlign:nth-child(2) { margin:0 0 0 2% }

A.bottom { position:absolute; bottom:0; left:0; width:100%; text-align:center }


/*-------------------------------------------------*/

.white { color:#fff !important }