@font-face{
	font-family: Work Sans;
    src: url(../fonts/WorkSans-Light.woff2),
         url(../fonts/WorkSans-Light.woff),
	     url(../fonts/WorkSans-VariableFont_wght.ttf);
    font-weight: 300; font-display: swap;}
@font-face{
	font-family: Work Sans;
    src: url(../fonts/WorkSans-Bold.woff2),
         url(../fonts/WorkSans-Bold.woff),
	     url(../fonts/WorkSans-VariableFont_wght.ttf);
    font-weight: bold; font-display: swap;}
@font-face{
	font-family: Work Sans;
    src: url(../fonts/WorkSans-Medium.woff2),
         url(../fonts/WorkSans-Medium.woff),
	     url(../fonts/WorkSans-VariableFont_wght.ttf);
    font-weight: 500; font-display: swap;}
*{
	margin: 0; padding: 0;}
body{
	font-family: 'Work Sans', sans-serif; font-weight: 300; font-size: 1.2em;
	line-height: 1.6em; text-align: center;}
img a, a, a img{
	text-decoration: none;}
#imagen img{
	width: 100%; height: auto; display: block;}
.neg{
	font-weight: bold;}
.noneg{
	font-weight: normal;}
#menu ul li{
	list-style-type: none; text-align: center;}
#menu ul li a{
	color: #08008a; padding: 7px 0; display: block; border-radius: 25px; 
	font-weight: 300;}
#menu ul li a:hover{
	background: #e1e1ef;}
#slider ul, #maquinas li{
	list-style-type: none; }
.rslides {
    position: relative; list-style: none; overflow: hidden; width: 100%;}
.rslides li {
  -webkit-backface-visibility: hidden; position: absolute;
  display: none; width: 100%; left: 0; top: 0;}
#slider img{
	display: block; width: 100%; height: auto;}
h1, h2, h3{
	font-family: 'Work Sans', sans-serif; color: #08008a;}
h2, h3	{
	font-size: 22px;}
h3{
	margin-top: 50px;}
.destacado, .frase, .destacado2{
	font-family: 'Work Sans', sans-serif; }
.destacado{
	font-weight: 700;}
.destacado2{
	font-size: 18px;}
.frase{
	font-weight: 300;}
.destacado2{
	font-weight: 500;}
.m-top{
	margin-top: 80px;}
p{
	margin: 8px 0;}
.boton a{
	display: block; padding: 5px; text-align: center; font-size: 0.8em;  font-weight: 500;
	border-radius: 20px; width: 100px; float: right; font-size: 13px; background: #fff;}
.boton a:hover{
	background: #08008a; color: #fff;}
#fondo-piezas{
	color: #fff; text-align: left;}
.naranja{
	background: #e05324; color: #090d48; padding: 30px 0;
	font-size: 1.2em;}
.nota{ display: block; font-size: 0.7em;}
.sectores{
	background: #cdcce7; padding: 20px; margin: 50px 0;}
#maquinas li{
	border-top: 1px solid #cdcce7; padding: 15px 0; font-size: 0.9em;}
#contacto a{
	color: #000; padding: 3px 0; display: inline-block;}
footer{
	background: #090d48; color: #cdcce7; font-size: 0.8em; 
	padding: 40px 0 10px 0; border-top: 5px solid #cdcce7;}
footer .dos{
	line-height: 1.7em; margin: 10px 0 0 0; font-size: 0.9em;}
footer .dos .dcho{
	font-size: 30px; font-family: 'Work Sans', sans-serif; font-weight: 300; margin: 30px 0 0 0;}
footer .tres{
	max-width: 130px; margin: 30px auto 10px auto;}
footer .boton a{
	background: #e05324; color: #fff; max-width: 130px;}
footer .tres a:hover{
	background: #cdcce7;}
.borra{
	clear: both;}
#aviso{ 
	font-size: 0.7em;}
#aviso a{
	color: #cdcce7; display: inline-block; padding: 5px 0;}
iframe{
	border: none; width: 100%; display: block;}
#horario{
	margin: 50px 0 0 0; font-size: 0.8em; background: #e05324; color: #fff; padding: 10px 0;}
.horario{
	display: block;}
.plan{margin: 100px 0 0 0; text-align: justify; padding: 50px 0; background: #efefef; font-size: 0.9em;}
.plan img{width: 100%; height: auto; margin-top: 35px;}
.plan h5{font-size: 16px; margin-bottom: 30px;}
.plan h3, .plan h5{font-weight: normal;}
.par .foto{width: 98.9%; height: auto; margin: 0 0 100px 0 !important;}

@media only screen 
and (max-width : 480px){
.pantalla, .tablet{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 20px;}
body{
	font-size: 1em; }
#logo{
	width: 200px; margin: 20px auto 10px auto;}
#logo img{
	width: 100%; height: auto;}
#menu{
	width: 100%; margin: 30px auto 0 auto;}
#menu ul li{
	font-size: 17px;}
.texto{
	margin: 40px 0;}
h2{
	font-size: 18px;}
.naranja{
	font-size: 1.1em;}
.boton a{
	float: none; margin: 10px auto;}
#fondo-piezas{
	background: url(../imagenes/fondo-piezas-m.jpg) no-repeat center center;
	background-size: 100% auto; padding: 20px 0 100px 0; font-size: 16px; line-height: 18px;}
#fondo-piezas .destacado{font-weight: 300;}
.thumbnail {
  width: 48%;}
.par img{
	width: 100%; height: auto; margin: 1% 0;}
#contacto{
	font-weight: 500;}
#contacto .tel{
	font-size: 18px !important;}
footer .uno{
	width: 200px; margin: 0 auto;}
footer .dos{
	margin: 10px 0 0 5%; }
footer .tres{
	max-width: 130px; margin: 20px auto 30px auto;}
footer .dos .dcho{
	font-size: 30px; font-family: 'Work Sans', sans-serif; font-weight: 300; 
	margin: 20px 0;}
iframe{
	height: 300px;}
}

