body
	{
		background-color: #a3c8f2;
		background-image: url("i/zulejo.png");
		margin: auto;
		font-size: 1.0em;
		font-family: "Open Sans", Helvetica, Arial;
	}
p	{font: text-align: right;}
a:link	{color: #2b73b7;}
a:visited	{color: #2b73b7;}

.titulo {font-size: 1.5em; font-family: Garamond, Times; font-weight: bold;}
.atitulo {a:link {text-decoration: none;}; a:hover {text-decoration: underline;};}
.dthora {display: block; font-size: 0.9em; font-family: "Open Sans", Helvetica, Arial; text-align: right; padding: 10px 25px 5px 0px; a:link {text-decoration: none;}; a:hover {text-decoration: underline;};}
.meses {font-size: 1.5em; font-family: Garamond, Times; font-weight: bold; margin-left: 10px;}

.center {display: block; margin-left: auto; margin-right: auto;}
.centro {text-align: center;}
.div_joana {display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;}

/*geladeira ======================*/
.tdp {text-align: right; margin: auto; width: 960px;}
.coldspot {position: relative; top: -4px;}
.patrisio {position: relative; top: -18px;}
.g9aa {position: relative; left: 164px; top: -5px}
.g9ab {position: relative; left: -128px; top: -5px}
.g1 /*congelador*/
	{
		position: relative;
		margin: auto;
		background-color: #ffffff;
		width: 960px;
		height: 230px;
		border-radius: 50px 50px 0px 0px;
		border-style: solid;
		border-color: #ffffff #ffffff #ffffff #c5c5c5;
		border-width: 4px;
	}
.g1a /*congelador dentro*/
	{
		text-align: center;
		position: absolute;
		background-color: #ffffff;
		top: -26px;
		left: 98px;
		width: 760px;
		height: 250px;
		border-radius: 15px 15px 15px 15px;
		border-style: solid;
		border-color: #ffffff #ffffff #c5c5c5 #c5c5c5;
		border-width: 4px;
	}
.g2 /*geladeira*/
	{
		position: relative;
		margin: auto;
		width: 960px;
		background-color: #ffffff;
		border-style: solid;
		border-color: #ffffff #ffffff #ffffff #c5c5c5;
		border-width: 4px;
	}
	
.g2a /*geladeira fora*/
	{
		position: relative;
		background-image: url("i/pegador.png");
		background-repeat: repeat-y;
	}
	
.g2b /*geladeira dentro*/
	{
		position: relative;
		background-color: #ffffff;
		left: 98px;
		width: 760px;
		border-radius: 15px 15px 15px 15px;
		border-style: solid;
		border-color: #ffffff #ffffff #c5c5c5 #c5c5c5;
		border-width: 4px;
	}
.fonte /*menu das fontes*/
	{
		position: absolute;
		width: 98px;
		height: 114px;
		top: 0px;
		right: 10px;
		background-image: url("i/alto-em.png");
	}
	
.g2z /*espaço dos botoes*/
	{
		position: absolute;
		top: 0px;
		left: 860px;
	}
.g9 /*pés*/
	{
		margin: auto;
		height: 125px;
		width: 968px;
	}
	
.g9a /*pé esquerdo*/
	{
		background-color: #ffffff;
		height: 125px;
		width: 160px;
		border-radius: 0px 0px 15px 15px;
		display: inline-block;
		float: left;
		border-style: solid;
		border-color: #ffffff #ffffff #c5c5c5 #c5c5c5;
		border-width: 4px;
	}
.g9b /*pé direito*/
	{
		background-color: #ffffff;
		height: 125px;
		width: 160px;
		display: inline-block;
		float: right;
		border-radius: 0px 0px 15px 15px;
		border-style: solid;
		border-color: #ffffff #ffffff #c5c5c5 #c5c5c5;
		border-width: 4px;
	}
	
/*post its ======================*/
.amare {background-color: #ffff9c;}
.verde {background-color: #e1ffdf;}
.azulc {background-color: #9afaff;}
.rosaa {background-color: #ffd7ff;}
.verme {background-color: #fde7ea;}
.azule {background-color: #deedff;}

.f1 {left: 10px;}
.f2 {left: 120px;}
.f3 {left: 230px;}
.f4 {left: 340px;}
.f5 {left: 450px;}
.p1 {left: 10px;}
.p2 {left: 80px;}
.p3 {left: 150px;}
.p4 {left: 220px;}
.p5 {left: 290px;}
.c1 {left: 10px;}
.c2 {left: 62px;}
.c3 {left: 115px;}

.fitadrx
	{
		position: relative;
		width: 280px; /*300*/
		box-shadow: 0px 2px lightgray;
		background-image: url("i/durex.png");
		background-repeat: no-repeat;
		background-position: center top;
		padding: 60px 10px 10px 10px;
		margin-bottom: 30px;
	}
.postite
	{
		position: relative;
		width: 440px; /*460*/
		box-shadow: -3px 6px 4px lightgray;
		border-radius: 0px 0px 30px 0px;
		background-image: url("i/quina.png");
		background-repeat: no-repeat;
		background-position: right bottom;
		padding: 10px 10px 10px 10px;
		margin-bottom: 30px;
	}

.caderno
	{
		position: relative;
		width: 585px; /*635*/
		box-shadow: 1px 6px 4px lightgray;
		background-image: url("i/caderno.png");
		padding: 10px 10px 10px 40px;
		margin-bottom: 30px;
	}
	
/*posts individuais ======================*/
.g2_p /*geladeira_p*/
	{
		position: relative;
		margin: auto;
		width: 960px;
		border-radius: 50px 50px 0px 0px;
		background-color: #ffffff;
		border-style: solid;
		border-color: #ffffff #ffffff #ffffff #c5c5c5;
		border-width: 4px;
	}
	
.g2b_p /*geladeira_p dentro*/
	{
		position: relative;
		background-color: #ffffff;
		top: -26px;
		left: 98px;
		width: 760px;
		border-radius: 15px 15px 15px 15px;
		border-style: solid;
		border-color: #ffffff #ffffff #c5c5c5 #c5c5c5;
		border-width: 4px;
	}

.fonte2 /*menu das fontes, versao 2*/
/*quando possivel, eliminar a versao 1*/
	{
		position: absolute;
		width: 98px;
		height: 114px;
		top: 0px;
		right: -105px;
		background-image: url("i/alto-em.png");
	}
.menudolado
	{
		position: absolute;
		width: 98px;
		top: 120px;
		right: -105px;		
	}
	
.fonte_p /*menu das fontes_p*/
	{
		position: absolute;
		width: 98px;
		height: 114px;
		top: 30px;
		right: -6px;
		background-image: url("i/alto-em.png");
	}
	
/*post its_p*/
.amare_p {background-color: #ffffd7;}
.verde_p {background-color: #f3fff2;}
.azulc_p {background-color: #e7feff;}
.rosaa_p {background-color: #fff5ff;}
.verme_p {background-color: #fef5f7;}
.azule_p {background-color: #f2f8ff;}

.fitadrx_p
	{
		position: relative;
		width: 740px; /*300*/
		box-shadow: 0px 2px lightgray;
		background-image: url("i/durexp.png");
		background-repeat: no-repeat;
		background-position: center top;
		padding: 60px 10px 10px 10px;
		left: 10px;
	}
.postite_p
	{
		position: relative;
		width: 740px; /*460*/
		box-shadow: -3px 6px 4px lightgray;
		border-radius: 0px 0px 30px 0px;
		background-image: url("i/quina.png");
		background-repeat: no-repeat;
		background-position: right bottom;
		padding: 10px 10px 10px 10px;
		left: 10px;
	}
.caderno_p
	{
		position: relative;
		width: 700px; /*635*/
		box-shadow: 1px 6px 4px lightgray;
		background-image: url("i/bordacad.png");
		background-repeat: repeat-y;
		padding: 0px 0px 0px 40px;
		left: 10px;
	}
	
.discussao
	{
		width:740px;
		min-height:480px;
		background-image: url("i/mb.png");
		background-repeat: no-repeat;
		background-position: right top;
		padding: 10px 10px 10px 10px;
	}
	
/*geladeira no heya ======================*/
.heyabode
	{
		background-color: #ffd3e4;
		background-image: url("i/old/miniquadrados.gif");
	}
.heya {font-size: 1.2em; font-family: Comic Sans MS, Arial, Times New Roman; font-weight: bold; margin-left: 10px;}
.heya2 {border-top: solid; border-bottom: solid; font-size: 1.2em; font-family: Comic Sans MS, Arial, Times New Roman; font-weight: bold; margin: 10px; padding: 3px;}

/*resenhas ======================*/
.gibivro {display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); width: 300px;}
.gibivro_free {display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.acumula {display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.res_bom {color: red;}
.res_mau {color: blue;}
a.res_bom:link {color: red;}

/*imas ======================*/
.ima {position: absolute; top:-40px; left: 90px;}

.postite_mini
	{
		position: relative;
		width: 220px; /*300*/
		box-shadow: -3px 6px 4px lightgray;
		border-radius: 0px 0px 30px 0px;
		background-image: url("i/quina.png");
		background-repeat: no-repeat;
		background-position: right bottom;
		padding: 10px 10px 10px 20px;
		margin-top: 80px;
		margin-bottom: 30px;
	}

/*twitter ============ */
.tdp_tw {position: relative; text-align: right; margin: auto; width: 640px;}
.patrisio_t {position: relative; top: 7px;}
.tw	
	{
		position: relative;
		margin: auto;
		background-color: #ffffff;
		width: 538px;
		border-style: solid;
		border-color: #d8d8d8;
		border-width: 1px;
		border-radius: 7px 7px 7px 7px;
		padding: 20px 50px 20px 50px;
	}
	
.tw_int	
	{
		position: relative;
		margin: auto;
		background-color: #ffffff;
		width: 498px;
		border-style: solid;
		border-color: #d8d8d8;
		border-width: 1px;
		border-radius: 7px 7px 7px 7px;
		padding: 20px 20px 20px 20px;
		margin: 10px 0 0 0;
	}
	
.fonte_tw /*menu das fontes_tw*/
	{
		position: absolute;
		width: 98px;
		height: 114px;
		top: 100px;
		right: -100px;
		background-image: url("i/alto-em.png");
	}
	
.dthora_tw1 {font-size: 0.9em; font-family: "Open Sans", Helvetica, Arial; color: #999999; padding: 10px 25px 5px 0px; a:link {text-decoration: none; color: #999999;}; a:hover {text-decoration: underline;};}
.dthora_tw2 {font-size: 0.9em; font-family: "Open Sans", Helvetica, Arial; color: #aab8c2; padding: 10px 25px 5px 0px; a:link {text-decoration: none; color: #aab8c2;}; a:hover {text-decoration: underline;};}

.nota_tw	
	{
		position: relative;
		margin: auto;
		background-color: #f1f1f1;
		width: 538px;
		border-style: solid;
		border-color: #d8d8d8;
		border-width: 1px;
		border-radius: 7px 7px 7px 7px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 20px 50px 20px 50px;
	}
	
.discussao_tw
	{
		position: relative;
		margin: auto;
		background-color: #ffffff;
		width:620px;
		min-height:480px;
		background-image: url("i/mb.png");
		background-repeat: no-repeat;
		background-position: right top;
		border-radius: 7px 7px 7px 7px;
		margin-top: 10px;
		padding: 10px 10px 10px 10px;
	}

.comenta
	{font-family: verdana;	color: blue; line-height: 1.25; }