body {
		margin: 0; 
		padding:0;
		margin-top:0;
	}


/* PARA SMARTPHONE #############################################################################################################*/

@media only screen and (max-width: 640px){
	
	
	/* ########################### */
	/*   CSS DO TEMPLATE DO TOPO   */
	/* ########################### */
	a:link {
		color: #FFFFFF;
		background-color: transparent;
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
		background-color: transparent;
		color: #FFFFFF;
	}
	a:hover {
		text-decoration: underline;
		background-color: transparent;
		color: #FFFFFF;
	}
	a:active {
		text-decoration: none;
		background-color: transparent;
		color: #FFFFFF;
	}
	
	
	
	#img_topo_pc{
		display:none;
	}
	
	
	#img_topo img{
		width: 100%;
		height: 70px;
	}
	




	#menu_links {
		display:none;
	}



	ul { 
		margin:0; 
		list-style:none;
		padding:0;
	}
	
	
		
	#menu_links_mobile li {
		display:none; 
		float: left; 
		position: relative; 
		background: #a2762b; 
		top: -5px; 
		width: 89.5%; 
		height:30px; 
		padding-top: 15px; 
		padding-left: 10%;
		cursor: pointer;
		font-weight: bold; 
		font-size: 12px;
		border: 1px solid #FFFFFF;
		font-family:fonteShanti;
	}
	
	
	
	#bt_menu { 
		position:absolute; 
		width:15%; 
		right:0px; 
		cursor:pointer; 
		padding-right:3%; 
		text-align:right; 
		margin-top: 17px; 
		//border: 1px solid black;
	}
		
	
	#menu_links {
		display:none;
	}
	
	
	#logo { 
		position:absolute; 
		width:85%; 
		left: 0px; 
		top:8px; 
		text-align:center; 
		//border: 1px solid green;
	}

	#logo img { 
		height: 60px;
		width: 180px;
		margin: 0px 0 0 40px;
		border: 0;		
	}	



	/* ########################### */
	/*   CSS DO CONTEUDO           */
	/* ########################### */
	

	/* MENUS LATERAIS NA LATERAL ESQUERDA*/
	#menu_lateral_pc {
		display:none;
	}

	/*COLOCA AS IMAGENS DE TOPO ABAIXO DO TOPO*/
	.imagem_topo{
		width:100%;
		//margin: 92px 10% 0 10%;
	}



	/*POSIÇÃO DA DIV DO CONTEÚDO*/
	#conteudo{
		width:95%;
		float:left;
		margin:0px 2% 20px 2%;
		//border: 1px solid red;
	}


	#titulo_pagina{
		color:#ed9021;
		float:left;
		font-size:18px;
		padding: 10px 0px 20px 0px;
		font-family:fonteShanti;
		text-align:center;
		//border: 1px solid red;
		width: 100%;
	}

	#titulo_pagina_terapias{
		color:#ed9021;
		float:left;
		font-size:18px;
		padding: 20px 0;
		text-align:center;
		//border: 1px solid red;
		font-family:fonteShanti;
		width: 100%;
	}


	#fotos{
		width: 100%;
		float:left;
	}



	.txt_conteudo{
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family:fonteShanti;
		float:left;
		width: 100%;
		//margin: 0 2% 20px 2%;
		//border: 1px solid red;
	}

	.txt_conteudo_left{
		font-size: 17px;
		color:#666666;
		text-align:left;
		font-family:fonteShanti;
	}
	

	#texto_sobrenos {
		width: 100%;
		float: left;
		margin-top: 15px ;
		//border: 1px solid red;
	}
	

	#equipa {
		float:left;
		width: 45%;
		margin: 0 0 50px 20px;
	}

	#botoes_terapias img{
		width: 40%
	}
	
	
	#texto_terapias {
		float: left; 
		text-align:left; 
		margin:10px 10px;		
	}
	
	
	#img_yoga_antitabaco{
		margin-bottom:25px;
	}
	
	#texto_aulas {
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family:fonteShanti;
		float:left;
		width: 100%;
		margin: 0 0 20px 0;
	}

	#texto {
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family:fonteShanti;
		float:left;
		width: 100%;
		margin: 20px 0;
	}

	.img_index{ 
	    display: block;
		margin: auto;
		width: 80%
	}

	#txt_col_esq{
		width: 90%;
		float:left;
		text-align:justify;
		margin:20px 10px;
	}

	#txt_col_dir{
		width: 90%;
		float:left;
		text-align:justify;
		margin:20px 10px;
	}

	
	#intro_programas{
		float: left; 
		margin:10px 10px; 
		text-align:justify;
	}
	
	
	#fachada {
		float:left;
		width: 100%;
		text-align:left;
		margin: 30px 0 0 0;
	}


	#formulario {
		float:left;
		width: 100%;
		height: 350px;
		margin:30px 0 0 0;
		border: 1px solid red;
	}
	
	
	/* ############################## */
	/*   CSS DO TEMPLATE DO RODAPÉ    */
	/* ############################## */
	
	
	#template_rodape {
		height:84px;
		font-size: 10px;
		background-image: url("../imagens/rodape.png");
		float: left;
	}
	
	#links_rodape{
		display: none;
	}
	
	#link_facebook{
		width: 100%;
		float: left;
		//border: 1px solid red;
	}
	#link_facebook img{
		width: 32%; 
		text-align: center;
		float: left;
		margin: 6% 35%;
	}
	
	#ral{
		width:90%; 
		float:left; 
		margin: 7% 5% 0 5%; 
		padding:0; 
		text-align: justify;
	}

	
	.txt_ral{
		font-size: 13px; 
		color: gray; 
		//background-color: gray; 
		padding: 3px 10px;
	}		
	
	

}


