@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;}
		.titols { 
			text-shadow:none;
			font-size:22px;
			line-height:25px!important;
			}
		.titols2 { 
			text-shadow:2px 2px 2px #2E5B85;
			font-size:16px;
			}
		.marquesina:hover{
			opacity:0.4;
			filter:alpha(opacity=40); 
			}
		.colorfamilia{ background-color:#fbedde}/*tiene que ser color dinámico*/
		.titmain{font-family: 'Delius Unicase', cursive; font-size:30px; color:#F1B871; line-height:38px}/*tiene que ser color dinámico*/
		.titrecepta{font-family: 'Delius Unicase', cursive; font-size:20px; color:#F1B871; line-height:30px}/*tiene que ser color dinámico*/
		.titrecepta2{font-family: 'Delius Unicase', cursive; font-size:18px; color:#F1B871; line-height:28px}
		.explicacio{font-family: 'Raleway', Verdana, sans-serif; font-size:14px; color:#000; line-height:24px}
		.menurecepta{font-family: 'Delius Unicase', cursive; font-size:15px;}/*tiene que ser color dinámico*/
		.menurecepta a{ text-decoration:none; color:#676767}/*tiene que ser color dinámico*/
		.menurecepta a:hover{ text-decoration:none; color:#F1B871}/*tiene que ser color dinámico*/
		#menurecepta{ padding:13px 0 13px 19px; border-top:1px dotted #676767; background-color:#FFF}
		#menurecepta2{ padding:13px 0 13px 19px;}
		#menusubrecepta{ padding:13px 0 13px 19px; border-bottom:1px dotted #F1B871;}/*tiene que ser color dinámico*/
		.menusubrecepta{font-family: 'Delius Unicase', cursive; font-size:18px; color:#F1B871;}/*tiene que ser color dinámico*/
		.titbusca{font-family: 'Delius Unicase', cursive; font-size:18px; color:#F1B871; line-height:28px}
		.subm{ padding:9px 15px 9px 30px; font-family: 'Raleway', Verdana, sans-serif; font-size:15px; line-height:22px; text-align:left; color:#333!important;}
		.ingredients{padding:9px; font-family: 'Raleway', Verdana, sans-serif; font-size:15px; line-height:25px; text-align:left; color:#333!important;}
		#ingrecelda{ background-color:#FEF8F2;}/*tiene que ser color dinámico*/
		.fondo{padding:9px; background-color:#fbedde}/*tiene que ser color dinámico*/
		.subm a{text-decoration:none; color:#333!important;}
		.subm a:hover{text-decoration:underline; color:#000!important;}
		.separ{ border-bottom:dotted 1px #F1B871;}/*tiene que ser color dinámico*/
		#colormenu{ background-color:#fbedde;}/*tiene que ser color dinámico*/
		.menurelated{font-family: 'Delius Unicase', cursive; font-size:18px; color:#ffffff; background-color:#F1B871; width:100%; padding:5px}
		div.buscador {
	border:1px solid #d7d7d7;
	border-radius: 10px;
	background: #FFF;
	padding: 4px;
	height: 22px;
	width: 100%;
}
input.buscar {
	border: 0px;
	width: 85%;
	position: relative;
	background: #FFF;
	outline: none;
	bottom: 4px;
	padding: 2px;
	font-family: 'Raleway', Verdana, sans-serif;
	font-size:15px; 
	color:#666;
}
input.image_buscar {
	width: 20px;
	border: 0px;
	position: relative;
	top:1px;
	left: 0;
}

	.showonmobile{display:none!important;}
	#buscamobile{
		width:95%;
		padding:5px;
		font-family: 'Raleway', Verdana, sans-serif;
		font-size:18px; 
		color:#666;
		border:1px solid #d7d7d!important;
		-webkit-appearance: button;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
		background-image: url(https://www.condis.es/images/buscafletxa.png);
		background-position: center right;
		background-repeat: no-repeat;
		
		
}
	.categoria{
		width:31%!important;
		float:left; 
		padding:5px;
		background-image:url("https://www.condis.es/images/recetas/001.jpg");
		background-attachment:scroll;
		background-position:center;
		background-size:cover;
		margin:5px;
}
	.nomcat{
		width:100%;
		background-color: rgba(255, 255, 255, 0.5);
		height:75px;
		font-family: 'Delius Unicase', cursive; 
		font-size:17px; color:#222222; 
		line-height:22px
}
.categoria a { 
			text-decoration:none!important;
}

		 /* RESPONSIVE CSS*/
		@media screen and (max-width: 1279px), screen and (max-device-width: 1279px) {
		
		table[class="container"] {
               width: 100% !important;	

            }
		table[class="container2"] {
               width: 97% !important;
            }
		.tablet {
        		display : block !important;
        		width : 97% !important;
				padding: 5px;
        		} 
		
		.rrsshome {width : 95% !important;}
		.categoria{
		width:30%!important;
		}
		.nomcat{
		font-size:15px;
		line-height:18px
}
		.videoyt{
			width:854px!important;
			height:480px!important;
}}
 @media screen and (max-width: 1200px), screen and (max-device-width: 1200px) {
	.videoyt{
			width:750px!important;
			height:422px!important;
}}
 @media screen and (max-width: 1100px), screen and (max-device-width: 1100px) {
	.videoyt{
			width:640px!important;
			height:360px!important;
}
.nomcat{
		font-size:13px;
		line-height:16px
}}
 @media screen and (max-width: 1011px), screen and (max-device-width: 1011px) {
	 
.categoria{
		width:29%!important;
		}}
		@media screen and (max-width: 985px), screen and (max-device-width: 985px) {
	.videoyt{
			width:550px!important;
			height:309px!important;
}}
		 @media screen and (max-width: 900px), screen and (max-device-width: 900px) {
			td[class="force-col-rec"] {
			display: block;
			width:auto !important;
					}
			.hideonmobile2 { display: none !important;}
			#menurecepta,#menurecepta2 { display: none !important;}
			.showonmobile{display:inline-block!important;}
			.categoria{
		width:30%!important;
		}
		.videoyt{
			width:750px!important;
			height:422px!important;
}
.titmain{font-family: 'Delius Unicase', cursive; font-size:28px; line-height:35px}/*tiene que ser color dinámico*/
			
		 }
        @media screen and (max-width: 755px), screen and (max-device-width: 755px) {
         

			.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:25px!important;}
			.videoyt{
			width:550px!important;
			height:309px!important;
}
						
        }

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

 			td[class="force-col-pre"] {
			  display: block;
			  width:auto !important;
			}
					  .titols { 
			text-shadow:none;
			font-size:18px;
			line-height:17px!important;
			}
			#titol { padding-top:15px!important;}
			input.image_buscar {left:0!important;}
			input.buscar {width: 80%!important;}
			.categoria{
		width:98%!important;
		margin-right:0!important;
		float:none!important;
		padding:0;
		margin-bottom:18px;
}
.nomcat{
		font-size:16px;
		line-height:24px
}
			

         }
		 @media screen and (max-width: 567px), screen and (max-device-width: 567px) {
	.videoyt{
			width:475px!important;
			height:267px!important;
}}
 @media screen and (max-width: 496px), screen and (max-device-width: 496px) {
	.videoyt{
			width:400px!important;
			height:225px!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}
		  .videoyt{
			width:320px!important;
			height:180px!important;
}

         }
		 
		    /* Give content more room on mobile */
        @media screen and (max-width: 320px), screen and (max-device-width: 320px) {	
				
         }