/*MAQUETACION COMUN*/
BODY{ 
    FONT-FAMILY: arial, Geneva, Verdana, Helvetica, sans-serif;
	font-size:12px;
	COLOR: #999999;
    margin: 0 0 0 0px;
    text-align: center; 
	background:#FFFFFF;	
} 
A:visited{ COLOR: #999999;	font-size:12px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none}
A:link	 { COLOR: #999999;	font-size:12px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
A:active { COLOR: #999999;	font-size:12px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
A:hover	 { COLOR: #CCCCCC;	font-size:12px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 

/* PADRE */
#padre{  
    width: 780px;
	margin:auto;
} 


/* CABECERA */
#cabecera{
	width: 770px;
	height: 80px;
    margin: auto;
	text-align:left;
}

#cabecera a{
	width: 320px;
    margin: auto;
	float:left;
	text-align:right;
}
#cabecerab{
	width: 300px;
    margin: auto;
	float:right;
	padding: 25px 5px 5px 5px;
	text-align:right;
}

#cabecerab form{
   		margin: auto;
		font-size:10px;
}

#cabecerab input { 
margin-bottom: 5px;
border: solid;  
border-width: 2px;  
font-size:10px;
border-color: #CCCCCC; 
FONT-WEIGHT: bold; 
}

#cabecerab input.boton{ 
background-color: #dddddd;
border: solid;  
border-width: 2px;  
font-size:10px;
border-color: #FFFFFF; 
FONT-WEIGHT: bold; 
COLOR: #999999; 
background-image:url("input.gif"); 

}
/* DERECHA */
#derecha{
    float: right;
	text-align: center;
	width: 590px;
	margin:auto;
	padding:0px 10px 10px 0px;
} 

/* PIE */
#pie{ 
	margin:auto;
	width: 700px;
	height: 50px;
    font-size: 10px; 
	text-align: center;
    clear: both;
}
/*MAQUETACION COMUN*/


/*MENU*/
#menuizq{
	float: left;
	width: 140px;
	padding:0px 0px 0px 5px;
	margin-left:-10px;
	margin-top: 0px;	
	position: static;
}

#nubedetags{
	padding:10px 10px 10px 10px;
	width: 100px;
	margin-left: 10px;
}

#menupubli{
	padding:10px 10px 10px 10px;
}

#menuizq h2{
		margin:0;
		width: 140px;
		padding:0px 10px 0px 0px;
		font-family: Arial, Helvetica, sans-serif, Times, serif;
		font-size:12px;
		text-align:center;
}

#menuizq ul{
	LIST-STYLE:none;
	WIDTH: 100%;
	MARGIN:0;
	PADDING:0;
} 
#menuizq li.tipo{
	list-style-type: none;
	margin-left:0px;
	padding:0px 0px 0px 15px;
} 
#menuizq li.seccion{
	LIST-STYLE:none;
	WIDTH: 100%;
	MARGIN:0;
	PADDING:0;
	TEXT-ALIGN: center;
	font-variant:small-caps;
}
#menuizq li.seccion a {
	   display:block;
	   MARGIN:2px 2px 2px 5px;
	   padding:3px 10px;
	   color:#333;
	   text-decoration:none;
	   line-height:25px;
	   FONT-SIZE:120%;
	   font-weight:bold;
	   font-family: arial;
	   background:none;
		BORDER-LEFT:4px solid #ccc;
	}
#menuizq li.seccion a:hover {
	   display:block;
	   MARGIN:2px 2px 2px 5px;
	   padding:3px 10px;
	   color:#666;
	   text-decoration:none;
	   line-height:25px;
	   FONT-SIZE:130%;
	   font-weight:bold;
	   font-family: arial;
	   background:none;
		BORDER-LEFT:4px solid #aaa;
	}
#menuizq li.tipo A:visited	{ COLOR: #999999;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none}
#menuizq li.tipo A:link		{ COLOR: #999999;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
#menuizq li.tipo A:active	{ COLOR: #999999;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
#menuizq li.tipo A:hover		{ COLOR: #999900;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 

.tops{
	margin-top:15px; 

}

ul .topcon{
	display:inline;
	padding:10px;
} 
 li.topcon{
	list-style-type: none;
	
}

ul .toppg{
	display:inline;
	margin-top:5px;
	margin-left:0px;
	padding:0px 0px 0px 10px;
} 
 li.toppg{
	list-style-type: none;
	
}
/* FIN MENU*/

