@font-face
{
	font-family: unica;
	src:url(fonts/unica_one/UnicaOne-Regular.ttf);
	font-style:normal;
}

@font-face 
{
	font-family: cabin-regular;
	src:url(fonts/cabin/Cabin-Regular.otf);
	font-style: normal;
}

@font-face 
{
	font-family: pt-sans;
	src:url(fonts/pt-sans/PTS55F.ttf);
	font-style: normal;
}


/*TODAS LAS CLASES DEL MENU*/

.menu{
	height: 110px;
	background-color: #fff;
	transform: skewX(-19deg);
}
a
{
	color:orange;
}
.columna_moviles
{
	flex-direction:row;
}

.vinculo
{
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: skewX(0deg);
	
	webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;

}


.botonsito_verde
{
	
	width: 120px; height: 50px; display: flex; align-items: center; justify-content: center; font-family: pt-sans; font-size: 14px; background-color:  #8DC640; color: #fff!important; text-decoration: none; padding: 0 10px; outline:none; border:none; cursor:pointer;
	
	
		webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}





.botonsito_verde:hover
{
	background-color:  #046600;
	color:white;
	
}

.vinculo > div > a
{
	color:#000;
}

.vinculo:hover > div > a
{
	color:#fff;
}

.vinculo:hover
{
	background-color: #8DC640;
	color:white;
}

.vinculo_texto
{
		transform: skewX(19deg);
		font-family: unica;
		font-size: 20px;
	
	
}



h2
{
	font-size: 30px!important;
}

