html, body {
height: 100%;
margin: 0 auto 0 auto;/*CENTRA LAS DIV*/

/*background-image: url(../imagenes/generales/prueba.jpg);*/
}

#contenedor-inicio{
margin: 0 auto 0 auto;
background-color: #fff;
}

#contenedor{
margin: 0 auto 0 auto;
background-color: #8A8986;
background-image: url(../imagenes/generales/fondo-malla.jpg);
/*background-repeat: repeat;
background-position:center center;
background-attachment:fixed;
background-size: 100% 100%, auto;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;*/
}

#cabezera{
margin: 0 auto 0 auto;
width: 100%;
background: #1B6CE5;
/*background-image: url(../imagenes/generales/fondo-malla.jpg);*/
}

#logo{
margin: 0 auto 0 auto;
max-width: 80%;
}

#imagen-logo{
max-width: 50%;
height: auto;
}



.opacidad{
opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	}
	
#telefono{
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;

z-index: -999;
}

#telefono > a{
color: #000;
text-decoration: none;
}

/*    MENU PRINCIPAL         */
#menu{
margin: 0 auto 0 auto;
max-width: 100%;
}

/*  FINAL   MENU   PRINCIPAL */
#contenido-inicio{
margin: 1rem auto 0 auto;
width: 80%;
max-width:1200px;
background-color: #EFA700;
/*background-image: url(../imagenes/generales/fondo-malla.jpg);*/
}

#contenido{
margin: 1rem auto 1rem auto;
width: 80%;
max-width:1200px;
border: 2px solid;
-webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
-moz-border-radius: 12px;   /* Firefox 1-3.6 */
border-radius: 12px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
box-sizing:border-box;
color: /*#fdfd96*/#EFA700;
/*background-color: rgba(211,211,211,0.7);*/
/*background-image: url(../imagenes/generales/fondo-malla.jpg);*/

}
}

#slider{
width: 100%;
margin: 1rem auto 1rem auto;
}
/*  INICIO bienvenida */
#bienvenida{
border-top: .1rem solid #999;
border-bottom: .1rem solid #999;
margin: .5rem 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.titulo-bienvenida{
color: #ff6600;
text-align:center;
font-size: 1.5rem;
}

.parrafo-bienvenida{
color: #666;
text-align:justify;
font-size: 1rem;
}

/*  FINAL   bienvenida*/

/*  INICIO COLUMNAS */

article{
	float:left;
	width:31%;
	padding:1%;
	color: #666;
	text-align:justify;
}
.titulo-anuncio{
color: #ff6600;
text-align:center;
}
.parrafo-anuncio{
color: #666;
	text-align:justify;
}

section {
   margin:0 auto;
   overflow:hidden;
   width:100%;
   max-width: 1200px;
  
   
   
}

.cuerpo{

  background-color: #fdfd96;
   
   
}

.fila1{
}
.fila2{
}
.fila3{
}
 
section > img{
margin: 0 auto;
padding:0 4.5%;
width: 24%;
height: auto;
}





/* TERMINA COLIMNAS */

#texto{
border-left: .1rem solid #333;
margin: 2rem;
padding: 2rem;
font-family: Verdana, Arial, Helvetica, sans-serif;
float: left;
text-align: justify;
}

.linea-texto{
height: .1rem;
border: 0;
background-color: #333;
margin-bottom: 2rem;
width:100%;
}

.imagen1-texto{
float:left;
margin-top: 0rem;
margin-left: 0rem;
margin-right: 3rem;
margin-bottom: 3rem;
width:10%;

}

.imagen2-texto{
float:right;
margin-top: 0rem;
margin-left: 3rem;
margin-right: 0rem;
margin-bottom: 3rem;
width:20%;
}