/* PARA TABLET #############################################################################################################*/

@media only screen and (min-width: 641px) and (max-width: 1024px){



	/* ########################### */
	/*   CSS DO TEMPLATE DO TOPO   */
	/* ########################### */

	a:link {
		color: #FFFFFF;
		background-color: transparent;
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
		background-color: transparent;
		color: #FFFFFF;
	}
	a:hover {
		text-decoration: underline;
		background-color: transparent;
		color: #FFFFFF;
	}
	a:active {
		text-decoration: none;
		background-color: transparent;
		color: #FFFFFF;
	}	
	
	
	
	#img_topo_pc{
		display:none;
	}
	
	
	#img_topo img{
		width: 100%;
		height: 70px;
	}
	




	#menu_links {
		display:none;
	}



	ul { 
		margin:0; 
		list-style:none;
		padding:0;
	}
	
	
		
	#menu_links_mobile li {
		display:none; 
		float: left; 
		position: relative; 
		background: #a2762b; 
		top: -5px; 
		width: 89.5%; 
		height:30px; 
		padding-top: 15px; 
		padding-left: 10%;
		cursor: pointer;
		font-weight: bold; 
		font-size: 12px;
		border: 1px solid #FFFFFF;
		font-family:fonteShanti;
	}
	
	
	
	#bt_menu { 
		position:absolute; 
		width:15%; 
		right:0px; 
		cursor:pointer; 
		padding-right:3%; 
		text-align:right; 
		margin-top: 17px; 
		//border: 1px solid black;
	}
		
	
	#menu_links {
		display:none;
	}
	
	
	#logo { 
		position:absolute; 
		width:85%; 
		left: 0px; 
		top:8px; 
		text-align:center; 
	}

	#logo img { 
		height: 60px;
		width: 180px;
		margin: 0px 0 0 15%;
		border: 0;
	}	
	
	
	
	/* ########################### */
	/*   CSS DO CONTEUDO           */
	/* ########################### */	



	/* MENUS LATERAIS NA LATERAL ESQUERDA*/
	#menu_lateral_pc {
		display:none;
	}

	/*COLOCA AS IMAGENS DE TOPO ABAIXO DO TOPO*/
	.imagem_topo{
		width:100%;
		//margin: 92px 10% 0 10%;
	}



	/*POSIÇÃO DA DIV DO CONTEÚDO*/
	#conteudo{
		width:95%;
		float:left;
		margin:30px 2% 20px 2%;
		//border: 1px solid red;
	}


	#titulo_pagina{
		font-family:fonteShanti;
		color:#ed9021;
		float:left;
		font-size:18px;
		padding: 20px 100px 20px 0px;
		text-align:left;
		//border: 1px solid red;
		width: 90%;
	}

	#titulo_pagina_terapias{
		font-family:fonteShanti;
		color:#ed9021;
		float:left;
		font-size:18px;
		padding: 20px 0;
		text-align:left;
		//border: 1px solid red;
		width: 90%;
	}


	#fotos{
		width: 100%;
		float:left;
	}

	.img_index{ 
	    display: block;
		margin: auto;
		width: 40%
	}
	

	.txt_conteudo{
		font-family:fonteShanti;
		font-size: 17px;
		color:#666666;
		text-align:justify;
		float:left;
		width: 100%;
		margin: 0 0 20px 0;
	}

	.txt_conteudo_left{
		font-family:fonteShanti;
		font-size: 17px;
		color:#666666;
		text-align:left;
	}
	
	
	#texto_sobrenos {
		width: 100%;
		float: left;
		margin-top: 15px ;
		//border: 1px solid red;
	}
	
	
	#equipa {
		float:left;
		width: 70%;
		margin: 0 0 50px 20px;
		//border: 1px solid red;
		height: 250px;
	}


	#img_yoga_antitabaco{
		margin-right:25px;
	}

	
	#texto_terapias {
		float: left; 
		text-align:left; 
		margin:10px 10px;	
	}
	
	
	#texto_aulas {
		font-family:fonteShanti;
		font-size: 17px;
		color:#666666;
		text-align:justify;
		float:left;
		width: 100%;
		margin: 0 0 20px 0;
	}

	#texto {
		font-family:fonteShanti;
		font-size: 17px;
		color:#666666;
		text-align:justify;
		float:left;
		width: 100%;
		margin: 20px 0;
	}



	#txt_col_esq{
		width: 90%;
		float:left;
		text-align:justify;
		margin:20px 30px;
	}

	#txt_col_dir{
		width: 90%;
		float:left;
		text-align:justify;
		margin:20px 30px;
	}

	#fachada {
		float:left;
		width: 100%;
		text-align:left;
		margin: 30px 0 0 0;
	}


	#formulario {
		float:left;
		width: 100%;
		height: 350px;
		margin:30px 0 0 0;
		border: 1px solid red;
	}
	
	
	/* ############################## */
	/*   CSS DO TEMPLATE DO RODAPÉ    */
	/* ############################## */
	
	
	#template_rodape {
		height:84px;
		font-size: 10px;
		background-image: url("../imagens/rodape.png");
		float: left;
	}
	
	
	#links_rodape{
		margin: 35px 1% 35px 1%; 
		width: 78%; 
		float:left; 
		text-align:left; 
		//border: 1px solid red;"
	}	

	#link_facebook{
		margin: 35px 1% 35px 1%; 
		width: 12%; 
		float:left; 
		text-align:left; 
		//border: 1px solid red;
	}
	
	#link_facebook img{
		width: 75%; 
	}
	
	#ral{
		width:90%; 
		float:left; 
		margin: 0px 5%; 
		padding:0; 
		text-align: center;
	}

	
	.txt_ral{
		font-size: 13px; 
		color: gray; 
		//background-color: gray; 
		padding: 3px 10px;
	}	
	
	

}


