@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:38px
			}
		.titols2 { 
			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;
}
.cuadro { font-size:14px; color:#83AED5;
	}
	.negreta { font-weight:bold;}
	.marquesina
{
	cursor:pointer;
opacity:1.4;
filter:alpha(opacity=100); 
}
.marquesina:hover
{
opacity:0.4;
filter:alpha(opacity=40); 
}


.carrosuel_arrows
{
	width:100%;
	float:left;
	position:relative;
	margin-bottom:40px;
	
}
.carr_arr_prev
{
	margin-left: -10px;
	position:relative;	
	width:50px;
	display:none;
}
.carr_arr_next
{
	margin-left: 70px;
    margin-top: -31px;
	position:relative;
	width:50px;	
	display:none;
}

.row_acc
{
	float:left;
	position:relative;
	margin-left:10px;
	width:130px;
	height:17px;
	margin-bottom:180px;
	
}

.footer_acc
{
	font-size:11px;
	display:none;
	
}

#accion
{
	float:left;
	position:relative;
	margin-bottom:0;
	
}
#content_mobile{
			display:none;
}
#content_normal{
			display:block;
}

		 /* RESPONSIVE CSS*/
		@media screen and (max-width:1279px), screen and (max-device-width: 1279px) {
		 td[class="force-col-pre"] {
			  display: block;
			  width:auto !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;} 
			#hideonmobile { display: none !important;} 
			.show_on_mobile755 {
        		display : block !important;
        		width : auto !important;
        		max-height: inherit !important;
        		overflow : visible !important;
        		float : left !important;
        		} 
								td[class="force-col"] {
			  		display: block;
					  
					  width:auto !important;
					}
			
			.selector{
width: 100%!important;

						
        }
			#titol { padding-top:75px!important;

         }
		 
		 .row_acc
		{
			height:235px;
		}
		
		.footer_acc
		{
			display:block;
		}
		#content_mobile{
			display:block;
		}
		#content_normal{
			display:none;
}
}

		    /* 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) {	
				
         }