body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	/* Page reset */
	margin:0px;
	padding:0px;
}

body{
	/* Setting default text color, background and a font stack */
	color:#333;
	font-size:13px;
	background-image: url(img/back-body.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #2F9FD1;
	font-family: Helvetica Neue, Arial, sans-serif;
	text-align: left;
	line-height:17px;
	overflow-x: hidden;
}

/* Gallery styles */

#gallery{
	border:.3px solid #cfdef0;
	text-align:center;
	
	/* The width of the gallery */
	width:888px;
	height:445px;
	margin:4px 0 9px 14px;
	overflow:hidden;
}

td {
padding: 0 4px;
}

#lang {
position: absolute;
top:30px;
right: 20px;
}


#header {
margin-left:14px;
height: 107px;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:888px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:45px;
	background:url(img/back-nav.jpg) repeat-x;
	
}

ul{
	margin:0px;
	padding:0px;
}

#menu ul li{
	/* Every thumbnail is a li element */
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
}

#gallery li {
/* ancho de los thumbs del slider */
width:60px;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(img/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

#fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}

#menu li a{
	display:block;
	background:url(img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

a img{
	border:none;
}


/* The styles below are only necessary for the demo page */

h1{
	font-family:Arial,Helvetica,sans-serif;
	font-size:38px;
	font-weight:normal;
	margin: 22px 0 28px 16px;
	color: #0066CC;
}

h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	position:absolute;
	right:0;
	text-transform:uppercase;
	top:15px;
}

#main{
	/* The main container */
	margin:15px auto;
	width:920px;
	position:relative;
	/* CSS3 Box Shadow */
	/*-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;*/
	/*box-shadow:0 0 3px #AAAAAA;*/
	
	
	/* CSS3 Rounded Corners */
	
	/*-moz-border-radius-bottomleft:12px;
	-webkit-border-bottom-left-radius:12px;
	border-bottom-left-radius:12px;
	
	-moz-border-radius-bottomright:12px;
	-webkit-border-bottom-right-radius:12px;
	border-bottom-right-radius:12px;
	border:1px solid white;
	-moz-border-radius-topleft:12px;
	-webkit-border-top-left-radius:12px;
	border-top-left-radius:12px;
	
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius:12px;
	border-top-right-radius:12px;*/
}

#social {
color: #404040;
margin-top: 20px;
}

#social ul li {
float:left;
position:relative;
text-indent:9999px;
width:32px;
margin-left:5px;
list-style: none;
}

#top {
background-image:url(img/sample_slides/content-top.jpg);
background-position:left top;
background-repeat:no-repeat;
height:14px;
width: 920px;
}

#middle-content {
background-color: #fff;	
}

#bottom {
background-image:url(img/sample_slides/content-bottom.jpg);
background-position:left top;
background-repeat:no-repeat;
height:15px;
width: 920px;
}

#social ul li.face a {
background-image:url(img/sample_slides/faceG.jpg);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:32px;
}

#social ul li.face a:hover {
background-image:url(img/sample_slides/face.jpg);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:32px;
}

#social ul li.tweet a {
background-image:url(img/sample_slides/tweetG.jpg);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:32px;
}

#social ul li.tweet a:hover {
background-image:url(img/sample_slides/tweet.jpg);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:32px;
}

#lang {
text-align:right;
}

#lang a {
text-decoration: none;
color:#444;
font-size: 12px;
}

#main-menu {
margin-left: 14px;
list-style:none;
}

*:first-child+html #main-menu li {
display: inline;
margin-right: 6px;
}

#main-menu li{
width: 173.2px;
height: 220px;
border: .3px solid #eee;
background-image:url(img/sample_slides/li-back.jpg);
background-position:left top;
background-repeat:repeat-x;
display: inline-block;
}

#main-menu li:hover{
text-decoration:none;
background-image:url(img/sample_slides/liHover-back.jpg);
background-position:left top;
background-repeat:repeat-x;
}

#main-menu a{
text-decoration:none;
float: right;
text-indent: -9999px;
margin:5px 9px 0 0;
}

#main-menu li.historia a{
background-image:url(img/sample_slides/go-historia.png);
background-position:left top;
background-repeat:no-repeat;
width:37px;
height:37px;
}

#main-menu li.historia a:hover{
background-image:url(img/sample_slides/go-historiaH.png);
background-position:left top;
background-repeat:no-repeat;
}

#main-menu li.institucional a{
background-image:url(img/sample_slides/go-institucional.png);
background-position:left top;
background-repeat:no-repeat;
width:37px;
height:37px;
}

#main-menu li.institucional a:hover{
background-image:url(img/sample_slides/go-institucionalH.png);
background-position:left top;
background-repeat:no-repeat;
}

