*{
	margin: 0;
	padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
 
 

 @font-face
{
   font-family: "Droid Serif";
   src: url("../fonts/DroidSerif.ttf"),
        url("../fonts/fuentefancy.ttf") format("truetype");
}


body{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	line-height: 23px;
	font-size: 16px;
	/*background-image: url("img/1.jpg");
    background-repeat: no-repeat;
	background-size: 100%;*/
}

.botoburger{
	display: none !important;
}

.titol-page{
font-size: 25px;
top: 13px;
position: absolute;
/*border: 1px solid black;*/
width: 100%;
font-weight: 700px;
color: rgb(108, 108, 108);
display: none;
}

.titol-page2{
font-size: 25px;
top: 13px;
position: absolute;
/*border: 1px solid black;*/
width: 100%;
font-weight: 700px;
color: white;
display: none;
}


#sel{
	background-color: RGBA(102, 102, 102, 0.9);
	color: white;
}


.galeria_nosaltres{
	padding-top:80px;
}

.titol_cap_pages{
	width: 30px;
	font-family: 'Droid Serif';
	color: black;
	position: absolute;
}

.text{
  width: 80%;
  margin: 0 auto;
  height: 200px;
  /*background: #fff;*/
}

.text1{
  width: 80%;
  margin: 0 auto;
  height: 520px;
  /*background: #fff;*/
}



.button_menu{
	z-index: 1000;
}


.slider_web{
}


.fixed-bg {
	background-image: url("../img/fonstest.png");
	width: 100%;
    height: 550px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.marc {
    background-image: url("../img/marc.jpg");
	width: 100%;
    height: 500px;
	/*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-bottom: 100px;
}



.hamburgers{
position: fixed;
float: right;
outline: none;
z-index: 1000;
margin-right: 50px;
}
.hamburger{
position: fixed;
float: right;
outline: none;
z-index: 1000;
}

.w3-navbar{
	color: #333 !important;
}

.logo_{
z-index: 1000;
position: absolute;
}

.fletxaesquerre{
	background-color: transparent;
	border: 2px solid #009999;
	color: #009999;
	font-size: 30px;
	margin-left: 50px;
}

.fletxaesquerre:hover{
	color: white !important;
	background-color: #009999 !important;
	border: 2px solid #009999 !important;
}

.fletxadreta{
	background-color: transparent;
	border: 2px solid #009999;
	color: #009999;
	font-size: 30px;
	margin-right: 50px;
}

.fletxdreta:hover{
	color: white !important;
	background-color: #009999 !important;
	border: 2px solid #009999 !important;
}



#submenu{
	padding-top: 100px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 70px;
	position: absolute;
	/*right: 10px;*/
	top: 0;
	z-index: 999;
	width: 100%;
	background-color: RGBA(0, 153, 153, 0.7) !important;
	min-height: 100vh; /* <-- 100vh Fa el 100% de l'alçada de la mida de la pantalla*/
}

#submenu a{
	text-decoration: none;
	color: inherit;
}
#submenu li:hover{
	background: #fff;
	color: #048a95;
}

li {
	list-style: none;
}

.link_info:hover{
	color: blue;
}

.info_sub{
	color: rgb(216, 216, 216);
}


.logo{
	width: 300px;
	margin-top: 34px;
	position: absolute;
  	position: absolute;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
}

.estilboto{
	border: 2px solid #048a95;
	font-weight: 700px;
	background: none;
	padding: 10px 20px;
	margin-right: 10px;
}
.estilboto:hover{
	background: #048a95;
	transition-duration: .3s;
	color: #fff;
}
.hamburger, .hamburgers{
	position: absolute;
    right: 0;	
}
.white, .white::after, .white::before{
	background-color: white;
}

.footer1{
color: black;
font-size: 13px;
line-height: 16px;
text-align: left;
height: 187px;
/*
margin-left: 700px;
padding-bottom: 20px;
*/
border-left: 2px solid #009999;
/*width: 300px;
float: left;
position: relative;
left: 700px;*/
bottom:0px;
}

.footer2{
height: 187px;
/*
padding-bottom: 20px;
margin-left: 700px;
*/
border-left: 2px solid #009999;
/*width: 300px;
float: right;
position: relative;
right: 80px;*/
bottom:0px;
}


.footer3{
font-size: 13px;
height: 60px;
background-color: #009999;
color: white;
text-align: right;
text-decoration: none;
clear: both;
bottom: 0px;
/*position: absolute;*/

}

