html{}
body {margin-top:0px;margin: 0px;}
h1 {color:#fff;	font-family: 'Helvetica';font-size:0px;padding-top:5px;padding-bottom:5px;height:inherit;}
h2 {color:#F30;font-family: Overlock;font-size:24px;line-height:30px;margin:0px 0px 10px 0px;}
h2 a {color:#083796;font-family: 'Helvetica';font-size:20px;padding-top:15px;}
h3 {color:#000;font-family: Overlock;font-size:24px;line-height:30px;margin:0px 0px 10px 0px;}
h3 a {color:#000;font-family: Overlock;font-size:24px;line-height:30px;margin:0px 0px 10px 0px;}
h4 {}
h5 {}
h6 {}
hr {display:block;}
a:link,a:visited,a:active,a:hover,a:focus {text-decoration:none;font-weight:normal;float:none;color:inherit;}

#main{width: 1046px;margin: auto;}

#MyHead{height:inherit;border: 1px solid white;width:1038px;-moz-border-radius: 5px;-webkit-border-radius:5px;text-align:center;background-color:#991020;}
#MyHead a{color: white;font-family: overlock;font-size: 40px;}

#MyBody{width:1046px;margin: auto;}
#cont_MyBody{
	float: left;
	width:1038px;
	border: 1px solid #c0c0c0;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*************************************************************************************/
/**********BLOQUE CENTRAL ************************************************************/
/*************************************************************************************/
	
#BloqueCentral{
	margin:0px;	
	width:729px;
	float:left;
	border-right: 1px solid #c0c0c0;
}
	
TopBloqueCentral{}
 
#menu_TopBloqueCentral {
	height:30px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
	background-color: #c30000;
	border: 1px solid #991020;
	padding-left: 3px;
	width:725px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}

#menu_TopBloqueCentral li{
	float:left;
	list-style-type: none;
}

#menu_TopBloqueCentral li a.men1 {
	display: block;
	height:30px;
	width: 240px;
	color: #ffffff;
	font-family: Overlock;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	line-height:30px;
	border-right: 1px solid #000000;
	text-align: center;
}

#menu_TopBloqueCentral li a.men2 {
	display: block;
	height:30px;
	width: 240px;
	color: #ffffff;
	font-family: Overlock;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	line-height:30px;
	text-align: center;
}	

#menu_TopBloqueCentral li a:hover {
	background-color: #991020;
}

#menu_TopBloqueCentral img {
	float: left;
	margin-top: 4px;
	margin-left: 20px;
}

#menu_TopBloqueCentral .submenu {
	position: absolute;
	display: none;
	padding: 0;
	margin: 0;
	width: 329px;
	z-index: 9;
	border: 1px solid #a0300a;
}

#menu_TopBloqueCentral .submenu li:hover {
	background-color: #991020;
}

#menu_TopBloqueCentral .submenu li { 
	opacity: 0.9;
	background-color: #885858;
	border-right: 1px solid #a0300a;
	font-family: Overlock;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	height: 17px;
	line-height: 17px;
	text-align: center;
	width: 329px;
	z-index: 9;
	left: -329px;
}

#menu_TopBloqueCentral .submenu li a {
	color: #FFF;
}

#IMG_Topbloquecentral{
	float: left;
	width: 725px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #991020;
	background-color: #fff;
	margin: 0px 0px 5px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#cont_IMG_Topbloquecentral{
	width: 100%;
	margin: 20px 0px 15px 0px;
	float: left;
}

#cont_IMG_Topbloquecentral li {
	list-style-type: none;
	float: left;
	margin: 0px 0px 0px 15px;
	width:126px;
}

#cont_IMG_Topbloquecentral a{
	width:126px;
}

#cont_IMG_Topbloquecentral img{
	width:126px;
}

.top {
	color: #98BF24;
	font-family: Helvetica;
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	text-shadow: 0.1em 0.1em 0.2em #c0c0c0;
	text-align: center;
}

.toptext{
	margin: 0px 0px 0px 0px;
	color: #A0300A;
	text-align:center;
	font-family: Overlock;
	font-size: 13px;
	font-weight: bold;
}

.border1{
	border: 1px solid #c0c0c0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#ContenidoBloqueCentral{
	color: #000000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	margin: 0px 0px 10px 10px;
}
	
#ContenidoBloqueCentral a:link,a:visited,a:active,a:focus {
	text-decoration: none;
	font-weight: bold;
}	