#main-menu li.industrial a{
background-image:url(img/sample_slides/go-industrial.png);
background-position:left top;
background-repeat:no-repeat;
width:37px;
height:37px;
}

#main-menu li.industrial a:hover{
background-image:url(img/sample_slides/go-industrialH.png);
background-position:left top;
background-repeat:no-repeat;
}

#main-menu li.diagramadoras a{
background-image:url(img/sample_slides/go-diagramadoras.png);
background-position:left top;
background-repeat:no-repeat;
width:37px;
height:37px;
}

#main-menu li.diagramadoras a:hover{
background-image:url(img/sample_slides/go-diagramadorasH.png);
background-position:left top;
background-repeat:no-repeat;
}

#main-menu li.amortiguadores a{
background-image:url(img/sample_slides/go-amortiguadores.png);
background-position:left top;
background-repeat:no-repeat;
width:37px;
height:37px;
}

#main-menu li.amortiguadores a:hover{
background-image:url(img/sample_slides/go-amortiguadoresH.png);
background-position:left top;
background-repeat:no-repeat;
width:37px;
height:37px;
}

.nav li {
height: 33px; /*era 45*/
/*float: left;*/
display: inline-table;
list-style: none;
}

h6 {
font-size:15px;
margin: 12px 0 5px 14px;
}

#main-menu li p{
background-image:url(img/sample_slides/dot.png);
background-position:left top;
background-repeat:no-repeat;
font-size:12.5px;
line-height: 18px;
margin-left: 14px;
width:155px;
padding-top:8px;
}

#footer {
background-image:url(img/sample_slides/footer-back.jpg);
background-position:14px 4px;
background-repeat:no-repeat;
height: 57px;
/*margin-bottom: 5px;*/
}

#footer p {
width: 500px;
padding: 13px 0 0 91px;
font-size: 11.3px;
float:left;
}

#footer a {
float: right;
margin: 19px 43px 0 0;
text-indent: -9999px;
background-image:url(img/sample_slides/rdd.gif);
background-position:left top;
background-repeat:no-repeat;
height: 20px;
width:21px;
}

.bold {
font-weight: bold;
}

.creditos {
font-style: italic;
color: #999;
font-family: Georgia, Times New Roman, serif;
}

ul.nav {
background-image:url(img/sample_slides/nav-back.gif);
background-position:left top;
background-repeat:repeat-x;
/*height: 32px;*/
margin: 5px 0 0 14px;
width: 891px;
}

ul li.categ {
background-image:url(img/sample_slides/historiaCat.gif);
background-position:left top;
background-repeat:no-repeat;
width:229px;
margin-right:22px;
float:left;
}

ul li.categInst {
background-image:url(img/sample_slides/institucionalCat.gif);
background-position:left top;
background-repeat:no-repeat;
width:229px;
margin-right:22px;
float:left;
}

ul li.categIndust {
background-image:url(img/sample_slides/industrialCat.gif);
background-position:left top;
background-repeat:no-repeat;
width:229px;
margin-right:22px;
float:left;
}

ul li.categDiag {
background-image:url(img/sample_slides/diagramadorasCat.gif);
background-position:left top;
background-repeat:no-repeat;
width:229px;
margin-right:22px;
float:left;
}

ul li.categAmort {
background-image:url(img/sample_slides/amortiguadoresCat.gif);
background-position:left top;
background-repeat:no-repeat;
width:229px;
margin-right:22px;
float:left;
}

.nav li a {
text-decoration:none;
color: #fff;
font-size:16px;
line-height:30px;
letter-spacing: .02em;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
text-shadow: 0 0 0.2em #333;
margin-right: 5px;
}

.nav li.item {
margin-right: 6px;
text-align:right;
}

#left {
float: left;
width: 224px;
margin: 12px 5px 5px 14px;
}

#right {
float: left;
width: 660px;
border: .3px solid #ccc;
margin: 12px 0 5px 0;
min-height: 530px;
}

#right h3 {
font-size: 20px;
margin: 16px 0 10px 18px;
color: #000;
line-height: 22px; /*ver que no rompa*/
}

#right p {
margin: 0 0 10px 18px;
width: 610px;
}

#right img {
float: left;
margin: 0 17px 10px 0;
}

#left img {
margin-bottom: 6px;
}