.footer2text{
	color: black;
	font-size: 13px;
	line-height: 25px;
	text-align: left;
	text-decoration: none;
}

.footer2text:hover{
	color: #009999;
}


.w3-btn{
	box-shadow: none !important;
}

.text_footer{
	padding-right: 100px;
	padding-top: 15px;
}
.link{
	text-decoration: none;
	color: white;
}

.link:hover{
	text-decoration: none;
	color: #a8a8a8;
}

.xarxes_socials{
	font-size: 25px;
	color: #009999;
	margin-right: 15px;
}

.xarxes_socials:hover{
	color: #666666;
}

nav {
	background-color: transparent;
  width: 100%;
  min-height: 59px;
}

.fa-angle-up{
color: white;
top: 0px;
text-align: center;
font-size: 35px;
}

.titolpg{
/*position: absolute;*/
margin-top: 50px;
text-align: center;
width: 100%;
font-size: 35px;
letter-spacing: 2px;
font-family: "Droid Serif";
color: #6c6c6c;
}

.titolpg1{
/*position: absolute;*/
text-align: center;
width: 100%;
margin-top: 120px;
font-size: 30px;
font-family: "Droid Serif";
color: #6c6c6c;
}


.w3-btn-floating-large{
	box-shadow: none;
}

.passar:hover{
	color: RGB(87, 87, 86);
}

/*NOSALTRES*/

	
.text{
	height:700px;
}

.galeria_nosaltres {
	padding-top: 60px !important;
}



/*PARLEM-NE*/
.parlemne_1{
	position: absolute;
	margin-bottom:50px;
}

.contacteu{
	position: relative;
	background-image: url(../img/contact1.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 500px;
}

.contact_titol{
	color: black;
	font-size: 30px;
	line-height: 40px;
}

.part_form{
	padding: 50px 80px 50px 80px;
}


.horari{
	width: 100%;
	height: auto;
	/*padding-left: 100px;*/
	padding: 25px 150px;
	margin-top: 50px;
	color: white;
}

.ubicacio{
	width: 100%;
	height: auto;
	/*padding-left: 100px;*/
	padding: 20px 150px;
	margin-top: 20px;
	color: white;
}


.form{
	/*position: relative;*/
	padding: 0px 80px 0px 80px;
}

.icones2{
	width: 80px;
}
.icones2_{
	color: black;
	font-size: 16px;
	line-height: 26px;
	padding-top: 55px; 
	padding-bottom: 80px; 
}

.abc{
	border: none;
	background-color: rgba(204, 204, 204, 0.35);
	padding: 10px;
	margin: 5px;
	color: #009999;
}

.tarea{
	border: none;
	background-color: rgba(204, 204, 204, 0.35);
	padding: 10px;
	margin: 5px;
	color: #009999;
	line-height: 1.5em;
	
	min-height: 174px;
}

#contact_estil>div{
	padding:20px;
}
#contact_estil input, #contact_estil textarea{
	width: 100%;
}

.bttn_send{
	text-align: center;
	/*border: 2px solid black;*/
	border: none;
	box-shadow: none;
	font-size: 16px;
	transition: .3s all ease;
	cursor: pointer;
	padding: 20px;
	width: 70%;
	
	border: 2px solid #009999;
	background-color: #009999;
	color: white;
}

.bttn_send:hover{
	background-color: white;
	color: #009999;
	border: 2px solid #009999;
}



/*LA NOSTRA MANERA DE FER*/
.div1_manera{
/*border: 1px solid black;*/
font-size: 16px;
line-height: 26px;
color: white;
text-align: center;
padding: 15px 460px 80px 460px;

}

.div1_manera_titol{
/*border: 1px solid black;*/
color: white;
text-align: center;
font-family: 'Droid Serif';
font-size: 40px;
line-height: 45px;
padding-top: 140px;
}

.guionet{
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
}


.div2_manera{
/*border: 1px solid black;*/
height: auto;
font-size: 16px;
line-height: 30px;
color: black;
padding-right: 80px;
padding-top: 210px;
padding-left: 20px;
}

.div3_manera{
/*border: 1px solid black;*/
height: auto;
font-size: 33px;
line-height: 45px;
padding-top: 50px;
color: black;
font-family: 'Droid Serif';
text-align: right;
padding-left: 270px;
padding-right: 20px;
}

.text2{
background-color: #009999;
  width: 100%;
  margin: 0 auto;
  height: auto;
  margin-top: -100px;
  /*background: #fff;*/
}

.img_manera{
	width: 32%;
}

