.pagetri1 {
	width: 100%; height:30px;  position: absolute; bottom:20px; background-image: url(images/pagetri1.png);
	background-repeat: no-repeat; background-size: 100% 100%; background-color: transparent;
	transform: translateZ(-200px);
}
.pagetri2 {
	width: 100%; height:30px;  position: absolute; bottom:0px; background-image: url(images/pagetri2.png);
	background-repeat: no-repeat; background-size: 100% 100%; background-color: transparent;
	transform: translateZ(-200px); 
}

.pagetri3 {
	width: 100%; height:30px;  position: relative;  background-image: url(images/pagetri3.png);
	background-repeat: no-repeat; background-size: 100% 100%; background-color: transparent;
}


.rutanew { position: absolute; top:-30px; right: -10px;  
	 color:#fff; font-size: 11px; width: 36px; height: 36px;
 background-image: url(images/svg/new.svg); background-size: cover; background-repeat: no-repeat;}
.rutanew2 { position: absolute; top:-30px; right: -30px;  
	 color:#fff; font-size: 11px; width: 86px; height: 86px;
 	 background-image: url(images/svg/new.svg); background-size: cover; 
 	 background-repeat: no-repeat;
}

.cursovideo { filter: brightness(0.5); opacity: 1 !important; }
#newformballs { position: absolute; right: 30px; top:150px; width: 42%; 
	z-index: 9999;
}
#newformballs2 { position: absolute; right: 30px; top:180px; width: 46%; 
	z-index: 9999;
}
#newformballs img, #newformballs2 img { width: 100%; 
transform: perspective(250px) rotateY(-6deg); transform-origin: center; 
 transition: ease 0.4s; 
	}
#newformballs:hover img { transform: perspective(250px) rotateY(-5deg); }
#newformballs2:hover img { transform: perspective(250px) rotateY(5deg); }

.hexmenu {  position: relative; float:left; width: 60%; margin-left:22%; }
.hexmenu2 {  position: relative; float:left; width: 40%; display: none; }
.rutaminicursos {  position: absolute; display: inline-block; width: 55%; z-index: 999; top:10px;
	transform: scale(0.6); left: 35%;
 }
.rutaminianos {  position: absolute; display: inline-block; width: 55%; z-index: 999; 
	top:35px; left: -25px;
	transform: scale(0.6) rotate(90deg); transform-origin: 0px 0px;
 }
.rutaminicursosficha { position: relative; width: 200%; top:0px; left: 8px; transform-origin: 0px 0px; }

.hexrot { transform: rotate(90deg) scale(0.5); transform-origin: 50px 50px; }
.hexcont { position: relative; float: left; width: 92px; height: 120px; cursor: pointer;
	transition: all 0.3s;
 }
 .rutaminicursosficha .hexcont { height: 80px; }

.hexmitad { position: absolute; 
position: absolute; top:0px; width: 76.8%; height: 100%; }

.hexl { right:49.4%;  transform: scaleX(-1);}
.hexr { left:49.5%; }

