/*   
Theme Name: Lucuma Producciones
Author:d ibusoft mmdv
Author URI: http://www.dibusoft.com/
Version: 1.0
Description: Site para Lucuma Producciones - www.lucuma.com.ar
*/

/* Neutralizamos los Estilos */
*{
	margin:0;
	padding:0;
	border:none;
}

html {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:10px 0 10px 0;
	color: #FFF;
	font-size: small;
}

h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:12px;}
h6{font-size:10px;}

blockquote {
font-style:italic;
padding:5px 0 5px 30px;
}

/* Algunos ajustes basicos */
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

li, dd, blockquote {
margin-left:1em;
}

/* Algunas clases útiles */
.clear {
clear:both;
}

.float-left {
float:left;
}

.float-right {
	float:right;
	font-size: large;
}

/* Links Bases */
a img {
border:none;
text-decoration:none;
}

img {
	border:none;
	text-decoration:none;
	text-align: center;
	font-weight: bold;
/*Si ponemos un background aparecerá como fondo de la imagen, sirve para simular imágenes de carga*/
}

/* Links */
a, a:visited{
color:#e8b529;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
	color:#e8b529;
	text-decoration:underline;
	text-align: center;
}

#copyright a, #copyright a:visited{
color:#333333;
text-decoration:none;
font-weight:bold;
}

#copyright a:hover, #copyright a:active {
color:#333333;
text-decoration:underline;
}

/* Estructura */
body{
	margin:0px 0px 0px 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding:0px;
	background-color:#000;
	color: #000;
	font-weight: normal;
}

#header{
margin:0px auto;
width:760px;
text-align:center;
color:#333333;
}
#header {
	position:absolute;
	left:0px;
	top:0px;
	width:1338px;
	height:125px;
	z-index:15;
	background-color: #000000;
	visibility: visible;
}


#copyright{
margin:0px auto;
width:760px;
text-align:center;
color:#333333;
}

#dibusoft{
margin:0px auto;
width:760px;
text-align:center;
}

/* Menu */
#menu {
margin:5px auto;
padding:5px 0;
width:600px;
text-align:center;
color:#6E6E6E;
}
#menu {
	position:absolute;
	left:416px;
	top:84px;
	width:512px;
	height:18px;
	z-index:13;
	color: #FFF;
	text-align: center;
}
#menu {
	position:absolute;
	left:400px;
	top:500px;
	width:238px;
	height:2px;
	z-index:40;
	visibility: hidden;
}


#menu span{
padding:0px 5px 0px 5px;
}

#contenedor {
	margin:0px;
	overflow:hidden;
	/*height:387px; 
width:99,9%;*/
border:none;
	position:relative;
}

#contenedor-bg {
width:5000px;
height:387px;
background-image:url(../images/testwidepainting2.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#E6E6E4;
position:relative;
}

.scrolling-content {
	width:990px;
	height:380px;
	position:absolute;
	z-index: 6;
	visibility: visible;
}

#content1 {
	left:0px;
	top:0px;
}

#characterscroll {
	left:1571px;
	top:-2px;
}

#content3 {
left:2880px; 
top:0px;
}

/* Nosotros */
#nosotros{
float:right;
margin-top:80px;
margin-right:30px;
width:300px;
text-align:right;
}


/* Portflio */
#portfolio{
float:right;
width:474px;
}

#portfolio-titulo{
	right:10px;
	position:absolute;
}

#portfolio-works {
margin-left:40px;
position: relative; /* important */
overflow: hidden; /* important */
width: 450px; /* important */
height: 378px; /* important */
}

#example_4_frame {position: relative}
#example_4_frame img {
	position: absolute;
	cursor:pointer;
}

#portfolio-arriba {position: relative;  z-index:3;}
#portfolio-arriba img {
	position: absolute;
}

#portfolio-abajo {top: 336px; position: relative; z-index:3;}
#portfolio-abajo img {
	position: absolute;
}

#portfolio_anteriores {top: 120px; right: 0px;}
#portfolio_siguientes {top: 200px; right: 0px;}

#portfolio_contenidos {
	left:0px;
	position: absolute;
	width:450px;
}

.work{
clear:both;
padding-top:10px;
padding-bottom:16px;
width:450px;
height:100px;
}

.work p{
font-weight:bold;
}

.work-img{
float:left;
}

.work-txt{
float:left;
margin-top:20px;
}

.txt-rojo{
	color:#CE0000;
	font-weight: bolder;
	font-size: 12px;
}

/* Contacto */
#contacto{
	color:#41511f;
	float:left;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	width:320px;
}
#response{
color:#41511f;
display:none;
float:left;
margin-top:10px;
margin-left:60px;
margin-right:70px;
width:230px;
}
.loading{
color:#41511f;
background-image:url(../images/loading.gif);
background-position:50% 30%;
background-repeat:no-repeat;
height:250px;
}


