html,body{
    height: 100%;
}
html{scroll-behavior:smooth}
body {
	font-size: 16px;
	font-family: Arial, Roboto,Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #001111;
	background-color:#FFFFFF;
}
h1,h2{
font-size: 16px;
margin:0px;


}

a {

	color: #000099;
	text-decoration: underline;
}
.mNoLink {
	text-decoration:line-through;
	color:#999999;
	cursor:default
}
@media (hover){
	a:hover {
		color: #990099;
		 underline;
	}
	.mNoLink:hover{
		text-decoration:none !important;
	}
}
@keyframes intermitent {
  0%   { opacity: .4;color:#990099; }
  20% { opacity: 1; }

  100% { opacity: 1;color:#003333}
}
#bodyCapa{
text-align:center;
overflow:hidden;
max-width:1200px;
margin:auto;
min-height: 100%;
}
#suportMenu{
margin-top:5px;

}
.casellaMenu,.casellaMenuBuida,.casellaMenuActual,.casellaMenuActualBuida{
width:110px;
display: inline-block;
text-align:center;
border:none;
}
.casellaMenuActual,.casellaMenuActualBuida{
background-color:#003333;
}
.casellaMenuActual{

color:#FFFFFF;
padding-bottom:5px;
}



#titulE, #titulC, #titulD{
height:50px;
display:inline-block;
width:215px;
font-size:36px;
vertical-align:top;
text-align:left;
color:#CCCCCC;
}
#titulC{
width: auto;
padding:0px 20px;
color:#003333;
}
#titulE{
text-align: right;
font-size:18px;
text-decoration:none;

}
#titulDMobil{
	font-size:16px;
	height:auto;
	line-height:16px;
	color:#333333;
	margin: -7px 0px 2px 0px;

}
#telefon{
display:inline-block;
text-align:center;
text-decoration:none;
 animation: intermitent 2s infinite alternate;


}
#banderesCapa{
position:fixed;

 padding:5px;
 
}
/*width="16" height="12"  */
.bandera{
display:block;
border:1px solid transparent;
margin-bottom:10px;
background-color:rgba(255,255,255,.1)
}
.bandera > a{
display:block;
padding: 5px;

}
.linkInferior {

	vertical-align:middle;
	display:inline-block;
	margin-right: 20px;

	
}
#cookies{
	text-align:center;
	background-color:#003333 ;
	font-size: 18px;
	line-height: 80px;
	color:white
}

#peu{


min-height:40px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content:space-between;






}
#peu>div{
padding: 10px;
white-space: nowrap;
box-sizing: border-box;

}
.iframeGPS-On{
position:fixed;
width:100%;
height:100%;
background-color:rgba(0,30,30,.8);
left:0px;
top:0px;
border:none;
overflow:hidden;
display:block;
z-index:10;
}
.iframeGPS-Off{
display:none;
}
#phone,#mail,#whatsapp{
display:inline-block;
   
height:42px;
width:42px;

margin:5px 10px;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#phone{
background-image:url(/img/phoneM.png);
    background-size: 35px 35px;
    opacity:.5;
}
#mail{
background-image:url(/img/emailM.png);
   opacity:.5;
}
#whatsapp{

     background-size: 50px 50px;;
    background-image:url(/img/whatsapp.png);
 
}
.panelNoLink{
	padding:5px;
	padding-bottom:14px;
	border: 1px solid;
	border-color:#fff #aaa #aaa #fff;
	 position:absolute;

	 cursor:default;
	 margin-top:25px;

	z-index: -1;
	box-sizing: border-box;
	

	opacity:0;
	 background-color:#eee;
	 box-shadow:10px 12px 0px rgba(0,0,50,.3);
	 transition: .4s ease .2s ;

}
 .panelNoLink>div  {

	
	padding:0px  5px;
	
	margin: 5px;	
}
.panelNoLink img{
	vertical-align: middle;
	border-radius: 25%;
}
.panelNoLink>ul{
	margin:5px;
	padding: 5px 0;
	list-style-type: none;
	text-align:left;
	

} 
.panelNoLink li{
	
	padding: 3px;;
}
@media (max-width:750px) {
	#banderesCapa{
	position:static;
	background-color:#000000;
	 padding:0px;
	padding-bottom:20px;	
	}
	.bandera{
	display:inline-block;
	margin:7px;	
	border-radius:5px;
	}
	.bandera > a{

	padding: 5px;
	border:1px solid transparent;
	}
	.bandera > a >img{
		width:24px;
		height:18px;
		border-radius:9px;
	}
	#titulE, #titulC, #titulD{
	
	width:100%;
	text-align:center;
	padding:0px;
	}
	#titulE{
	display:inline-block;
	margin:auto;
	margin-top:-35px;
	background-color:#FFFFFF;
	width:auto;
	padding:10px 70px 50px 70px;
	border-radius:300px;
	margin-bottom:-60px;	
	}
	#suportBotonsMobil{
	display:inline-block;
	margin:auto;
	margin-top:-35px;
	background-color:#FFFFFF;
	width:auto;
	padding:10px ;

	margin-bottom:-10px;	
	}
	#titulD{
	font-size:16px;
	height:auto;
	line-height:16px;
	color:#333333;
	margin: -7px 0px 2px 0px;
	}
	#titulDMobil{
	
	}
	.casellaMenu{
	width: auto;
	padding:5px 7px 6px 7px;
	margin:4px 1px 2px 1px;
	}


	
	.casellaMenuActualBuida,.casellaMenuBuida{
	display:none;
	}
	.casellaMenuActual{
	display:block;
	width:100%;
	font-size: 24px;
	font-weight:bold;
	color:#111111;
	background-color:transparent;
	text-align:center;
	margin:15px 0px 0px 0px;
	}
	#peu>div{
		
		text-align: center;
		width: 100%;
		}

}