/* PARA PC   ATÉ 1399PX       #############################################################################################################*/



@media only screen and (min-width: 1025px) and (max-width: 1399px){


	/* ########################### */
	/*   CSS DO TEMPLATE DO TOPO   */
	/* ########################### */

	#topo {
		width:100%;
		height: 120px;
		position:fixed;
		background-image: url(../imagens/topo.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100%;
		margin: 0; 
		padding:0;
		float:left;
	}
	
	
	#logo {
		width:30%;
		height: 100%;
		position:absolute; 
		float:left;
		//border:2px solid green;
		padding-top: 8px;
		padding-left: 160px; 
		text-align:center; 
	
	}

	#img_topo img{
		width:100%;
		height:120px;
		position:fixed;
		//border: 2px solid red;
		float:left;
	}



	#bt_menu{ 
		display:none;
	}

	

	body {
		background-image: url(../imagens/fundo.jpg);
		//background-size: 100% 120%;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
    }

	#template_topo{
		//float: left;
		position:fixed;
		height:120px;
	}

	/* FIM -> CSS DO TEMPLATE DO TOPO  */
	
	
	
	/* ########################### */
	/*   CSS DO CONTEUDO           */
	/* ########################### */
	

	#conteudo {
		margin: 130px 10% 1% 10%;
		background-color: #FFFFFF;
		width: 80%;
		height: 100%;
		float: left;
		//border: 1px solid black;

	}

	#menu_links_mobile{
		display: none;
	}

	/* MENU LATERAL */
		
	td {
		font-size: 16px;
		//color:#333333;
		//border: 1px solid #CCCCCC;
		padding-left: 0px;
		height: 50px;
		//border-collapse:collapse;
		width: 100px;
		text-align:left;
		font-family:fonteShanti;
	}
	
	
	td a:link {
		color: #666666;
		text-decoration: none;
	}
	td a:visited {
		text-decoration: none;
		color: #666666;
	}
	td a:hover {
		text-decoration: underline;
		color:#ed9021;
	}
	td a:active {
		text-decoration: none;
		color: #333333;
	}
	/* FIM -> MENU LATERAL */	

	
	

	#menu_lateral_pc {
		float:left;
		width:19%;
		//border: 2px solid black;
		margin:6% 0 0 2%;
		text-align:left;
	}

	#conteudo_editavel{
		float:left;
		width: 77%;
		margin: 2% 0% 3% 0%;
		//border: 1px solid black;
	}


	.txt_conteudo{
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family: fonteShanti;
		float:left;
	}

	.txt_conteudo_left{
		font-size: 17px;
		color:#666666;
		text-align:left;
		float:left;
		font-family:fonteShanti;
	}

	#titulo_pagina{
		color:#ed9021;
		float:left;
		font-size:20px;
		padding: 20px 100px 20px 0px;
		text-align:left;
		//border: 1px solid red;
		width: 90%;
		font-family:fonteShanti;
	}


	#titulo_pagina_terapias{
		color:#ed9021;
		float:left;
		font-size:20px;
		padding: 20px 100px 40px 0px;
		text-align:left;
		width: 90%;
		font-family:fonteShanti;
	}

	.img_index{ 
		//text-align: center; 
		//float: left; 
		//margin: 0 0 0 25%;
	    display: block;
		margin: auto;
		width: 30%;
	}
	

	#fotos{
		width: 64%;
		float:left;
		text-align:left;
	}


	#texto_sobrenos {
		width: 30%;
		margin-left: 20px ;
		//border: 1px solid red;
	}


	#equipa {
		float:left;
		width: 20%;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	
	
	#texto_terapias {
		float: left; 
		text-align:left; 
		margin:20px 10px;		
	}

	#img_yoga_antitabaco{
		margin-right:25px;
	}
	
	
	#texto_aulas {
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family:fonteShanti;
		float:left;
		width: 32%;
		margin-left: 25px;
	}

	#txt_col_esq{
		width: 45%;
		float:left;
		text-align:justify;
		margin:20px 30px;
	}


	#txt_col_dir{
		width: 45%;
		float:left;
		text-align:justify;
		margin:20px 0;
	}

	
	#intro_programas{
		float: left; 
		margin:20px 20px; 
		text-align:justify;
	}	
	
	
	#fachada {
		float:left;
		width: 61%;
		text-align:left;
		margin: 30px 0 0 15px;
	}


	#formulario {
		float:left;
		width: 32%;
		height: 350px;
		margin:30px 0 0 25px;
		border: 1px solid red;
	}
	
	
	/* ############################# */
	/*   CSS DO TEMPLATE DO RODAPE   */
	/* ############################# */
	
	 
	#template_rodape{
		width:100%;
		height:84px;
		float: left;
		background-image: url("../imagens/rodape.png");
	}	
	

	
	#links_rodape{
		margin: 35px 3% 35px 11%; 
		width: 58%; 
		float:left; 
		text-align:left; 
		//border: 1px solid red;
	}	

	#link_facebook{
		margin: 35px 1% 35px 1%; 
		width: 8%; 
		float:left; 
		text-align:left; 
		//border: 1px solid red;
	}
	
	#link_facebook img{
		width: 75%; 
	}
	
	#ral{
		width:90%; 
		float:left; 
		margin: 0px 5%; 
		padding:0; 
		text-align: center;
	}
	
	.txt_ral{
		font-size: 13px; 
		color: white; 
		background-color: gray; 
		padding: 3px 10px;
	}

	

}