/*TITULOS Y GENERAL*/
h1 {   
    padding:0px 0px 0px 0px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif, Times, serif;
	font-size:15px;
	color: #555555;
    font-weight: bold;
	text-align:center;
} 
h2 {   
    padding:0px 0px 0px 0px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif, Times, serif;
	font-size:15px;
    font-weight: bold;
	text-align:center;
} 
h4 {   
    padding:0px 0px 0px 0px;
	margin-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif, Times, serif;
	font-size:10px;
    font-weight: bold;
	text-align: left;
} 
img
{
	border:0px;
}
#cabecerabrillo form{
		font-size:10px;
		text-align:center;
}
#cabecerabrillo input { 
margin-bottom: 5px;
border: solid;  
border-width: 2px;  
font-size:10px;
background-color: #dddddd;
border-color:#FFFFFF; 
FONT-WEIGHT: bold; 
COLOR: #003366; 

}
#cabecerabrillo input.boton{ 
background-color: #dddddd;
border: solid;  
border-width: 2px;  
font-size:10px;
border-color:#FFFFFF; 
FONT-WEIGHT: bold; 
COLOR: #003366; 
background-image:url("input.gif"); 

}

#cabecerabrillo textarea{ 
 border-width: 1px;   border-color:#003366; background-color: #dddddd;  border-style:dotted; 
}
/* FIN TITULOS Y GENERAL */

/* MAQUETACION PAGINACIONES */
#resultados{ 
	margin: auto;
	width:140px;
	height:35px;
	color: #AAAAAA;
	font-size: 12px;    
	text-align:center;
}

#orden{ 
    margin: auto;
	padding-right: 50px;	
	padding-bottom: 15px;
	color: #999999;
	font-size: 10px;
	text-align: right;
}
#orden A:visited	{ COLOR: #555555;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none}
#orden A:link		{ COLOR: #555555;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
#orden A:active		{ COLOR: #555555;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
#orden A:hover		{ COLOR: #999999;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 

.resultado{  
	width: 550px;
	margin: auto;
	BORDER-LEFT:4px solid #ccc;
	padding: 15px 15px 15px 15px ; 
	float: right;
}
.clasificacion{ 
	font-size:30px;    
	text-align:center;
	font-weight:bold;	
	text-decoration: underline;
	
}
.separador{
	clear:both;  
	width: 450px;
	margin: auto;
	padding-bottom: 15px;
	padding-top: 15px;
}
.resultadotexto{ 
	padding-bottom: 10px;
	width: 350px;
	text-align: left;
	float: left;
}
.resultadotexto h3{  
    margin: auto;
	margin-top:0px;
	padding-bottom: 10px;
	font-size:17px;
	text-align: left;
}
.resultadotexto A:visited	{ COLOR: #333333;	font-size:18px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none}
.resultadotexto A:link		{ COLOR: #333333;	font-size:18px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
.resultadotexto A:active	{ COLOR: #333333;	font-size:18px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
.resultadotexto A:hover		{ COLOR: #FF9900;	font-size:18px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 


.resultadoresumen{  
    margin: auto;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif, Times, serif;
	font-size:12px;
	color: #555555;	
    font-weight: bold;
	text-align: justify;
}
.resultadodatos{  
    margin: auto;
	color: #999999;
	text-align: left;
}
#paginacion{
    margin: auto;
	color: #999999;
	font-size:14px;
	text-align: center;
	padding: 20px 0px 20px 0px;
}
#paginacion A:visited	{ COLOR: #555555;	font-size:14px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none}
#paginacion A:link		{ COLOR: #555555;	font-size:14px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
#paginacion A:active		{ COLOR: #555555;	font-size:14px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
#paginacion A:hover		{ COLOR: #999999;	font-size:14px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 

/* FIN MAQUETACION PAGINACIONES */

/* MAQUETACION CONTENIDOS */
#contenido{ 
    margin: auto;
	width: 500px;
	text-align: center;
}
#contenido h2{ 
	font-size:20px;
	font-variant:small-caps;
}
#vercontenido{ 
    margin-bottom: 10px;
	text-align: center;
	
}
#vercontenido A{ 
font-size:10px; 
}
#vercontenido A:hover{ 
COLOR: #999999;
font-size:10px; 
}
#resumencontenido{ 
    margin-bottom: 10px;
	text-align: center;	
	color: #555555;
	font-variant:small-caps;
}
#imagencontenido{ 
    margin-bottom: 10px;
	text-align: center;	
	color: #999999;
}
#datoscontenido{ 
    margin: auto;
	font-size: 10px;
	padding-bottom: 15px;
	text-align: right;	
	color: #111111;
}
/* FIN MAQUETACION CONTENIDOS */
/* MAQUETACION ESTATICAS */
div.seccion{
width: 500px;
}
/* MAQUETACION ESTATICAS  */
/* Maquetacion para las recetas */ 
div.ingredientes
{ 
	width: 90%;  
	background:#eee;
	padding:5px;
	margin:auto;
	text-align:left;
	COLOR: #444;
}
div.ingredientes p
{ 
	FONT-SIZE:14px;   
	text-align:left;
}
div.paso
{ 
	width: 90%;  
	background:#fff; 
	margin:auto;
	text-align:left;  
	padding:5px; 
	margin-bottom:5px;
	font-size: 20px;
}
div.paso b
{  
	FONT-SIZE:24px;    
	padding:5px;
}
div.consejo
{ 
	width: 90%;  
	background:#fff; 
	margin:auto;
	text-align:center;  
	padding:5px;
	margin-bottom:5px;
}