@charset "utf-8";

/*--- RESET CSS ---*/
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
    strong, sub, sup, tt, var, legend, fieldset {
        margin: 0;
        padding: 0;
    }
     
    img, fieldset {
        border: 0;
    }
    img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
        margin: 0;
    }

/*--- FONTS ---*/
    @font-face {
        font-family: "regular";
        font-style: normal;
        src: url("fonts/opensans-regular-webfont.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/opensans-regular-webfont.woff") format("woff"), 
        url("fonts/opensans-regular-webfont.ttf") format("truetype"), 
        url("fonts/opensans-regular-webfont.svg#opensans-regular-webfont") 
        format("svg");
    }
    @font-face {
        font-family: "medium";
        font-style: normal;
        src: url("fonts/opensans-semibold-webfont.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/opensans-semibold-webfont.woff") format("woff"), 
        url("fonts/opensans-semibold-webfont.ttf") format("truetype"), 
        url("fonts/opensans-semibold-webfont.svg#opensans-semibold-webfont") 
        format("svg");
    }
    @font-face {
        font-family: "bold";
        font-style: normal;
        src: url("fonts/opensans-bold-webfont.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/opensans-bold-webfont.woff") format("woff"), 
        url("fonts/opensans-bold-webfont.ttf") format("truetype"), 
        url("fonts/opensans-bold-webfont.svg#opensans-bold-webfont") 
        format("svg");
    }
    @font-face {
        font-family: "light";
        font-style: normal;
        src: url("fonts/opensans-light-webfont.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/opensans-light-webfont.woff") format("woff"), 
        url("fonts/opensans-light-webfont.ttf") format("truetype"), 
        url("fonts/opensans-light-webfont.svg#opensans-light-webfont") 
        format("svg");
    }
    
/*--- COLORES ---*/
    /* COLOR CLARO: b0e0df */
    /* COLOR OSCURO: 374047 */
    /* COLOR MAS OSCURO: 202b33 */
    
/*--- BLOQUES EN GENERAL ---*/

        body {background-color: #374047;}

        
        #flotante{
            display: inline-block;
            float: none;
            position: fixed;
            top: 30px;
            right: 30px;
            height: auto;
            width: auto;
            }

        #intro{
            height: 720px;
            width: 100%;
            }
        #intro img{
            display: inline-block;
            float: none;
            margin: 15% 0px 15% 0px;
            }

        #volver{
            display: inline-block;
            width: 100%;
            max-width: 1000px;
            margin: 5px 0px 0px 0px;
            }
        #volver img{
            float: none;
            margin: 10px 0px 10px 0px;
            }

        #bloque6{
            background-color: #161e21;
            display: inline-block;
            width: 100%;
            max-width: 100%;
            margin: 0px 0px 0px 0px;
            }
        #bloque6 h2{
            font-family: "light";
            color: #FFF;
            text-align: left;
            font-size: 0.9em;
            }

        .bloquesgral {
            background-color: #374047;
            display: inline-block;
            width: 100%;
            box-shadow: 0px 0px 20px #374047;
            }
        
        .bloqueseparadores {
            display: inline-block;
            width: 100%;
            height: auto;
            }

        .aviso{
            background-color: rgba(55,64,71,0.5);
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1280px;
            border-radius: 20px;
            height: auto;
            margin: 3% auto;
            padding: 30px;
            font-family: "regular";
            color: #FFF;
            text-align: center;
            }
        .aviso a{
            font-family: "regular";
            color: #b0e0df;
            text-decoration: none;
            text-align: left;
            font-size: 1em;
            }
        .aviso a:hover{
            font-family: "regular";
            color: #fff;
            }
        .aviso_redes{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 920px;
            height: auto;
            margin: 1% auto;
            padding: 10px 0px 0px 0px;
            font-family: "regular";
            color: #FFF;
            text-align: center;
            }

        .aviso2{
            background-color: rgba(55,64,71,0.9);
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1280px;
            border-radius: 20px;
            height: auto;
            margin: 3% auto;
            padding: 30px;
            font-family: "regular";
            color: #FFF;
            text-align: center;
            }
        .aviso2 a{
            font-family: "light";
            color: #b0e0df;
            text-decoration: none;
            text-align: left;
            font-size: 0.8em;
            }
        .aviso2 a:hover{
            font-family: "regular";
            color: #000;
            }
        
        .aviso2 h4{
            font-family: "regular";
            color: #FFF;
            text-align: left;
            font-size: 1em;
            }
        .aviso2 h5{
            font-family: "light";
            color: #FFF;
            text-align: left;
            font-size: 0.9em;
            }

        #bloque11texto h2{
            font-family: "light";
            color: #b0e0df;
            text-align: left;
            font-size: 0.9em;
            }
        #bloque11texto img{
            display: inline-block;
            float: right;
            margin: 0px 0px 0px 20px;
            }
        #bloque11texto a{
            font-family: "regular";
            color: #b0e0df;
            text-align: left;
            font-size: 1em;
            text-decoration: none;
            }

        .cajaizq{
            display: inline-block;
            float: left;
            width: 60%;
            }
        .cajader{
            display: inline-block;
            float: right;
            width: 36%;
            }
        .cajamedio{
            display: inline-block;
            float: left;
            width: 100%;
            }
        .cajamedio h4{
            font-family: "light";
            color: #CCC;
            text-align: left;
            font-size: 0.8em;
            text-decoration: none;
            margin-top: 10px;
            }

        #bloquesend{
            display: inline-block;
            float: none;
            width: 75%;
            font-family: "light";
            font-size: 1em;
            color: #FFF;
            text-align: center;
            margin: 20px;
            padding: 20px;
            }
        #bloquesend a{
            width: 100%;
            font-family: "regular";
            font-size: 1.2em;
            color: #b0e0df;
            text-decoration: none;
            text-align: center;
            margin: 10%;
            padding: 20px;
            }
        #imgsend {
            display: inline-block;
            float: none;
            width: 90%;
            margin: 20px;
            }

/*--- MENU ---*/
        #menu{
            display: inline-block;
            float: none;
            width: 100%;
            z-index: 100;
            margin: 20px 0px 0px 0px;
            }

