@charset "utf-8";

.empresa a   {
    background-image: url(../imagenes/fondo2.jpg);

}

.empresa a:hover    {
    color: hsla(219,100%,29%,1.00);
    cursor: default;
}
#mainNav {
    z-index: 2;
}

#content1 .cajaindex    {
    margin: 0;
    padding: 0;
    float: left;
    width: 26%;
}
#content1 .cajaindex .imagvidrio    {
    margin: 0;
    padding: 0;
    max-width: 100%;
}
#content1 .caja2 {
    width: 69%;
    background-color: #FFFFFF;
    float: right;
}
#content1 .caja2  h1 {
    width: 100%;
    float: right;
    margin-top: 25px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    text-align: center;
}
#content1 .caja2  h2 {
    width: 87%;
    float: none;
    margin-top: 2%;
    color: #003594;
    text-align: center;
    margin-right: auto;
    padding: 0;
    margin-left: auto;
    clear: both;
}
.content15   {
    width: 44%;
    float: left;
    margin-top: 80px;
    color: hsla(0,0%,47%,1.00);
    padding: 0;
    display: inline-block;
}
.content15 h5 {
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 100%;
    margin-top: 0%;
}
#diapo {
    width: 53%;
    float: right;
    margin-top: 0px;
}
.diapoimg {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    /* [disabled]padding: 0px; */
    /* [disabled]float: right; */
    background-color: rgba(255,255,255,1.00);
    /* [disabled]display: inline-block; */
    margin-top: 5%;
    /* [disabled]z-index: 3; */
    max-width: 100%;
}
#inSitu  {
    width: 100%;
    display: inline-block;
    margin-top: 4%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0%;
    padding: 0;
    float: left;
}
#inSitu h1 {
    width: 55%;
    color: hsla(0,0%,100%,1.00);
    float: left;
    /* [disabled]font-size: 26px; */
    background-color: #E4002B;
    text-align: center;
    padding: 0;
    margin: 0;
    display: inline-block;
    background-size: 400px 150px;
}
#inSitu h2 {
    width: 47%;
    color: #E4002B;
    padding: 0;
    margin-top: 10%;
    text-align: left;
}

#inSitu h5 {
    width: 44%;
    float: left;
    margin-top: 1%;
}
#inSitu .imgtitulo {
    float: right;
    width: 48%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0%;
    padding: 0;
    margin-top: -9%;
}
#inSitu .imgtitulo .acceso {
    float: right;
    margin: 0;
    padding: 0;
    max-width: 100%;
    opacity: 0.8;
}
#insitu2  {
    float: left;
    display: inline-block;
    width: 100%;
    margin-top: 5%;
    clear: both;
}
#insitu2 .hotel {
    width: 59%;
    margin: 0;
    padding: 0;
    float: left;
}
#insitu2 .hotel .cama {
    max-width: 100%;
    opacity: 0.78;

}
#insitu2 h2 {
    width: 39%;
    color: #E4002B;
    float: right;
    text-align: left;
    display: block;
    padding-left: 0px;
}
#insitu2 h5 {
    width: 39%;
    float: right;
    clear: right;
    text-align: left;
    margin-top: 1%;
}





#main_container #content2  {
    clear: both;
    display: inline-block;
    margin-top: 7%;
    width: 100%;
    margin-bottom: 3%;
}
#content2 h1 {
    margin-left: 0px;
    width: 100%;
    padding-left: 0px;
    text-align: center;
}
#content2 h2 {
    display: inline-block;
    float: left;
    letter-spacing: 1px;
    width: 98%;
    margin-top: 1%;
    margin-bottom: 2%;
}
#content2 #logogr {
    width: 35%;
    float: left;
    margin-left: 4px;
    padding: 0;
    margin-top: 2%;
}
#content2 #logogr .dormakaba {
    float: left;
    margin-left: 4px;
    margin-top: 24px;
    max-width: 100%;
    margin-bottom: 22px;
}
#content2 p  {
    float: left;
    width: 43%;
    color: hsla(0,0%,47%,1.00);
    clear: left;
    padding: 0;
    margin-top: 14px;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
}


#content2 #imagproductos  {
    float: right;
    display: inline;
    width: 56%;
    padding: 0;
    margin-top: -12%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    clear: right;
}
#content2 #imagproductos .empresa2  {
    margin-top: 3%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0%;
    padding: 0;
    max-width: 100%;
    float: right;
}

#main_container #content3  {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    clear: both;
    display: inline-block;
}
#content3 h2 {
    letter-spacing: 1px;
    float: right;
    margin-top: 0%;
    width: 50%;
}
#content3 p {
    width: 50%;
    float: right;
    display: inline;
    font-weight: 300;
    font-family: Poppins,Segoe, "Segoe UI", sans-serif;
    color: #777777;
    word-spacing: 1pt;
    margin-top: 1%;
    font-size: 13px;
}
#content3 .imagemp3  {
    float: left;
    width: 47%;
}
#content3 .imagemp3 .image3 {
    margin: 0;
    padding: 0;
    max-width: 100%;
}
#navFooter ul {
    background-color: #E4002B;
}


/*--------------------------------------------------------------------- 1150 - 1000 ------*/
@media (max-width:1100px) and (min-width:900px){
#content1 .caja h2 {
    width: 89%;

}
#main_container #inSitu h1 {
    font-size: 23px;
}
#main_container #inSitu h5 {
}

}


/*-------------------------------------------------------------------- 999 - 750 --------*/
@media (max-width:899px) and (min-width:700px){
#content1 .caja {
    width: 71%;
}

