@charset "utf-8";
/* CSS Document */
body {background-image:url("i/bg.jpg");	cursor: crosshair;}
p {
line-height:120%;
font-size:8pt;
font-family:verdana;
font-weight:400;
color:#fff;
}
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
a.ineditos {
color:#333366;
}
a.ineditos:hover {
color:#45458c;
}

img_esquina {
display:scroll;
position:fixed;
top:0px;
left:30px;
}
.img_esquina a {
width: 150px;
height: 127px;
background: transparent url(http://www.rociomartinez.es/i/venta_ilustraciones.jpg) left top;
display:scroll;
position:fixed;
top:0px;
left:50px;
}

img_esquinaen {
display:scroll;
position:fixed;
top:0px;
left:30px;
}
.img_esquinaen a {
width: 150px;
height: 127px;
background: transparent url(http://www.rociomartinez.es/i/venta_ilustracionesen.jpg) left top;
display:scroll;
position:fixed;
top:0px;
left:50px;
}


#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 11px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 3;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 0px solid #778;
border-bottom: none;
background: #E67C54;
}

#tablist li a:link, #tablist li a:visited{
color: white;
}

#tablist li a.current{
background: #E9974B;
}

#tabcontentcontainer{
width: 500px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 20px;
border: 0px;
}

.tabcontent{
display:none;
}
.drag{
	position:relative;
	cursor:hand;
	z-index: 100;
}

#carteluna {
	position:absolute;
	width:auto;
	height:auto;
	z-index:99;
	top: 718px;
	left: 551px;
}
#mama {
	position:absolute;
	width:622px;
	height:310px;
	z-index:100;
	left: 247px;
	top: 718px;
}
#raton_perez {
	position:absolute;
	width:auto;
	height:auto;
	z-index:104;
	left: 371px;
	top: 304px;
}
#potipoti {
	position:absolute;
	width:422px;
	height:371px;
	z-index:110;
	left: 362px;
	top: 304px;
}
#cartel {
	position:absolute;
	width:auto;
	height:auto;
	z-index:101;
	left: 549px;
	top: 718px;
}
#irene1 {
	position:absolute;
	width:402px;
	height:308px;
	z-index:103;
	left: 424px;
	top: 718px;
}
#irene2 {
	position:absolute;
	width:auto;
	height:auto;
	z-index:103;
	left: 407px;
	top: 718px;
}
#irene3 {
	position:absolute;
	width:auto;
	height:auto;
	z-index:103;
	left: 390px;
	top: 718px;
}
#miguel4 {
	position:absolute;
	width:300;
	height:301;
	z-index:108;
	left: 505px;
	top: 304px;
}#miguel3 {
	position:absolute;
	width:300;
	height:301;
	z-index:107;
	left: 525px;
	top: 304px;
}#miguel2 {
	position:absolute;
	width:300;
	height:301;
	z-index:106;
	left: 547px;
	top: 304px;
}#miguel1 {
	position:absolute;
	width:300;
	height:300px;
	z-index:105;
	left: 569px;
	top: 304px;
}
#intro_ineditos {
	position:absolute;
	width:575px;
	height:auto;
	z-index:100;
	left: 333px;
	top: 179px;
}
#detalles_ineditos {
	position:absolute;
	width:211px;
	z-index:120;
	left: 1px;
	top: 167px;
}

.ineditos9pt {color: #333366; font-weight: bold; font-size:9pt;}
.destacado_portada7pt {color: #FFFFcc; font-size:7pt;}
.destacado_portada8pt {color: #FFFFcc; font-weight: bold;}
.destacado_portada9pt {color: #FFFFcc; font-weight: bold; font-size:9pt;}
.destacado_portada9pt_rosa {color: #990066; font-weight: bold; font-size:9pt;}
.destacado_portada9pt_rojo {color: #CC0000; font-weight: bold; font-size:9pt;}
.destacado_portada8pt_rojo {color: #CC0000; font-size:8pt;}
.destacado_portada11pt_blanco {color: #ffffff; font-weight: bold; font-size:11pt;}
.rosa {color: #cc0066; font-weight: bold; font-size:9pt;}
.rosa9pt {color: #cc0066}
.negro {color: #000000; font-weight: bold;}
.negro1 {color: #000000;}
.granate {color: #990066}
.granate8pt {color: #990066; font-weight: bold; font-size:8pt;}
.amarillo {color: #FFFFcc}
.verde {color: #006600}
.verde9pt {color: #006600; font-size:9pt;}
.marron {color:#663300; font-size:7pt;}