.titulo-texto{
color: #fdfd96; /*color de texto titulos pie*/
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.parrafo-texto{
color: #fff	; /*color de texto parrafo pie*/
font-family: Tahoma,Arial,Helvetica,sans-serif;
word-spacing: .3em;
line-height: 1.7em;
text-align: justify;
}



.nosotros{
margin:auto auto;
padding:1rem;
width:100%;
background-color:#EFA700;
-webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
-moz-border-radius: 12px;   /* Firefox 1-3.6 */
border-radius: 12px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
box-sizing:border-box;
}

.nosotros h1{
font-size: 1.5em;
background-color: #000;
color: #fdfd96;
text-align:left;
padding:1rem;
}

.nosotros h2{
font-size: 1.5em;
color: #000;
text-align:left;
padding:1rem;
}

.nosotros p{
color: #000;
font-size: 1em;
background-color: #fdfd96;
text-align:justify;
padding:1rem;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}

.nosotros ul li{
	color: #000;
	
	
}


.video iframe{
margin: 1% 1%;
padding:1%;
float: left; 
width:45%;
height: 50%;
background-color:#333;
}


/* INICIO galeria-gruas PRODUCTOS*/

.seccion-productos{
width:100%;
margin:0 auto;
}


.productos{
margin:1rem auto;
padding:1rem;
width:95%;
background-color:#333;
-webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
-moz-border-radius: 12px;   /* Firefox 1-3.6 */
border-radius: 12px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
box-sizing:border-box;
float: left;
}
.productos h1{
font-size: 1.5em;
background-color: #000;
color: #ff6600;
text-align:left;
padding:1rem;
}
.columna-izquierda {
                width: 20%;
                height: auto;
               
                display:inline;
                float:left;
                margin:0 3% 0 0;
				padding: 0;
				background: #fdfd96;
            }
			
			.columna-derecha {
                width: 74%;
                height: auto;
                
                display:inline;
                float:right;
                margin:0 3% 0 0;
				padding: 0;
				 background: #fdfd96;
				
            }



/*Para que el contenedor muestre elementos aunque estos sean flotantes*/
            #container:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
            }

            #container{
                width: 100%;
                margin:0 auto;
            }

			/*Estructura de cada componente de la galeria (imagen + descripcion)*/
            #container div{
                width: 28%;
                height: auto;
                -webkit-transition: -webkit-transform 1s;
                display:inline;
                float:left;
                margin:0 3% 0 0;
				padding: 0;
            }
            #container div img{
                width: 100%;
                height: auto;
                box-shadow: 0 0 10px #666;
                border: 5px solid #FFF
            }
			
			/*Estructura de la descripcion, por defecto no se muestra*/
            #container div img ~ span{
                width: 100%;
                display:block;
                opacity:0;
                -webkit-transition: opacity 1s;
                margin: 0;
                padding:2px 5px;
                color:#FFF;
                background:rgba(0, 0, 0, 0.7);
				box-shadow: 0 0 10px #666;
                text-align:center;
            }

			/*Se muestra la descripcion al posicionar el cursor encima de la imagen*/
            #container div img:hover + span{
                opacity:1;
            }
			
			/*Se especifica el comportamiento que tendran las imagenes al posicionar el cursor encima del contenedor*/
			#container:hover div{
				opacity: 0.2;
				-webkit-transform: scale(0.7);
				-ms-transform: scale(0.7);
				transform: scale(0.7);
            }
			
			/*Se especifica el comportamiento que tendran la imagen seleccionada*/
			#container:hover div:hover{
			  opacity: 1;
			  -webkit-transform: scale(1);
			  -ms-transform: scale(1);
			  transform: scale(1);
            }

		
           
			

/*  FINAL galeria productos */



.objetos{
color: #ccc;
text-align:justify;
font-family: Arial;
}
.alineadoTextoImagenArriba{
  vertical-align: text-top;  
}
.alineadoTextoImagenCentro{
  vertical-align: middle;  /* Ojo vertical-align: text-middle no existe*/
}
.alineadoTextoImagenAbajo{
  vertical-align: text-bottom;  
}

.derecha{
float: right;
margin: 5px;
}
.izquierda{
float: left;
margin: 5px;
}

.derecha-nosotros{
float: right;
margin: 5px;
width: 23%

}

.imageninicio {
	
	margin-left: 5%;
}

.imagenelevadores{
	
	margin-left: 5%;
}