.TituloDePagina {
	color: #484848;
}
.TextoIntroduccionIndex {
	font-family: Overlock; 
	font-size:14px; 
	font-weight:normal; 
	line-height: 19px; 
	margin-bottom:0px; 
	/**text-indent: 2em;**/
	text-align:justify;
	color: #464646;
	padding:10px;
}

#Listado_Recetas{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}

.Receta {
	float: left;
	border-top: 1px solid #c0c0c0;
	/*margin-bottom: 20px;
*/	color: #464646;
	line-height: 19px;
	font-family: Overlock; 
	font-size:14px; 
	padding:8px;
}

.Receta h2 {
	color: #272727;	
}

.Receta .imagen {
	pading-right:10px;;	
}

#EnlacesMedios{
	font-family: Overlock;
	margin:15px;
} 

#EnlacesMedios a {
	color:#000;
}
	
/*ENLACES DE TITULOS DE LAS RECETAS DE PAGINA PRINCIPAL **********************************/  
#RecetasSecundarias {color: #000;font-family: Overlock;font-size:24px;line-height:30px;margin:0px 0px 10px 0px; font-weight:bold !important; display:block}
#RecetasSecundarias a,hover{color: #000;font-family: Overlock;font-size:24px;line-height:30px;margin:0px 0px 10px 0px; font-weight:bold !important; display:block}
/*ENLACES DE TITULOS DE LAS RECETAS DE PAGINA PRINCIPAL **********************************/

/**************************************************************************************/	
/**************FIN DE BLOQUE CENTRAL***************************************************/	
/**************************************************************************************/
	

/**********BLOQUE DERECHA ************************************************************/
#BloqueDerecha {
	width: 304px;
	float: right;
	margin-right:1px;
}

/**********BLOQUE LATERAL **************************/
#bloque_lateral {
	margin: 0 10px 10px 0px;
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    width:300px; 
    float:left; 
}

#top_bloque_lateral{
	background-color: #991020; 
	width:100%;
	height: 31px;
	line-height:31px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	font-family:Overlock;
	font-size:13px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#cont_bloque_lateral {
	color: #000000;
	font-family: Overlock;
	font-size:13px;
	margin:15px;
	text-align:left;
}

#cont_bloque_lateral  li{
	list-style-type: none;
}

#cont_bloque_lateral a{
	color: #000000;
	font-family: Overlock;
	font-size: 13px;
}

/*************************************************************************************/
/***FIN DE BLOQUE DERECHA************************************************************/
/*************************************************************************************/

#imagen {
	width: 270px; 
	height: 225px;
	margin: 10px 10px 10px 0;
	float: right;
	border: 1px double #cecece;
	border-radius: 5px;
}

#imagen img{
	width: 270px; 
	height: 225px;
}
	
.ingredientes {
	float: left;
	width:40%;
	margin-left:10px;
}

.app {
	font-family: Overlock;	
}

#ing strong{
	margin-left:-20px;	
}

#ing {
	margin: 0px 0px 0px 40px;
}

.preparacion {
	float: left;
	width: 100%
}

/*************************************************************************************/
/***FOOTER****************************************************************************/
/*************************************************************************************/

#footer {
	display:inline-block;
	width:100%;
	color:#999999;
	font-size:12px;
	text-align:center;
	line-height:20px;		
}

#footer a:visited {
	color:#999999;
	width:100%;
	text-align:center;
	line-height:12px;
	font-style:normal;		
}

#footer a:link {
	color:#999999;
	width:100%;
	text-align:center;
	line-height:12px;
	font-style:normal;		
}

#img_pie{
    height:98px;
    width:430px;
    border-radius: 5px; 
    background-image: url('images/top.jpg');
    background-repeat: no-repeat;
    float:left;
}

/*************************************************************************************/
/***FIN DE FOOTER*********************************************************************/
/*************************************************************************************/


/***POPUP COOKIES***/
#cookies_over{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
opacity: 0.7;
display: none;
z-index: 9999;
}

#cookies{
display:none;
border:1px solid #AAA;
background-color: white;
text-align:justify;
color:#000000;
font-family: Helvetica, Arial, sans-serif;
line-height:20px;
font-size: 15px;
text-align:center;
padding: 5%;
margin:10%;
height:auto;
position: fixed;
top: 0;
left: 0;
border-radius: 10px;
border-width:thin;
border-color:#757170;
box-shadow: 5px 5px grey;
z-index: 9999;
}

#cookies .cookie_options_subtitle {
padding-top: 0;
}

#cookies_buttons {
padding-top: 2em;
}

