@charset "UTF-8";
/* CSS Document */
/*this is what we want the div to look like when it is not showing*/
  div.loading-invisible{
    /*make invisible*/
    display:none;
  }

  /*this is what we want the div to look like when it IS showing*/
  div.loading-visible{
    /*make visible*/
    display:block;
    /*position it 200px down the screen*/
    position:absolute;
	z-index: 29;
    top:0px; 
    left:0;
    width:100%;
	height: 100%;
    text-align:center;
    /*in supporting browsers, make it a little transparent*/
    background:#ffcc00;
   /* filter: alpha(opacity=99);  internet explorer 
    -khtml-opacity: 0.99;      /* khtml, old safari 
    -moz-opacity: 0.99;       /* mozilla, netscape 
    opacity: 0.99;           /* fx, safari, opera */
    /*border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;*/
  }
  
body {
	background-color: #000;
/*scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f*/
	}
	
#sheet{ 
background-color:#FFF;
background-position:left;
background-repeat:no-repeat;
width: 1024px;
height: 768px;
padding: 0px !important;
}

#fullscreen {
	margin-top: -8px;
	width: 1024px;
	-moz-box-shadow: 0 0 5px 5px #555;
-webkit-box-shadow: 0 0 5px 5px#555;
box-shadow: 0 0 5px 5px #555;}

.encabezado{
	position: relative;
	height: 116px;
	padding-top: 4px;
	background-color: #000;
	-moz-box-shadow: 0px 4px 5px #444;
	-webkit-box-shadow: 0px 4px 5px #444;
	box-shadow: 0px 4px 5px #444;
	}
	
#menu-header{
	font-family: Tahoma, Geneva, sans-serif;
	height: 69px;
	list-style: none;
	padding: 0px !important;
	}
	
#menu-header li{
		height: 69px;
	float: left;
	color: #fff;
	text-align: center;
	margin-left: 10px;
	float: left;
	}
	
#menu-header li a {
	display: block;
	text-decoration: none;
	background-image:url(../../Trabice/subir/img/barra.jpg);
	color: #fff;
	padding: 46px 4px 5px 4px;
	}
	
.table-header{
	width: 1024px;
	height: 69px;
	}
	
.quienes{
	width: 225px;
	}

.servicios{ 
width: 120px;
}

.clientes{
	width: 195px;
	}
	
.contacto{
	width: 120px;}
	
.login{
	width: 260px;
	}
	
.contenedor{ 
width: 1024px;
float:none; 
height: 604px;
background-image: url(../img/sheet.jpg);
text-align: right;
}

.imagen-principal{
	padding: 85px 25px;
	width: 300px;
	height: 370px;
	float: left;
	}
	
.texto-principal{
	margin: 0 25px 0 440px;
	width: 540px;
	text-align: justify;
	font-family: Tahoma, Geneva, sans-serif;
	}

.data-contact{
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 700;
	text-align: left;
	text-shadow: 1px 2px 2px #111;
	}

.data-contact li{
	list-style: none;
	font-size: 12px;
	}

#menu-footer{
	font-family: Tahoma, Geneva, sans-serif;
	list-style: none;
	padding-top: 17px;
	float: right;
	}
	
#menu-footer li{
	/*height: 44px;*/
	float: left;
	color: #fff;
	}
	
#menu-footer li a {
	display: block;
	text-decoration: none;
	/*background-image:url(../../Trabice/subir/img/footer.jpg);*/
	color: #fff;
	padding: 3px;
	}
	
.redes{
	width: 85px;
	text-align: left;
	padding-left: 4px;
	float: right;
	}
	
.redes a img {
	border: 0px;
	}

#footer{
	background-image:url(../img/footer_web.png);
	background-repeat: no-repeat;
	width: 1024px;
	text-align: center;
	position: relative;
	margin-top: -67px;
	height: 67px;
	clear:both;
	-moz-box-shadow: 0px -4px 5px #444;
	-webkit-box-shadow: 0px -4px 5px #444;
	box-shadow: 0px -4px 5px #444;
	color: #fff;
	}
	
.main_menu{
	float:right; 
	}
	
.logo{
		float: left;}
		
div.texto-principal {
 height:550px; /*Altura de la capa*/
 overflow:hidden;
 position:relative;
}

html>/**/body div.texto-principal {
 display:table;
 position:static;
}

div.valign {
 position:absolute;
 top:50%;
}
html>/**/body div.valign {
 display:table-cell;
 position:static;
 vertical-align:middle;
}

p {
 position:relative;
 top:-50%;
}

.valign hr{
	margin-top: -15px;}

#mail{
	margin-left: 13px;}


                 #contenu {
	width: 510px;
	margin:0 auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 	               
                 }
                    

#contenu p{
top: 0;	}
.texto-principal li {
	line-height: 25px;}
	.clear{clear:both;}
#englobe{float: left;
position: relative;
width: 600px;
top: 0px;}