.hex svg { position: absolute; width: 100%; height: 100%; left:0px; top:0px;   }
.hexnosel:hover path, .hexnosel:hover polygon { fill:#333 !important; }
.hexicon { position: absolute; top:0%; left:0%; width: 100%; height: 0%; padding-top: 113%;
	 background-repeat: no-repeat;  background-size: 30%; background-position: center;
	 transition:all ease 0.3s; transform-origin: center; }
.rutaminicursos  .hexicon {  background-size: 38%; }
.hexnum { position: absolute; top:40%; left:52%;  background-repeat: no-repeat; text-align: center; 
	line-height: 0.8em;
	transform: translateX(-50%) translateY(-50%); font-size: 30px; color:#fff; font-weight: 900; }
.hexnum small { font-size: 13px; font-weight: 400; text-transform: uppercase;  
	font-style: italic;transition:all ease 0.3s; margin-top: 2px; }

.hexbeca { position: absolute; top:47%; left:50%;  background-repeat: no-repeat; text-align: center; 
	line-height: 0.8em;
	transform: translateX(-50%) translateY(-50%); font-size: 25px; color:#fff; font-weight: 900; }
.hexbeca small { font-size: 20px; font-weight: 400; text-transform: uppercase;  
	font-style: italic;transition:all ease 0.3s; margin-top: 2px; }

.rutaminianos .hexnum { transform: translateX(-50%) translateY(-40%) rotate(-90deg) scale(1.4); }
.hextit { position: absolute; padding-top:125%; left:50%;  background-repeat: no-repeat; text-align: center; line-height: 1.3em;
	transform: translateX(-50%); width: 100%; font-size: 13px; color:#000; transition:all ease 0.3s; font-weight: 400; }
.hexname { position: absolute; top:0%; left:0%; width: 100%; height: 0%; padding-top: 113%;
	 font-size: 15px; color:#fff; line-height: 1em;
	 transition:all ease 0.3s; }
.hextot { position: absolute; top:0%; right:10%; width: 28%; height: 0%; padding-top: 28%; 
	border-radius: 20px;
	background-color: #000; font-style: normal;
	 font-size: 15px; color:#fff; line-height: 1em;
	 transition:all ease 0.3s; }

.hexname p, .hextot p { position: absolute; font-weight: bold; text-align: center; font-style: normal; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); }

.rutaminianos .hexname { transform: rotate(-90deg) scale(1.1); opacity: 1; }
.rutaminianos .hexbeca { transform: translateX(-50%) translateY(-50%) rotate(-90deg) scale(1.1); opacity: 1; }


.hexcont path, .hexcont polygon { transition:all ease 0.3s;  }
.hexnosel path, .hexnosel polygon { fill:#aaa !important; }
.hexnosel .hexicon, .hexnosel .hexname { opacity: 0.3; filter: invert(1); }
.hexnosel .hextit, .hexnosel .hexname { opacity: 0.5;  }

.hexcont:hover .hexicon, .hexcont:hover .hexname { opacity: 0.8; filter: invert(0); }

.hexsel path, .hexsel polygon {  }
.hexsel .hexicon, .hexsel .hextit { opacity: 1;  }
.hexsel .hextot { background-color: #ffb900; color:#000; }

.wasnewbot { position: absolute; bottom: 0; width: 100%; padding: 20px 0px; text-align:center; color:white;
	background-color: #5fb539; background-repeat: no-repeat; background-position: 9% center; 
	background-image: url(images/svg/what.svg); background-size: 20px; font-size: 16px;
 }
.wasnewbot2 { position: absolute; bottom: 0; width: 100%; padding: 20px 0px 2px 0px; text-align:center; color:white;
	background-color: #f61c4b; background-repeat: no-repeat; background-position: 9% center; 
	 background-size: 20px; font-size: 15px;
 }

.rutah5 { padding-top: 12px;  padding-bottom: 15px; font-family: 'Open sans'; font-style: italic; font-weight: 100;
font-size: 2.2em; line-height: 1em; color:#000; font-weight: 400; margin-top: 0px; }
.rutah5 em { font-size: 0.7em; font-weight: 100; line-height: 1em;  }

.newtri1 { position: absolute; bottom: -46px; height: 48px; width: 100%; left:0px;
background-image: url(images/svg/newtri.svg); background-size: 100%; background-repeat: no-repeat; }
.newtri2 { position: absolute; bottom: -46px; height: 48px; width: 100%;
background-image: url(images/svg/newtri2.svg); background-size: 100%; background-repeat: no-repeat; }

.rutacur { position: relative; overflow: hidden;  }
.rutacur .respcol40 { padding: 35px 0px; min-height: 180px;}
.rutacur h2 { font-size: 32px; width: 100%; line-height: 0.9em; font-weight: normal;}
.rutacur h2 strong { font-weight: normal; }
.rutaimg2 { position: absolute; width: 65%; height: 100%; right: 0px; background-repeat: no-repeat;
background-size:cover;  z-index: 0; background-position: center; filter: grayscale(100);}
.rutadiagonal { position: absolute; display: block; width: 50%;  z-index: 1; transition:all ease 0.3s; 
	height: 200%; top:-10%; right: 52%; transform-origin: 120% 0px; transform: rotate(8deg); }
.rutamasinfo { position: absolute; z-index: 99; top:50%; left:75%; transition:all ease 0.3s; 
	 font-size: 75px; transform: translateX(-50%) translateY(-50%); opacity: 0.6; color:#fff;
	text-align: center; line-height: 0.5em; cursor:pointer;}	
.rutamasinfo small { display: block; font-size: 14px; font-style: italic; }
.rutacur:hover .rutamasinfo { opacity: 1;  }
.rutacur:hover .rutadiagonal { right: 51%; }
.rutacol1:hover  .rutaimg2 { filter: contrast(1) brightness(1.2) sepia(1) hue-rotate(12deg);  }
.rutacol0:hover  .rutaimg2 { filter:grayscale(0);  }

.rtsubtit { font-family: 'Open Sans'; font-size: 22px; font-style: italic; font-weight: 100; 
margin-top: 0px; display: block; margin-bottom: 6px; display: block; }
.rutacol1  {  color:#000; }
.rutacol1 .rutadiagonal { background-color: #ffb900;  }

.rutacol0  {  color:#000; }
.rutacol0 .rutadiagonal { background-color: #ffb900;  }

.rutacol0 .rtsubtit { color: #000; }

.rutaload { position: relative; width: 100%; height: 450px; background-position: center;
	background-color: #fff;
background-repeat: no-repeat; background-size: 116px; background-image: url(images/uaload.gif); }

.rutaload2 { position: relative; width: 100%; height: 800px; background-position: center;
	background-color: #fff;
background-repeat: no-repeat; background-size: 116px; background-image: url(images/uaload.gif); }


.heximg { display: none; }

#rutalist { background-color: #ffb900;  }

.loadscreen { position: fixed; left:0px; top:0px; width: 100%; height: 100%; z-index: 99999999999; background-position: center;
	background-color: #ffb900; transform: translateZ(1000px);
background-repeat: no-repeat; background-size: 116px; background-image: url(images/uaload.gif); }
.loadscreen2 { position: fixed; left:0px; top:0px; width: 100%; height: 100%; z-index: 99999999999; background-position: center;
	background-color: #1b2c3d; transform: translateZ(1000px);
background-repeat: no-repeat; background-size: 116px; background-image: url(images/uaload2.gif); }

.rutaminilist { width: 1200px; position: relative; margin: auto; background-color: #ffb900; }
.rutamini { float: left; width: 18%; height: 212px;  clear: none; overflow: visible;
  margin: 0.2%; color:#fff; }
.rutamini .rutaimg2, .minilist .rutaimg2 { display: none; }
.hexcentrado { width: 900px; position: relative; margin: auto; padding: 0px; }

.rutamini .hexcentrado { position: relative; top:0px; width: 100%; backface-visibility:hidden; -webkit-backface-visibility: hidden;
	height: 100%; left:0px; float: none; padding: 0px; margin: 0px; transform: perspective(400px) rotateY(0deg); transform-origin: center; 
 transition: ease 0.4s; animation: rotateA 0.4s;}
 .carab { display: none; }
.rutamini .carab { position: absolute; top:0px; width: 100%; backface-visibility:hidden; -webkit-backface-visibility: hidden;
	height: 100%; left:0px; float: none; padding: 0px; margin: 0px; transform: perspective(400px) rotateY(-180deg); transform-origin: center; 
 transition: ease 0.4s; display: block;}

.rutamini .respcol40 { position: absolute; width: 98%; height: auto; 
	left:50%; float: none; margin: 0px; padding: 0px 1%; text-align: center; min-height: 0px; 
	transform: translateX(-50%) translateY(-50%);}

.rutamini .rutadiagonal, .rutamini .presonl, .rutamini .rutamasinfo { display: none; }
.rutamini .rutaminianos {  display: none;}
.rutamini .rutaminicursos { position: absolute; width: 250%; 
	left:0px; top:105%;
	transform: scale(0.4) translateZ(600px);
	text-align: center; 
	transform-origin: 0px 0px; display: block;
	 }
.rutamini .rutaminicursos .hexcont { display: inline-block; float: none; }
.rutamini .rutaminicursos .hexicon { transform: scale(1.4) }
.rutamini .minihexlanz { display: none !important; }
.rutamini .rtsubtit { color: #ffb900; }

.supera { text-decoration: none; }
.rutasubtit  { font-size: 20px;font-weight: 100; font-style: italic; margin-bottom: 5px; display: block;}
.rutamini .rutasubtit { display: block; font-style: italic; font-weight: 100; width: 90%; padding: 0px 5%; 
	display: block; text-align: center; font-size: 18px; }
	.rutamini .rutasubtit { color: #ffb900; }
.rutainfop { line-height: 1.25em; }
.rutainfop2 { font-weight: 400;  }
.rutamini .rutainfop { display: none;}


.rutamini .carab .rutainfop2 { height: 80%; opacity: 0; overflow:hidden; display: block; 
	color: #fff; width: 90%; padding: 0px 5%; transition: all 1.5s; }
.backhex { filter: brightness(1); transition: all 1.5s; display: none;}
.rutamini .backhex { display: block;}
.rutamini:hover .hexcentrado { transform: perspective(400px) rotateY(180deg); }
.rutamini:hover .carab { transform: perspective(400px) rotateY(0deg); }
.rutamini:hover .rutainfop2 { opacity: 1; }
.rutamini:hover .backhex { filter: brightness(0.4); }

.rutamini h2 { width: auto; font-size: 26px; padding: 0px 20px; font-weight: normal;}

.rutamini .heximg0 { display: block; position: relative; width: 100%; height: 0px; padding-top: 115.2%; top:0px; 
	background-image: url(images/svg/ghex1.svg); background-size: 100% 100%; opacity: 1;
}

.rutamini .senior { color:#ffb900; }
.title .senior { color:#ffb900; }


.rutaminidesp { margin-left: 12.7%; }

.rutaminilist .lastsep { display: block; height: 60px;  }

.rutabots {  display: inline-block; margin-top: -35px;  margin-bottom: 20px; z-index: 9999; display: none;  }
.rutabot { display: inline-block; padding: 10px 10px 10px 32px; opacity: 0.6; 
	 background-position: left center; background-size: 20px; margin: 0px 10px; opacity: 0.3;
	background-repeat: no-repeat; cursor: pointer; }
.botminilist { background-image: url(images/svg/list.svg); }
.botminilist:hover { opacity: 1; }
.botlist { background-image: url(images/svg/list2.svg); }
.botlist:hover { opacity: 1; }
.bothex { background-image: url(images/svg/minihex.svg); }
.bothex:hover { opacity: 1; }

.rutabotsel { opacity: 1 }

.rutaclick { text-align: center; width: 100%; position: relative; padding: 100px 0px; 
	font-size: 26px; font-style: italic;font-weight: 100; display: none; z-index: 99; margin-bottom: 30px; }

.selarrow { position: absolute; left:60%; top:22%; transform: translateY(-50%); width: 160px; height: 160px; 
	background-image: url(images/arrowy.gif);
background-size: cover; }

.hexturn { transform: perspective(400px) rotateY(90deg); transform-origin: center; }

.hexshape1 { fill: #ffb900; }

.minitable { width: 1000px; position: relative; margin: auto; padding: 0px; display: none;
	padding: 15px 0px; border-bottom: 1px dotted #999; opacity: 0.7; transition: all 0.3s;
 }
 .minitabletit { width: 1000px; position: relative; margin: auto; padding: 0px; 
	padding: 15px 0px; border-bottom: 1px dotted #999; opacity: 0.7; transition: all 0.3s; display: none;
 }
.rutacur:hover .minitable { opacity: 1; padding-left: 20px; }
.rutacur:hover .miniplus { opacity: 1;  }

.minicol {float: left; font-style: italic; white-space: nowrap; color:#000;}
.minicol0 { width: 10%;  }
.minicol1 { width: 8%; }
.minicol2 { width: 33%; }
.minicol3 { width: 33%; }
.miniplus {position:absolute; top:50%; left:0px; transform:translateY(-50%); opacity: 0; transition: all 0.3s;}

.minilist .hexcentrado, .minilist .rutadiagonal { display: none; }
.minilist .rutaminicursos { display: block; position: absolute; transform: scale(0.3) translateY(-50%); top:50%;
transform-origin: 0px 0px; left:50%; margin-left: 418px;  width: 40%; display: inline-block; }
.minilist .rutaminicursos .hexcont { display: inline-block; float: none; }
.minilist .minitable { display: block; clear: both; }

#rutalist { margin-bottom: 50px; }
.rutatablelist .minitabletit { display: block; }

.mostrarmas { cursor: pointer; position: relative; width: 100%; padding: 20px 0px; text-align:center; opacity: 0.7;  }
.mostrarmas:hover { opacity: 1; }

.rutaminilist .mostrarmas { display: none; }

.respcol23 { width: 24.5%; margin: 0.25%;border-radius: 15px; min-height: 310px; }

.hextablecat { position: absolute; left: -35px; top:10px; width: 25px; }
.hextablecat .hexicon { transform: scale(1.6); background-position: 50% 52%; }

.formtithead p { width: 80%; }


.rutafichalist .rutainfop, .rutafichalist .rutamasinfo {display: none; }
.rutafichalist h2 { font-size: 34px; }
.rutafichalist .rtsubtit { font-size: 18px; margin-bottom: 2px; }
.rutafichalist .rutasubtit { font-size: 18px; margin-bottom: 2px; }
.rutafichalist .rutadiagonal { top:45%; width: 200%; height: 320%; }
.rutafichalist .rutaimg2 {opacity: 0; }
.rutafichalist .respcol40 { min-height: 10px; padding: 30px 0px; border-top: 1px solid #000 }
.rutafichalist .rutaminicursos { transform: scale(0.4); transform-origin: 0px 0px; top:40px; left: 45%; }
.rutafichalist .rutaminianos { transform: scale(0.4) rotateZ(90deg); }
.rutafichalist .rutacur:hover .rutadiagonal { right: 28%; opacity: 0.9; }

.menuformacion { position: absolute; bottom: 10px; z-index: 999999; width: 890px; left: 50%; margin-left: -475px;}
.logosatc { filter: grayscale(100); opacity: 0.7; position: relative;left:50%; transform: translateX(-50%); width: 80%;
position: relative;left:50%; transform: translateX(-50%); width: 80%;}

.redux h2 {  font-family: 'Open sans' !important; font-size:2.2em; font-weight: 200; 
	font-style: italic; line-height: 1.2em;   }
.redux small { color:#31bda6; }
.reduxfloat { text-align: center; margin-bottom: 50px; height: 350px; }
.reduxpad { padding: 0px 40px; }

.reduxfloatlr { border-right:1px solid #aaa; }
.reduxfloatll { border-left:1px solid #aaa; }
.reduxfloat h3 { font-family: 'Open sans' !important; font-size:2em; font-weight: 200; 
	font-style: italic; line-height: 1.2em; }
.reduxpareja  { position: absolute; right: -25px; top:-38px; width: 54%; }
.reduxpareja img  { width: 100%; }

.valorimg { border-radius: 60px; margin: 20px 0px; width: 100%; overflow:hidden; position: relative; }
.valorimg img { width: 100%; }

.reduxshop { display: block; text-decoration: none; position: absolute; left: -10px; bottom: -20px; background-color: #000; font-style: italic; color:#fff;
	padding: 20px 40px; padding-left: 60px;  border-radius: 20px; font-size: 1.2em;
 	background-image: url(images/svg/cart_w.svg); background-position: 20px center; background-size: 20px;
 	background-repeat: no-repeat; transition: all 0.3s;
 }
.reduxshop:hover { background-color: #1b2c3d; padding-right: 50px !important;  }

 .reduxctline { display: block; width: 100%;  }
 .reduxctcol {display: inline-block; vertical-align: middle; padding: 20px 0px;}
 .reduxctcol1 {width:15%; text-align: left; padding-left: 30px;font-style: italic; font-weight: bold;}
 .reduxctcol2 {width:15%; text-align: center;}
 .reduxctcol3 {width:15%; text-align: center;}
 .reduxctcol4 {width:15%;text-align: center;}
 .reduxctcol5 {width:15%;text-align: center;}
 .reduxctcol6 {width:15%; text-align: right;}
 .reduxctcol1c { font-size: 1.2em; }
 .reduxctcol2c { }
 .reduxctcol3c { font-weight: bold; font-size: 1.1em; font-style: italic; font-weight: 400; line-height: 1.1em;}
 .reduxctcol4c {}
 .reduxctcol5c {}
 .reduxctcol6c { font-weight: bold; font-size: 1.4em; }
 .reduxctcol img { width: 30px; }

.hexcart { cursor: pointer;
	position: absolute; left:50%; top:19px;  transform: translateX(-50%) translateY(-50%);
	width: 110px; height: 126px; display: block;
	background-image: url(/css/images/svg/ghex0.svg);
	background-repeat: no-repeat; background-position: center; background-size: 100%;
}
.hexcartprice { position: absolute; left:50%; top:50%; font-size: 3em; 
	transform: translateX(-50%) translateY(-50%); color:#000; transition: all 0.3s;}
.hexcartcart { position: absolute; left:48%; top:50%; transform: translateX(-50%) translateY(-50%); 
	color:#000; width: 55%; height: 55%; opacity: 0;transition: all 0.3s;
	background-image: url(/css/images/svg/cart.svg);
	background-repeat: no-repeat; background-position: center; background-size: 100%;
}
.hexcart:hover .hexcartprice { opacity: 0; }
.hexcart:hover .hexcartcart { opacity: 1; } 

#bigatc { position: relative; width: 280px; height: 63px; margin-top: 9px; margin-bottom: 10px; margin-left: -10px;
	transform: scale(1.2); transform-origin: 0 0;
 }
.bigatc1 { position: absolute; width: 138px; height: 56px; z-index: 2; cursor: pointer;
	background-image: url(images/svg/bigatc1.svg); background-size: cover; background-position: center; }
.bigatc1 p { position: absolute; top:44%; left:40%;  background-repeat: no-repeat; text-align: center; 
	line-height: 1em;transform: translateX(-50%) translateY(-50%);  cursor: pointer; font-size: 2em; color:#000; font-weight: normal; }
.bigatc2 { position: absolute; width: 188px; height: 56px; z-index: 0; left:30px;
	background-image: url(images/svg/bigatc3.svg); background-size: cover; background-position: center;
	transition: all ease 0.3s; cursor: pointer;
	 }
.bigatc2 p { position: absolute; top:48%; left:54%;  background-repeat: no-repeat; text-align: center; 
	line-height: 1em;transform: translateX(-50%) translateY(-50%); opacity: 0;
	font-size: 0.7em; color:#fff; font-weight: normal; }
.bigatc2 .cart { width: 25px; height: 25px; position: absolute; left: 70%; top:50%; transform: translateX(-50%) translateY(-50%);
	background-image: url(/css/images/svg/cart_w.svg); background-repeat: no-repeat; background-size: 100%;
 }
#bigatc:hover .bigatc2 { left: 96px; }
#bigatc:hover .bigatc2 .cart { opacity: 0; }
#bigatc:hover .bigatc2 p { opacity: 1; }

/* carrito redux */
.redcarttit { width: 100%; padding: 30px 0px; border-bottom: 1px solid #ddd; font-size: 1.6em;
	font-style: italic; color:#000; text-align: center;
	background-image: url(/images/svg/cart.svg); background-position: 10% 48%; background-repeat: no-repeat;
	background-size: 25px;
 }
 .contfloat { float: left; width: 44%; padding-right: 8%; }
.reduxfolder { position: relative; padding: 5px; padding-left: 26px; margin-left: 20px; font-style: italic;
 background-position: left 5px; background-size: 20px; margin: 0px 0px 0px 0px;
background-repeat: no-repeat; background-image: url(images/svg/folder.svg);}

.reduxfolder .level10 { display: none; }
.reduxfolder .level9 { display: none; }

.sepfold { padding: 10px 0px;  font-weight: bold; }
.sepfold:first-child { padding-top: 0px !important; }

.redsneak { position: absolute; bottom: 20px; left: 30px; padding: 7px; display: block; padding-left: 26px; margin-left: 20px; font-style: italic;
 background-position: left 5px; background-size: 20px; margin: 0px 0px 0px 0px; margin-top: 40px; 
background-repeat: no-repeat; background-image: url(images/svg/folder2.svg); display: none;}

.redfolder2 { background-image: url(images/svg/folder2.svg) !important; cursor: pointer; }
.rdfile { position: relative; padding: 0px 0px 0px 0px; margin-top: 6px; padding-left: 26px; margin-left: 20px; font-style: italic;
 background-position: left center; background-size: 17px; 
background-repeat: no-repeat; background-image: url(images/svg/video.svg); display: none; }
.sneak { background-image: url(images/svg/video2.svg) !important; cursor: pointer; }
.addtocartbot2 { width: 50%; text-align: left;  font-size: 14px; font-weight: bold; 
	padding: 20px 25%;  border-radius: 18px;  background-color: #ffb900;
	color:#222; margin-top: 40px;  transition:all 0.3s; line-height: 1em;
	background-image: url(/images/svg/cart.svg); background-position: 10% 48%; background-repeat: no-repeat;
	background-size: 25px; cursor: pointer;
}
.addtocartbot2:hover { background-color: #fff; }
#descwin { position: fixed; background-color: #fff; z-index: 999999; box-shadow: 10px 10px 0px rgba(0,0,0,0.2);
	left:50%; top:50%; transform: translateY(-50%) translateX(-50%); width: 750px; height: auto; display: none; }
.deschide { padding: 60px; display: none; }
.mainrdfile { display: block !important; }

.legalpage { display: block; position: relative; z-index: 0;
	padding-top: 200px; padding-bottom: 100px; font-style: normal !important; }
.legalpage h1, .legalpage h2, .legalpage h3, .legalpage h4 { font-family: 'Open sans'; 
margin:0px; padding: 0px; display: block; margin: 10px 0px; font-weight: 900; line-height: 1.1em; }
.legalpage h1 { font-size: 39px; font-weight: bold; margin-bottom: 20px;}
.legalpage h2 { font-size: 24px; font-weight: bold;}
.legalpage h3 { font-size: 16px; font-weight: bold;}
.legalpage h4 { font-size: 14px; font-weight: normal;}
.legalpage h5 { font-size: 12px; font-weight: normal;}
.legalpage ul { margin: 20px 0px; padding-left: 20px; }
.legalpage p { padding: 5px 0px;  font-style: normal !important; }

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@keyframes rotateA {
    from {
       transform: perspective(400px) rotateY(180deg)
    }
    to {
       transform: perspective(400px) rotateY(0deg)
    }
}

@media (min-width:1300px) and (max-width:4024px) {
	.rutaminilist { width: 1200px; position: relative; margin: auto; background-color: #ffb900; }
	.rutamini .respcol40 { top:62% !important; }
	.rutamini { width: 19.6%; height: 203px;  clear: none; overflow: visible; margin: 0.2%; }
	.rutamini.rutacur6, .rutamini.rutacur15, .rutamini.rutacur24 { margin-left: 10.2%; }
}

@media (min-width:1024px) and (max-width:1300px) {
	.rutaminilist { width: 1000px; position: relative; margin: auto; background-color: #ffb900; }
	.rutamini .respcol40 { top:58% !important; }
	.rutamini { width: 24.6%; height: 213px;  clear: none; overflow: visible; margin: 0.19%; }
	.rutamini.rutacur6 { margin-left: 0%; }
	.rutamini.rutacur5, .rutamini.rutacur12, .rutamini.rutacur19, .rutamini.rutacur26 { margin-left: 12.7%; }
	.rutamini.rutacur15 { margin-left: 0.2%; }
	.centrado800 { width: 80%; }
}

@media (min-width:512px) and (max-width:1024px) {
	.hexcart { top:28px; }
	.hexcentrado, .minitable, .minitabletit { width: 90%; opacity: 1; }
	.minicol0 { width: 11%;  }
.minicol1 { width: 8%; }
.minicol2 { width: 36%; }
.minicol3 { width: 36%; }
.minicol4 { display: none; }
	.minilist .rutaminicursos {  display: none; }
	.rutaminilist { width:90%; position: relative; margin: auto; background-color: #ffb900; }
	.rutamini .respcol40 { top:58% !important; }
	.rutamini { width: 32.9%; height: 222px;  clear: none; overflow: visible; margin: 0.19%; }
	.rutamini.rutacur6 { margin-left: 0%; }
	.rutamini.rutacur4, .rutamini.rutacur9, .rutamini.rutacur14, .rutamini.rutacur19 { margin-left: 16.9%; }
	.rutamini.rutacur15 { margin-left: 0.19%; }
	
	.hexcont { height: 150px; }
	
	.hexmenu {  position: relative; display: inline-block; width: 100%;  }
	.nomovil { display: block; }
	.rutamasinfo { left: 90%; white-space: nowrap;}
	.rutaminicursos { width: 800px; left: 290px; transform-origin: 0px 0px; top:102% !important; }
	.rutaminianos {  position: absolute; display: inline-block; width: 800px; z-index: 999; top:10px;
	transform: scale(0.6); left: 320px; top:82px; transform-origin: 0px 0px;
 }
 .rutaminianos .hexname { transform: none; opacity: 1; }
 .rutaminianos .hexbeca { transform: translateX(-50%) translateY(-40%); opacity: 1; }
 .rutaminianos .hexnum { transform: translateX(-50%) translateY(-40%) scale(1.3); }
.selarrow { position: absolute; left:10%; top:19%; transform: translateY(-50%) scaleX(-1); width: 140px; height: 140px; 
	background-image: url(images/arrowy.gif);
	background-size: cover; }
	.hexmenu2 { position: relative; display: inline-block; width: 100%; display: none; }
	.rutafichalist .rutacur .rutadiagonal { right: -10%; opacity: 0.9; }
	.rutaminianosficha { display: none; } 
	.rutaminicursosficha {left:0px;}
	.rutafichalist {  }
}

@media (max-width:720px) {
	.menunosel { padding:0px; margin: 0px 14px !important; }
	.logosatc { width: 99%; }
	.hexcart { top:08px !important; }
	.rutafichalist .rutadiagonal { top:0%; width: 300%; right: -25%; height: 320%; }
	.rutafichalist .rutaminicursos { transform: scale(1); transform-origin: 0px 0px; top:0px; left: 5%; }
	.rutafichalist .rutacur:hover .rutadiagonal { right: -25%; opacity: 0.9; }
	
	#botmenugal { display: none !important; }
	.menuformacion { position: absolute; bottom: 8px; z-index: 999999; width: 90%;  font-size: 13px;
		left: 50%; margin:0px; transform: translateX(-50%); margin-left: -1%;}

	.content-formacion {  width: 32%; padding: 18px 0px; text-align: center;  }
	.hexcentrado { width: 90%; margin: auto; }
	.minitable { padding-bottom: 75px; width: 100%; }
	.minitabletit { opacity: 0; height: 0px; position: absolute; }
	.minicol { width: 100% !important;  }
	.minicol1, .minicol0, .minicol3 { opacity: 0.8; display: inline-block; width: auto !important; float: none; 
	 white-space: nowrap;
	}
	.minicol2 { font-size: 32px; width: 98% !important; white-space: normal;
	 float: none; clear: both; line-height: 1em; font-weight: bold; font-style: normal;}
	 .minicol3 { font-size: 28px; width: 98% !important; white-space: normal;
	 float: none; clear: both; line-height: 1em; font-weight: 100; font-style: italic; font-style: normal;}
	.rutaminilist { width: 90%; position: relative; margin: auto; background-color: #ffb900; }
	.rutamini .respcol40 { top:50% !important; }
	.rutamini { width: 49.4%; height: 105px;  clear: none; overflow: visible; margin: 0.19%; }
	.rutamini { margin-left: 0%; }
	.rutamini.rutacur3, .rutamini.rutacur6, .rutamini.rutacur9, .rutamini.rutacur12 { margin-left: 24.6%; }
	.rutamini.rutacur15, .rutamini.rutacur18, .rutamini.rutacur21, .rutamini.rutacur23 { margin-left: 24.6%; }
	.rutamini h2 { width: auto; font-size: 20px; padding: 0px 20px; }
	.rutamini .rutasubtit { font-size: 12px; display: none !important;}
	.carab .rutainfop2 { font-size: 10px; }
	#newformballs { position: relative; top:-30px; left:0px; width: 100%;   }
	.rutaline:hover .rutacol1 {  width: 100%; }
	.rutaline:hover { background-color: #fff; }
	.rutaline:hover .rutacol3 { display: none; } 
	.onlymobile { display: block; }
	.hexmenu { position: relative; display: inline-block; width: 100%; margin: 0px;  }
	.hexmenu2 { position: relative; display: inline-block; width: 100%; display: none; }
	.hexcont { position: relative; float: left; width: 16.6%; height: 70px; margin-bottom: 38px;  cursor: pointer; }

.hexname, .hextit { font-size: 11px;  }
.rutamasinfo { display: none; }
.rutadiagonal { width: 120%;   right: 10%;  }
.rutacur:hover .rutadiagonal { right: 8%; }
.rutaminianos {  position: relative; display: inline-block; 
	transform: scale(1.2); left: 0%; top:0px; width: auto; transform-origin: 0 0; float: left;
	margin: 0px; display: none;
 }
 .rutaminicursos {  position: relative; display: inline-block; 
	transform: scale(1.2); left: 5%; top:0px; width: auto; transform-origin: 0 0; float: left;
	margin: 0px; 
 }

 .rutaminianos { margin-left: 35px; }
 .rutaminicursos .hexcont, .rutaminianos .hexcont { width: 40px; height: 40px; }
 .rutacur .respcol40 { padding: 35px 0px 20px 0px; }
 .rutaminianos .hexname { transform: scale(0.6); opacity: 1; }
 .rutaminianos .hexbeca { transform: translateX(-50%) translateY(-40%) scale(0.5); opacity: 1; }
 .rutaminianos .hexnum { transform: translateX(-50%) translateY(-40%) scale(0.55); }

.nomovil { display: none; }

.rutaminicursosficha { position: relative; display: block; clear: both; float: none; transform: scale(1.6); margin-bottom: 10px;  }
.hextot { font-size: 10px; }

.rutaclick { font-size: 22px;  }

.selarrow { position: absolute; left:20%; top:16%; transform: translateY(-50%) scaleX(-1); width: 110px; height: 110px; 
	background-image: url(images/arrowy.gif);
	background-size: cover; }
.rtsubtit { font-size: 20px; margin-bottom: 4px;  }

.minilist .rutaminicursos {  position: absolute; transform: scale(1); top:inherit; bottom:-20px; margin:0px;
transform-origin: 0px 0px; left:0%; width: 100%; display: inline-block; width: 100%; clear: both; opacity: 1;
}
.minilist .rutaminicursos .hexcont { display: inline-block; float: none; }
.rutabot { font-size: 12px; background-size: 15px; margin: 15px 3px 0px; text-align: left; padding-left: 26px; }
.hextablecat { display: none; }

.formtithead p { width: 100%; }
.formtithead .desc-title { width: 100%; }
.rutatablelist { width: 90%; margin: auto; }		

}

@media (max-width:1024px) {
	.mainmenu  { height: 0px; top:-8px; overflow: hidden; background-color: #000; margin:0px; z-index: 888;}
	.respcol23 { width: 48%; margin: 1%; border-radius: 15px; min-height: 0 !important; }
	
}

@media (min-width:512px) and (max-width:768px) {
	.mainmenu  { height: 0px; top:-8px; overflow: hidden; background-color: #000; margin:0px; z-index: 888;}
	.respcol23 { width: 48%; margin: 1%; border-radius: 15px; min-height: 0 !important; }
	.hexmenu { margin-left:10%; }
	.minicol1 { display: none; }
	.minicol0 { width: 20%; }
	.minicol2 { width: 40%; }
}

@media (max-width:512px) {
	.reduxfloatlr { border-right:0px solid #aaa; }
.reduxfloatll { border-left:0px solid #aaa; }
.reduxpareja  { position: relative; right: 0px; top:-38px; width: 94%; }
.reduxpareja img  { width: 100%; }
.reduxshop { width: 104%; text-align: center; padding: 20px 0px;
 }
#newformballs2 { display: none !important; }
.respcol23 { width: 100%; margin: 0%; border-radius: 15px; min-height: 0 !important; }
.rutatipo4 { margin-top: 50px !important; }
.respcol23 { width: 50%; margin: 0%; border-radius: 15px; min-height: 0 !important; }
.respcol15, .respcol25, .respcol45, .respcol29, .respcol23, .respcol30, .respcol31, .respcol33, .respcol50, .respcol40, .respcol32, .respcol65, .respcol66, .respcol68, .respcol20, .respcol55, .respcol63, .respcol35, .respcol75, .respcol60 { width: 100%; }

.reduxctline { display: block; width: 100%; font-size: 0.5em;  line-height: 1.2em;}
 .reduxctcol {display: inline-block; vertical-align: middle; padding: 20px 0px;}
 .reduxctcol1 {width:10%; text-align: left; padding-left: 20px;font-style: italic; font-weight: bold;}
 .reduxctcol2 {width:15%; text-align: center;}
 .reduxctcol3 {width:15%; text-align: center;}
 .reduxctcol4 {width:15%;text-align: center;}
 .reduxctcol5 {width:15%;text-align: center;}
 .reduxctcol6 {width:15%; text-align: right;}
 .reduxctcol1c { font-size: 1.2em; }
 .reduxctcol2c { }
 .reduxctcol3c { font-weight: bold; font-size: 1.1em; font-style: italic; font-weight: 400; line-height: 1.1em;}
 .reduxctcol4c {}
 .reduxctcol5c {}
 .reduxctcol6c { font-weight: bold; font-size: 1.4em; }
 .reduxctcol img { width: 20px; }

}