#cookies_buttons input {
margin: 1em 2em;

}

#cookie_options {
border:1px solid #AAA;
z-index: 9999;
font-family: Helvetica, Arial, sans-serif;
line-height:20px;
font-size: 15px;
position: fixed;
color: #000000;
top: 0;
left: 0;
padding: 5%;
margin:10%;
height:auto;
display: none;
background: white;
border-radius: 10px;
border-width:thin;
border-color:#757170;
box-shadow: 5px 5px grey;

}

#cookie_options input[type="checkbox"] {
cursor: pointer;
}

#cookie_button_aceptar, #cookie_options_accept input {
background: #206DC5;
color: white;
text-align: center;
}   
#cookie_button_configurar {
background: #E7E7E7;
color: #5A5A5A;
text-align: center;
} 
#cookies_buttons input, #cookie_options_accept input {
display: inline-block;
height: 3em;
width: 200px;
border-radius: 2px;
border: medium none;
cursor: pointer;
border-radius:10px;
}

#cookie_options_accept {
padding-top: 2em;
}

#cookie_options_title {
font-weight: bold;
font-size: 2em;
margin-bottom: 20px;
}

.cookie_options_subtitle {
font-weight: bold;
padding-bottom: 0.5em;
}

.cookies_info_text {
padding: 1em;
background-color: #eee;
}

#cookie_options table {
padding-top: 2em;
}

.switch-button {
display: inline-block;
cursor: pointer;
}
.switch-button .switch-button__checkbox {
display: none;
}
.switch-button .switch-button__label {
background-color: #f2f1f1;
width: 3em;
height: 1.5em;
border-radius: 1.5em;
display: inline-block;
position: relative;
cursor: pointer;
}
.switch-button .switch-button__label:before {
transition: .2s;
display: block;
position: absolute;
width: 1.5em;
height: 1.5em;
background-color: #7d7d7d;
content: '';
border-radius: 50%;
}
.switch-button .switch-button__checkbox:checked + .switch-button__label {
background-color: #4CAF50;
}
.switch-button .switch-button__checkbox:checked + .switch-button__label:before {
transform: translateX(1.5em);
background-color: #008000;
}

.pointer {
cursor: pointer;
}

/***FIN POPUP COOKIES***/

.banner_160x600{
    position:relative;
    background-image: url('images/160x600.jpg');
    background-repeat: no-repeat;
	height:610px;
    width:160px;
}

.banner_728x90{
    position:relative;
    background-image: url('images/728x90.jpg');
    background-position-y: 8px;
    background-repeat: no-repeat;
    display: inline-block;
    height:100px;
    width:728px;

}

.banner_300x250{
    position:relative;
    background-image: url('images/300x250.jpg');
    background-repeat: no-repeat;
    display: inline-block;
	height:260px;
    width:300px;
	border: 1px solid #cccccc;
}

.banner_338x280{
    position:relative;
    background-image: url('images/338x280.jpg');
    background-repeat: no-repeat;
    display: inline-block;
	height:290px;
    width:338px;
}

.banner_336x280{
    position:relative;
    background-image: url('images/338x280.jpg');
    background-repeat: no-repeat;
    display: inline-block;
	height:290px;
    width:336px;
}

.banner_google{
    position:relative;
    border: 1px solid #cccccc;
    display: inline-block;
    width:300px;
}

.anunciopc{display:block;}
.anunciomovil{display:none; width: 100% !important}

#BannerFLOT320x50 {
	position:fixed;
	bottom:0px;
	text-align:center;	
	width: 100%;
	height: 100px;	
	background-color:#999;
	background: transparent;
	display:none;
}

.sinfondo{
	background-image: none;	
}

.banner_info{
    left:0px;
    margin-top:0px;
    padding:0px;        
    width:100%;
    height:8px;
    font-family:  Verdana;
    font-size:8px;
    line-height:8px;    
    background-color:#BBB;
    color:#666;
    text-align:right;
}

.double_ad {
width: 100%;
float: left;
position: relative;
height: auto;
}

.double_ad .double_ad_left,
.double_ad .double_ad_right {
width: 50%;
float: left;
text-align:center;
}

.double_ad .double_ad_left .banner_336x280,
.double_ad .double_ad_right .banner_336x280 {
width: 336px;
}

.double_ad .double_ad_left .banner_300x250,
.double_ad .double_ad_right .banner_300x250 {
width: 300px;
}

#Banner728TopBloqueCentral{
	height:100px; 
	background-color:#FFF; 
}
 