/* PARA PC   1440 A 1600    #############################################################################################################*/

@media only screen and (min-width: 1400px) and (max-width: 1600px){ 

	/* ########################### */
	/*   CSS DO TEMPLATE DO TOPO   */
	/* ########################### */

	#topo {
		width:100%;
		height: 120px;
		position:fixed;
		background-image: url(../imagens/topo.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100%;
		margin: 0; 
		padding:0;
		float:left;
	}
	
	
	#logo {
		width:30%;
		height: 100%;
		position:absolute; 
		float:left;
		//border:2px solid green;
		padding-top: 8px;
		padding-left: 160px; 
		text-align:center; 
	
	}

	#img_topo img{
		width:100%;
		height:120px;
		position:fixed;
		//border: 2px solid red;
		float:left;
	}



	#bt_menu{ 
		display:none;
	}

	

	body {
		background-image: url(../imagens/fundo.jpg);
		//background-size: 100% 120%;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
    }

	#template_topo{
		//float: left;
		position:fixed;
		height:120px;
	}

	/* FIM -> CSS DO TEMPLATE DO TOPO  */
	
	


	/* ########################### */
	/*   CSS DO CONTEUDO           */
	/* ########################### */
	

	#conteudo {
		margin: 12% 10% 3% 10%;
		background-color: #FFFFFF;
		width: 80%;
		height: 80%;
		float: left;
		//border: 1px solid black;
	    //display: block;
		//margin: auto;
		//position: float;
		//left: 10%;
		//top: 45%;
	}

	#menu_links_mobile{
		display: none;
	}


	/* MENU LATERAL */
		
	td {
		font-size: 16px;
		//color:#333333;
		//border: 1px solid #CCCCCC;
		padding-left: 0px;
		height: 50px;
		//border-collapse:collapse;
		width: 100px;
		text-align:left;
		font-family:fonteShanti;
	}
	
	
	td a:link {
		color: #666666;
		text-decoration: none;
	}
	td a:visited {
		text-decoration: none;
		color: #666666;
	}
	td a:hover {
		text-decoration: underline;
		color:#ed9021;
	}
	td a:active {
		text-decoration: none;
		color: #333333;
	}
	/* FIM -> MENU LATERAL */	

	
	
	#menu_lateral_pc {
		float:left;
		width:19%;
		//border: 2px solid black;
		margin:6% 0 0 2%;
		text-align:left;
	}

	#conteudo_editavel{
		float:left;
		width: 77%;
		margin: 2% 0% 3% 0%;
		//border: 1px solid black;
	}


	.txt_conteudo{
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family: fonteShanti;
		float:left;
	}

	.txt_conteudo_left{
		font-size: 17px;
		color:#666666;
		text-align:left;
		float:left;
		font-family:fonteShanti;
	}

	#titulo_pagina{
		color:#ed9021;
		float:left;
		font-size:20px;
		padding: 20px 100px 20px 0px;
		text-align:left;
		//border: 1px solid red;
		width: 90%;
		font-family:fonteShanti;
	}


	#titulo_pagina_terapias{
		color:#ed9021;
		float:left;
		font-size:20px;
		padding: 20px 100px 40px 0px;
		text-align:left;
		width: 90%;
		font-family:fonteShanti;
	}

	.img_index{ 
		//text-align: center; 
		//float: left; 
		//margin: 0 0 0 25%;
	    display: block;
		margin: auto;
		width: 30%;
	}
	

	#fotos{
		width: 64%;
		float:left;
		text-align:left;
	}


	#texto_sobrenos {
		width: 30%;
		margin-left: 20px ;
		//border: 1px solid red;
	}


	#equipa {
		float:left;
		width: 20%;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	
	
	#texto_terapias {
		float: left; 
		text-align:left; 
		margin:20px 10px;		
	}

	#img_yoga_antitabaco{
		margin-right:25px;
	}
	
	
	#texto_aulas {
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family:fonteShanti;
		float:left;
		width: 32%;
		margin-left: 25px;
	}

	#txt_col_esq{
		width: 45%;
		float:left;
		text-align:justify;
		margin:20px 30px;
	}


	#txt_col_dir{
		width: 45%;
		float:left;
		text-align:justify;
		margin:20px 0;
	}

	
	#intro_programas{
		float: left; 
		margin:20px 20px; 
		text-align:justify;
	}	
	
	
	#fachada {
		float:left;
		width: 61%;
		text-align:left;
		margin: 30px 0 0 15px;
	}


	#formulario {
		float:left;
		width: 32%;
		height: 350px;
		margin:30px 0 0 25px;
		border: 1px solid red;
	}
	
	
	/* ############################# */
	/*   CSS DO TEMPLATE DO RODAPE   */
	/* ############################# */
	
	 
	#template_rodape{
		width:100%;
		height:84px;
		float: left;
		background-image: url("../imagens/rodape.png");
	}	
	
	
	#links_rodape{
		margin: 35px 3% 35px 11%; 
		width: 58%; 
		float:left; 
		text-align:left; 
		//border: 1px solid red;
	}	

	#link_facebook{
		margin: 35px 1% 35px 1%; 
		width: 8%; 
		float:left; 
		text-align:left; 
		//border: 1px solid red;
	}
	
	#link_facebook img{
		width: 75%; 
	}
	
	#ral{
		width:90%; 
		float:left; 
		margin: 0px 5%; 
		padding:0; 
		text-align: center;
	}
	
	.txt_ral{
		font-size: 13px; 
		color: white; 
		background-color: gray; 
		padding: 3px 10px;
	}



}




