/* 
    Document   : template
    Created on : 3/11/2009, 03:22:20 PM
    Author     : diegoluisr
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    margin: 0;
    padding: 0;
}

body{
    font-family: Arial, Helvetica, sans-serif;
}

div.info, #tinymce{
    color:#7F7F7F;
    font-size:14px;
    text-align:left;
}

div.info a, #tinymce a{
    color:#FF9900;
}

div.info a:hover, #tinymce a:hover{
    color:#B1D918;
}

div.info ol, div.info ul, #tinymce ol, #tinymce ul{
    padding-left:30px;
}

div.info li, #tinymce li{
    padding-left:5px;
}

p.titulo_receta{
    color:#2981C4;
	font-weight:bold;
}

div.info p, #tinymce p{
    margin-bottom:10px;
}

/*  -----  COLORS  ----  */
.dark_green{ color:#559C32; }
.green{ color:#B1D918; }
.light_green{ color:#C9F874 }
.inv_dark_green{ color:#FFFFFF; background-color:#559C32; }
.inv_green{ color:#FFFFFF; background-color: #B1D918; }
.inv_light_green{ color:#666666; background-color:#C9F874; }

.fuchsia{ color:#DD007F; }
.inv_fuchsia{ color:#FFFFFF; background-color: #DD007F; }

.dark_blue{ color:#2981C4; }
.blue{ color:#2981C4; }
.light_blue{ color:#33CCFF; }
.inv_dark_blue{ color:#FFFFFF; background-color:#2981C4; }
.inv_blue{ color:#FFFFFF; background-color:#2981C4; }
.inv_light_blue{ color:#FFFFFF; background-color:#33CCFF; }


.dark_orange{ color:#FF6600; }
.orange{ color:#FF9900; }
.light_orange{ color:#FF9900; }
.inv_dark_orange{ color:#FFFFFF; background-color:#FF6600; }
.inv_orange{ color:#FFFFFF; background-color:#FF9900; }
.inv_light_orange{ color:#FFFFFF; background-color:#FF9900; }

.dark_prple{ color:#766290;  }
.purple{ color:#766290; }
.light_purple{ color:#E18BA6; }
.inv_dark_purple{ color:#FFFFFF; background-color:#C80546; }
.inv_purple{ color:#FFFFFF; background-color:#766290; }
.inv_light_purple{ color:#FFFFFF; background-color:#E18BA6; }
.light{
	font-weight:lighter;
}

div.info h2, #tinymce h2{
    padding:15px 10px;
    margin-bottom:10px;
    font-weight:normal;
    text-align:left;
}

div.info h3, #tinymce{
    padding:12px 8px;
    margin-bottom:8px;
    font-weight:normal;
    text-align:left;
}
/* TITLE */

#titlearea{
    width:700px;
    font-size:19px;
    margin-bottom:20px;
}
#titlearea p{
	
}
#titleimage{
	width:350px;
	float:left;
}
#titleinfo{
    width:330px;
    padding:30px 10px 10px 10px;
    float:left;
    display:table-cell;
    vertical-align:middle;
}
.light12{
    font-weight:lighter;
    font-size:12px;
}
.light10{
    font-weight:lighter;
    font-size:10px;
}

/* COLUMNS*/

div.columns{
    width:700px;
    margin:10px 0px;
}
div.columns div.col2a_a{
    float:left;
    width:344px;
    border-right:dotted 1px #CCCCCC;
    padding-right:5px;
}
div.columns div.col2a_b{
    float:left;
    width:345px;
    padding-left:5px;
}
div.columns div.col2b_a{
    float:left;
    width:345px;
    padding-right:5px;
}
div.columns div.col2b_b{
    float:left;
    width:345px;
    padding-left:5px;
}
div.columns div.col2c_a{
    float:left;
    width:461px;
    border-right:dotted 1px #CCCCCC;
    padding-right:5px;
}
div.columns div.col2c_b{
    float:left;
    width:228px;
    padding-left:5px;
}
div.columns div.col3a_a{
    float:left;
    width:226px;
    border-right:dotted 1px #CCCCCC;
    padding-right:5px;
}
div.columns div.col3a_b{
    float:left;
    width:225px;
    border-right:dotted 1px #CCCCCC;
    padding-right:5px;
    padding-left:5px;
}
div.columns div.col3a_c{
    float:left;
    width:226px;
    padding-left:5px;
}
div.colsend{
    clear:both;
    visibility:hidden;
    font-size:0px;
}
hr{
    margin-bottom:10px;
    background-image:none;
    border:none;
    border-bottom:dotted 1px #CCCCCC;
}

div.book_index div{
    padding:15px;
}
div.book_index div.title{
    background-color:#FF9900;
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
div.book_index div.book{
    background:#FFFFCC url('../images/heart.gif') no-repeat scroll 10px;
    padding-left:50px;
    color:#333333;
    text-align:left;
}
div.book_index div.book a{
    color:#333333;
}
div.book_index div.book a:hover{
    color:#000000;
}
div.area2cols{
    width:100%;
}

div.area2cols div.col{
    width:50%;
    float:left;
}

div.area2cols div.cola{
    width:30%;
    float:left;
}
div.area2cols div.colb{
    width:70%;
    float:left;
}

/* DATE */
div.date{
    background-color:#FFFFFF;
    background-image:url('../images/calendar.jpg');
    background-repeat:no-repeat;
    background-position:center;
    height:76px;
    width:100%;
    text-align:center;
}

div.date div.month{
    color:#CCCCCC;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    padding-top:9px;
}

div.date div.day{
    color:#E24443;
    font-size:30px;
    padding-top:8px;
}

a.subir{
	font-size:12px;
	color:#2981C4;
}

a.subir:hover{
	color:#33CCFF;
}

ol.recetas{
	color:#2981C4;
}

ol.recetas li a{
	color:#2981C4;
	font-weight:bold;
}

ol.recetas li a:hover{
	color:#33CCFF;
}

div.bookb{
	background: #FFFFFF url(../images/book.jpg) no-repeat scroll top center;
	padding-top:50px;
	height: 284px;
	text-align: center;
	margin: 15px 0;
}

div.bookb img{
	border:solid 1px #4ED8FD;
}

div.bookb img.noborder{
	border:0 none;
}

div.bookb div.follow{
	font-size:8px;
	vertical-align: super;
}

div.bookb div.follow span.text{
	padding-bottom:10px;
}

div.bookmb{
	background: #FFFFFF url(../images/_book.jpg) no-repeat scroll top center;
	padding-top:50px;
	height: 284px;
	text-align: center;
	margin: 15px 0;
}

div.bookmb img{
	border:solid 1px #4ED8FD;
}

div.bookmb img.noborder{
	border:0 none;
}

div.bookmb div.follow{
	font-size:8px;
	vertical-align: super;
}

div.bookmb div.follow span.text{
	padding-bottom:10px;
}