/*   
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 {
font-weight:normal;
margin:10px 0 10px 0;
}

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;
}

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

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

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

a:hover, a:active {
color:#FFFFFF;
text-decoration:none;
}

#copyright a, #copyright a:visited{
color:#515653;
text-decoration:none;
font-weight:normal;
font-size:10px;
}

#copyright a:hover, #copyright a:active {
color:##515653;
font-size:10px
text-decoration:underline;
}

/* Estructura */
body{
margin:0px;
padding:0px;
background-color:#000000;
}

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

#copyright{
margin:0px auto;
width:760px;
text-align:left;
color:#75808e;

}

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

/* Menu */
#menu {
	position:absolute;
	top:490px;
	width:670px;
	text-align:center;
	color:#6E6E6E;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 250px;
	*margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: middle;
}

#menu span{
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#contenedor {
margin:0px;
overflow:hidden; 

/*height:387px; 
width:99,9%;*/
border:none;
position:relative;
}

#contenedor-bg {
width:3840px;
/*width:2560px;*/
/*height:387px;*/
height:570px;
background-image:url(../images/lucumaweb.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#E6E6E4;
position:relative;

}

.scrolling-content {
width:1033px;

position:absolute;
}

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

#content2 {
left:1200px;
/*left:1570px;*/ 
top:0px;
}

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

/* Nosotros */
#nosotros{
float:right;
width:300px;
}

#nosotros1{
float:right;
width:300px;
}

#nosotros2{
float:right;
width:300px;
}

/* 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:#990000;
}

/* Contacto */
#contacto{
color:#41511f;
float:left;
margin-top:10px;
margin-left:60px;
margin-right:70px;
width:230px;
}
#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/ajax-loader.gif);
background-position:50% 30%;
background-repeat:no-repeat;
height:250px;
}


#telefonos{
float:left;
width:280px;
margin-top:20px;
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:220px;
border:none;
background-color:#fff;
color:#999;
border:solid 1px #CCCCCC;
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:13000;
}

.tool-title {display:none;}

.tool-text {padding:8px;}

/*My css*/

#middle-background {
	float: left;
	height: 507px;
	width: 1033px;
}

#header {
	width: 755px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float:right;
	padding-top: 39px;
	padding-bottom:44px;
	
}
#img-holder{
	background-image: url(../images/logo.jpg);
	background-position: center center;
	height: 37px;
	width: 42px;
	background-repeat: no-repeat;
	float: left;
}
#header-content{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	color: #a3a2a2;
	text-align:right;
	float: right;
	vertical-align: middle;
	height: 22px;
	width:215px;
}
#middle-img-bg{
	width: 850px;
	height:282px;
	padding-bottom:54px;
	float: right;
}
#middle-img-bg li{
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
}
#middle-img-bg ul {
	list-style: none;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
#inner-page-bg{
width: 760px;
	padding-bottom:54px;
	height:282px;
	float: right;
	background-color:#FFFFFF;
}
#heading{
	float: left;
	height: 25px;
	width: 400px;
	margin-top: 23px;
	margin-bottom: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/heading-bg.jpg);
	background-repeat: repeat-x;
	background-position: 34px bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left: 31px;
	margin-right: 330px;
	vertical-align: bottom;
}
#inner-content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #707070;
	text-decoration: none;
	width: 719px;
	margin-right: 52px;
	margin-bottom: 32px;
	margin-left: 32px;
	padding-top: 0px;
	padding-right: 32px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#inner-content p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #707070;
	text-decoration: none;
	text-align: justify;
	padding-right:22px;
}
#background {
	background-color: #000000;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:570px;
}