html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	 outline: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	 outline: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
    font-family: 'BebasRegular';
    src: url('../fonts/BEBAS___-webfont.eot');
    src: url('../fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BEBAS___-webfont.woff') format('woff'),
         url('../fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('../fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#menu {
	background: url(../img/fondo_menu.png) center top no-repeat;
	height: 188px;
	width: 100%;
	position:relative;
	z-index:110;
}
#menu .logo{
	float:left;
	margin:10px 0 0 0;}

#menu ul{
	display:block;
	width:830px;
	float:right;
	height:100px;
}
#menu ul li{
	float:right;
	padding:20px 0 0 40px;}
#menu ul li a{
	display:block;
	width:74px;
	height:58px;
}

#menu .inicio{background:url(../img/btn_home.jpg);}
#menu .equipo{background:url(../img/btn_equipo.jpg);}
#menu .experiencia{background:url(../img/btn_experiencia.jpg);}
#menu .factory{background:url(../img/btn_factory.jpg);}
#menu .block{background:url(../img/btn_blog.jpg);}
#menu .contacto{background:url(../img/btn_contacto.jpg);}



#footer{
	width:100%;
	background:url(../img/fondo_footer.png) center top repeat-x;
	height:94px;
	z-index:200px;
	position:relative;	
}
#footer ul{
	width:300px;
	float:left;
}
#footer ul li{
	float:left;
}
#footer ul li a, .separa {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	padding:30px 7px 0 7px;
	display:block;
	text-decoration:none;
	float:left
}
#footer ul li a:hover{
	color:#F60;}
#footer .social{
	width:40px;
	float:right;
	height:40px;
	padding:27px 0 0 0;
}
#footer .derechos{
	float:right;
	clear:both;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-align:right;
	height:30px;
	}




body{
	background:url(../img/fondo_body.jpg) repeat-x #c84200;
	overflow-x:hidden;}
.centro{
	width:960px;
	height:auto;
	margin:0 auto;
	
}

.contenido{
	width:960px;
	height:800px;
	margin:0 auto;
}




.prime{
	width:1038px !important;
	height:893px;
	position:absolute;
	top:-180px;
	left:-40px !important;
	overflow:hidden}
.player{
	background:url(../img/player.png);
	width:1040px;
	height:893px;
	position:absolute;
	top:-180px;
	left:-40px;
	z-index:100}
.atras{
	background:url(../img/atras.png);
	width:58px;
	height:58px;
	position:absolute;
	top:70px;
	left:15px;
	display:block;
	z-index:101
}
.adelante{
	background:url(../img/adelante.png);
	width:58px;
	height:58px;
	position:absolute;
	top:70px;
	right:15px;
	display:block;
	z-index:101
}