/*INDEX*/

.capçal_nos{
	width: 100%;
	position: relative;
	margin-top: -59px;
}


.header_resp{
	display: none;
}

.test{
	line-height: 20px;
}

.titolindex{
	font-family: 'Droid Serif';
	font-size: 25px;
}

.serveis{
	padding-top: 80px;
	padding-bottom: 80px;
}

.testimonis{
	color: white;
}

.cristinabes{
	font-size: 14px;
	line-height: 20px;
}

.equip{
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #009999;
	color: white;
	font-size: 16px;
	line-height: 22px;
}


.botoinfo{
	border: 2px solid #009999;
	padding: 15px;
	background-color: #009999;
	color: white;
	margin: 0 auto;
}

.botoinfo:hover{
	border: 2px solid #009999;
	padding: 15px;
	background-color: transparent;
	color: #009999;
}

.botoinfoequip{
	border: 2px solid white;
	padding: 15px;
	background-color: white;
	color: #009999;
	margin: 0 auto;
}

.botoinfoequip:hover{
	border: 2px solid white;
	padding: 15px;
	background-color: transparent;
	color: white;
}

.serveis_fisio{
	width: 100px;
	height: 100px;
	background-image: url("../img/massatge1.png");
	margin: 0 auto;
}
.serveis_fisio:hover{
	width: 100px;
	height: 100px;
	background-image: url("../img/massatge2.png");
}

.serveis_podo{
	width: 100px;
	height: 100px;
	background-image: url("../img/foot1.png");
	margin: 0 auto;
}
.serveis_podo:hover{
	width: 100px;
	height: 100px;
	background-image: url("../img/foot2.png");
}

.serveis_esport{
	width: 100px;
	height: 100px;
	background-image: url("../img/esport1.png");
	margin: 0 auto;
}
.serveis_esport:hover{
	width: 100px;
	height: 100px;
	background-image: url("../img/esport2.png");
}


.serveis_osteo{
	width: 100px;
	height: 100px;
	background-image: url("../img/spine.png");
	margin: 0 auto;
}
.serveis_osteo:hover{
	width: 100px;
	height: 100px;
	background-image: url("../img/spine2.png");
}

.serveis_pilates{
	width: 100px;
	height: 100px;
	background-image: url("../img/pilates1.png");
	margin: 0 auto;
}
.serveis_pilates:hover{
	width: 100px;
	height: 100px;
	background-image: url("../img/pilates2.png");
}

.serveis_excer{
	width: 100px;
	height: 100px;
	background-image: url("../img/excer1.png");
	margin: 0 auto;
}
.serveis_excer:hover{
	width: 100px;
	height: 100px;
	background-image: url("../img/excer2.png");
}

.quisomcris{
	width: 150px;
	height: 150px;
	background-image: url("../img/cristinarodo.png");
	margin: 0 auto;
}
.quisomcris:hover{
opacity: 0.5;
}

.quisomjordi{
	width: 150px;
	height: 150px;
	background-image: url("../img/jordirodo.png");
	margin: 0 auto;
}
.quisomjordi:hover{
opacity: 0.5;
}

.arrow-down {
	width: 40px;
    top: 590px;
    position: absolute;
	transform-origin:left top;
}
.capcal_index{
	display: none !important;
}

.div_final_index{
		background-image: url(../img/ultimdivindex3.gif);
		width: 100%;
		height: 400px;
		
}

.div_final_index_text{
width:100%; 

line-height: 47px;
font-size: 30px;

/*border:1px solid black;*/

color: white;
text-align: center;

/*padding-top: 80px;*/

height: 300px;

padding: 150px 30px 30px 30px;
}







/*....................................................*/
@media screen and (min-device-width: 0px) and (max-device-width: 1258px){

.galeria_nosaltres{
	padding-top: 50px !important;
}
.cris{
	width: 100%;
	height: 100%;
	margin-top: 0px !important;
	margin-left: 0px !important;
	box-shadow: none !important;
}
.info_cris {
	padding: 20px !important;
	margin-left: 0px !important;
	height: 360px !important;
	font-size: 14px !important;
	line-height: 22px !important;
	width: 100% !important;
	margin-top: -2px !important;
}
.fletxa_left{
	left: 5% !important;
	background-color: rgba(0, 78, 84, 0) !important;
	top: 280px !important;
}
.fletxa_right{
	right: 5% !important;
	background-color: rgba(0, 78, 84, 0) !important;
	top: 280px !important;
}

.fa-angle-left{
	color: rgb(3, 94, 102);
	font-size: 30px;
}

.fa-angle-right{
	color: rgb(3, 94, 102);
font-size: 30px;
}
}