#telefonos{
	float:left;
	width:150px;
	margin-top:200px;
	color:#41511f;
}
#telefonos a, #telefonos a:visited{
color:#41511f;
text-decoration:none;
font-weight:bold;
}

#telefonos a:hover, #telefonos a:active {
color:#41511f;
text-decoration:underline;
}

/* Formulario */
input, textarea {
	width:300px;
	border:none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	margin:5px;
/*filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;*/
}
input:focus, textarea:focus {
}
#enviar {
cursor:pointer;
width:auto;
font-weight:bold;
}

/* Tooltips */
.tool-tip {
color:#ffffff;
font-size:11px;
background:#222222;
z-index:3;
}

.tool-title {display:none;}

.tool-text {padding:8px;}
#No_HTML_Warning {
	color: #FFF;
	font-size: 18px;
}
#TextOverGraphic {
	color: #FFF;
	font-size: 12px;
	text-align: center;
}

#lucuma {
	color: #FFF;
	font:"Palatino Linotype", "Book Antiqua", Palatino, serif
	font-size: 14px;
	font-weight: normal;
	color: #EAD850;
	text-align: center;
}
.links {
	font-size: 10px;
}
#menu p .tooltip .links {
	font-weight: bold;
}
#menu p .tooltip .links {
	font-weight: bold;
}
#blurb {
	font-size: medium;
}
#blurb {
	position:absolute;
	left:910px;
	top:30px;
	width:458px;
	height:360px;
	z-index:29;
	text-align: left;
	visibility: hidden;
	font-size: 16px;
}

#wallpaper #blurb p .work {
	font-size: large;
}
#wallpaper #blurb p .work {
	font-size: 14px;
}

      canvas {
}
    

#wallpaper {
	position:absolute;
	left:0px;
	top:132px;
	width:136px;
	height:387px;
	z-index:20;
}
#logo {
	position:absolute;
	left:570px;
	top:16px;
	width:53px;
	height:66px;
	z-index:14;
	visibility: visible;
}
#prophecy {
	position:absolute;
	left:310px;
	top:25px;
	width:590px;
	height:350px;
	z-index:38;
	font-size: 9px;
	visibility: hidden;
}
#screen {
	position:absolute;
	left:0px;
	top:491px;
	width:4444px;
	height:434px;
	z-index:19;
	background-color: #000000;
}
#characters {
	position:absolute;
	left:2092px;
	top:12px;
	width:25px;
	height:339px;
	z-index:8;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	visibility: visible;
}
#contactform {
	position:absolute;
	left:4024px;
	top:-12px;
	width:339px;
	height:398px;
	z-index:35;
	visibility: visible;
}
#booktitle {
	position:absolute;
	left:6px;
	top:7px;
	width:600px;
	height:39;
	z-index:10;
	visibility: hidden;
}
#obie {
	position:absolute;
	left:1802px;
	top:88px;
	width:81px;
	height:81px;
	z-index:10;
}
#obie {
	position:absolute;
	left:103px;
	top:80px;
	width:256px;
	height:200px;
	z-index:22;
}

/* jQuery lightBox plugin - Gallery style */
#gallery {
/*		background-color: #444;
*/		padding: 2px;
		width: 520px;
}

#gallery {
	position:absolute;
	left:1542px;
	top:0px;
	width:1033px;
	height:387px;
	z-index:36;
	visibility: visible;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
/*		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
*/}
#gallery ul a:hover img {
/*		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
*/}
#gallery ul a:hover { color: #fff; }

#music {
	position:absolute;
	left:-103px;
	top:481px;
	width:144px;
	height:45px;
	z-index:36;
	color: #FFF;
	text-align: center;
	visibility: hidden;
}
#tau {
	position:absolute;
	left:615px;
	top:80px;
	width:256px;
	height:200px;
	z-index:20;
}
#gabrielle {
	position:absolute;
	left:359px;
	top:80px;
	width:256px;
	height:200px;
	z-index:21;
}
#mole {
	position:absolute;
	left:15px;
	top:294px;
	width:125px;
	height:100px;
	z-index:23;
}
#mole {
	position:absolute;
	left:871px;
	top:80px;
	width:256px;
	height:200px;
	z-index:20;
}
#map {
	position:absolute;
	left:414px;
	top:91px;
	width:122px;
	height:174px;
	z-index:24;
	visibility: hidden;
}
#city {
	position:absolute;
	left:170px;
	top:0px;
	width:1224px;
	height:388px;
	z-index:16;
	visibility: visible;
}