/*--- ACORDEON ---*/
    @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap');
    *{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'regular';
    }
    .contenedor-acordeon{
        width: 100%;
        max-width: auto;
        margin: auto;
        margin-top: 0px;
    }
    .contenedor-acordeon h2{
        text-align: center;
        font-size: 40px;
        margin-bottom: 35px;
    }
    .acordeon{
        background: none;
    }
    .acordeon label{
        display: block;
        padding: 20px;
        font-size: 20px;
        text-align: left;
        background: #202b33;
        color: #fff;
        cursor: pointer;
        margin-bottom: 2px;
        transition: all 300ms ease;
    }
    .acordeon label:hover{
        background: #000;
    }
    .acordeon .contenido-acordeon{
        padding: 0px;
        margin: 0px 20px;
        max-height: 0px;
        overflow: hidden;
        transition: all 300ms ease;
        color: #AAA;
        text-align: justify;
    }
    .btn-acordeon:checked ~ .contenido-acordeon{
        max-height: 600px;
        padding: 15px 0px;
    }
    .btn-acordeon{
        display: none;
    }

/*--- EVENTO ---*/

        #bloquevento {
            display: inline-block;
            float: none;
            width: 100%;
            position: relative;
            margin: 0px 0px 10px 0px;
            }
        #bloqueventoclick {
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1280px;
            position: relative;
            margin: 0px 0px 0px 0px;
            padding-bottom: 85px;
            }
        #bloqueventoclick ul{
            display: inline-block;
            width: 100%;
            list-style-type: none;
        }
        #bloqueventoclick li{
            display: inline-block;
            float: none;
            width: 49%;
            margin: 0px 0px;
        }
        #bloqueventoclick a{
            text-decoration: none;
            font-family: "bold";
            font-size: 1em;
            color: #b0e0df;
            text-align: left;
            bottom: 0px;
            transition: all .20s;
            -moz-transition:transition: all .20s;
            -ms-transition:transition: all .20s;
            -webkit-transition:transition: all .20s;
            -o-transition:transition: all .20s;
            }
        #bloqueventoclick a:hover{
            color: #999;
            bottom: 3px;
            position: relative;
            }

/*--- EVENTO MOVIL ---*/

        #bloqueventocelu {
            display: none;
            /*display: inline-block;*/
            float: none;
            width: 100%;
            position: relative;
            margin: 0px 0px 0px 0px;
            }
        #bloqueventoclick {
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1280px;
            position: relative;
            margin: 0px 0px 0px 0px;
            }
        #bloqueventoclick ul{
            display: inline-block;
            width: 100%;
            list-style-type: none;
        }
        #bloqueventoclick li{
            display: inline-block;
            float: none;
            width: 49%;
            margin: 0px 0px;
        }
        #bloqueventoclick a{
            text-decoration: none;
            font-family: "bold";
            font-size: 1em;
            color: #b0e0df;
            text-align: left;
            bottom: 0px;
            transition: all .20s;
            -moz-transition:transition: all .20s;
            -ms-transition:transition: all .20s;
            -webkit-transition:transition: all .20s;
            -o-transition:transition: all .20s;
            }
        #bloqueventoclick a:hover{
            color: #999;
            bottom: 3px;
            position: relative;
            }

/*--- BIENVENIDA ---*/

        #bloque0texto {
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1000px;
            position: relative;
            margin: 30px 0px 15px 0px;
            }
        #bloque0texto h1{
            font-family: "medium";
            font-size: 1.5em;
            color: #b0e0df;
            text-align: center;
            margin: 15px 0px 25px 0px;
            }
        #bloque0texto h2{
            font-family: "bold";
            font-size: 1em;
            color: #999;
            text-align: left;
            margin-bottom: -1em;
            }
        #bloque0texto h3{
            font-family: "light";
            font-size: 1em;
            color: #999;
            line-height: 1.5em;
            text-align: justify;
            }
        #bloque0texto a{
            text-decoration: none;
            font-family: "bold";
            font-size: 1em;
            color: #b0e0df;
            text-align: left;
            bottom: 0px;
            transition: all .20s;
            -moz-transition:transition: all .20s;
            -ms-transition:transition: all .20s;
            -webkit-transition:transition: all .20s;
            -o-transition:transition: all .20s;
            }
        #bloque0texto a:hover{
            color: #999;
            bottom: 3px;
            position: relative;
            }

        #redes{
            display: inline-block;
            float: none;
            width: 100%;
            height: auto;
            margin: 0px 0px 10px 0px;
        }
        #redes ul{
            display: inline-block;
            width: 100%;
            list-style-type: none;
        }
        #redes li{
            display: inline-block;
            float: none;
            width: auto;
            margin: 0px 10px;
        }

        #redescontacto{
            display: inline-block;
            float: none;
            width: 100%;
            height: auto;
            margin: 10px 0px 0px 0px;
        }
        #redescontacto ul{
            display: inline-block;
            width: 100%;
            list-style-type: none;
            border-top: 1px #CCC solid;
            padding: 10px 0px 0px 0px;
        }
        #redescontacto li{
            display: inline-block;
            float: none;
            width: auto;
            margin: 0px 0px;
        }

/*--- TEXTO DE LA EMPRESA ---*/

        #bloque1texto {
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1280px;
            position: relative;
            margin: 30px 0px 15px 0px;
            }
        #bloque1texto h1{
            font-family: "light";
            font-size: 3.5em;
            color: #b0e0df;
            text-align: left;
            margin: 0px 0px 20px 0px;
            }
        #bloque1texto h2{
            font-family: "bold";
            font-size: 1em;
            color: #999;
            text-align: left;
            margin-bottom: -1em;
            }
        #bloque1texto h3{
            font-family: "light";
            font-size: 1em;
            color: #999;
            line-height: 1.5em;
            text-align: justify;
            }
        #bloque1texto a{
            text-decoration: none;
            font-family: "bold";
            font-size: 1em;
            color: #b0e0df;
            text-align: left;
            bottom: 0px;
            transition: all .20s;
            -moz-transition:transition: all .20s;
            -ms-transition:transition: all .20s;
            -webkit-transition:transition: all .20s;
            -o-transition:transition: all .20s;
            }
        #bloque1texto a:hover{
            color: #999;
            bottom: 3px;
            position: relative;
            }

        #redes{
            display: inline-block;
            float: none;
            width: 100%;
            height: auto;
            margin: 0px 0px 10px 0px;
        }
        #redes ul{
            display: inline-block;
            width: 100%;
            list-style-type: none;
        }
        #redes li{
            display: inline-block;
            float: none;
            width: auto;
            margin: 0px 10px;
        }

        #redescontacto{
            display: inline-block;
            float: none;
            width: 100%;
            height: auto;
            margin: 10px 0px 0px 0px;
        }
        #redescontacto ul{
            display: inline-block;
            width: 100%;
            list-style-type: none;
            border-top: 1px #CCC solid;
            padding: 10px 0px 0px 0px;
        }
        #redescontacto li{
            display: inline-block;
            float: none;
            width: auto;
            margin: 0px 0px;
        }

