@charset "UTF-8";
/* CSS Document */

body {
 	 color: #333;
 	 font-size: 15px;
 	 line-height: 18px;
 	 font-family:"Calibri";
	 height: auto;
	 min-height: 100%;
}

#contentContainer h2{	/* No margins above <h2> tags */
	margin-top:0px;
}

#mainContainer{
	width:650px;
	margin:0;
	text-align:left;
	padding:5px;
	margin-top:20px;
	bbborder:1px solid #d6d6d6;
	background-color: #fff;
}

#contentContainer{
	float:left;
	border:1px solid #fff;
	background-image:url(imageees/body.jpg);
	background-color: #fff;
	overflow: auto;
	padding:0px;
	/* CSS HACK */
	width: 650px;	/* IE 5.x */
	width/* */:/**/650px;	/* Other browsers */
	width: /**/650px;
	/* CSS HACK */
	margin-top:25px;
}

#contentContainer .openingText{
	color:red;
}

#articleListContainer{	/* <ul> container for article list */
	float:left;
	height:530px;
	padding-top:8px;
	overflow:auto;	
	width:650px;
	background-color:#fff;
	border:1px solid #d6d6d6;
}

.articleList{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.articleList li{	/* General layout article in list */
	list-style-type:none;
	background-color:#fff;
	padding-left: 20px;
	line-height: 24px;
	border-bottom:1px dotted #f8f8f8;
	color:#333;
	cursor:pointer;
}

.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
	color:#33C;
}

.articleList li.articleClick{	/* Active article in list - layout */
	border:1px solid #fff;
	color:#289cdf;
	background-color:#f3f3f3;
}

.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
	background-color:#FFF;
	border:1px dotted #000;
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width:150px;
	padding:3px
}

.clear{
	clear:both;
}
h1,h2,h3,h4,h5,h6 { 
	color: #039;
	font-family: 'Calibri';
	line-height: 20px;
	margin-bottom:15px;
/*	text-transform: uppercase;*/
}
p { font-family: 'Calibri';
	font-size:14px;
	line-height: 20px;
}

h1 {
	 background: none;
	 font-size: 27px;
	 line-height:27px;
 	 padding:0;
}
h2 { font-size: 24px; line-height: 32px; }
h3 { font-size: 20px; }
h4 { font-size: 15px; }

/* recetas ==============================    */  

#Contenedor{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	width:620px;
	margin:0 auto;
	text-align:left;
	padding:0 7px 5px 15px;
}
#fecha{
	height:15px;
	color:#666;
	font-size:10px;
	margin-bottom: 15px;
	
}
#cabecera {
	margin-bottom: 25px;

}
.cabecera-tit {
	width: 600px;
	font-weight: normal;
    font-family: 'Calibri' ;  
    font-size: 22px;
    color: #039;
    text-decoration: none;
	padding: 15px 0 0 0;
	float:left;
}

#picture {
	background-image: url(images/ima_receta_1.jpg);
	height: 114px;
	width: 200px;
	float: right;
	margin: 10px 5px 0 0;

}

ol, ul {
	list-style: disc;
}
#texto {
   list-style:disc;
}
.texto-head {
	font-size: 14px;
	color: #CCC;
	margin: 10px 0 10px 0;
}

#texto li {
   display: block;
   margin: 2px 2px 5px 25px;
}