#fairy-rt {
	position:absolute;
	left:70px;
	top:0px;
	width:1165px;
	height:387px;
	z-index:31;
	visibility: visible;
}
#fairy-lt {
	position:absolute;
	left:0px;
	top:0px;
	width:560px;
	height:387px;
	z-index:28;
	visibility: visible;
}
.body_text {
	text-align: left;
}
.body_text {
	text-align: center;
	font-weight: bold;
}
#start {
	position:absolute;
	left:0px;
	top:30px;
	width:1432px;
	height:758px;
	z-index:35;
}
#a-world {
	position:absolute;
	left:278px;
	top:256px;
	width:443px;
	height:98px;
	z-index:15;
	visibility: hidden;
}
#windlord {
	position:absolute;
	left:-85px;
	top:0px;
	width:83px;
	height:179px;
	z-index:22;
	visibility: visible;
}
#enter {
	position:absolute;
	left:4px;
	top:267px;
	width:235px;
	height:100px;
	z-index:32;
}

#fairy-dust {
	position:absolute;
	left:180px;
	top:0px;
	width:684px;
	height:394px;
	z-index:16;
	visibility: hidden;
}
#gabrielle-and-steed {
	position:absolute;
	left:-310px;
	top:0px;
	width:256px;
	height:390px;
	z-index:19;
	visibility: visible;
}
#fairy-rt-bg {
	position:absolute;
	left:751px;
	top:0px;
	width:2924px;
	height:387px;
	z-index:30;
	visibility: visible;
}
#dragon {
	position:absolute;
	left:2888px;
	top:0px;
	width:821px;
	height:389px;
	z-index:14;
	visibility: visible;
}
#dragon-overlay {
	position:absolute;
	left:2888px;
	top:0px;
	width:1353px;
	height:387px;
	z-index:15;
	visibility: visible;
}
#obie-tau-mole {
	position:absolute;
	left:3560px;
	top:-130px;
	width:444px;
	height:680px;
	z-index:33;
	visibility: visible;
}
#moon-stars {
	position:absolute;
	left:0px;
	top:-102px;
	width:789px;
	height:867px;
	z-index:19;
}
#front-cover {
	position:absolute;
	left:0px;
	top:-0px;
	width:444px;
	height:688px;
	z-index:22;
	visibility: hidden;
}
#paypal {
	position:absolute;
	left:3232px;
	top:-22px;
	width:298px;
	height:436px;
	z-index:34;
}

#book-title {
	position:absolute;
	left:80px;
	top:0px;
	width:943px;
	height:142px;
	z-index:41;
	visibility: hidden;
}
#four-star {
	position:absolute;
	left:314px;
	top:141px;
	width:190px;
	height:36px;
	z-index:23;
}
#mystic-ring1 {
	position:absolute;
	left:1601px;
	top:42px;
	width:290px;
	height:290px;
	z-index:32;
	visibility: hidden;
}
#mystic-ring2 {
	position:absolute;
	left:1803px;
	top:75px;
	width:250px;
	height:250px;
	z-index:31;
	visibility: hidden;
}
#mystic-ring3 {
	position:absolute;
	left:2038px;
	top:75px;
	width:250px;
	height:250px;
	z-index:30;
	visibility: hidden;
}
#mystic-ring4 {
	position:absolute;
	left:2270px;
	top:75px;
	width:250px;
	height:250px;
	z-index:29;
	visibility: hidden;
}
a:visited {
	color: #f9c639;
}
a:hover {
	color: #f9c639;
}
#review1-text {
	position:absolute;
	left:74px;
	top:13px;
	width:549px;
	height:123px;
	z-index:24;
	text-align: left;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-variant: normal;
}
#lion-comet {
	position:absolute;
	left:10px;
	top:0px;
	width:313px;
	height:125px;
	z-index:18;
}
#review1 {
	position:absolute;
	left:1000px;
	top:0px;
	width:660px;
	height:250px;
	z-index:24;
	visibility: visible;
}
#reviews #review-text p strong {
	font-weight: bold;
	font-size: 10px;
	}

#review2 {
	position:absolute;
	left:1000px;
	top:203px;
	width:625px;
	height:189px;
	z-index:27;
	visibility: visible;
}
#eagle-comet {
	position:absolute;
	left:299px;
	top:57px;
	width:313px;
	height:125px;
	z-index:17;
}
#review2-text {
	position:absolute;
	left:-40px;
	top:46px;
	width:609px;
	height:93px;
	z-index:24;
}
#nightscape {
	position:absolute;
	left:244px;
	top:0px;
	width:1224px;
	height:388px;
	z-index:15;
	visibility: hidden;
}
#reviewer2 {
	position:absolute;
	left:30px;
	top:129px;
	width:272px;
	height:61px;
	z-index:24;
	text-align: right;
}
#reviewer1 {
	position:absolute;
	left:434px;
	top:91px;
	width:235px;
	height:43px;
	z-index:25;
	font-size: x-large;
	color: #FFF;
	font-weight: bold;
}
#more-praise-list {
	position:absolute;
	left:238px;
	top:147px;
	width:228px;
	height:94px;
	z-index:26;
	color: #FFF;
	text-align: left;
}
a {
	font-style: italic;
}
#more-praise {
	position:absolute;
	left:99px;
	top:148px;
	width:138px;
	height:43px;
	z-index:27;
}