.main-title-Huayra{
text-indent: -9999px;
background-image:url(img/sample_slides/HuayraTitle.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-225 {
text-indent: -9999px;
background-image:url(img/sample_slides/dyno2.25tit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-350 {
text-indent: -9999px;
background-image:url(img/sample_slides/tit350.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-test225 {
text-indent: -9999px;
background-image:url(img/sample_slides/Testtit225.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-550 {
text-indent: -9999px;
background-image:url(img/sample_slides/tit550.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-10 {
text-indent: -9999px;
background-image:url(img/sample_slides/tit100.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-460 {
text-indent: -9999px;
background-image:url(img/sample_slides/tit460.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Expo{
text-indent: -9999px;
background-image:url(img/sample_slides/expoTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Descargas{
text-indent: -9999px;
background-image:url(img/sample_slides/descargasTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Clientes{
text-indent: -9999px;
background-image:url(img/sample_slides/clientesTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Novedades{
text-indent: -9999px;
background-image:url(img/sample_slides/novedadesTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Contacto{
text-indent: -9999px;
background-image:url(img/sample_slides/contactoTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Diag {
text-indent: -9999px;
background-image:url(img/sample_slides/diagramadorasTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Ensayo {
text-indent: -9999px;
background-image:url(img/sample_slides/ensayoTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Liebre{
text-indent: -9999px;
background-image:url(img/sample_slides/LiebreTitle.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Torino{
text-indent: -9999px;
background-image:url(img/sample_slides/TorinoTitle.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Nosotros{
text-indent: -9999px;
background-image:url(img/sample_slides/nosotrosTitle.gif);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Aditamentos {
text-indent: -9999px;
background-image:url(img/sample_slides/aditamentosTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Soft {
text-indent: -9999px;
background-image:url(img/sample_slides/softwareTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Proyectos {
text-indent: -9999px;
background-image:url(img/sample_slides/proyectosTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Retro {
text-indent: -9999px;
background-image:url(img/sample_slides/retrofitsTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-Amort {
text-indent: -9999px;
background-image:url(img/sample_slides/amortTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.main-title-test{
text-indent: -9999px;
background-image:url(img/sample_slides/ensayoIndTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 81px;
}

.main-title-Pdf {
text-indent: -9999px;
background-image:url(img/sample_slides/pdfTit.jpg);
background-position:left top;
background-repeat:no-repeat;
height: 57px;
}

.itemList li {
display: block;
background-image:url(img/sample_slides/list_decor.gif);
background-position:left 3px;
background-repeat:no-repeat;
padding-left:18px;
margin-left: 15px;
margin-bottom: 5px;
padding-right: 20px;
font-style: italic;
font-family: Georgia, Times New Roman, Times, serif;
}

.itemList a {
text-decoration: none;
color:#222;
}

.itemList a:hover {
text-decoration: none;
color:#0066CC;
margin-left: 3px;
}

.tabnav {
margin-bottom: 20px;
}

.color {
color: #0066CC;
font-weight: normal;
display:inline;
}

h4 {
font-size: 15px;
margin: 20px 0 20px 6px;
background-image:url(img/sample_slides/dot.png);
background-position:left 24px;
background-repeat:no-repeat;
height: 30px;
}

#right .big {
font-size: 18px;
font-family: Georgia, Times New Roman, times, serif;
line-height: 28px;
font-style: italic;
color: #444;
}

.bigtit {
display: block;
font-size: 23px;
color: #0066CC;
padding-top: 12px;
margin-bottom: 9px;
}

.pnp {
background-image:url(img/sample_slides/pnp.jpg);
background-position:right 62px;
background-repeat:no-repeat;
height: 270px;
}

/*form style*/

#formulario {
float: left;
width: 350px;
color: #666;
font-size: 12px;
margin:8px 0 25px 0;
}

#map {
float: left;
width: 290px;
height: 270px;
margin-top: 18px;
}

#info {
float: left;
width: 300px;
}

form label {
display:block;
float:left;
font-weight:bold;
line-height:32px;
text-align:right;
width:82px;
}

form label.adj {
color: #30393A;
}

#formulario input, #formulario textarea {
display:block;
float:right;
border:1px dotted #33807B;
color:#4D5A5B;
margin:5px 39px 5px 10px;
padding:3px;
width: 200px;
}

#formulario input#archivo1, #formulario input#archivo2, #formulario input#archivo3 {
float: left;
}

#form_place {
padding: 15px 0;
}

#send input {
width: 80px;
padding:3px;
border: none;
color: #fff;
float: right;
margin: 10px 37px 14px 0;
background-color: #30393A;
}

.input-row, #send {
clear: both;
display: block;
width: 100%;
}

#info h2 {
font-size: 24px;
color: #374E50;
}

#info p{
color: #4d5a5b;
}

#info .ok {
border: 1px dashed #732c16;
padding: 6px;
color: #732c16;
}

/*form style*/

#tabvanilla p {
width: 560px;
margin: 8px 0 10px 8px;
}
