/* eins!
body {
	margin: 80px 40px 40px;
	width: 50%;
	background-color: #e6e6e6;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
}
*/

/* Normal Bubble */
div.bubble {
	width: auto;
	height:auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}
div.bubble blockquote 
{
	text-align:left;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #c9c2c1;
	background-color: #fff;*/
}
div.bubble blockquote p a
{
	font-weight: normal; 
	font-size: 1.6em; 
	text-align: left;
	color: #242;	
	font-variant:small-caps;
}
.textobubble
{
	border: 1px solid #c9c2c1;
	background-color: #fff;
	text-align:left;
	margin: 10px;
	padding: 0px;
}
.textobloque
{
	text-align:left;
	margin: 10px;
	padding: 0px;
}
.imagenbubble
{
	float:right;
	margin-right:5px;
	margin-left:auto;
	padding: 5px 5px 5px 5px;
}



div.bubble blockquote p 
{
	text-align:left;
	margin: 10px;
	padding: 0px;
}

div.bubble cite
{
	position: relative;
	margin: 15px;
	padding: 10px 0px 0px 15px;
	top: -4px;
	background: transparent url(tip.gif) no-repeat 20px top;
	font-style: italic;
}

div.bubble cite.derecha 
{
	background-position: 200px top;
	position: relative;
	margin: 15px;
	padding: 10px 15px 0px 0px;
	top: 5px;
	background: transparent url(tip.gif) no-repeat right top;
	font-style: italic;
	text-align: right;
}

div.bubble cite.superior
{
	position: relative;
	margin: 15px;
	padding: 7px 0px 10px 15px;
	top: -5px;
	background: transparent url(tiparriba.gif) no-repeat 20px bottom;
	font-style:italic;
	
}


div.bubble cite.derechasuperior
{
	position: relative;
	margin: 15px;
	padding: 7px 15px 10px 0px;
	top: -5px;
	background: transparent url(tiparriba.gif) no-repeat right bottom;
	font-style: italic;
	text-align: right;
}
.panel
{
	padding: 15px;
	width:280px;
}


.llamadaizquierda
{
	position: absolute;
	padding: 5px;
	top: 113px;
	left: 40px;
	float: left;
	text-align: justify;
	width: 277px;
}
.llamadaderecha
{
	position: absolute;
	padding: 5px;
	top: 45px;
	right: 43px;
	float: right;
	text-align: justify;
	width: 289px;
}

.llamadaizquierdainferior
{
	position: absolute;
	top: 353px;
	padding: 5px;
	float: left;
	text-align: justify;
	width: 277px;
	left: 40px;
}

.llamadaderechainferior
{
	position:absolute;
	padding: 5px;
	top:353px;
	right:44px;
	float:left;
	text-align:justify;
	width: 289px;
}
/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(tip-rounded.gif) no-repeat 15px 0;
}

/* Pimped Bubble */
div#pimped.bubble {
	font-size: 0.9em;
}
div#pimped.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background-color: #111;
}
div#pimped.bubble cite.rounded {
	background: transparent url(tip-pimped.gif) no-repeat 15px 0;
}