.textos{
	position: absolute;
	width: 580px;
	height: 100px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	left: 358px;
	top: 405px;
	z-index: 200;
	line-height: 20px;
}
.cuadrohacemos{
	position: absolute;
	width: 258px;
	height: 218px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	left: 358px;
	top: 527px;
	z-index: 200;
	line-height: 20px;
}
.cuadroservicios{
	position: absolute;
	width: 312px;
	height: 187px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	left: 647px;
	top: 529px;
	z-index: 200;
	line-height: 20px;
}
.vermas{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.vermas:hover{
	color:#F90}
h1{
	  font-family: 'BebasRegular';
	  color:#FFF;
	  font-size:70px;
	  word-spacing: 15px;
	  margin:0 0 20px 0;
}
h2{
	  font-family: 'BebasRegular';
	  color:#FFF;
	  font-size:32px;
	  word-spacing: 10px;
	  margin:20px 0 0 0;
}
h3{
	  font-family: 'BebasRegular';
	  color:#FFF;
	  font-size:25px;
	  word-spacing: 10px;
	  margin:20px 0 0 0;
}
p{font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height:25px;}
	
	
.ilustracionequipo{
	background:url(../img/escaleras.jpg) repeat-x bottom ;
	width:1400px; height:300px;
	position:absolute;
	left:-1820px;
	top:300px;
	z-index:200;
}
.fondoilustracion{
	background:url(../img/fondo_ilustracion.png) repeat-x;
	height:195px;
	width:100%;
	position:absolute;
	top:613px;
	z-index:1;
}

.persona1{
	position:absolute;
	width:62px;
	height:168px;
	z-index:200px;
	left:1093px;
	top:31px;
}
.persona2{
	position:absolute;
	width:62px;
	height:168px;
	z-index:200px;
	left:963px;
	top:31px;
}
.persona3{
	position:absolute;
	width:62px;
	height:168px;
	z-index:200px;
	left:737px;
	top:78px;
}
.persona4{
	position:absolute;
	width:62px;
	height:168px;
	z-index:200px;
	left:594px;
	top:78px;
}
.persona5{
	position:absolute;
	width:62px;
	height:168px;
	z-index:200px;
	left:470px;
	top:78px;
}
.persona6{
	position:absolute;
	width:62px;
	height:168px;
	z-index:200px;
	left:355px;
	top:78px;
}
.persona7{
	position:absolute;
	width:62px;
	height:168px;
	z-index:200px;
	left:255px;
	top:-37px;
}
.puesto1{
	position:absolute;
	top:240px;
	left:1077px;
	display:block;
	width:230px;
	height:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:12px;
}
.puesto2{
	position:absolute;
	top:240px;
	left:895px;
	display:block;
	width:230px;
	height:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:12px;
}
.puesto3{
	position:absolute;
	top:303px;
	left:677px;
	display:block;
	width:230px;
	height:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:12px;
}
.puesto4{
	position:absolute;
	top:303px;
	left:540px;
	display:block;
	width:230px;
	height:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:12px;
}
.puesto5{
	position:absolute;
	top:303px;
	left:410px;
	display:block;
	width:230px;
	height:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:12px;
}
.puesto6{
	position:absolute;
	top:303px;
	left:310px;
	display:block;
	width:230px;
	height:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:12px;
}
.puesto7{
	position:absolute;
	top:16px;
	left:327px;
	display:block;
	width:230px;
	height:30px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:12px;
}
.grupo1{
	display:none;}
	
.cuadrpoexperiencia{
	width:940px;
	height:200px;
	background-color:#FFF;
 -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	margin:40px auto;
	position:relative;
}
.logos{
	height: 150px;
    left: 130px !important;
    overflow: hidden;
    position: absolute;
    top: 19px;
    width: 674px !important;
	z-index:200 !important;
}
.logos ul li{
	width:120px !important;
	border-right:solid #999 1px;
	padding:25px;}
.servicios{
	position: absolute;
	width: 345px;
	height: 532px;
	left: 603px;
	top: -11px;
}
.factoryimg{
	position: absolute;
	left: 289px;
	top: -28px;
}
.servicios p{
	line-height:20px}
.titservicios{
	position: absolute;
	width: 385px;
	height: 165px;
	left: 27px;
	top: 110px;
}
.titdescripcion{
	position:absolute;
	width: 200px;
	height: 165px;
	left: 27px;
	top: 250px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	}
.globo{
	background: url(../img/globo.png);
	width: 399px;
	height: 318px;
	position: absolute;
	left: 425px;
	top: -20px;
	padding:50px 0 0 150px;
}
#mapa{
	width:300px;
	height:200px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	background-color:#e3641d;}
.direccion{
	width:300px;
	height:50px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align:center;
	padding:5px 0 0 0;
	
	}
.formulario p{
	font-size:14px;}
.capturatexto{
	width:380px;
	height:30px;
	background-color:#e3641d;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:none;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding:0 10px;
	}
.capturatexto2{
	width:375px;
	height:120px;
	background-color:#e3641d;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:none;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding:0 10px;
	}
.formulario{
	width:400px;
	height:300px}
.envia{
	float:right;
	margin:10px 0 0 0;}
.opciones{
	width:133px;
	height:40px;
	float:left
}
.pagina{
	background:url(../img/fondo_blog.png);
	width:785px;
	height:auto;
	margin:-80px auto 0 auto;
	padding:40px 0 0 0;
	}
.paginafoot{
	background:url(../img/fondo_blogfooter.png);
	width:785px;
	height:58px;
	margin:0 auto;}

.posteo{
	width:700px;
	height:auto;
	margin:0px auto;
	padding:50px 0 10px 0;
	position:relative
}
.posteo p{
	color:#333}
.posteo h1{
	color:#4D4D4D;
	font-size:33px;}
.posteo a{
	color:#F30;
	text-decoration:none;
}
.posteo a:hover{
	color:#F930}
.fecha{
	background:url(../img/fechabox.png);
	width:95px;
	height:103px;
	position:absolute;
	right:100px;
	top:56px;
}
.fecha .dia{
	color:#4D4D4D;
	font-size:33px;
	 font-family: 'BebasRegular';
	 float:left;
	 padding:28px 0 0 25px;
	}
.fecha .mes{
	color:#f16622;
	font-size:33px;
	 font-family: 'BebasRegular';
	 padding:0 0 0 20px;
	 float:left;
	 clear:both
}
.mitad{
	width:160px;
	float:left;
	padding:0 10px 20px 0;
}
.grupo2{
	display:none;
}
.mas{
	cursor:pointer}
.menos{
	cursor:pointer; 
	display:none;}
.control{
	position:absolute;
	width:20px;
	height:20px;
	   right: 162px;
    top: 66px;}