@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:17px}
        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:35px;
		line-height:30px
		}
		.titols2 { 
		text-shadow:2px 2px 2px #2E5B85;
		font-size:16px;
		}
		.google-maps {
		position: relative;
		padding-bottom: 374px; // This is the aspect ratio
		height: 0;
		overflow: hidden;
		}
		.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 374px !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;}
		.slider_home
		{
		margin: 0;
		padding: 0 0 0 9px;
    	width: 98%!important;
		}
		/* //////////////////////// FICHAS /////////////////////////////// */
		 
		/* LÍNEA DE PUNTOS */
		#poinkt_condis {
		border-bottom: 2px dotted #003882;
		}
		#poinkt_life {
		border-bottom:dotted 2px #00AEEF;
		}
		#poinkt_shop {
		border-bottom:dotted 2px #EF3E42;
		}
		#poinkt_express {
		border-bottom:dotted 2px #880063;
		}
		#poinkt_fresh {
		border-bottom:dotted 2px #009C7D;
		}
		#poinkt_distop {
		border-bottom:dotted 2px #00927B;
		}
		#poinkt_teusuper {
			border-bottom:dotted 2px #164772;
		}
		#poinkt_teusuper_c {
			border-bottom:dotted 2px #164772;
		}
		 
		/* LOGOS SIN TALLA */ 
		.logo_condis:after  {
		content: url("../images/logo_ficha_condis.png");
		}
		.logo_life:after  {
		content: url("../images/logo_ficha_life.png");
		}
		.logo_shop:after  {
		content: url("../images/logo_ficha_shop.png");
		}
		.logo_express:after  {
		content: url("../images/logo_ficha_express.png");
		}
		.logo_fresh:after  {
		content: url("../images/logo_ficha_fresh.png");
		}
		.logo_distop:after  {
		content: url("../images/logo_ficha_distop.png");
		}
		.logo_teusuper:after  {
		content: url("../images/logo_ficha_condiselteusuper.png");
		}
		.logo_teusuper_c:after  {
		content: url("../images/logo_ficha_condiselteusuperc.png");
		}
		
		/* LOGOS TALLA CONDIS*/ 
		.logo_condis_s:after  {
		content: url("../images/logo_ficha_condis_s.png");
		}
		.logo_condis_m:after  {
		content: url("../images/logo_ficha_condis_m.png");
		}
		.logo_condis_l:after  {
		content: url("../images/logo_ficha_condis_l.png");
		}
		.logo_condis_xl:after  {
		content: url("../images/logo_ficha_condis_xl.png");
		}
		
		/* LOGOS TALLA CONDISLIFE*/ 
		.logo_life_s:after  {
		content: url("../images/logo_ficha_life_s.png");
		}
		.logo_life_m:after  {
		content: url("../images/logo_ficha_life_m.png");
		}
		.logo_life_:after  {
		content: url("../images/logo_ficha_life_l.png");
		}
		.logo_life_xl:after  {
		content: url("../images/logo_ficha_life_xl.png");
		}
		
		
		/* MARCO DEL MAPA */
		#dretaborde_condis
		{
		border: 1px  solid #003882;
		}
		#dretaborde_life {
		border: 1px  solid #00AEEF;
		}
		#dretaborde_shop {
		border: 1px  solid #EF3E42;
		}
		#dretaborde_express {
		border: 1px  solid #880063;
		}
		#dretaborde_fresh {
		border: 1px  solid #009C7D;
		}
		#dretaborde_distop {
		border: 1px  solid #00927B;
		}
		#dretaborde_teusuper {
		border: 1px  solid #164772;
		}
		#dretaborde_teusuper_c {
		border: 1px  solid #164772;
		}
		
		/* FONDO DE CELDAS */
		.bg_condis
		{
		background-color:#003882;
		border-right: 1px solid #fff
		}
		.bg_life {
		background-color:#00AEEF;
		border-right: 1px solid #fff
		}
		.bg_shop {
		background-color:#EF3E42;
		border-right: 1px solid #fff
		}
		.bg_express {
		background-color:#880063;
		border-right: 1px solid #fff
		}
		.bg_fresh {
		background-color:#009C7D;
		border-right: 1px solid #fff
		}
		.bg_distop {
		background-color:#00927B;
		border-right: 1px solid #fff
		}
		.bg_teusuper {
		background-color:#164772;
		border-right: 1px solid #fff
		}
		.bg_teusuper_c {
		background-color:#164772;
		border-right: 1px solid #fff
		}
		
		/* CELDAS MADRE ICONOS */
		#bgsemi_condis
		{
		background-color:#CCDCED;
		color:#003882;
		}
		#bgsemi_life {
		background-color:#C7EAFB;
		color:#00AEEF;
		}
		#bgsemi_shop {
		background-color:#FCD6CB;
		color:#EF3E42;
		}
		#bgsemi_express {
		background-color:#E2D7DC;
		color:#880063;
		}
		#bgsemi_fresh {
		background-color:#C6E3DC;
		color:#009C7D;
		}
		#bgsemi_distop {
		background-color:#D5EAE4;
		color:#00927B;
		}
		#bgsemi_teusuper {
		background-color:#AABDCC;
		color:#164772;
		}
		#bgsemi_teusuper_c {
		background-color:#AABDCC;
		color:#164772;
		}
		
		/* LÍNEA CIERRE */
		#ratlla_condis {
		border-bottom: 2px solid #003882;
		}
		#ratlla_life {
		border-bottom: 2px solid #00AEEF;
		}
		#ratlla_shop {
		border-bottom: 2px solid #EF3E42;
		}
		#ratlla_express {
		border-bottom: 2px solid #880063;
		}
		#ratlla_fresh {
		border-bottom: 2px solid #009C7D;
		}
		#ratlla_distop {
		border-bottom: 2px solid #00927B;
		}
		#ratlla_teusuper {
		border-bottom: 2px solid #164772;
		}
		#ratlla_teusuper_c {
		border-bottom: 2px solid #164772;
		}
		 
		 /* FICHA SECCIONES */
		.seccion_condis {
			padding:5px 5px;
			float:left;
			background-color:#003882;
			width:52px;
			height:52px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.seccion_life {
			padding:5px 5px;
			float:left;
			background-color:#00AEEF;
			width:52px;
			height:52px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.seccion_shop {
			padding:5px 5px;
			float:left;
			background-color:#EF3E42;
			width:52px;
			height:52px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.seccion_express {
			padding:5px 5px;
			float:left;
			background-color:#880063;
			width:52px;
			height:52px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.seccion_fresh {
			padding:5px 5px;
			float:left;
			background-color:#009C7D;
			width:52px;
			height:52px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.seccion_distop {
			padding:5px 5px;
			float:left;
			background-color:#00927B;
			width:52px;
			height:52px;
			margin-right:8px;
			margin-bottom:8px;
		}
		
		.seccion_teusuper {
			padding:5px 5px;
			float:left;
			background-color:#164772;
			width:52px;
			height:52px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.seccion_teusuper_c {
			padding:5px 5px;
			float:left;
			background-color:#164772;
			width:52px;
			height:52px;
			margin-right:8px;
			margin-bottom:8px;
		}
		
		
		/* FICHA SERVICIOS */
		.servicio_condis {
			padding:0px 0px;
			float:left;
			background-color:#003882;
			width:58px;
			height:58px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.servicio_life {
			padding:0px 0px;
			float:left;
			background-color:#00AEEF;
			width:58px;
			height:58px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.servicio_shop {
			padding:0px 0px;
			float:left;
			background-color:#EF3E42;
			width:58px;
			height:58px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.servicio_express {
			padding:0px 0px;
			float:left;
			background-color:#880063;
			width:58px;
			height:58px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.servicio_fresh {
			padding:0px 0px;
			float:left;
			background-color:#009C7D;
			width:58px;
			height:58px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.servicio_distop {
			padding:0px 0px;
			float:left;
			background-color:#00927B;
			width:58px;
			height:58px;
			margin-right:8px;
			margin-bottom:8px;
		}
		
		.servicio_teusuper {
			padding:0px 0px;
			float:left;
			background-color:#164772;
			width:58px;
			height:58px;
			margin-right:8px;
			margin-bottom:8px;
		}
		.servicio_teusuper_c {
			padding:0px 0px;
			float:left;
			background-color:#164772;
			width:58px;
			height:58px;
			margin-right:8px;
			margin-bottom:8px;
		}
		 
		 .clear{ clear:both}
		 
		 /* RESPONSIVE CSS*/
		@media screen and (max-width: 999px), screen and (max-device-width: 999px) {
		 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;} 

			.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;
					}
					
			#titol { padding-top:40px!important;}
			.selector{
width: 100%!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) {	
				
         }