/*  INICIO PIE */
#pie{
background-color:#1B6CE5;
 /*IE10 Consumer Preview 
background-image: -ms-linear-gradient(top, #0324A6 0%, #FFFFFF 100%);

/* Mozilla Firefox 
background-image: -moz-linear-gradient(top, #0324A6 0%, #FFFFFF 100%);

/* Opera 
background-image: -o-linear-gradient(top, #0324A6 0%, #FFFFFF 100%);

/* Webkit (Safari/Chrome 10) 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0324A6), color-stop(1, #FFFFFF));

/* Webkit (Chrome 11+) 
background-image: -webkit-linear-gradient(top, #0324A6 0%, #FFFFFF 100%);

/* W3C Markup, IE10 Release Preview 
background-image: linear-gradient(to bottom, #0324A6 0%, #FFFFFF 100%);*/
}


#derechos{
float: left;
color: #999;
}

.columna-pie a{
color: #fff;
}
/* TERMINA PIE */



/*--FORMULARIO*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin:0;
padding:0;
font-family: 'Roboto Slab', serif;
}
div#envelope{
width: 100%;

border: 2px solid gray;
border-radius:10px;
}
form{
width:70%;
margin:4% 15%;
}


/* Makes responsive fields. Sets size and field alignment.*/
input[type=text],input[type=email]{
margin-bottom: 20px;
margin-top: 10px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #7ac9b7;
}
input[type=submit],input[type=reset]
{
margin-bottom: 20px;
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #7ac9b7;
background-color: #4180C5;
color: aliceblue;
font-size:15px;
cursor:pointer;
}
#submit:hover
{
background-color: black;
}
textarea{
width:100%;
padding: 15px;
margin-top: 10px;
border:1px solid #7ac9b7;
border-radius:5px;
margin-bottom: 20px;
resize:none;
}
input[type=text]:focus,textarea:focus {
border-color: #4697e4;
}

#imagencontacto{
width: 80%;
align: center;

}
.contacto{
float: right;

width: 25%;
}

/*FIN FORMULARIO*/










/*GALERIA */

   
 


.galeria-gruas {
position: relative;
width: 100%; /* Ancho a ocupar por la galería sobre el total disponible */
overflow: hidden;
margin: 10px auto;
background-color: #000;
box-shadow: 1px 1px 6px #000;
}

.galeria-gruas:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: url(../imagenes/logo5.png); /* Fondo por defecto */
-moz-background-size: 100%;-webkit-background-size: 100%;background-size: 100%;
opacity: .1;
}

.imagen-gruas {
position: relative;
width: 10%; /* Ancho de la miniatura sobre el ancho total de la galería */
padding-bottom: 10%; /* Idéntico al anterior para miniaturas cuadradas */
background-position: 50% 50%;
-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;
cursor: pointer;
}

.imagen-gruas:nth-of-type(1) {
background-image: url(../imagenes/fabricacion/gruas/g-01.jpg);
}
.imagen-gruas:nth-of-type(2) {
background-image: url(../imagenes/fabricacion/gruas/g-02.jpg);
}
.imagen-gruas:nth-of-type(3) {
background-image: url(../imagenes/fabricacion/gruas/g-03.jpg);
}
.imagen-gruas:nth-of-type(4) {
background-image: url(../imagenes/fabricacion/gruas/g-04.jpg);
}
.imagen-gruas:nth-of-type(5) {
background-image: url(../imagenes/fabricacion/gruas/g-05.jpg);
}
.imagen-gruas:nth-of-type(6) {
background-image: url(../imagenes/fabricacion/gruas/g-06.jpg);
}


.imagen-gruas:before {
content: "";
position: absolute;
top: -1100%; /* ((Nºimágenes*2)-1)*100*/
left: 100%;
width: 900%; /* (10000/ancho_imagen)-100 */
height: 600%; /* Nºimagenes*100 */
background-image: inherit;
-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;
-moz-transition: all .8s ;-webkit-transition: all .8s ;transition: all .8s ;
}

