@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: 18c06*/

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

        body {background-color: #FFF;}

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

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

        .bloquesgral {
            background-color: #FFF;
            display: inline-block;
            width: 100%;
            box-shadow: 0px 0px 20px #000;
            }
        
        .bloqueseparadores {
            display: inline-block;
            width: 100%;
            height: auto;
            }
/*--- Acá se cambia color de fondo del contenedor ---*/
        .aviso{
            background-color: rgba(15,85,40,0.35);
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 920px;
            border-radius: 20px;
            height: auto;
            margin: 1.5% auto;
            padding: 30px;
            font-family: "regular";
            color: #FFF;
            text-align: center;
            }
            /*--- Acá color de tipo ---*/
        .aviso a{
            font-family: "regular";
            color: #FF0;
            text-decoration: none;
            text-align: left;
            font-size: 1em;
            }
        .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 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: #18c06;
            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: #1f482e;
            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 {
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1000px;
            position: relative;
            margin: 30px 0px 15px 0px;
            }
        #bloque1texto h1{
            font-family: "bold";
            font-size: 1.5em;
            color: #1f482e;
            text-align: left;
            margin: 0px 0px 20px 0px;
            }
        #bloque1texto h2{
            font-family: "regular";
            font-size: 1em;
            color: #1f482e;
            text-align: left;
            margin-bottom: -1em;
            }
        #bloque1texto h3{
            font-family: "regular";
            font-size: 1em;
            color: #000;
            text-align: justify;
            }
        #bloque1texto a{
            text-decoration: none;
            font-family: "regular";
            font-size: 1em;
            color: #1f482e;
            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: #000;
            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: #1f482e;
            text-align: left;
            margin: 0px 0px 20px 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: #000;
            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: #1f482e;
            text-align: left;
            margin: 0px 0px 10px 0px;
        }
        #datos h3{
            font-family: "regular";
            font-size: 1em;
            color: #000;
            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: #1f482e;
	            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: #000;
	            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: #1f482e;
                        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: #1f482e;
                        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: #1f482e;
                        text-align: left;
                        margin: 0px 0px 20px 0px;
                        }
                    #bloque1texto h2{
                        font-family: "regular";
                        font-size: 1em;
                        color: #1f482e;
                        text-align: left;
                        margin-bottom: -1em;
                        }
                    #bloque1texto h3{
                        font-family: "regular";
                        font-size: 1em;
                        color: #000;
                        text-align: justify;
                        }
                    #bloque1texto a{
                        text-decoration: none;
                        font-family: "regular";
                        font-size: 1em;
                        color: #1f482e;
                        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: #000;
                        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: #1f482e;
                        text-align: left;
                        margin: 0px 0px 20px 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: #000;
                        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: #1f482e;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }
                    #datos h3{
                        font-family: "regular";
                        font-size: 1em;
                        color: #000;
                        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: #1f482e;
                            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: #000;
                            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: #1f482e;
                        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: #1f482e;
                        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: 20px 0px 10px 0px;
                        }
                    #bloque1texto h1{
                        font-family: "bold";
                        font-size: 1.5em;
                        color: #1f482e;
                        text-align: center;
                        margin: 0px 0px 10px 0px;
                        }
                    #bloque1texto h2{
                        font-family: "regular";
                        font-size: 1em;
                        color: #1f482e;
                        text-align: left;
                        margin-bottom: -1em;
                        }
                    #bloque1texto h3{
                        font-family: "regular";
                        font-size: 0.9em;
                        color: #000;
                        text-align: justify;
                        margin: 0px 0px 10px 0px;
                        }
                    #bloque1texto a{
                        text-decoration: none;
                        font-family: "regular";
                        font-size: 1em;
                        color: #1f482e;
                        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: #000;
                        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;
                    }

            /*--- 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: #000;
                        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: #1f482e;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }
                    #datos h3{
                        font-family: "regular";
                        font-size: 1em;
                        color: #000;
                        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: #1f482e;
                            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: #000;
                            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: #1f482e;
                        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: #1f482e;
                        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: #1f482e;
                        text-align: center;
                        margin: 0px 0px 10px 0px;
                        }
                    #bloque1texto h2{
                        font-family: "regular";
                        font-size: 1em;
                        color: #1f482e;
                        text-align: left;
                        margin-bottom: -1em;
                        }
                    #bloque1texto h3{
                        font-family: "regular";
                        font-size: 0.9em;
                        color: #000;
                        text-align: justify;
                        margin: 0px 0px 20px 0px;
                        }
                    #bloque1texto a{
                        text-decoration: none;
                        font-family: "regular";
                        font-size: 1em;
                        color: #1f482e;
                        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: #000;
                        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;
                    }

            /*--- 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: #000;
                        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: #1f482e;
                            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: #000;
                            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: #1f482e;
                        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: #1f482e;
                        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: #1f482e;
                        text-align: center;
                        margin: 0px 0px 10px 0px;
                        }
                    #bloque1texto h2{
                        font-family: "regular";
                        font-size: 1em;
                        color: #1f482e;
                        text-align: left;
                        margin-bottom: -1em;
                        }
                    #bloque1texto h3{
                        font-family: "regular";
                        font-size: 0.9em;
                        color: #000;
                        text-align: justify;
                        margin: 0px 0px 20px 0px;
                        }
                    #bloque1texto a{
                        text-decoration: none;
                        font-family: "regular";
                        font-size: 1em;
                        color: #1f482e;
                        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: #000;
                        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;
                    }

            /*--- 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: #000;
                        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: #18c06;
                            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: #000;
                            color: #FFF;
                        }

        }