/*--- SERVICIOS ---*/

        #bloque3texto {
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1000px;
            position: relative;
            margin: 110px 0px 15px 0px;
        }
        #bloque3texto h1{
            font-family: "bold";
            font-size: 2em;
            color: #019541;
            text-align: left;
            margin: 0px 0px 20px 0px;
        }

/*--- GALERIAS ---*/
    #fotos{
        display: inline-block;
        float: none;
        width: 100%;
        margin: 0px 0px 10px 0px;
        }
    #fotos ul{
        list-style-type: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        }
    #fotos ul li{
        display: inline-block;
        float: none;
        width: 22%;
        height: auto;
        margin: 0px 20px 30px 0px;
        padding: 0px;
        bottom: 0px;
        transition: all .20s;
        -moz-transition:transition: all .20s;
        -ms-transition:transition: all .20s;
        -webkit-transition:transition: all .20s;
        -o-transition:transition: all .20s;
        }
    #fotos ul li img{
        object-fit: cover;
        width: 100%;
        height: 250px;
        border-radius: 5px;
        }
    #fotos ul li:hover, #fotos ul li:active {
        bottom: 3px;
        position: relative;
        }
    #fotos ul li a {
        text-decoration: none;
        }
    #fotos h1{
        font-family: 'light';
        font-size: 1em;
        color: #374047;
        text-align: center;
        margin: 10px 0px 10px 0px;
        }

/*--- CLIENTES ---*/
    #clientes{
        display: inline-block;
        float: none;
        width: 100%;
        margin: 0px 0px 10px 0px;
        }
    #clientes ul{
        list-style-type: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        }
    #clientes ul li{
        display: inline-block;
        float: left;
        width: 11%;
        height: auto;
        margin: 0px 10px 8px 0px;
        padding: 0px;
        bottom: 0px;
        transition: all .20s;
        -moz-transition:transition: all .20s;
        -ms-transition:transition: all .20s;
        -webkit-transition:transition: all .20s;
        -o-transition:transition: all .20s;
        }
    #clientes ul li img{
        object-fit: cover;
        width: 100%;
        height: auto;
        border-radius: 5px;
        }
    #clientes ul li:hover, #clientes ul li:active {
        bottom: 3px;
        position: relative;
        }
    #clientes ul li a {
        text-decoration: none;
        }
    #clientes h1{
        font-family: 'light';
        font-size: 1em;
        color: #374047;
        text-align: center;
        margin: 10px 0px 10px 0px;
        }

/*--- CONTACTO ---*/

        #bloque13texto {
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1000px;
            position: relative;
            margin: 110px 0px 15px 0px;
        }
        #bloque13texto h1{
            font-family: "bold";
            font-size: 2em;
            color: #374047;
            text-align: left;
            margin: 0px 0px 20px 0px;
        }

        
        #mapa{
            display: inline-block;
            float: left;
            width: 100%;
            max-width: 1240px;
            padding-bottom: 20px;
            margin: 20px 0px 0px 0px;
        }
        #mapa iframe{
            width: 100%;
            height: 500px;
            border: #ccc 1px solid;
        }

        #datos{
            display: inline-block;
            float: left;
            width: 38%;
            text-align: left;
        }
        #datos h2{
            font-family: "bold";
            font-size: 1.2em;
            color: #019541;
            text-align: left;
            margin: 0px 0px 10px 0px;
        }
        #datos h3{
            font-family: "regular";
            font-size: 1em;
            color: #374047;
            text-align: left;
        }
        .icobajo{
            float: left;
            margin: 5px 10px 0px 0px;
        } 
        #form{
            display: inline-block;
            float: right;
            width: 60%;
        }


        /*--- FORMULARIO ---*/
        	.contact_form {
	            display: inline-block;
	            float: right;
	            width:95%;
	            padding: 0 auto;
	            margin: 0 auto;
	            padding-bottom: 20px;
	        }
	        .contact_form ul {
	            width:95%;
                float: left;
	            list-style-type:none;
	        }
	        .contact_form li{
	            display: inline-block;
	            float: right;
	            width: 100%;
	            margin-bottom: 10px;
	        }
	        .contact_form input {
	            float: right;
	            height:30px;
	            width: 100%;
	            padding:5px 5px;
	            border:#CCC 1px solid;
                border-radius: 5px;
	            box-shadow: 0px 0px 6px #CCC inset;
	            text-align: left;
	            font-family: 'regular';
	            font-size: 1em;
	        }
	        .contact_form textarea {
	            float: right;
	            padding:5px;
	            width:100%;
	            border:#CCC 1px solid;
                border-radius: 5px;
	            box-shadow: 0px 0px 6px #CCC inset;
	            text-align: left;
	            font-family: 'regular';
	            font-size: 1em;
	        }
	        #botones {
	            display: inline-block;
	            float: left;
	            width: auto;
                padding-top: 15px;
	        }
	        .contact_form button {
	            display: inline-block;
	            float: left;
	            margin-right:20px;
	            padding: 5px 25px;
	            background-color: #b0e0df;
	            border: none;
                border-radius: 3px;
	            font-family: 'regular';
	            font-size: 1.25em;
	            color: #374047;
	            transition: all .25s;
	            -moz-transition:transition: all .25s;
	            -ms-transition:transition: all .25s;
	            -webkit-transition:transition: all .25s;
	            -o-transition:transition: all .25s;
	        }
	        .contact_form button:hover {
	            background-color: #374047;
	            color: #FFF;
	        }
        




