@charset "utf-8";

        body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
        body {margin:0; padding:0;}
		body{ font-family: 'Raleway', Verdana, sans-serif; font-size:14px; line-height:22px}
        table {border-spacing:0;}
        table td {border-collapse:collapse;}
		.tablet { display: none !important;} 
		.mobile { display: none !important;} 
		.destacathome { width:95%; height:auto; padding-bottom:8px}
		.notis{ padding:0 8px 8px 8px;}
		.puntets{ border-bottom:dotted 3px green; padding-top:8px}
		.rrsshome { padding:6px;}
		#fons {border:2px solid #e5e5e5}
		.titols { 
			text-shadow:none;
			font-size:42px;
			line-height:60px
			}
		.titols2 { 
			text-shadow:none;
			font-size:16px;
			}
			.google-maps {
position: relative;
padding-bottom: 290px; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 260px !important;
}
			.selector{
color:#83AED5;	
width: 98%;
padding: 5px;
font-size: 13px;
border: 1px solid #83AED5;
height: 34px;
background-color:#fff;
font-family: 'Raleway', Verdana, sans-serif;}
.selector2{
color:#83AED5;	
width: 100%;
padding: 5px;
font-size: 13px;
border: 1px solid #83AED5;
height: 34px;
background-color:#fff;
font-family: 'Raleway', Verdana, sans-serif;}
iframe.ytb-embed {
max-width: 100% !important;
display: block;
}

#butonga{ background-color: #EBEBEC;
height: 22px;
width: 95%;
padding: 5px;
margin-top:5px;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
}
		 /* RESPONSIVE CSS*/
		@media screen and (max-width: 1279px), screen and (max-device-width: 1279px) {
		 td[class="force-col"] {
			  display: block;
			  width:auto !important;
			  padding: 0 5px 0 5px!important;}
		table[class="container"] {
               width: 100% !important;	

            }
		table[class="container2"] {
               width: 97% !important;	
            }
		.tablet {
        		display : block !important;
        		width : 97% !important;
				padding: 5px;
        		} 
		.hideonmobile { display: none !important;} 
		.rrsshome {width : 95% !important;}
		
			
        @media screen and (max-width: 755px), screen and (max-device-width: 755px) {
        	.hideonmobile { display: none !important;} 

			.show_on_mobile755 {
        		display : block !important;
        		width : auto !important;
        		max-height: inherit !important;
        		overflow : visible !important;
        		float : left !important;
        		} 
								
					.proximitat{ text-align:center!important;}
			
			.selector{
width: 100%!important;

						
        } 
		td[class="force-col2"] {
			  		display: block;
					  
					  width:auto !important;
					  padding:0 0 10px 0!important;
					}
					#aperturaddress{ text-align:center!important; font-size:1.5em!important;}
					#butonga{ text-align:center!important;}
					#titol { padding:25px 0 25px 0!important;}
					.titols {font-size:25px}
		}

		    /* Give content more room on mobile */
        @media screen and (max-width: 590px), screen and (max-device-width: 590px) {
			 #hideonmobile590 { display: none !important;} 
			 .show_on_mobile590 {
        		display : block !important;
        		width : auto !important;
        		max-height: inherit !important;
        		overflow : visible !important;
        		float : left !important;
        		} 
				

			

         }

        /* Give content more room on mobile */
        @media screen and (max-width: 400px), screen and (max-device-width: 400px) {
			table[class="container2"] {
               width: 95% !important;	
            }
					
			    	.show_on_mobile {
        			display : block !important;
        			width : auto !important;
        			max-height: inherit !important;
        			overflow : visible !important;
        			float : left !important;
        		} 
				.tablet { display: none !important;}			 				
				.mobile {
        		display : block !important;
        		width : 95% !important;
				padding: 15px 5px 5px 5px;
        		} 
          #telfhome { text-align:center!important;}
		  .telfhome { width: 95% !important; height:auto}
		
         }
		 
		    /* Give content more room on mobile */
        @media screen and (max-width: 320px), screen and (max-device-width: 320px) {	
				
         }