@media screen and (min-device-width: 0px) and (max-device-width: 1150px){
.arrow-down{
	display: none !important;
}
}

@media screen and (min-device-width: 0px) and (max-device-width: 1141px){
.div1_manera{
	padding: 31px 300px 80px 300px;
}

.botoburger{
	display: block !important;
}

.titol-page {
    font-size: 16px;
    top: 40px;
    padding-left: 10px;
	display: block;
	z-index: 500;
}
.titol-page2 {
    font-size: 16px;
    top: 40px;
    color: white;
    padding-left: 10px;
	display: block;
	z-index: 500;
}

.menunav{
	display: none !important;
}
}


@media screen and (min-device-width: 0px) and (max-device-width: 992px){
	.div3_manera {
	font-size: 35px;
    line-height: 40px;
    margin-left: 5px;
    text-align: center !important;
    padding: 15px;
}

.div2_manera {
	padding-top: 50px;
}

}

@media screen and (min-device-width: 0px) and (max-device-width: 934px){
	.header_resp{
		height: 190px;
		background-color: #e4e4e4;
		display: block;
		position: relative;
		margin-top: -60px;
	}
	.capçal_nos{
		display: none !important;
	}
	.capçal_nos_oferim{
		display: none !important;
	}
	
	.nav {
		min-height: 0 !important;
	}
}


@media screen and (min-device-width: 0px) and (max-device-width: 811px){
	.div3_manera {
	font-size: 30px;
    line-height: 35px;
    margin-left: 5px;
    text-align: center !important;
    padding: 15px;
	font-family: 'Droid Serif';
}

.guionet {
    margin-top: 0px;
    margin-bottom: 0px;
}

.div1_manera_titol {
	font-size: 30px;
    line-height: 35px;
    margin-left: 5px;
    text-align: center !important;
    padding: 15px;
font-family: 'Droid Serif';
	padding-top: 80px;
}

.div2_manera {
    font-size: 16px;
    line-height: 26px;
    margin-left: 5px;
    padding: 15px;
}

.marc{
	background-image: url("../img/marc1.jpg") !important;
	margin-bottom: 80px;
}
.div1_manera{
	font-size: 16px;
	line-height: 26px;
	padding: 31px 20px 80px 20px;
}
}

@media screen and (min-device-width: 0px) and (max-device-width: 738px){


.logo_{
max-width: 140px !important;
margin-left: 10px !important;
z-index: 1 !important;
}

	.header_resp{
		height: 140px;
	}
	
}

@media screen and (min-device-width: 0px) and (max-device-width: 672px){
	.footer2{
		display: none;
	}
}

	
@media screen and (min-device-width: 0px) and (max-device-width: 599px){

.fletxadreta, .fletxaesquerre{
	display: none;
}

.contact_titol{
	font-size: 25px;
	line-height: 35px;
}

.titolpg1{
	font-size: 25px;
}

.form{
	padding: 0px 0px 0px 0px;
}

.tarea{
	margin: 0px;
}

.abc{
	margin: 5px 0px 5px 0px;
}


.part_form {
    padding: 50px 10px 50px 10px;
}

.capcal_index{
	display: block !important;
}
	
	.div_final_index {
    background-image: url(../img/ultimdivindex3.gif);
    width: 100%;
    height: 350px;
    color: white;
    text-align: center;
    padding: 30px;
	background-repeat: no-repeat;
}



.div_final_index_text{
	width:100%; 
	font-size: 20px !important;
	line-height: 30px !important;
	padding: 50px 20px 20px 20px;
	/*border:1px solid black;*/
}


.ski{
	width: 100% !important;
	margin-top: -65px !important;
	margin-left: 0px !important;
}

.titolpg1{
top: 80px !important;
}

.demo-gallery {
    padding-left: 50px !important;
    padding-bottom: 50px !important;
}


.text2 {
	margin-top: -40px !important;
}

.mySlides{
	display: none !important;

}

.logo{
	display: none;
}

#submenu{
	font-size: 20px !important;
	line-height: 40px !important;
	top: -40px !important;
}
}


@media screen and (max-width: 883px) {
#submenu{
	font-size: 25px;
	line-height: 50px;
	top: -40px;
}
}

@media screen and (max-width: 1024px) {
#submenu{
	font-size: 25px;
	line-height: 50px;
	top: -40px;
}
.logo{
	display: none;
}

}