/*************************************************/
/**********MENU MOVIL  ***************************/
/*************************************************/

#mobile_menu {
	display: none; 
	position: fixed; 
	top: 0; 
	left: 0; 
	height: 1.5em; 
	width: 100%; 
	z-index: 9999; 
	background-color: #4267b2; 
}

#sub_menu_recetas {
	display: none;
}

#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}

#nav > li {
    float:left;
    padding:0;
    position:relative;
}
#nav > li > a {
    border:1px solid transparent;
    color:white;
    display:block;
    font-size:90%;
    padding:3px 10px;
    position:relative;
    text-decoration:none;
}

#nav li div {
    position:relative;
}

#nav li div div {
    background-color:#94ABBB;
    border:1px solid #94ABBB;
    padding:12px 0;
    display:none;
    font-size:0.75em;
    margin:0;
    position:absolute;
    top:-1px;
    z-index:1;
    width:210px;
}

#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:170px;
    float:left;
    list-style-type:none;
	background-color: #94ABBB;    
}
#nav li div ul li {
    margin:0;
    padding:0;
    font-size: 11px;
    line-height: 1.2em;
	font-family:Overlock;
}

#nav li div ul li a {
	color: white;
}

#separador{clear:none;}

/*********************************************************/
/**********FIN DEL MENU MOVIL  ***************************/
/*********************************************************/

@media only screen and (max-width : 599px) {
	
	html,body{width:100%;}
	#main{width: 100%;}
    
	#MyHead{width:100%; font-size: 30px !important; color:red; height:inherit;}
    #MyHead a{width:100%; font-size: 22px !important}
	#MyHead h1 {margin:0; height:inherit;}
	
    #MyBody{width:100%}
	   
	#Banner728TopBloqueCentral{
	display: none;
	} 
	#redesSociales > div {
	width: 50%;
	overflow: hidden;
	}
	
	#redesSociales #facebook {
	text-align: right;
	}
 	
 	#mobile_menu {
	display: block;
	}
	
 	#BannerFLOT320x50 { display:block; }
	
    .banner_338x280{width:100% !important}
    .video{display:none !important}
    .anuncioprincipal{width:100% !important; margin:0 !important; padding: 0 !important; width: 300px !important}

    #Listado_Recetas{width:100%; margin: 0 !important}
    
    #menu_TopBloqueCentral{width:100%; height:auto; margin-left: 0px; padding: 0px; display:none}
    #menu_TopBloqueCentral li{float:none}
    #menu_TopBloqueCentral li a.men1{width:100%}
    #menu_TopBloqueCentral li a.men2{width:100%}
    
    #IMG_Topbloquecentral{margin-left: 0px; height:auto; width: 100%; display:none}
    #cont_IMG_Topbloquecentral li{float: none; text-align: center; display:none}
	
	#ads {display:none};

    .Receta{width:100%;padding:0px;}
    
    #cont_MyBody{width:100%; margin-left: 0px !important; float: left;}
    #BloqueCentral{width:100%}
    #ContenidoBloqueCentral{width:100%; margin: 0px !important}
    #BloqueDerecha{width:100%}

    .app{width:100%; float: left !important}
	#ing{margin:0px !important;}
	#ing strong { margin-left: 0px;}
  
    .bannerpie{display: none}
	
	h2.TituloDePagina {padding-top: 0;margin-bottom: 10px;}
	
	#ContenidoBloqueCentral {margin: 0; width: 100%; position: relative;}
	
	#main {padding-top: 1.5em;}
	
	.TextoIntroduccionIndex {margin-top: 0;}
	
	.double_ad .double_ad_left, .double_ad .double_ad_right {width: 100%;}
	
	.double_ad { left: inherit; }
	
	#imagen{width: 270px; height: 225px; text-align: center !important; float:none; margin:auto; margin-bottom:10px;  }
    #imagen img{width: 270px; height: 225px}
	.ingredientes{width:100%; padding:0px; text-align: center; margin: auto;}
	#separador{clear:both;}
	
	#rectangulo{padding:0px;}
	
	/*BLOQUE LATERAL MOBILE **********************************/
	#bloque_lateral{margin: 10px; float: none; }
	#top_bloque_lateral{width:100%}
	#cont_bloque_lateral {}
	#cont_bloque_lateral  li{}
	#cont_bloque_lateral a{}
	/*FIN DE BLOQUE LATERAL MOBILE **********************************/
	.cookies_text{
    font-size:11px !Important;
	}  

	#cookies, #cookie_options {
	margin: 9px;
	} 
}
