/*   
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:#CCCCCC;
text-decoration:none;
font-weight:bold;
}

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

#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;
padding:0px;
background-color:#0C53BC;
}

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

#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 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:390px;
background-image:url(../img/background.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#070506;
position:relative;
}

.scrolling-content {
width:990px;
height:390px;
position:absolute;
}

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

#content2 {
left:1000px; 
top:0px;
}

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

#content4 {
left:3000px; 
top:0px;
}


/* first */
#first{
float:left;
margin-top:100px;
margin-left:150px;
width:450px;
}
#first p{
width:330px;
padding:10px;
text-align:left;
font-size:12px;
vertical-align: text-bottom;
line-height:150%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #e4e4e4;
background-color:rgba(51,51,80,0.8);
}
#first p span{
color:#ffffff;
font-size:18px;
}

/* access */
#access{
float:left;
margin-top:20px;
margin-right:30px;
width:350px;
text-align:right;
}
#access p{
color:#555555;
/* text-shadow: 1px 1px 3px #000000; */
}

/* company */
#company{
width:600px;
margin-top:50px;
margin-left:345px;
padding:10px;
text-align:left;
font-size:12px;
vertical-align: text-bottom;
line-height:150%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #e4e4e4;
background-color:rgba(80,20,50,0.8);
float:left;
}
#company p{
border-bottom:1px dashed #e4e4e4;
float:left;
}
#company p.title{
width:150px;
text-align:right;
font-weight:bold;
}
#company p.text-data{
width:440px;
padding-left:10px;
font-size:14px;
}

/* recruit */
#recruit{
margin-top:15px;
margin-left:250px;
float:left;
width:750px;
}
.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:60px;
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;
}


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

.tool-title {display:none;}

.tool-text {padding:8px;}


/* table */
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;    
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: left;    
}

.bordered th {
    background-color:rgba(20,90,10,0.8);
    /*
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    */
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    color:#ffffff;
    text-align:center;
}
.bordered td {
    background-color:rgba(90,90,90,0.9);
    color:#ffffff;
    line-height:130%;
}
.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}
.bordered th.first {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered td.first {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th.last {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered td.last {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
/*
.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
*/



/* form */
#formBox{
width:auto;
padding:10px;
margin-top:25px;
margin-left:400px;
text-align:left;
font-size:12px;
vertical-align: text-bottom;
line-height:150%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #e4e4e4;
background-color:rgba(51,51,51,0.8);
float:left;
}
form p.box1{
padding:3px;
margin:0px;
float:left;
}
form p.box2{
padding:3px;
margin:0px;
clear:both;
}
form p.box3{
padding:3px;
margin:0px;
text-align:center;
clear:both;
}
.text, textarea, .dropdown{
	border:1px solid #777;
	padding: 5px;
	color: #999;
	background: #fff;
	border-radius: 5px;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);

	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;

	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);

	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;

	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	}

.submit{
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#99c9e5),
		to(#428ec9)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;

	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#99c9e5,
		#428ec9
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;

	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
	zoom: 1;
	}

/*
.checkbox,.radio{
	z-index: -1;
	position: absolute;
	}
	.CheckBoxLabelClass{
		background: url("http://www.webcreatorbox.com/sample/images/checkbox.png") no-repeat top left;
		margin-right:20px;
		padding-left:22px;
		}

	.radiolabel{
		background: url("http://www.webcreatorbox.com/sample/images/radio.png") no-repeat top left;
		margin-right:20px;
		padding-left:22px;
		}
	.LabelSelected,.RadioSelected{
		background-position: bottom left;
		}
*/