@charset "utf-8";
/*Alejandro Cobo-2007*/
/* CSS Document */

					/* Para resetear los estilos de los navegadores */
* { 
	margin:0;
	padding:0;
}
table {
	
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
					/* Etiquetas de HTML */
html{
	background-color: #cccccc;
}
body {
	background-color: #cccccc;
	font: 14px/140% "Trebuchet MS", Arial, sans-serif;
	color: #333;
	width: auto;
}
a:link {
	color:  #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #AC0000;
	text-decoration: none;
}

p {
	margin-top: 10px;
}

ul li {
	list-style: none;
}
ol li {
	list-style: decimal;
	margin-left: 15px;
	margin-top: 10px;
}
h1, h2, h3, h4, h5, h6, .contentheading, .message {
	line-height: normal;
	margin-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	font: 60px Arial, Helvetica, sans-serif;
		margin-top: 0px;

}
h2, .contentheading, .message, .componentheading {
	font-size: 24px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
	display: block;
	margin-bottom: 5px;
	border-bottom: 1px dotted #036;
	margin-top: 20px;
}
h5 {
	font-size: 30px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 30px;
}
h6 {
	font-size: 30px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 30px;
}

input {
	border: 1px solid #003300;
}
input[type="text"]:focus, input[type="password"]:focus {
	border: 2px solid #9C3;
}
input[type="radio"]{
	border: 0px solid #9C3;
}
h2 {
	display: none;
}
dt {
	font-weight: bold;
	color: #990000;
	margin-top: 15px;
}
dd {
}
.invisible{
	display: none;
}
					/* MAQUETACION */
#general {
	margin-top: -270px;/*mitad en negativo del height*/
	margin-left: -450px;/*mitad en negativo del width*/
	border: inset;
	position: absolute;
	top: 50%;
   left: 50%;
	width:900px;
	height: 550px;	
}
#fondo{
	background-image: url(../images/fondo.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoGrupo{
	background-image: url(../images/fondo-grupo.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoContacto{
	background-image: url(../images/fondo-contacto.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoServicios{
	background-image: url(../images/fondo-servicios.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
	
}
#fondoMillenio{
	background-image: url(../images/fondo-milenio.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoInteriorismo{
	background-image: url(../images/fondo-interiorismo.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoDecoracion{
	background-image: url(../images/fondo-decoracion.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoServmil{
	background-image: url(../images/fondo-servicios-cres.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoServMILENIO{
	background-image: url(../images/fondo-servicios-mil.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoProyectos{
	background-image: url(../images/fondo-proyecto.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoDistribucion{
	background-image: url(../images/fondo-distribucion.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoLogistica{
	background-image: url(../images/fondo-logistica.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoManipulacion{
	background-image: url(../images/fondo-manipulacion.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoBolsa{
	background-image: url(../images/fondo-bolsa.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#fondoCreve{
	background-image: url(../images/fondo-creve.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	width:900px;
	height: 550px;	
}
#botonera{
	width:163px;
	height: 350px;	
	text-align: right;
	padding-right: 15px;
	font-family: Eurostile;
	font-size: 15px;
	padding-top: 200px;
   font-weight: lighter;
	float: left;
}
#botoneraGrupo{
	width:270px;
	height: 130px;	
	text-align: right;
	font-family: Eurostile;
	font-size: 15px;
	padding-top: 380px;
   font-weight: lighter;
	float: left;
}
#botoneramilenio{
	width:270px;
	height: 202px;	
	text-align: right;
	font-family: Eurostile;
	font-size: 15px;
	padding-top: 320px;
    font-weight: lighter;
	float: left;
}
#contenidoPrincipal{
	width:450px;
	height: 222px;	
	text-align: justify;
	font-family: Eurostile;
	font-size: 15px;
	float: right;
	padding-right: 250px;
	padding-top: 100px;
}

#contenidogeneral{
	width:600px;
	height: 481px;	
	text-align: left;
	font-family: Eurostile;
	font-size: 12px;
	float: right;
	padding-top: 50px;
}
#contenidogeneralLogistica{
	width:600px;
	height: 481px;	
	text-align: left;
	font-family: Eurostile;
	font-size: 12px;
	float: right;
	padding-top: 40px;
}
#contenidogaleria{
	width:605px;
	height: 550px;	
	text-align: left;
	font-family: Eurostile;
	font-size: 12px;
	float: right;
	padding-top: 10px;
	overflow: auto;
}
#flashPrincipal{
	width:463px;
	height: 328px;	
	text-align: right;
	font-family: Eurostile;
	font-size: 15px;
	float: right;
}
a.menuPrincipal:link {
	color: #ffffff;
}
a.menuPrincipal:visited {
	color: #666666;
	text-decoration: none;
}
a.menuPrincipal:hover {
	color: #E30000;
}
a.menuPrincipal:active {
	color: #666666;
}


a.menupro:link {
	font-stretch:condensed;
	color: #ffffff;
}
a.menupro:visited {
	color: #666666;
	text-decoration: none;
}
a.menupro:hover {
	color: #E30000;
}
a.menupro:active {
	color: #666666;
}


a.corporativa:link {
	color: #F28000;
	text-decoration: underline;
}
a.corporativa:visited {
	color: #F28000;
	text-decoration: none;
}
a.corporativa:hover {
	color: #0066FF;
	text-decoration: underline;
}
a.corporativa:active {
	color: #ffffff;
}

a.corporativa:link {
	color: #F28000;
	text-decoration: underline;
}
a.corporativa:visited {
	color: #F28000;
	text-decoration: none;
}
a.corporativa:hover {
	color: #0066FF;
	text-decoration: underline;
}
a.corporativa:active {
	color: #ffffff;
}
#piepagina{
	clear: both;
	text-align: center;
 	font-family: Arial, Helvetica, sans-serif;
 	 color:	#333333;
	 font-size: 9px;
}
#baner{
	text-align: right;
	width:264px;
	height: 481px;	
	float: right;
}
#textos{
	float: left;
	text-align: right;
	width:336px;
	height: 481px;	
	text-align:  justify;
	font-family: Eurostile;
	font-size: 12px;
}
#textos2{
	float: left;
	text-align: right;
	width:336px;
	height: 481px;	
	text-align:  justify;
	font-family: Eurostile;
	font-size: 12px;
	line-height: 17px;
}
img {
	border: none;
}


/* dock - top */
#dock {
	width: 100%;
	bottom: 450px;
	position: absolute;
	left: 120px;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px;
	color: #000;
	bottom: 10px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	left: 23px;
}
.dock-item span {
	display: none;
	padding-left: 20px;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 300px;
	position: absolute;
	left: 120px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px;
	color: #000;
	bottom: 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	left: 23px;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
/* dock3 - bottom */
#dock3 {
	width: 100%;
	bottom: 150px;
	position: absolute;
	left: 120px;
}
.dock-container3 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item3 {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px;
	color: #000;
	bottom: 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	left: 23px;
}
.dock-item3 span {
	display: none;
	padding-left: 20px;
}
.dock-item3 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}