/* PARA PC   1601 A 1800    #############################################################################################################*/

@media only screen and (min-width: 1601px) and (max-width: 1800px){ 


	/* ########################### */
	/*   CSS DO TEMPLATE DO TOPO   */
	/* ########################### */

	#topo {
		width:100%;
		height: 120px;
		position:fixed;
		background-image: url(../imagens/topo.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100%;
		margin: 0; 
		padding:0;
		float:left;
	}
	
	
	#logo {
		width:30%;
		height: 100%;
		position:absolute; 
		float:left;
		//border:2px solid green;
		padding-top: 8px;
		padding-left: 160px; 
		text-align:center; 
	
	}

	#img_topo img{
		width:100%;
		height:120px;
		position:fixed;
		//border: 2px solid red;
		float:left;
	}



	#bt_menu{ 
		display:none;
	}

	

	body {
		background-image: url(../imagens/fundo.jpg);
		//background-size: 100% 120%;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
    }

	#template_topo{
		//float: left;
		position:fixed;
		height:120px;
	}

	/* FIM -> CSS DO TEMPLATE DO TOPO  */
	
	
	


	/* ########################### */
	/*   CSS DO CONTEUDO           */
	/* ########################### */

	#conteudo {
		margin: 13% 10% 4% 10%;
		background-color: #FFFFFF;
		width: 80%;
		height: 80%;
		float: left;
		//border: 1px solid black;
	    //display: block;
		//margin: auto;
		//position: float;
		//left: 10%;
		//top: 45%;
	}

	#menu_links_mobile{
		display: none;
	}
	
	/* MENU LATERAL */
		
	td {
		font-size: 16px;
		//color:#333333;
		//border: 1px solid #CCCCCC;
		padding-left: 0px;
		height: 50px;
		//border-collapse:collapse;
		width: 100px;
		text-align:left;
		font-family:fonteShanti;
	}
	
	
	td a:link {
		color: #666666;
		text-decoration: none;
	}
	td a:visited {
		text-decoration: none;
		color: #666666;
	}
	td a:hover {
		text-decoration: underline;
		color:#ed9021;
	}
	td a:active {
		text-decoration: none;
		color: #333333;
	}
	/* FIM -> MENU LATERAL */	
		


	#menu_lateral_pc {
		float:left;
		width:19%;
		//border: 2px solid black;
		margin:6% 0 0 2%;
		text-align:left;
	}

	#conteudo_editavel{
		float:left;
		width: 77%;
		margin: 2% 0% 3% 0%;
		//border: 1px solid black;
	}


	.txt_conteudo{
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family: fonteShanti;
		float:left;
	}

	.txt_conteudo_left{
		font-size: 17px;
		color:#666666;
		text-align:left;
		float:left;
		font-family:fonteShanti;
	}

	#titulo_pagina{
		color:#ed9021;
		float:left;
		font-size:20px;
		padding: 20px 100px 20px 0px;
		text-align:left;
		//border: 1px solid red;
		width: 90%;
		font-family:fonteShanti;
	}


	#titulo_pagina_terapias{
		color:#ed9021;
		float:left;
		font-size:20px;
		padding: 20px 100px 40px 0px;
		text-align:left;
		width: 90%;
		font-family:fonteShanti;
	}

	.img_index{ 
		//text-align: center; 
		//float: left; 
		//margin: 0 0 0 25%;
	    display: block;
		margin: auto;
		width: 30%;
	}
	

	#fotos{
		width: 64%;
		float:left;
		text-align:left;
	}


	#texto_sobrenos {
		width: 30%;
		margin-left: 20px ;
		//border: 1px solid red;
	}


	#equipa {
		float:left;
		width: 20%;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	
	
	#texto_terapias {
		float: left; 
		text-align:left; 
		margin:20px 10px;		
	}

	#img_yoga_antitabaco{
		margin-right:25px;
	}
	
	
	#texto_aulas {
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family:fonteShanti;
		float:left;
		width: 32%;
		margin-left: 25px;
	}

	#txt_col_esq{
		width: 45%;
		float:left;
		text-align:justify;
		margin:20px 30px;
	}


	#txt_col_dir{
		width: 45%;
		float:left;
		text-align:justify;
		margin:20px 0;
	}

	
	#intro_programas{
		float: left; 
		margin:20px 20px; 
		text-align:justify;
	}	
	
	
	#fachada {
		float:left;
		width: 61%;
		text-align:left;
		margin: 30px 0 0 15px;
	}


	#formulario {
		float:left;
		width: 32%;
		height: 350px;
		margin:30px 0 0 25px;
		border: 1px solid red;
	}
	
	
	/* ############################# */
	/*   CSS DO TEMPLATE DO RODAPE   */
	/* ############################# */
	
	 
	#template_rodape{
		width:100%;
		height:84px;
		float: left;
		background-image: url("../imagens/rodape.png");
	}	
	
	
	#links_rodape{
		margin: 35px 3% 35px 11%; 
		width: 58%; 
		float:left; 
		text-align:left; 
		//border: 1px solid red;
	}	

	#link_facebook{
		margin: 35px 1% 35px 1%; 
		width: 8%; 
		float:left; 
		text-align:left; 
		//border: 1px solid red;
	}
	
	#link_facebook img{
		width: 75%; 
	}
	
	#ral{
		width:90%; 
		float:left; 
		margin: 0px 5%; 
		padding:0; 
		text-align: center;
	}
	
	.txt_ral{
		font-size: 13px; 
		color: white; 
		background-color: gray; 
		padding: 3px 10px;
	}


}




