@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 { 
			text-shadow:2px 2px 2px #2E5B85;
			font-size:16px;
			}
			
		
		
		#historia_datos
		{
			float:left;
			position:relative;
			height:214px;
			width:100%;
			
		}
		
		#historia_descripcion
		{
			position:absolute;
			padding-top:20px;
			padding-bottom:20px;
			float:left;
			width:100%;
			background-color:#FFF;
			padding-left:2%;
			padding-right:2%;
			
			color:#35647e;
			font-size:14px;
			margin-top:20px;
			margin-left:;
			
		}
		
		
		#historia_timeline
		{
			width:100%;
			float:left;
			position:absolute;
			height:61px;
			overflow:hidden;
			margin-top:136px;
			
		}
		
		
		#historia_descripcion h1
		{
			font-size:24px !important;
			font-weight:bold !important;
			
		}
		
		.historia_item
		{
			width:97px;
			height:61px;
			float:left;
			position:absolute;
		}
		
		.item_background
		{
			position:absolute;
			width:97px;
			height:61px;
			overflow:hidden;
			
		}
		.item_date
		{
			position:absolute;
			width:63px;
			height:auto;
			color:#FFF;	
			margin-top:20px;
			font-size:14px;
		}
		#historia_selector
		{
			float:left;
			position:absolute;
			width:100%;
			margin-top:26px;
			display:none;
			
		}
		
		#selector_fecha
		{
			width:200px;
			height:30px;
			
		}
		.slider_home
		{
		margin: 0;
		padding: 0;
    	width: 99%!important;
		}
		.escutmovil{display:none;}

		.show1000 { display : none !important;} 
		
		.histo1 { display : none;} 
		.histo2 { display : none;} 
		.histo3 { display : none;} 
		.histo4 { display : none;} 
		.histo5 { display : none;} 
		.histo6 { display : none;} 
		.histo7 { display : none;} 
			
@media screen and (max-width: 1279px), screen and (max-device-width: 1279px) {
			
			#historia_timeline
			{
				display:none;
			}
			#historia_selector
			{
				display:block;
				position:relative;
			}
			
			
			#historia_descripcion
			{
				position:relative;	
			}
			
			#historia_datos
			{
				float:left;
				position:relative;
				height:auto;
				width:100%;
				padding-bottom:25px;
			}
			.escut{display:none;}
			.escutmovil{display:block;}
		
		 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: 1219px), screen and (max-device-width: 1219px) {
       	.hide1000 { display: none !important;} 
		.show1000 { display : block !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;
        		} 
								td[class="force-col"] {
			  		display: block;
			  width:auto !important;
					}

						
        }

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