#inSitu {
    display: inline-block;
}
#main_container #content1 h2 {
    width: 99%;
    margin-top: 6px;
    float: right;
}
#main_container #content2  p {
    width: 97%;
    float: left;
    margin-top: 1%;
}
#main_container #content3 p {
    width: 49%;
    padding-right: 14px;
}
h1 {
    width: 100%;
}
#main_container #content2 #imagproductos {
    margin-top: 13px;
}
.galeria {
    margin-top: 13px;
    float: right;
    width: 40%;
}
#content2 #logogr {
    position: absolute;
    margin-top: 285px;
    margin-left: 64px;
}
#content3 .imagemp3  {
    float: left;
    width: 48%;
}
#insitu2 .hotel {
    width: 51%;
    margin-top: 4%;
}
#insitu2 h2 {
    width: 46%;
}
#insitu2 h5 {
    width: 46%;
}
#inSitu h2  {
    width: 52%;
}
.content15 h5 {
    margin-top: -17%;
}
ul .productos .submenu {
    top: 111px;
}
#diapo p .diapoimg {
}




}

/*----------------------------------------------------------- FIN ---------------------*/

@media (max-width:699px) and (min-width:500px){
#content1  {
    width: 100%;
    margin: 0;
    float: right;
    display: inline-block;
    padding: 0;
    clear: both;
}
#content1 .cajaindex {
    display: none;
}
#content1 .caja2     {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
#content1 .caja2 h2     {
    width: 100%;
    padding: 0;
    margin-top: 11%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0%;
    text-align: center;
}
#main_wraper .content15   {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    float: left;
    display: block;
    height: 69%;
    margin-top: 0px;
    clear: right;
}
.content15 h5 {
    padding: 0;
    clear: both;
    font-size: 14px;
    margin: 0;
    display: block;
}
#main_wraper #main_container #diapo {
    width: 70%;
    margin-right: 15%;
    display: block;
    margin-top: 0px;
}

.galeria   {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    margin-top: 0px;
    padding: 0;
    margin-bottom: 0px;
    display: block;
}

#inSitu {
    display: inline-block;
    margin-top: 7%;
    width: 100%;
}
#main_container #inSitu h1 {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 40px;
}
#main_container #inSitu h2 {
    width: 100%;
    text-align: center;
    margin-top: 3%;
    float: left;
}
#main_container #inSitu h5 {
    width: 44%;
    text-align: left;
    margin-top: 1%;
    float: left;
    font-size: 14px;
}
#inSitu .imgtitulo  {
    margin-top: 2%;
    float: left;
    width: 56%;
}
#main_container #insitu2  {
    clear: both;
}
#main_container #insitu2 h5 {
    width: 100%;
    font-size: 14px;
}
#main_container #content2  {
    width: 100%;
    margin-top: 77px;
    display: inline-block;
    float: left;
    clear: right;
    position: relative;
}

#content2 h1 {
    height: 74px;
}
#content2 h2 {
    width: 100%;
    font-size: 18px;
    text-align: left;

}
#main_container #content2 p {
    width: 100%;
    margin-top: 20%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    display: block;
    float: left;
    padding: 0;
    clear: right;
}
#main_container #logogr  {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 36%;
}
#content2 #imagproductos  {
    margin: 0;
    display: block;
    padding: 0;
    float: right;
    position: absolute;
    right: 0px;
    top: 128px;

}
#main_container #content3 {
    margin-top: 3%;
}
#main_container #content3 p {
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;

}
#content3 h2 {
    margin-top: 13%;
    text-align: left;
}
#navFooter2 ul li.empresa3 {
    display: none;
}
#navFooter2 ul li.productos3 {
    display: none;
}




}
/*----------------------------------------------------*/

@media (max-width:499px){
#content1 .caja2  {
    margin: 0;
    padding: 0;
    width: 99%;
}
h1   {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
}
h2   {
    margin-top: 16px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    font-size: 15px;
}
p {
    font-size: 0px;
}

#content1 .cajaindex {
    display: none;
}
#content1 .caja2 h1 {
    height: 42px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#content1 .caja2 h2 {
    width: 99%;
    margin-top: 16px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
}
#main_wraper #main_container .content15 {
    padding: 0;
    margin: 0;
    width: 100%;
}
#main_container .content15 h5 {
    margin-top: 16px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    font-size: 12px;
}
#main_wraper #main_container #diapo {
    margin-top: 0%;
    margin-right: 14%;
    margin-left: 0%;
    margin-bottom: 0%;
    width: 72%;
    text-align: center;
}
#main_container #inSitu h1 {
    width: 99%;
    height: 39px;
}
#main_container #inSitu h2 {
    width: 94%;
    padding: 0;
    margin: 0;
    text-align: center;
}
#main_container #inSitu h5 {
    width: 98%;
    font-size: 12px;
}
#inSitu .imgtitulo  {
    margin-top: 1em;
    width: 73%;
}
#main_container #insitu2 h5 {
    width: 99%;
    font-size: 12px;
}
#main_container #content2 h1 {
    height: 63px;
}
#main_container #content2 h2 {
    margin: 0;
    padding: 0;
    text-align: left;

}
#main_container #content2 p {
    margin-top: 106px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    width: 99%;
    font-size: 12px;
}
#content2 #imagproductos  {
    padding: 0;
    margin-top: -316px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    clear: both;
    display: block;
}
#main_container #content3 h2 {
    width: 49%;
    font-size: 15px;
    text-align: left;
}
#main_container #content3 p {
    width: 100%;
    font-size: 12px;
}
#mainNav ul .soluciones {
    display: none;
}
#navFooter2 ul .empresa3 {
    display: none;
}
#navFooter2 ul .productos3 {
    display: none;
}
#mainNav ul .servicios {
    display: none;
}



}