/*Estilos proyecto Marta fortuny*/
html, body {
	padding: 0;
    margin: 0;
	border: 0;
	outline: 0;
	background-color: #F5EECC;
}

body {          
	font-size: 18px;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	color:#A76546;
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	height: 100%;
}
#cabecera{ /*--------------------------------------------------------*/
	font-family: MV Boli ,Brush Script MT,Lucida Calligraphy, Monotype Corsiva,Tempus Sans ITC ,MV Boli;
	font-size: 20px;	
}
#cabecera #logo-marta { /*A la izquierda*/
	width: 52%;
	max-width: 150px;
}
 
#Contacto{	
	margin-top:20px;
	font-size: 18px; 
}
#Contacto img{
	width: 7%;
	max-width:16px;
}
/*--------------------------------------------------------*/
#TablaMenus{
	 background-color:#A76546;
	 width: 98%;
}
@media screen and (max-width: 800px){
	#Logo{
		float:left;
	}
	#Titulares{
		float:left;
	}
	#MartaFortuny{
		font-size:30px;
	}
	#Terapeuta{
		font-size:21px;
	}
	#Contacto{	
		float:right;
		margin-top:20px;
		font-size: 15px; 
	}
	#Contacto img{
		width: 7%;
		max-width:16px;
	}	
	#TablaMenus{
		font-size:16px;
	}
	#popupLayer_myStaticPopup
	{
		max-width:520px;
	}
	#MapaArenys{
		max-width:500px;
	}
} /* del 800px*/
@media screen and (max-width: 700px){

	#MartaFortuny{
		font-size:25px;
	}
	#Terapeuta{
		font-size:17px;
	}
	#Contacto{			
		margin-top:20px;
		font-size: 15px; 
	}
	#Contacto img{
		width: 7%;
		max-width:16px;
	}	
	#TablaMenus{
		font-size:16px;
	}
	#popupLayer_myStaticPopup
	{
		max-width:520px;
	}
	#MapaArenys{
		max-width:500px;
	}
} /* del 700px*/

@media screen and (max-width: 550px){
	#cabecera #logo-marta { 
		max-width: 100px;
	}
	
	#MartaFortuny{
		font-size:20px;
	}
	#terapeuta{
		font-size:13px;
	}
	#Contacto{	
		margin-top:10px;
		font-size: 10px; 
	}
	#Contacto img{
		width: 7%;
		max-width:11px;
	}	
	#TablaMenus{
		font-size:12px;
	}
	#popupLayer_myStaticPopup
	{
		max-width:420px;
	}
	#MapaArenys{
		max-width:400px;
	}
} /* del 550px*/

@media screen and (max-width: 420px){
	#Logo{
		float:none;
	}
	#Titulares{
		float:none;
	}
	#Contacto{	
		float:none;
	}
	#cabecera #logo-marta { 
		max-width: 60px;
	}
	#popupLayer_myStaticPopup
	{
		max-width:320px;
	}
	#MapaArenys{
		max-width:300px;
	}
} /* del 420px*/

@media screen and (max-width: 350px){
	#cabecera #logo-marta { 
		max-width: 50px;
	}
	#popupLayer_myStaticPopup
	{
		max-width:220px;
	}
	#MapaArenys{
		max-width:200px;
	}
} /* del 350px*/


/*--------------------------------------------------------*/
#fotoTest {
	position:absolute;
	background-position: center;
	background-size:100% 100%;
	background-repeat: no-repeat;
	opacity: 0.2;
}
 /*--------------------------------------------------------*/
#MartaBlog{
	border: 1px  double SaddleBrown;
}
/*--------------------------------------------------------*/
.imagenCentrada{ /* Para fotos que han de quedar centradas */
	clear:all;
	align-content:center;
	text-align:center;
}
#pie-pagina{/* footer --------------------------------------------------------*/
  width: 98%;
 /* border: 2px double black;*/
  font-size: 14px; 
  text-align: justify;
  color: #F5EECC;
  background-color:#A76546;
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;

}

#coronavirus{
	color: #070000;
}

.blink{
		width:200px;
		height: 50px;
	   /* background-color: magenta; */
		padding: 15px;	
		text-align: center;
		/* line-height: 50px; */
	}
	span{
		font-size: 25px;
		font-family: cursive;
		color: red;
		animation: blink 1s linear infinite;
	}
	
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
 
#foto-top {
	padding-top: 5px;
	padding-bottom: 3px;
	
}
#foto-bottom {
	padding-top: 2px;
	padding-bottom: 5px;	
}

div label a{	
	color:SaddleBrown;
	list-style-type: none;
	text-decoration: none;
}

div a{
	color: #F5EECC;
	list-style-type: none;
	text-decoration: none;
}
div a:hover {	
	background-color:#F5EECC;
}

/*--------------------------------------------------------*/
#ContacteMap{
 clear:all;
 position:relative;
 float:right;
 width:  40%;
 height: auto%;
}

/*--------------------------------------------------------*/
#myHiddenDiv { height: 100%; width:100%; display:none;}	
.popup {
	background:#F5EECC;
	border:1px solid #333; 
	padding:1px;
}
.popup-header {height:24px; padding:7px; }
.popup-header h2 {margin:0; padding:0; font-size:18px; float:left;}
.popup-header .close-link {float:right; font-size:11px;}
.popup-body {padding:10px;}
 #map-canvas {
	   height: 100%;
        margin: 0px;
        padding: 0px;
 }