/* PARA PC   1801 A 1920    #############################################################################################################*/

@media only screen and (min-width: 1801px) and (max-width: 1920px){ 


	/* ########################### */
	/*   CSS DO TEMPLATE DO TOPO   */
	/* ########################### */

	#topo {
		width:100%;
		height: 120px;
		position:fixed;
		background-image: url(../imagens/topo.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100%;
		margin: 0; 
		padding:0;
		float:left;
	}
	
	
	#logo {
		width:30%;
		height: 100%;
		position:absolute; 
		float:left;
		//border:2px solid green;
		padding-top: 8px;
		padding-left: 160px; 
		text-align:center; 
	
	}

	#img_topo img{
		width:100%;
		height:120px;
		position:fixed;
		//border: 2px solid red;
		float:left;
	}



	#bt_menu{ 
		display:none;
	}

	

	body {
		background-image: url(../imagens/fundo.jpg);
		//background-size: 100% 120%;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
    }

	#template_topo{
		//float: left;
		position:fixed;
		height:120px;
	}

	/* FIM -> CSS DO TEMPLATE DO TOPO  */
	
	

	/* ########################### */
	/*   CSS DO CONTEUDO           */
	/* ########################### */

	#conteudo {
		margin: 10% 10% 2% 10%;
		background-color: #FFFFFF;
		width: 80%;
		height: 80%;
		float: left;
		//border: 1px solid black;
	    //display: block;
		//margin: auto;
		//position: float;
		//left: 10%;
		//top: 45%;
	}

	#menu_links_mobile{
		display: none;
	}


	#menu_lateral_pc {
		float:left;
		width:19%;
		//border: 2px solid black;
		margin:6% 0 0 2%;
		text-align:left;
	}

	
	/* MENU LATERAL */
		
	td {
		font-size: 16px;
		//color:#333333;
		//border: 1px solid #CCCCCC;
		padding-left: 0px;
		height: 50px;
		//border-collapse:collapse;
		width: 100px;
		text-align:left;
		font-family:fonteShanti;
	}
	
	
	td a:link {
		color: #666666;
		text-decoration: none;
	}
	td a:visited {
		text-decoration: none;
		color: #666666;
	}
	td a:hover {
		text-decoration: underline;
		color:#ed9021;
	}
	td a:active {
		text-decoration: none;
		color: #333333;
	}
	/* FIM -> MENU LATERAL */	

	
	
	
	#conteudo_editavel{
		float:left;
		width: 77%;
		margin: 2% 0% 3% 0%;
		//border: 1px solid black;
	}


	.txt_conteudo{
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family: fonteShanti;
		float:left;
	}

	.txt_conteudo_left{
		font-size: 17px;
		color:#666666;
		text-align:left;
		float:left;
		font-family:fonteShanti;
	}

	#titulo_pagina{
		color:#ed9021;
		float:left;
		font-size:20px;
		padding: 20px 100px 20px 0px;
		text-align:left;
		//border: 1px solid red;
		width: 90%;
		font-family:fonteShanti;
	}


	#titulo_pagina_terapias{
		color:#ed9021;
		float:left;
		font-size:20px;
		padding: 20px 100px 40px 0px;
		text-align:left;
		width: 90%;
		font-family:fonteShanti;
	}

	.img_index{ 
		//text-align: center; 
		//float: left; 
		//margin: 0 0 0 25%;
	    display: block;
		margin: auto;
		width: 30%;
	}
	

	#fotos{
		width: 64%;
		float:left;
		text-align:left;
	}


	#texto_sobrenos {
		width: 30%;
		margin-left: 20px ;
		//border: 1px solid red;
	}


	#equipa {
		float:left;
		width: 20%;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	
	#botoes_terapias{
		margin:0 0  5% 0;
		float: left;
	}	
	
	#formacao {
		margin-bottom: 13%; 
		float: left;
	}
	
	#texto_terapias {
		float: left; 
		text-align:left; 
		margin:20px 10px;		
	}

	#img_yoga_antitabaco{
		margin-right:25px;
	}
	
	
	#texto_aulas {
		font-size: 17px;
		color:#666666;
		text-align:justify;
		font-family:fonteShanti;
		float:left;
		width: 32%;
		margin-left: 25px;
	}

	#txt_col_esq{
		width: 45%;
		float:left;
		text-align:justify;
		margin:20px 30px;
	}


	#txt_col_dir{
		width: 45%;
		float:left;
		text-align:justify;
		margin:20px 0;
	}

	
	#intro_programas{
		float: left; 
		margin:20px 20px; 
		text-align:justify;
	}	
	
	
	#fachada {
		float:left;
		width: 61%;
		text-align:left;
		margin: 30px 0 0 15px;
	}


	#formulario {
		float:left;
		width: 32%;
		height: 350px;
		margin:30px 0 0 25px;
		border: 1px solid red;
	}

	
	
	/* ############################# */
	/*   CSS DO TEMPLATE DO RODAPE   */
	/* ############################# */
	
	 
	#template_rodape{
		width:100%;
		height:84px;
		float: left;
		background-image: url("../imagens/rodape.png");
	}	
	
	
	#links_rodape{
		margin: 35px 3% 35px 11%; 
		width: 58%; 
		float:left; 
		text-align:left; 
		//border: 1px solid red;
	}	

	#link_facebook{
		margin: 35px 1% 35px 1%; 
		width: 8%; 
		float:left; 
		text-align:left; 
		//border: 1px solid red;
	}
	
	#link_facebook img{
		width: 75%; 
	}
	
	#ral{
		width:90%; 
		float:left; 
		margin: 0px 5%; 
		padding:0; 
		text-align: center;
	}
	
	.txt_ral{
		font-size: 13px; 
		color: white; 
		background-color: gray; 
		padding: 3px 10px;
	}
	
	

}