@media only screen 
and (min-width : 481px)
and (max-width : 750px) {
.pantalla, .movil{
	display: none;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 30px;}
body{
	font-size: 1.1em;}
#logo{
	width: 250px; margin: 20px auto 10px auto;}
#logo img{
	width: 100%; height: auto;}
#menu{
	width: 100%; max-width: 500px; margin: 30px auto 10px auto;}
#menu ul li{
	float: left; width: 28%; font-size: 17px;}
#menu ul .men{
	width: 22%;}
.texto{
	margin: 40px 0;}
h2{
	font-size: 18px;}
.naranja{
	font-size: 1.1em;}
#fondo-piezas{
	background: url(../imagenes/fondo-piezas-t.jpg) no-repeat center center;
	background-size: 100% auto; padding: 30px 45% 30px 0; font-size: 18px; line-height: 23px;}
.thumbnail {
  width: 48%;}
.par img{
	width: 60%; height: auto; margin: 1% 0;}
footer .uno{
	width: 200px; margin: 0 auto;}
footer .dos{
	margin: 10px 0 0 5%; }
footer .tres{
	max-width: 130px; margin: 20px auto 30px auto;}
footer .dos .dcho{
	font-size: 30px; font-family: 'Work Sans', sans-serif; font-weight: 300; 
	margin: 20px 0;}
iframe{
	height: 300px;}
}

@media only screen 
and (min-width : 751px)
and (max-width : 999px) {
.movil, .tablet{
	display: none;}
body{
	font-size: 1.1em;}
.container {
	width: 100%; margin: 0 auto;}
.todo {
	margin: 0 40px;}
#logo{
	width: 250px; margin: 20px auto 10px auto;}
#logo img{
	width: 100%; height: auto;}
#menu{
	width: 500px; margin: 30px auto 0 auto;}
#menu ul li{
	float: left; width: 28%; font-size: 18px;}
#menu ul .men{
	width: 22%;}
.texto{
	margin: 50px;}
.izdo{
	width: 50%; float: left;}
.dcho{
	width: 50%; float: right;}
.naranja{
	font-size: 1.1em;}
#fondo-piezas{
	background: url(../imagenes/fondo-piezas.jpg) no-repeat center center;
	background-size: 100% auto; padding: 100px 0; font-size: 20px; line-height: 28px;}
.thumbnail {
  width: 32%;}
.par img{
	width: 98%; height: auto; margin: 0 1%;}
footer{
	text-align: left;}
footer .dos{
	width: 75%; float: left; margin: 10px 0 0 0; }
footer .tres{
	width: 25%; float: right; max-width: 130px; margin: 13px 0 0 0;}
footer .dos .dcho{
	font-size: 43px; font-family: 'Work Sans', sans-serif; font-weight: 300; margin: 10px 0 0 0;}
iframe{
	height: 380px;}
}
	
@media only screen 
and (min-width : 1000px){ 
.movil, .tablet{
	display: none;}
.container {
	width: 1000px; margin: 0 auto;}
.todo {
	margin: 0 50px;}
#logo{
	width: 300px; float: left; margin: 20px 0 10px 0;}
#menu{
	width: 500px; float: right; margin-top: 50px;}
#menu ul li{
	float: left; width: 28%; font-size: 20px;}
#menu ul .men{
	width: 22%;}
#sub-fondo{
	background: url(../imagenes/teclado.jpg) no-repeat; background-size: 100% auto;}
#fondo{
	background: url(../imagenes/fondo.png) ;}
.texto{
	margin: 80px;}
.izdo{
	width: 50%; float: left;}
.dcho{
	width: 50%; float: right;}
#fondo-piezas{
	background: url(../imagenes/fondo-piezas.jpg) no-repeat center center;
	background-size: 100% auto; padding: 120px 0; font-size: 26px; line-height: 35px;}
.thumbnail {
  width: 32%;}
.par img{
	width: 98%; height: auto; margin: 0 1%;}
footer{
	text-align: left;}
footer .uno{
	width: 25%; float: left;}
footer .dos{
	width: 55%; float: left; margin: 10px 0 0 5%; }
footer .tres{
	width: 15%; float: right; max-width: 130px; margin: 13px 0 0 0;}
footer .dos .dcho{
	font-size: 43px; font-family: 'Work Sans', sans-serif; font-weight: 300; margin: 10px 0 0 0;}
}