/*--- R E S P O N S I V O S ---*/

    /*--- PANTALLA 950 (probar hasta 769) ...*/
        @media only screen and (max-width: 950px) {

            /*--- BLOQUES EN GENERAL ---*/

                    #intro img{
                        display: inline-block;
                        float: none;
                        margin: 6% 0px;
                        }

                    #volver{
                        width: 90%;
                        }
                    #volver img{
                        float: none;
                        }

                    .aviso{
                        background-color: rgba(0,108,255,0.35);
                        display: inline-block;
                        float: none;
                        width: 85%;
                        margin: 1.5% auto;
                        padding: 30px;
                        font-family: "regular";
                        color: #FFF;
                        text-align: center;
                        }
                    .aviso_redes{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 920px;
                        height: auto;
                        margin: 1% auto;
                        padding: 10px 0px 0px 0px;
                        font-family: "regular";
                        color: #FFF;
                        text-align: center;
                        }
                    
                    #bloque11texto {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        height: auto;
                        }
                    #bloque11texto h2{
                        font-family: "regular";
                        color: #FFF;
                        text-align: left;
                        font-size: 0.9em;
                        }
                    #bloque11texto img{
                        display: inline-block;
                        float: right;
                        margin: 0px 0px 0px 20px;
                        }
                    #bloque11texto a{
                        font-family: "regular";
                        color: #b0e0df;
                        text-align: left;
                        font-size: 1em;
                        text-decoration: none;
                        }

                    .cajaizq{
                        display: inline-block;
                        float: left;
                        width: 60%;
                        }
                    .cajader{
                        display: inline-block;
                        float: right;
                        width: 36%;
                        }

                    #bloquesend{
                        display: inline-block;
                        float: none;
                        width: 75%;
                        font-family: "regular";
                        font-size: 1em;
                        color: #FFF;
                        text-align: center;
                        margin: 20px;
                        padding: 20px;
                        }
                    #bloquesend a{
                        width: 100%;
                        font-family: "regular";
                        font-size: 1.2em;
                        color: #b0e0df;
                        text-decoration: none;
                        text-align: center;
                        margin: 10%;
                        padding: 20px;
                        }
                    #imgsend {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        margin: 20px;
                        }

            /*--- TEXTO DE LA EMPRESA ---*/

                    #bloque1texto {
                        width: 95%;
                        margin: 30px 0px 15px 0px;
                        }
                    #bloque1texto h1{
                        font-family: "bold";
                        font-size: 2em;
                        color: #b0e0df;
                        text-align: left;
                        margin: 0px 0px 20px 0px;
                        }
                    #bloque1texto h2{
                        font-family: "regular";
                        font-size: 1em;
                        color: #e20612;
                        text-align: left;
                        margin-bottom: -1em;
                        }
                    #bloque1texto h3{
                        font-family: "regular";
                        font-size: 1em;
                        color: #374047;
                        text-align: justify;
                        }
                    #bloque1texto a{
                        text-decoration: none;
                        font-family: "regular";
                        font-size: 1em;
                        color: #b0e0df;
                        text-align: left;
                        bottom: 0px;
                        transition: all .20s;
                        -moz-transition:transition: all .20s;
                        -ms-transition:transition: all .20s;
                        -webkit-transition:transition: all .20s;
                        -o-transition:transition: all .20s;
                        }
                    #bloque1texto a:hover{
                        color: #374047;
                        bottom: 3px;
                        position: relative;
                        }

                    #redes{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        height: auto;
                        margin: 0px 0px 10px 0px;
                    }
                    #redes ul{
                        display: inline-block;
                        width: 100%;
                        list-style-type: none;
                    }
                    #redes li{
                        display: inline-block;
                        float: none;
                        width: auto;
                        margin: 0px 10px;
                    }

            /*--- SERVICIOS ---*/

                    #bloque3texto {
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 1000px;
                        position: relative;
                        margin: 110px 0px 15px 0px;
                    }
                    #bloque3texto h1{
                        font-family: "bold";
                        font-size: 2em;
                        color: #019541;
                        text-align: left;
                        margin: 0px 0px 20px 0px;
                    }

            /*--- GALERIAS ---*/
                #fotos{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    margin: 0px 0px 10px 0px;
                    }
                #fotos ul{
                    list-style-type: none;
                    width: 100%;
                    margin: 0px;
                    padding: 0px;
                    }
                #fotos ul li{
                    display: inline-block;
                    float: none;
                    width: 45%;
                    height: auto;
                    margin: 0px 10px 30px 10px;
                    padding: 0px;
                    bottom: 0px;
                    transition: all .20s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 250px;
                    border-radius: 5px;
                    }
                #fotos ul li:hover, #fotos ul li:active {
                    bottom: 3px;
                    position: relative;
                    }
                #fotos ul li a {
                    text-decoration: none;
                    }
                #fotos h1{
                    font-family: 'light';
                    font-size: 1em;
                    color: #374047;
                    text-align: center;
                    margin: 10px 0px 10px 0px;
                    }

            /*--- CONTACTO ---*/

                    #bloque13texto {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        max-width: 1000px;
                        position: relative;
                        margin: 110px 0px 15px 0px;
                    }
                    #bloque13texto h1{
                        font-family: "bold";
                        font-size: 2em;
                        color: #374047;
                        text-align: left;
                        margin: 0px 0px 20px 0px;
                    }

                    
                    #mapa{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 1100px;
                        padding-bottom: 20px;
                        margin: 20px 0px 0px 0px;
                    }
                    #mapa iframe{
                        width: 100%;
                        height: 500px;
                        border: #ccc 1px solid;
                    }

                    #datos{
                        display: inline-block;
                        float: left;
                        width: 38%;
                        text-align: left;
                    }
                    #datos h2{
                        font-family: "bold";
                        font-size: 1.2em;
                        color: #019541;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }
                    #datos h3{
                        font-family: "regular";
                        font-size: 1em;
                        color: #374047;
                        text-align: left;
                    }
                    .icobajo{
                        float: left;
                        margin: 5px 10px 0px 0px;
                    } 
                    #form{
                        display: inline-block;
                        float: right;
                        width: 60%;
                    }


                    /*--- FORMULARIO ---*/
                        .contact_form {
                            display: inline-block;
                            float: right;
                            width:95%;
                            padding: 0 auto;
                            margin: 0 auto;
                            padding-bottom: 20px;
                        }
                        .contact_form ul {
                            width:95%;
                            float: left;
                            list-style-type:none;
                        }
                        .contact_form li{
                            display: inline-block;
                            float: right;
                            width: 100%;
                            margin-bottom: 10px;
                        }
                        .contact_form input {
                            float: right;
                            height:30px;
                            width: 100%;
                            padding:5px 5px;
                            border:#CCC 1px solid;
                            border-radius: 5px;
                            box-shadow: 0px 0px 6px #CCC inset;
                            text-align: left;
                            font-family: 'regular';
                            font-size: 1em;
                        }
                        .contact_form textarea {
                            float: right;
                            padding:5px;
                            width:100%;
                            border:#CCC 1px solid;
                            border-radius: 5px;
                            box-shadow: 0px 0px 6px #CCC inset;
                            text-align: left;
                            font-family: 'regular';
                            font-size: 1em;
                        }
                        #botones {
                            display: inline-block;
                            float: left;
                            width: auto;
                            padding-top: 15px;
                        }
                        .contact_form button {
                            display: inline-block;
                            float: left;
                            margin-right:20px;
                            padding: 5px 25px;
                            background-color: #b0e0df;
                            border: none;
                            border-radius: 3px;
                            font-family: 'regular';
                            font-size: 1.25em;
                            color: #FFF;
                            transition: all .25s;
                            -moz-transition:transition: all .25s;
                            -ms-transition:transition: all .25s;
                            -webkit-transition:transition: all .25s;
                            -o-transition:transition: all .25s;
                        }
                        .contact_form button:hover {
                            background-color: #374047;
                            color: #FFF;
                        }

        }

    /*--- PANTALLA 768  (probar hasta 641)...*/
        @media only screen and (max-width: 768px) {

            /*--- BLOQUES EN GENERAL ---*/

                    #intro img{
                        display: inline-block;
                        float: none;
                        margin: 6% 0px;
                        }

                    #volver{
                        width: 90%;
                        }
                    #volver img{
                        float: none;
                        }

                    .aviso{
                        background-color: rgba(0,108,255,0);
                        display: inline-block;
                        float: none;
                        width: 85%;
                        margin: 1.5% auto;
                        padding: 15px;
                        font-family: "regular";
                        color: #FFF;
                        text-align: center;
                        }
                    .aviso_redes{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 920px;
                        height: auto;
                        margin: 1% auto;
                        padding: 15px 0px 10px 0px;
                        font-family: "regular";
                        color: #FFF;
                        text-align: center;
                        }
                    
                    #bloque11texto {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        height: auto;
                        }
                    #bloque11texto h2{
                        font-family: "regular";
                        color: #FFF;
                        text-align: left;
                        font-size: 0.9em;
                        }
                    #bloque11texto img{
                        display: inline-block;
                        float: right;
                        margin: 0px 0px 0px 20px;
                        }
                    #bloque11texto a{
                        font-family: "regular";
                        color: #b0e0df;
                        text-align: left;
                        font-size: 1em;
                        text-decoration: none;
                        }

                    .cajaizq{
                        display: inline-block;
                        float: left;
                        width: 60%;
                        }
                    .cajader{
                        display: inline-block;
                        float: right;
                        width: 36%;
                        }

                    #bloquesend{
                        display: inline-block;
                        float: none;
                        width: 75%;
                        font-family: "regular";
                        font-size: 1em;
                        color: #FFF;
                        text-align: center;
                        margin: 20px;
                        padding: 20px;
                        }
                    #bloquesend a{
                        width: 100%;
                        font-family: "regular";
                        font-size: 1.2em;
                        color: #b0e0df;
                        text-decoration: none;
                        text-align: center;
                        margin: 10%;
                        padding: 20px;
                        }
                    #imgsend {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        margin: 20px;
                        }

                    #flotante{
                        z-index: 150;
                        display: inline-block;
                        float: none;
                        position: fixed;
                        top: 15px;
                        right: 30px;
                        height: auto;
                        width: auto;
                        }

            /*--- BIENVENIDA ---*/

                #bloque0texto {
                    display: inline-block;
                    float: none;
                    width: 80%;
                    max-width: 1000px;
                    position: relative;
                    margin: 70px 0px 15px 0px;
                    }

            /*--- EVENTO MOVIL ---*/

                #flotante {
                    display: none;
                    }
                #bloquevento {
                    display: none;
                    }
                #bloqueventocelu {
                    display: inline-block;
                    float: none;
                    width: 95%;
                    position: relative;
                    margin: 10px 0px 0px 0px;
                    }
                #bloqueventoclick {
                    display: inline-block;
                    float: none;
                    width: 100%;
                    max-width: 1280px;
                    position: relative;
                    margin: 0px 0px 0px 0px;
                    padding-bottom: 0px;
                    }
                #bloqueventoclick ul{
                    display: inline-block;
                    width: 100%;
                    list-style-type: none;
                }
                #bloqueventoclick li{
                    display: inline-block;
                    float: none;
                    width: 95%;
                    margin: 0px 0px 20px 0px;
                }
                #bloqueventoclick a{
                    text-decoration: none;
                    font-family: "bold";
                    font-size: 1em;
                    color: #b0e0df;
                    text-align: left;
                    bottom: 0px;
                    transition: all .20s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #bloqueventoclick a:hover{
                    color: #999;
                    bottom: 3px;
                    position: relative;
                    }

            /*--- TEXTO DE LA EMPRESA ---*/

                    #bloque1texto {
                        width: 95%;
                        margin: 20px 0px 10px 0px;
                        }
                    #bloque1texto h1{
                        font-family: "bold";
                        font-size: 1.5em;
                        color: #b0e0df;
                        text-align: center;
                        margin: 0px 0px 10px 0px;
                        }
                    #bloque1texto h2{
                        font-family: "regular";
                        font-size: 1em;
                        color: #e20612;
                        text-align: left;
                        margin-bottom: -1em;
                        }
                    #bloque1texto h3{
                        font-family: "regular";
                        font-size: 0.9em;
                        color: #999;
                        text-align: justify;
                        margin: 0px 0px 10px 0px;
                        }
                    #bloque1texto a{
                        text-decoration: none;
                        font-family: "regular";
                        font-size: 1em;
                        color: #b0e0df;
                        text-align: left;
                        bottom: 0px;
                        transition: all .20s;
                        -moz-transition:transition: all .20s;
                        -ms-transition:transition: all .20s;
                        -webkit-transition:transition: all .20s;
                        -o-transition:transition: all .20s;
                        }
                    #bloque1texto a:hover{
                        color: #999;
                        bottom: 3px;
                        position: relative;
                        }

                    #redes{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        height: auto;
                        margin: 0px 0px 5px 0px;
                    }
                    #redes ul{
                        display: inline-block;
                        width: 100%;
                        list-style-type: none;
                    }
                    #redes li{
                        display: inline-block;
                        float: none;
                        width: auto;
                        margin: 0px 5px;
                    }

            /*--- SERVICIOS ---*/

                    #bloque3texto {
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 1000px;
                        position: relative;
                        margin: 110px 0px 15px 0px;
                    }

            /*--- GALERIAS ---*/
                #fotos{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    margin: 0px 0px 10px 0px;
                    }
                #fotos ul{
                    list-style-type: none;
                    width: 100%;
                    margin: 0px;
                    padding: 0px;
                    }
                #fotos ul li{
                    display: inline-block;
                    float: none;
                    width: 46%;
                    height: auto;
                    margin: 0px 10px 30px 10px;
                    padding: 0px;
                    bottom: 0px;
                    transition: all .20s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 250px;
                    border-radius: 5px;
                    }
                #fotos ul li:hover, #fotos ul li:active {
                    bottom: 3px;
                    position: relative;
                    }
                #fotos ul li a {
                    text-decoration: none;
                    }
                #fotos h1{
                    font-family: 'light';
                    font-size: 1em;
                    color: #374047;
                    text-align: center;
                    margin: 10px 0px 10px 0px;
                    }

            /*--- CONTACTO ---*/

                    #bloque13texto {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        max-width: 1000px;
                        position: relative;
                        margin: 110px 0px 15px 0px;
                    }
                    #bloque13texto h1{
                        font-family: "bold";
                        font-size: 2em;
                        color: #999;
                        text-align: left;
                        margin: 0px 0px 20px 0px;
                    }

                    
                    #mapa{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 1100px;
                        padding-bottom: 20px;
                        margin: 20px 0px 0px 0px;
                    }
                    #mapa iframe{
                        width: 100%;
                        height: 500px;
                        border: #ccc 1px solid;
                    }

                    #datos{
                        display: inline-block;
                        float: left;
                        width: 38%;
                        text-align: left;
                    }
                    #datos h2{
                        font-family: "bold";
                        font-size: 1.2em;
                        color: #019541;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }
                    #datos h3{
                        font-family: "regular";
                        font-size: 1em;
                        color: #999;
                        text-align: left;
                    }
                    .icobajo{
                        float: left;
                        margin: 5px 10px 0px 0px;
                    } 
                    #form{
                        display: inline-block;
                        float: right;
                        width: 60%;
                    }


                    /*--- FORMULARIO ---*/
                        .contact_form {
                            display: inline-block;
                            float: right;
                            width:95%;
                            padding: 0 auto;
                            margin: 0 auto;
                            padding-bottom: 20px;
                        }
                        .contact_form ul {
                            width:95%;
                            float: left;
                            list-style-type:none;
                        }
                        .contact_form li{
                            display: inline-block;
                            float: right;
                            width: 100%;
                            margin-bottom: 10px;
                        }
                        .contact_form input {
                            float: right;
                            height:30px;
                            width: 100%;
                            padding:5px 5px;
                            border:#CCC 1px solid;
                            border-radius: 5px;
                            box-shadow: 0px 0px 6px #CCC inset;
                            text-align: left;
                            font-family: 'regular';
                            font-size: 1em;
                        }
                        .contact_form textarea {
                            float: right;
                            padding:5px;
                            width:100%;
                            border:#CCC 1px solid;
                            border-radius: 5px;
                            box-shadow: 0px 0px 6px #CCC inset;
                            text-align: left;
                            font-family: 'regular';
                            font-size: 1em;
                        }
                        #botones {
                            display: inline-block;
                            float: left;
                            width: auto;
                            padding-top: 15px;
                        }
                        .contact_form button {
                            display: inline-block;
                            float: left;
                            margin-right:20px;
                            padding: 5px 25px;
                            background-color: #b0e0df;
                            border: none;
                            border-radius: 3px;
                            font-family: 'regular';
                            font-size: 1.25em;
                            color: #FFF;
                            transition: all .25s;
                            -moz-transition:transition: all .25s;
                            -ms-transition:transition: all .25s;
                            -webkit-transition:transition: all .25s;
                            -o-transition:transition: all .25s;
                        }
                        .contact_form button:hover {
                            background-color: #374047;
                            color: #FFF;
                        }

        }

    /*--- PANTALLA 640  (probar hasta 481)...*/
        @media only screen and (max-width: 640px) {

            /*--- BLOQUES EN GENERAL ---*/

                    #intro img{
                        display: inline-block;
                        float: none;
                        width: 45%;
                        margin: 6% 0px;
                        }

                    #volver{
                        width: 90%;
                        }
                    #volver img{
                        float: none;
                        }

                    .aviso{
                        background-color: rgba(0,108,255,0);
                        display: inline-block;
                        float: none;
                        width: 85%;
                        margin: 1.5% auto;
                        padding: 15px;
                        font-family: "regular";
                        color: #FFF;
                        text-align: center;
                        }
                    .aviso_redes{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 920px;
                        height: auto;
                        margin: 1% auto;
                        padding: 15px 0px 10px 0px;
                        font-family: "regular";
                        color: #FFF;
                        text-align: center;
                        }
                    
                    #bloque11texto {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        height: auto;
                        }
                    #bloque11texto h2{
                        font-family: "regular";
                        color: #FFF;
                        text-align: center;
                        font-size: 0.9em;
                        }
                    #bloque11texto img{
                        display: inline-block;
                        float: none;
                        margin: 0px 10px 20px 10px;
                        }
                    #bloque11texto a{
                        font-family: "regular";
                        color: #b0e0df;
                        text-align: left;
                        font-size: 1em;
                        text-decoration: none;
                        }

                    .cajaizq{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        }
                    .cajader{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        }

                    #bloquesend{
                        display: inline-block;
                        float: none;
                        width: 75%;
                        font-family: "regular";
                        font-size: 1em;
                        color: #FFF;
                        text-align: center;
                        margin: 20px;
                        padding: 20px;
                        }
                    #bloquesend a{
                        width: 100%;
                        font-family: "regular";
                        font-size: 1.2em;
                        color: #b0e0df;
                        text-decoration: none;
                        text-align: center;
                        margin: 10%;
                        padding: 20px;
                        }
                    #imgsend {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        margin: 20px;
                        }

            /*--- TEXTO DE LA EMPRESA ---*/

                    #bloque1texto {
                        width: 90%;
                        margin: 20px 0px 10px 0px;
                        }
                    #bloque1texto h1{
                        font-family: "bold";
                        font-size: 1.5em;
                        color: #b0e0df;
                        text-align: center;
                        margin: 0px 0px 10px 0px;
                        }
                    #bloque1texto h2{
                        font-family: "regular";
                        font-size: 1em;
                        color: #e20612;
                        text-align: left;
                        margin-bottom: -1em;
                        }
                    #bloque1texto h3{
                        font-family: "regular";
                        font-size: 0.9em;
                        color: #999;
                        text-align: justify;
                        margin: 0px 0px 20px 0px;
                        }
                    #bloque1texto a{
                        text-decoration: none;
                        font-family: "regular";
                        font-size: 1em;
                        color: #b0e0df;
                        text-align: left;
                        bottom: 0px;
                        transition: all .20s;
                        -moz-transition:transition: all .20s;
                        -ms-transition:transition: all .20s;
                        -webkit-transition:transition: all .20s;
                        -o-transition:transition: all .20s;
                        }
                    #bloque1texto a:hover{
                        color: #999;
                        bottom: 3px;
                        position: relative;
                        }

                    #redes{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        height: auto;
                        margin: 0px 0px 5px 0px;
                    }
                    #redes ul{
                        display: inline-block;
                        width: 100%;
                        list-style-type: none;
                    }
                    #redes li{
                        display: inline-block;
                        float: none;
                        width: auto;
                        margin: 0px 5px;
                    }

            /*--- SERVICIOS ---*/

                    #bloque3texto {
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 1000px;
                        position: relative;
                        margin: 110px 0px 15px 0px;
                    }

            /*--- GALERIAS ---*/
                #fotos{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    margin: 0px 0px 10px 0px;
                    }
                #fotos ul{
                    list-style-type: none;
                    width: 100%;
                    margin: 0px;
                    padding: 0px;
                    }
                #fotos ul li{
                    display: inline-block;
                    float: none;
                    width: 80%;
                    height: auto;
                    margin: 0px 10px 30px 10px;
                    padding: 0px;
                    bottom: 0px;
                    transition: all .20s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 250px;
                    border-radius: 5px;
                    }
                #fotos ul li:hover, #fotos ul li:active {
                    bottom: 3px;
                    position: relative;
                    }
                #fotos ul li a {
                    text-decoration: none;
                    }
                #fotos h1{
                    font-family: 'light';
                    font-size: 1em;
                    color: #374047;
                    text-align: center;
                    margin: 10px 0px 10px 0px;
                    }

            /*--- CONTACTO ---*/

                    #bloque13texto {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        max-width: 1000px;
                        position: relative;
                        margin: 110px 0px 15px 0px;
                    }
                    #bloque13texto h1{
                        font-family: "bold";
                        font-size: 2em;
                        color: #999;
                        text-align: left;
                        margin: 0px 0px 20px 0px;
                    }

                    
                    #mapa{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 1100px;
                        padding-bottom: 20px;
                        margin: 20px 0px 0px 0px;
                    }
                    #mapa iframe{
                        width: 100%;
                        height: 500px;
                        border: #ccc 1px solid;
                    }

                    #datos{
                        display: none;
                    }
                    .icobajo{
                        float: left;
                        margin: 5px 10px 0px 0px;
                    } 
                    #form{
                        display: inline-block;
                        float: none;
                        width: 100%;
                    }


                    /*--- FORMULARIO ---*/
                        .contact_form {
                            display: inline-block;
                            float: none;
                            width: 100%;
                            padding: 0px;
                            margin: 0px;
                            padding-bottom: 10px;
                        }
                        .contact_form ul {
                            width: 100%;
                            float: none;
                            list-style-type:none;
                        }
                        .contact_form li{
                            display: inline-block;
                            float: right;
                            width: 100%;
                            margin-bottom: 10px;
                        }
                        .contact_form input {
                            float: right;
                            height: 30px;
                            width: 97%;
                            padding:5px 5px;
                            border:#CCC 1px solid;
                            border-radius: 5px;
                            box-shadow: 0px 0px 6px #CCC inset;
                            text-align: left;
                            font-family: 'regular';
                            font-size: 1em;
                        }
                        .contact_form textarea {
                            float: right;
                            padding:5px;
                            width: 97%;
                            border:#CCC 1px solid;
                            border-radius: 5px;
                            box-shadow: 0px 0px 6px #CCC inset;
                            text-align: left;
                            font-family: 'regular';
                            font-size: 1em;
                        }
                        #botones {
                            display: inline-block;
                            float: left;
                            width: auto;
                            padding-top: 10px;
                        }
                        .contact_form button {
                            display: inline-block;
                            float: left;
                            margin-right: 20px;
                            padding: 5px 25px;
                            background-color: #b0e0df;
                            border: none;
                            border-radius: 3px;
                            font-family: 'regular';
                            font-size: 1.25em;
                            color: #FFF;
                            transition: all .25s;
                            -moz-transition:transition: all .25s;
                            -ms-transition:transition: all .25s;
                            -webkit-transition:transition: all .25s;
                            -o-transition:transition: all .25s;
                        }
                        .contact_form button:hover {
                            background-color: #374047;
                            color: #FFF;
                        }

        }

    /*--- PANTALLA 480  (probar hasta 361)...*/
        @media only screen and (max-width: 480px) {

            /*--- BLOQUES EN GENERAL ---*/

                    #intro img{
                        display: inline-block;
                        float: none;
                        width: 45%;
                        margin: 7% 0px;
                        }

                    #volver{
                        width: 90%;
                        }
                    #volver img{
                        float: none;
                        }

                    .aviso{
                        background-color: rgba(0,108,255,0);
                        display: inline-block;
                        float: none;
                        width: 85%;
                        margin: 1.5% auto;
                        padding: 15px;
                        font-family: "regular";
                        color: #FFF;
                        text-align: center;
                        }
                    .aviso_redes{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 920px;
                        height: auto;
                        margin: 1% auto;
                        padding: 15px 0px 10px 0px;
                        font-family: "regular";
                        color: #FFF;
                        text-align: center;
                        }
                    
                    #bloque11texto {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        height: auto;
                        }
                    #bloque11texto h2{
                        font-family: "regular";
                        color: #FFF;
                        text-align: center;
                        font-size: 0.9em;
                        }
                    #bloque11texto img{
                        display: inline-block;
                        float: none;
                        margin: 0px 10px 20px 10px;
                        }
                    #bloque11texto a{
                        font-family: "regular";
                        color: #b0e0df;
                        text-align: left;
                        font-size: 1em;
                        text-decoration: none;
                        }

                    .cajaizq{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        }
                    .cajader{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        }

                    #bloquesend{
                        display: inline-block;
                        float: none;
                        width: 75%;
                        font-family: "regular";
                        font-size: 1em;
                        color: #FFF;
                        text-align: center;
                        margin: 20px;
                        padding: 20px;
                        }
                    #bloquesend a{
                        width: 100%;
                        font-family: "regular";
                        font-size: 1.2em;
                        color: #b0e0df;
                        text-decoration: none;
                        text-align: center;
                        margin: 10%;
                        padding: 20px;
                        }
                    #imgsend {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        margin: 20px;
                        }

            /*--- TEXTO DE LA EMPRESA ---*/

                    #bloque1texto {
                        width: 90%;
                        margin: 20px 0px 10px 0px;
                        }
                    #bloque1texto h1{
                        font-family: "bold";
                        font-size: 1.5em;
                        color: #b0e0df;
                        text-align: center;
                        margin: 0px 0px 10px 0px;
                        }
                    #bloque1texto h2{
                        font-family: "regular";
                        font-size: 1em;
                        color: #e20612;
                        text-align: left;
                        margin-bottom: -1em;
                        }
                    #bloque1texto h3{
                        font-family: "regular";
                        font-size: 0.9em;
                        color: #999;
                        text-align: justify;
                        margin: 0px 0px 20px 0px;
                        }
                    #bloque1texto a{
                        text-decoration: none;
                        font-family: "regular";
                        font-size: 1em;
                        color: #b0e0df;
                        text-align: left;
                        bottom: 0px;
                        transition: all .20s;
                        -moz-transition:transition: all .20s;
                        -ms-transition:transition: all .20s;
                        -webkit-transition:transition: all .20s;
                        -o-transition:transition: all .20s;
                        }
                    #bloque1texto a:hover{
                        color: #999;
                        bottom: 3px;
                        position: relative;
                        }

                    #redes{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        height: auto;
                        margin: 0px 0px 5px 0px;
                    }
                    #redes ul{
                        display: inline-block;
                        width: 100%;
                        list-style-type: none;
                    }
                    #redes li{
                        display: inline-block;
                        float: none;
                        width: auto;
                        margin: 0px 0px;
                    }
                    #redes li img{
                        display: inline-block;
                        float: none;
                        width: 44px;
                        height: auto;
                    }

            /*--- SERVICIOS ---*/

                    #bloque3texto {
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 1000px;
                        position: relative;
                        margin: 110px 0px 15px 0px;
                    }

            /*--- GALERIAS ---*/
                #fotos{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    margin: 0px 0px 10px 0px;
                    }
                #fotos ul{
                    list-style-type: none;
                    width: 100%;
                    margin: 0px;
                    padding: 0px;
                    }
                #fotos ul li{
                    display: inline-block;
                    float: none;
                    width: 100%;
                    height: auto;
                    margin: 0px 20px 30px 0px;
                    padding: 0px;
                    bottom: 0px;
                    transition: all .20s;
                    -moz-transition:transition: all .20s;
                    -ms-transition:transition: all .20s;
                    -webkit-transition:transition: all .20s;
                    -o-transition:transition: all .20s;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 250px;
                    border-radius: 5px;
                    }
                #fotos ul li:hover, #fotos ul li:active {
                    bottom: 3px;
                    position: relative;
                    }
                #fotos ul li a {
                    text-decoration: none;
                    }
                #fotos h1{
                    font-family: 'light';
                    font-size: 1em;
                    color: #374047;
                    text-align: center;
                    margin: 10px 0px 10px 0px;
                    }

            /*--- CONTACTO ---*/

                    #bloque13texto {
                        display: inline-block;
                        float: none;
                        width: 90%;
                        max-width: 1000px;
                        position: relative;
                        margin: 110px 0px 15px 0px;
                    }
                    #bloque13texto h1{
                        font-family: "bold";
                        font-size: 2em;
                        color: #999;
                        text-align: left;
                        margin: 0px 0px 20px 0px;
                    }

                    
                    #mapa{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 1100px;
                        padding-bottom: 20px;
                        margin: 20px 0px 0px 0px;
                    }
                    #mapa iframe{
                        width: 100%;
                        height: 500px;
                        border: #ccc 1px solid;
                    }

                    #datos{
                        display: none;
                    }
                    .icobajo{
                        float: left;
                        margin: 5px 10px 0px 0px;
                    } 
                    #form{
                        display: inline-block;
                        float: none;
                        width: 100%;
                    }


                    /*--- FORMULARIO ---*/
                        .contact_form {
                            display: inline-block;
                            float: none;
                            width: 100%;
                            padding: 0px;
                            margin: 0px;
                            padding-bottom: 10px;
                        }
                        .contact_form ul {
                            width: 100%;
                            float: none;
                            list-style-type:none;
                        }
                        .contact_form li{
                            display: inline-block;
                            float: right;
                            width: 100%;
                            margin-bottom: 10px;
                        }
                        .contact_form input {
                            float: right;
                            height: 30px;
                            width: 97%;
                            padding:5px 5px;
                            border:#CCC 1px solid;
                            border-radius: 5px;
                            box-shadow: 0px 0px 6px #CCC inset;
                            text-align: left;
                            font-family: 'regular';
                            font-size: 1em;
                        }
                        .contact_form textarea {
                            float: right;
                            padding:5px;
                            width: 97%;
                            border:#CCC 1px solid;
                            border-radius: 5px;
                            box-shadow: 0px 0px 6px #CCC inset;
                            text-align: left;
                            font-family: 'regular';
                            font-size: 1em;
                        }
                        #botones {
                            display: inline-block;
                            float: left;
                            width: auto;
                            padding-top: 10px;
                        }
                        .contact_form button {
                            display: inline-block;
                            float: left;
                            margin-right: 20px;
                            padding: 5px 25px;
                            background-color: #b0e0df;
                            border: none;
                            border-radius: 3px;
                            font-family: 'regular';
                            font-size: 1.25em;
                            color: #FFF;
                            transition: all .25s;
                            -moz-transition:transition: all .25s;
                            -ms-transition:transition: all .25s;
                            -webkit-transition:transition: all .25s;
                            -o-transition:transition: all .25s;
                        }
                        .contact_form button:hover {
                            background-color: #374047;
                            color: #FFF;
                        }

        }