.menu-txt
{	
	display:flex;
	align-items:center;
	justify-content:center;
	height: inherit;
	font-family: unica;
	font-size: 20px;
	text-decoration: none;
	color:#323232;
	webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.menu-txt:hover
{
	color: #fff;
	background-color: #8DC640;
}

.emp-p-txt
{
	font-size: 14px!important;
}


.menu_logo
{
	width:30%;
	background-color: transparent;  
	height: 200px; 
	padding-left: 80px; 
	padding-top: 20px;
}

.caja-a
{
	width: inherit;
	height: 110px;
	background-color: #fff;
	 transform: skewX(19deg);
}

.frase-grande
{
	color:#fff;
	letter-spacing: 15px;
	font-size: 60px; 
	font-family: unica;
}

.frase-pequena
{
	color: #fff;
	letter-spacing: .5px;
	font-size: 30px;
	font-family: unica;
}

#menu_tablet
{
	display: none;	
}

#menu_moviles
{
	display:none;
}

#menu_pc
{
	display: block;
}

.vinculo_menu_movil
{
	color: #000;	
}

/*/TODAS LAS CLASES DEL MENU/*/


.centrar-cosas
{
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items:center;
   /* alineacion horizontal */
  justify-content: center;
}

.categoria
{
	height:auto;
	text-decoration:none; 
	font-size:20px; 
	font-family:cabin-regular; 
	padding: 10px 25px;
	color:#000;
	margin: 1rem;
	
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
	
	width:auto!important;
	display:block;
}

.categoria:hover
{
	color:#fff!important;
	text-decoration:none;
	background-color: #8DC640;
}

.categoria_activa
{
	color:#fff!important;
	text-decoration:none;
	background-color: #8DC640;
}


.empresa
{
	height: 650px;
}

.circulo
{
	background-color:#fff; 
	height: 135px; 
	width: 135px; 
	margin-bottom: 35px;
box-shadow:5px 7px 0px rgba(0,0,0,0.5);
	display:block; 
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	align-items: center; 
	display: flex; 
	justify-content: center;
}
.mini-menu
{
	color:#FFFFFF!important;
}
.mini-menu:hover
{
	color: #8DC640!important;
}

.icon-facebook:hover
{
	color: #8DC640!important;
}

.icon-instagram:hover
{
	color: #8DC640!important;
}






.sombra_figura
{
	width:calc(70% - 281px); 
	height:45px; 
	bottom:-40px; 
	position:absolute; 
	z-index:3; 
	box-shadow: -20px 11px 8px 0px rgba(0,0,0,0.11)!important;
}


.ocultar_movil
{
	display:block;
}

.pestana
{
	position:fixed;  
	width:150px; 
	height:40px;
	left:-100px;
	z-index:1000;
	
	transition:all 1s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.pestana:hover
{
	cursor:pointer;
	left:0px;
}

.boton-paypal
{
	font-family: cabin-regular;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	border:1px solid white;
	border-radius:5px;
	color: #fff;

	
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
}

.boton-paypal:hover
{
	color:#BC954E;
	background-color:#000;
	border-color: #BC954E;
	cursor:pointer;
}


.imagen 
{
    filter: grayscale(100%);
		transition:filter 0.5s linear;
	-webkit-transition:filter 0.5s linear;
	-moz-transition:filter 0.5s linear;
	-ms-transition:filter 0.5s linear;
	-o-transition:filter 0.5s linear;
}

.imagen:hover
{
    filter: grayscale(35%);
}

select
{
	width:100%;
	box-sizing:border-box;
	background: #fff url(images/arrow.png);
	background-position:99.5% center;
	background-repeat: no-repeat;
	padding: 10px;
	font-family: pt-sans; 
	font-size:12px;
	border:1px solid #dddddd;
	-webkit-appearance: none;
	border-radius:0px;
}
select:hover
{
 	outline:none;
}
select:focus
{
 	outline:none;
}















/*IPAD*/


@media only screen and (max-width:1190px){

.sombra_figura
{
	width:calc(80% - 281px);
}

.columna_moviles
{
	flex-direction:row;
}

.col-8
{
	float:left;
  	height:auto;
 	box-sizing:border-box;
  	width: 50%;
}

/*TODAS LAS CLASES DEL MENU*/

.logo
{
	width: 50px;
	height: 50px;
}

.menu_logo
{
	width:100%;
	background-color: transparent;  
	height: 200px; 
	padding-left: 80px; 
	padding-top: 20px;
}
	
.figura
	{
		width: 80%!important;
	}
.figura-2
	{
		width: 80%!important;
	}	

#img-1
{
display: none;
}
#img-4
{
display: none;
}
#img-5
{
display: none;
}
#img-7
{
display: none;
}

#menu_pc
{
	display: none;
}

#menu_moviles
{
	display:none;
}

#menu_tablet
{
	display: block;	
}


.vinculo
{
	width: 180px;
	height:inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: skewX(0deg);
	
	webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

}

.vinculo:hover
{
	background-color: #8DC640;
	color:#fff;
}

.vinculo_texto
{
		transform: skewX(19deg);
		font-family: unica;
		font-size: 14px;
}
p
{
	font-size: 16px!important;
}

/*/TODAS LAS CLASES DEL MENU/*/
.emp-txt
	{
		position: relative;
		margin-top: 0px!important;
	}
.cont-serv
	{
		flex-direction: row!important;
	}
	
.facilidades
	{
		flex-direction: column;
	}
	
.puntos
	{
		display: none;
	}
}
















/*CELULARES*/
@media only screen and (max-width:700px){

.mini-menu
{
	margin:5px;
}

.ocultar_movil
{
	display:none;
}

.sombra_figura
{
	display:none;
}

.columna_moviles
{
	flex-direction:column;
}
	/*TODAS LAS CLASES DEL MENU*/
.col-8
{
	float:left;
  	height:auto;
 	box-sizing:border-box;
  	width: 50%;
}
	
.col-6
{
	width: 100%!important;
}

.contenedor-cuadro
{
	width: 100%!important;	
}

.logo
{
	width: 50px;
	height: 50px;
}

.icon-menu
{
	text-decoration:none;
}
	
.vinculo_menu_movil
{
	margin-top:15px;
}

.vinculo_menu_movil:hover
{
	color:#8DC640;
}

.todoal10
{
width: 100%!important;	
}

.pad-gal
{
	padding-left: 20px;
	padding-right: 20px;
}

#img-1
{
display: block;
}

#img-2
{
display: none;
}
#img-3
{
display: none;
}
#img-4
{
display: block;
}
#img-5
{
display: block;
}
#img-6
{
display: none;
}
#img-7
{
display: none;
}

#menu_pc
{
	display: none;
}

#menu_tablet
{
	display: none;
}

#menu_slide
{
	display:none;
}

#menu_moviles
{
	display:block;
	position:absolute;
}
/*/TODAS LAS CLASES DEL MENU/*/
p
	{
		font-size: 16px!important;
	}
.emp-txt
	{
		background-color: #FFFFFF;
		position: relative!important;
		width: 100%!important;
		text-align: center;
	}

	
.figura
{
	display: none;	
}
.figura-2
	{
		display: none;
	}

.emp-img
	{
		display: none;
	}	
.emp-img-2
	{
		width: 100%;
	}
.cont-galeria
	{
		flex-direction: column;
	}
.cont-exp
	{
		flex-direction: column;
	}
.facilidades
	{
		flex-direction: column;
	}
.pie
	{
		flex-direction: column;
	}
	
.frase-grande
	{
		letter-spacing: normal;
	}
.frase-pequena
	{
		letter-spacing: normal;
	}
	
.puntos
	{
		display: none;
	}
	
}