.imagen-gruas:hover:nth-of-type(1):before {
top: 0%; /* (Nº.nth-1)*(-100) */
}
.imagen-gruas:hover:nth-of-type(2):before {
top: -100%; /* (Nº.nth-1)*(-100) */
}
.imagen-gruas:hover:nth-of-type(3):before {
top: -200%; /* (Nº.nth-1)*(-100) */
}
.imagen-gruas:hover:nth-of-type(4):before {
top: -300%; /* (Nº.nth-1)*(-100) */
}
.imagen-gruas:hover:nth-of-type(5):before {
top: -400%; /* (Nº.nth-1)*(-100) */
}
.imagen-gruas:hover:nth-of-type(6):before {
top: -500%; /* (Nº.nth-1)*(-100) */
}

/*FIN galeria-gruas */



/*GALERIA */

   
 
.galeria {
position: relative;
width: 100%; /* Ancho a ocupar por la galería sobre el total disponible */
overflow: hidden;
margin: 10px auto;
background-color: #000;
box-shadow: 1px 1px 6px #000;
}

.galeria:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: url(../imagenes/logo5.png); /* Fondo por defecto */
-moz-background-size: 100%;-webkit-background-size: 100%;background-size: 100%;
opacity: .1;
}

.imagen {
position: relative;
width: 10%; /* Ancho de la miniatura sobre el ancho total de la galería */
padding-bottom: 10%; /* Idéntico al anterior para miniaturas cuadradas */
background-position: 50% 50%;
-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;
cursor: pointer;
}

.imagen:nth-of-type(1) {
background-image: url(../imagenes/fabricacion/elevadores/e-01.jpg);
}
.imagen:nth-of-type(2) {
background-image: url(../imagenes/fabricacion/elevadores/e-02.jpg);
}
.imagen:nth-of-type(3) {
background-image: url(../imagenes/fabricacion/elevadores/e-03.jpg);
}
.imagen:nth-of-type(4) {
background-image: url(../imagenes/fabricacion/elevadores/e-04.jpg);
}
.imagen:nth-of-type(5) {
background-image: url(../imagenes/fabricacion/elevadores/e-05.jpg);
}
.imagen:nth-of-type(6) {
background-image: url(../imagenes/fabricacion/elevadores/e-06.jpg);
}


.imagen:before {
content: "";
position: absolute;
top: -1100%; /* ((Nºimágenes*2)-1)*100*/
left: 100%;
width: 900%; /* (10000/ancho_imagen)-100 */
height: 600%; /* Nºimagenes*100 */
background-image: inherit;
-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;
-moz-transition: all .8s ;-webkit-transition: all .8s ;transition: all .8s ;
}

.imagen:hover:nth-of-type(1):before {
top: 0%; /* (Nº.nth-1)*(-100) */
}
.imagen:hover:nth-of-type(2):before {
top: -100%; /* (Nº.nth-1)*(-100) */
}
.imagen:hover:nth-of-type(3):before {
top: -200%; /* (Nº.nth-1)*(-100) */
}
.imagen:hover:nth-of-type(4):before {
top: -300%; /* (Nº.nth-1)*(-100) */
}
.imagen:hover:nth-of-type(5):before {
top: -400%; /* (Nº.nth-1)*(-100) */
}
.imagen:hover:nth-of-type(6):before {
top: -500%; /* (Nº.nth-1)*(-100) */
}

/*FIN galeria */


@media screen and (max-width:900px){
section{
width:100%;
}

.seccion-productos{
    width:100%;
}

.productos{
    width:100%;
}

#contenido{
    width:100%;
}

#imagen-logo{
max-width: 100%;
height: auto;
}


.nosotros{
margin:0 0;
padding:0 0;

}

}

@media screen and (max-width:800px){
   article{
      width:100%;
	  border-bottom: .1rem solid #999;
}


   
section > img{
display:none;
}

#telefono{
clear:both;
color:#fff;
}


.derecha-nosotros{
display:none;

}

.seccion-productos{
    width: 100%;
}

}

@media screen and (max-width:600px){

section > .nosotros > p{
text-align:center;
}

section > .video > iframe{
width: 95%;
clear: both;
}



}