@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Roboto', sans-serif; 
	font-weight: 400;
     font-size: 17px;
	}
h1  {
font-family: 'Roboto', sans-serif; font-weight: 300; 
padding-top: 40px;	
margin-top:auto;
margin-bottom:auto;

/*margin-right:auto;*/
/*margin-left:570px;*/

}
h2  {
font-family: 'Roboto', sans-serif; font-weight: 700;font-size: 24px;	
padding-top: 70px;	
margin-top:auto;
margin-bottom:auto;
margin-right:auto;

}
p  {font-family: 'Roboto', sans-serif; font-weight: 300;
font-size: 18px;
}
#descripcion {
font-family: 'Roboto', sans-serif; font-weight: 300; 
font-size: 18px;
margin-top:auto;
margin-bottom:auto;
/*margin-right:auto;*/
/*margin-left:-70px;*/
/*margin: 0;*/
    /*float:left;*/
	
}

#portadaEnvolvente {
width: 960px;
height: 415px;
    padding: 0;
    text-align: left;
  top: 0;
    left: 0;
margin:auto;
position:relative;
overflow: hidden;
}

#portadaFondo{
	position:absolute;
	width: 1920px;
	-webkit-animation: mueveFondo 20s infinite;
	-moz-animation: mueveFondo 20s infinite;
	-ms-animation: mueveFondo 20s infinite;
}

#portadaTexto{
	position:relative;
	-webkit-animation: mueveTexto 20s infinite;
	-moz-animation: mueveTexto 20s infinite;
	-ms-animation: mueveTexto 20s infinite;
	float: left;
	/*-webkit-animation: mueveTexto 12s infinite;*/
}

#portadaTexto2{
	position:relative;
	width: 500px;

	/*float: left;*/
	-webkit-animation: mueveTexto2 20s infinite;
	-moz-animation: mueveTexto2 20s infinite;
	-ms-animation: mueveTexto2 20s infinite;
	
	/*-webkit-animation: mueveTexto2 12s infinite;*/
}
#portadaBalas{
width:41%;
height:87px;
position:absolute; 
left:570px; 
top:275px;
font-size:100%;
background-color:white;
}
.derecha {
margin-top:auto;
margin-bottom:auto;
margin-right:auto;
margin-left:570px;
}
.izquierda {
margin-top:auto;
margin-bottom:auto;
margin-right:auto;
margin-left:80px;
}
ul { margin-left: -10px;}
li {
	display: inline-block;
font-family: 'Roboto', sans-serif; font-weight: 400;
	text-align: center;
	font-size:14px;
	margin-top: -5px;
	padding-top: 50px;
width: 80px;
	background: url(http://www.dimensiona.mx/imagenes/iconosmaqperf.png) no-repeat 50px 0;
	}
	h4 {
font-family: 'Roboto', sans-serif; font-weight: 700;
font-size: 14px;
margin-top:auto;
margin-bottom:auto;
margin-right:auto;
margin-left:10px;

}
	.contacto {
font-family: 'Roboto', sans-serif; font-weight: 300;
font-size: 14px;
margin-top:auto;
margin-bottom:auto;
margin-right:auto;
margin-left:10px;
}
img {
    max-width: 960px;
    margin: 0;
    float:left;
}

@-webkit-keyframes mueveFondo {
  0%   { margin-left: 0; }
 25%   { margin-left: 0; }
  50%  { margin-left: -960px; }
  75%   { margin-left: -960px; }
  100%  { margin-left: 0 }
}

@-webkit-keyframes mueveTexto {
  0%   { margin-left: 570px; }
 25%   { margin-left: 570px; }
  50%  { margin-left: -390px; }
  75%   { margin-left: -390px; }
  100%  { margin-left: 570px;}
}

@-webkit-keyframes mueveTexto2 {
  0%   { margin-left: 1530px; }
 25%   { margin-left: 1530px; }
  50%  { margin-left: 570px; }
  75%   { margin-left: 570px; }
  100%  { margin-left: 1530px;}
}

@-moz-keyframes mueveFondo {
  0%   { margin-left: 0; }
 25%   { margin-left: 0; }
  50%  { margin-left: -960px; }
  75%   { margin-left: -960px; }
  100%  { margin-left: 0 }
}

@-moz-keyframes mueveTexto {
  0%   { margin-left: 570px; }
 25%   { margin-left: 570px; }
  50%  { margin-left: -390px; }
  75%   { margin-left: -390px; }
  100%  { margin-left: 570px;}
}

@-moz-keyframes mueveTexto2 {
  0%   { margin-left: 1530px; }
 25%   { margin-left: 1530px; }
  50%  { margin-left: 570px; }
  75%   { margin-left: 570px; }
  100%  { margin-left: 1530px;}
}

@-ms-keyframes mueveFondo {
  0%   { margin-left: 0; }
 25%   { margin-left: 0; }
  50%  { margin-left: -960px; }
  75%   { margin-left: -960px; }
  100%  { margin-left: 0 }
}

@-ms-keyframes mueveTexto {
  0%   { margin-left: 570px; }
 25%   { margin-left: 570px; }
  50%  { margin-left: -390px; }
  75%   { margin-left: -390px; }
  100%  { margin-left: 570px;}
}

@-ms-keyframes mueveTexto2 {
  0%   { margin-left: 1530px; }
 25%   { margin-left: 1530px; }
  50%  { margin-left: 570px; }
  75%   { margin-left: 570px; }
  100%  { margin-left: 1530px;}
}