@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 ---*/
    /* VERDE: b7c72c */

/*--- CLERAFIX MENU RESPONSIVO ---*/
    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
        }
    .clearfix:after {
        clear: both;
        }
    .clearfix {
        *zoom: 1;
        }

/*--- DIV A CARGAR GALERIAS ---*/
        #acargar {
            background: rgba(0, 0, 0, 0.8);
            display: none;
            z-index: 200;
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #cerrargaleria{
            background-color: #E70036;
            opacity: 0.4;
            z-index: 250;
            display: block;
            float: left;
            width: auto;
            position: fixed;
            top:2%;
            margin-left: 1%;
            padding: 5px;
            border-radius: 5px;
            text-decoration: none;
            font-family: "regular";
            font-size: 0.8em;
            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;
        }
        #cerrargaleria:hover{
            background-color: #DDD;
            opacity: 1;
            padding-left: 20px;
            color: #000;
        }

/*--- MENU ---*/
            #menu{
                background: rgba(0,0,0,0.75);
                display: block;
                float: none;
                position: fixed;
                z-index: 100;
                width: 100%;
                height: 115px;
                left: 0;
                top: 0;
                right: 0px;
                border-top: 5px #b7c72c solid;
                }
            nav {
                display: inline-block;
                position: relative;
                width: 100%;
                max-width: 1000px;
                height: auto;
                }
            nav img{
                display: inline-block;
                float: left;
                width: 100%;
                max-width: 176px;
                margin: 10px 0px 0px 0px;
                }
            nav ul {
                display: inline-block;
                float: right;
                list-style: none;
                width: auto;
                margin: 45px 0px 0px 0px;
                }
            nav li {
                display: inline-block;
                float: none;
                width: auto;
                height: auto;
                margin: 0px;
                padding: 0px;
                border-right: 2px #b7c72c solid;
                }
            /*--nav li:last-child{
                border-right: none;
                }--*/
            nav li:last-child img{
                margin: -7px 0px 0px -15px; 
                }
            nav li a {
                text-decoration: none;
                font-family: 'regular';
                font-size: 1.25em;
                line-height: 1em;
                color: #b7c72c;
                margin: 0px 15px; 
                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;
                }
            nav li a:hover, nav li a:active {
                color: #FFF;
                bottom: 3px;
                position: relative;
                }

            .sinraya{
                border-right: none; 
                }

            .iconored img{
                border-right: none;
                max-width: 30px;
                height: auto;
                margin: -7px 0px 0px 15px; 
                border: 1px #b7c72c solid;
                }
                
            nav a#pull {
                display: none;
                }

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

        body {background-color: #FFF;}

        #intro{
            min-height: 700px;
            width: 100%;
            }

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

        .bloquesgral {
            background-color: #FFF;
            display: inline-block;
            width: 100%;
            box-shadow: 0px 0px 20px #000;
            }
        .bloquespie {
            background-color: #CCC;
            background-size: 100%;
            display: inline-block;
            width: 100%;
            max-height: auto;
            padding: 30px 0px;
            }
        .bloquespie a{
            text-decoration: none;
            opacity: 0.5;
            color: #000;
            transition: all .15s;
            -moz-transition:transition: all .15s;
            -ms-transition:transition: all .15s;
            -webkit-transition:transition: all .15s;
            -o-transition:transition: all .15s;
            }
        .bloquespie a:hover{
            color: #F00;
            opacity: 1;
            position: relative;
            }

        .bloqueseparadores {
            display: inline-block;
            width: 100%;
            height: 300px;
            }
        .aviso{
            background-color: rgba(0,0,0,0.75);
            border: 1px #b7c72c solid;
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 920px;
            height: auto;
            margin: 4% auto;
            padding: 40px;
            font-family: "bold";
            color: #FFF;
            text-align: center;
            }
        
        .cajaizq{
            display: inline-block;
            float: left;
            width: 60%;
            }
        .cajader{
            display: inline-block;
            float: right;
            width: 36%;
            }

        ul.pics{
            list-style-type: none;
            display: inline-block;
            }
        ul.pics li{
            background-color: #FFF;
            display: inline-block;
            float: left;
            width: 22.15%;
            padding: 5px;
            margin: 0px 8px 8px 8px;
            border: 1px #CCC solid;
            border-radius: 5px;
            }
        
        ul.picsimagen{
            list-style-type: none;
            display: inline-block;
            }
        ul.picsimagen li{
            background-color: #FFF;
            display: inline-block;
            float: left;
            width: 48%;
            margin: 0px 10px 10px 0px;
            border: 1px #CCC solid;
            border-radius: 5px;
            }
        ul.picsimagen li img{
            display: inline-block;
            float: left;
            width: auto;
            margin: 15px;
            }   
        ul.picsimagen li a{
            text-decoration: none;
            opacity: 0.5;
            transition: all .15s;
            -moz-transition:transition: all .15s;
            -ms-transition:transition: all .15s;
            -webkit-transition:transition: all .15s;
            -o-transition:transition: all .15s;
            }
        ul.picsimagen li a:hover{
            opacity: 1;
            position: relative;
            }

        ul.picsimagen li h2{
            font-family: "bold";
            font-size: 1em;
            color: #019541;
            text-align: left;
            line-height: 1.1em;
            margin: 11px 0px 5px 0px;
            }
        ul.picsimagen li h3{
            font-family: "regular";
            font-size: 1em;
            color: #000;
            text-align: justify;
            }
        ul.picsimagen li h4{
            font-family: "regular";
            font-size: 0.8em;
            line-height: 1.2em;
            color: #000;
            text-align: left;
            margin: 0px 10px 0px 0px;
            }

        ul.picsimagen li.picsobras{
            background-color: #FFF;
            display: inline-block;
            float: left;
            width: 100%;
            margin: 0px 10px 10px 0px;
            border: 1px #CCC solid;
            border-radius: 5px;
            }

        #bloquesend{
            background-color: rgba(0,0,0,0.6);
            display: inline-block;
            float: none;
            width: 75%;
            font-family: "regular";
            font-size: 0.8em;
            color: #FFF;
            text-align: center;
            margin: 10% 0px;
            padding: 20px;
            }

/*--- ALTOS DEL MOLINO ---*/

        #bloque1texto {
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1000px;
            position: relative;
            margin: 145px 0px 15px 0px;
            }
        #bloque1texto h1{
            font-family: "bold";
            font-size: 2em;
            color: #000;
            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: #000;
            text-align: justify;
            }
        #bloque1texto a{
            text-decoration: none;
            font-family: "regular";
            font-size: 1em;
            color: #F00;
            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;
            }

/*--- 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;
        }

/*--- 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: 30px;
            margin: 30px 0px 0px 0px;
        }
        #mapa iframe{
            width: 100%;
            height: 400px;
            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: #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: 100%;
                padding-top: 15px;
	        }
	        .contact_form button {
	            display: inline-block;
	            float: left;
	            margin-right:20px;
	            padding: 5px 25px;
	            background-color: #333;
	            border: none;
                border-radius: 5px;
	            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;
	        }

/*--- PIE ---*/

        #bloque11{
            background-color: #b7c72c;
            display: inline-block;
            float: none;
            width: 100%;
            padding: 30px 0px;
        }
        #bloque11texto{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1000px;
            }
        #bloque11texto h2{
            font-family: "light";
            font-size: 1em;
            color: #000;
            text-align: left;
            }
        #bloque11texto img{
            display: inline-block;
            float: left;
            margin: 0px 20px 0px 0px;
            }

        




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

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

            /*--- MENU ---*/
                #menu{
                    height: 125px;
                }
                nav {
                    width: 95%;
                }
                nav img{
                    float: none;
                    width: 80%;
                    margin: 10px 0px 0px 0px;
                }
                nav ul {
                    float: none;
                    margin: 5px 0px 0px 0px;
                }

            /*--- REDES ---*/
                    #flotante{
                        top: 135px;
                    }
                    #flotante img{
                        padding: 5px;
                    }

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

                    #volver{
                        width: 95%;
                    }

                    .bloquespie {
                        padding: 15px 0px;
                    }

                    .bloqueseparadores {
                        height: 250px;
                    }
                    .aviso{
                        width: 75%;
                        margin: 7% auto;
                    }
                    
                    .cajaizq{
                        float: left;
                        width: 60%;
                    }
                    .cajader{
                        float: right;
                        width: 36%;
                    }

                    ul.pics li{
                        float: left;
                        width: 21.5%;
                        margin: 0px 5px 5px 8px;
                    }
                    
                    ul.picsimagen li{
                        float: left;
                        width: 48%;
                        margin: 0px 10px 10px 0px;
                    }
                    ul.picsimagen li img{
                        float: left;
                        margin: 10px;
                    }

                    ul.picsimagen li h2{
                        font-size: 1em;
                        text-align: left;
                        margin: 10px 0px 5px 0px;
                    }
                    ul.picsimagen li h3{
                        font-size: 0.9em;
                    }

                    ul.picsimagen li.picsobras{
                        float: none;
                        margin: 0px 10px 10px 0px;
                    }

            /*--- LA EMPRESA ---*/

                    #bloque1texto {
                        width: 95%;
                        margin: 135px 0px 15px 0px;
                    }
                    #bloque1texto h1{
                        font-size: 1.5em;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }
                    #bloque1texto h2{
                        font-size: 0.8em;
                        text-align: left;
                    }
                    #bloque1texto h3{
                        font-size: 0.8em;
                    }

            /*--- SERVICIOS ---*/

                    #bloque3texto {
                        width: 95%;
                        margin: 135px 0px 15px 0px;
                    }
                    #bloque3texto h1{
                        font-size: 1.5em;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }

            /*--- PRODUCTOS ---*/

                    #bloque5texto {
                        width: 95%;
                        margin: 135px 0px 15px 0px;
                    }
                    #bloque5texto h1{
                        font-size: 1.5em;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }

            /*--- OBRAS ---*/

                    #bloque7texto {
                        width: 95%;
                        margin: 135px 0px 15px 0px;
                    }
                    #bloque7texto h1{
                        font-size: 1.5em;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }

            /*--- MARCAS ---*/

                    #bloque9texto {
                        width: 95%;
                        margin: 135px 0px 15px 0px;
                    }
                    #bloque9texto h1{
                        font-size: 1.5em;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }

            /*--- CONTACTO ---*/

                    #bloque13texto {
                        width: 95%;
                        margin: 135px 0px 15px 0px;
                    }
                    #bloque13texto h1{
                        font-size: 1.5em;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }

                    
                    #mapa{
                        padding-bottom: 10px;
                    }
                    #mapa iframe{
                        width: 100%;
                        height: 300px;
                    }

                    #datos{
                        float: left;
                        width: 38%;
                    }
                    #datos h2{
                        font-size: 1em;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }
                    #datos h3{
                        font-size: 0.8em;
                        text-align: left;
                    }
                    .icobajo{
                        float: left;
                        margin: 5px 10px 0px 0px;
                    } 
                    #form{
                        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: 100%;
                            padding-top: 15px;
                        }
                        .contact_form button {
                            display: inline-block;
                            float: left;
                            margin-right:20px;
                            padding: 5px 25px;
                            background-color: #019541;
                            border: none;
                            border-radius: 5px;
                            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;
                        }

            /*--- PIE ---*/

                    #bloque11texto h2{
                        font-size: 0.8em;
                    }
                    #bloque11texto h3{
                        font-size: 0.8em;
                        text-align: center;
                        padding-bottom: 40px;
                    }

        }

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

            /*--- MENU ---*/
                    #menu{
                        height: 120px;
                    }
                    nav li a {
                        font-size: 0.8em;
                    }
                    nav a#pull {
                        display: none;
                    }
                
            /*--- REDES ---*/
                    #flotante{
                        top: 130px;
                    }

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


                    .bloqueseparadores {
                        height: 230px;
                    }
                    .aviso{
                        width: 75%;
                        margin: 9% auto;
                        padding: 30px;
                        font-family: "bold";
                        font-size: 0.9em;
                        color: #FFF;
                        text-align: center;
                    }
                    
                    .cajaizq{
                        float: left;
                        width: 60%;
                    }
                    .cajader{
                        float: right;
                        width: 36%;
                    }

                    ul.pics li{
                        float: none;
                        width: 45%;
                        margin: 0px 5px 5px 8px;
                    }
                    
                    ul.picsimagen li{
                        float: left;
                        width: 100%;
                        margin: 0px 0px 10px 0px;
                    }

                    ul.picsimagen li h2{
                        font-size: 1em;
                        text-align: left;
                    }
                    ul.picsimagen li h3{
                        font-size: 0.9em;
                    }

            /*--- LA EMPRESA ---*/

                    #bloque1texto {
                        width: 95%;
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque1texto h1{
                        font-size: 1.25em;
                        text-align: left;
                    }
                    #bloque1texto h2{
                        font-size: 0.8em;
                        text-align: left;
                    }
                    #bloque1texto h3{
                        font-size: 0.8em;
                    }

            /*--- SERVICIOS ---*/

                    #bloque3texto {
                        width: 95%;
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque3texto h1{
                        font-size: 1.25em;
                        text-align: left;
                    }

            /*--- PRODUCTOS ---*/

                    #bloque5texto {
                        width: 95%;
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque5texto h1{
                        font-size: 1.25em;
                        text-align: left;
                    }

            /*--- OBRAS ---*/

                    #bloque7texto {
                        width: 95%;
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque7texto h1{
                        font-size: 1.25em;
                        text-align: left;
                    }

            /*--- MARCAS ---*/

                    #bloque9texto {
                        width: 95%;
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque9texto h1{
                        font-size: 1.25em;
                        text-align: left;
                    }

            /*--- CONTACTO ---*/

                    #bloque13texto {
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque13texto h1{
                        font-size: 1.25em;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }

                    #mapa iframe{
                        width: 100%;
                        height: 300px;
                    }

                    #datos{
                        float: left;
                        width: 38%;
                    }
                    #datos h2{
                        font-size: 0.9em;
                        text-align: left;
                    }
                    #datos h3{
                        font-size: 0.8em;
                        text-align: left;
                    }
                    .icobajo{
                        float: left;
                        margin: 5px 10px 0px 0px;
                    } 
                    #form{
                        float: right;
                        width: 60%;
                    }


                    /*--- FORMULARIO ---*/
                        .contact_form {
                            float: right;
                            width:95%;
                        }
                        .contact_form ul {
                            float: left;
                        }
                        .contact_form li{
                            float: right;
                            width: 100%;
                            margin-bottom: 10px;
                        }
                        .contact_form input {
                            float: right;
                            height: 25px;
                            padding: 5px 10px;
                            font-size: 0.9em;
                        }
                        .contact_form textarea {
                            float: right;
                            padding: 10px;
                            font-size: 0.9em;
                        }
                        #botones {
                            float: left;
                            padding-top: 10px;
                        }
                        .contact_form button {
                            float: left;
                            margin-right:20px;
                            padding: 5px 25px;
                            font-size: 1em;
                        }

            /*--- PIE ---*/

                    #bloque11texto h2{
                        font-size: 0.7em;
                    }
                    #bloque11texto h3{
                        font-size: 0.7em;
                        text-align: center;
                        padding-bottom: 20px;
                    }

        }

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

            /*--- MENU ---*/
                
                nav {
                    background: rgba(0,0,0,1);
                    background: -moz-linear-gradient(top, rgba(50,50,50,1) 0%, rgba(0,0,0,1) 100%);
                    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,50,50,1)), color-stop(100%, rgba(0,0,0,1)));
                    background: -webkit-linear-gradient(top, rgba(50,50,50,1) 0%, rgba(0,0,0,1) 100%);
                    background: -o-linear-gradient(top, rgba(50,50,50,1) 0%, rgba(0,0,0,1) 100%);
                    background: -ms-linear-gradient(top, rgba(50,50,50,1) 0%, rgba(0,0,0,1) 100%);
                    background: linear-gradient(to bottom, rgba(50,50,50,1) 0%, rgba(0,0,0,1) 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#000000', GradientType=0 );
                    height: auto;
                    width: 100%;
                }
                nav img{
                    width: 50%;
                    margin: 5px 0px 0px 0px;
                }
                nav ul {
                    float: none;
                    display: none;
                    margin: 0px;
                    padding: 0px;
                }
                nav ul li {
                    width: 100%;
                    margin: 10px 0px 0px 0px;
                    padding: 0px 0px 10px 0px;
                    border-bottom: 1px #000 solid;
                    border-right: none;
                }
                nav ul li:last-child {
                    margin: 10px 0px 0px 0px;
                    padding: 0px 0px 10px 0px;
                    border-right: none;
                }
                nav li a {
                    text-align: center;
                    margin: 0px 0px 0px 0px; 
                }
                nav li a:hover {
                    color: #F00; 
                }
                nav a#pull {
                    display: block;
                    float: none;
                    width: 10%;
                    position: relative;
                    padding: 0px 0px 0px 0px;
                }
                nav a#pull:after {
                    content:"";
                    background: url('images/menu.png') no-repeat;
                    width: auto;
                    height: auto;
                    display: inline-block;
                    position: absolute;
                    right: 0px;
                    top: 0px;
                }

            /*--- REDES ---*/
                    #flotante{
                        top: 130px;
                    }

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


                    .aviso{
                        font-family: "regular";
                        font-size: 0.8em;
                    }
                    
                    .cajaizq{
                        float: none;
                        width: 100%;
                    }
                    .cajader{
                        display: none;
                    }

                    ul.pics li{
                        float: none;
                        width: 45%;
                        margin: 0px 5px 7px 0px;
                    }
                    
                    ul.picsimagen li{
                        float: left;
                        width: 100%;
                        margin: 0px 0px 10px 0px;
                    }

                    ul.picsimagen li h2{
                        font-size: 1em;
                        text-align: left;
                    }
                    ul.picsimagen li h3{
                        font-size: 0.9em;
                    }

            /*--- LA EMPRESA ---*/

                    #bloque1texto {
                        width: 95%;
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque1texto h1{
                        font-size: 1.25em;
                        text-align: left;
                    }
                    #bloque1texto h2{
                        font-size: 0.8em;
                        text-align: left;
                    }
                    #bloque1texto h3{
                        font-size: 0.8em;
                    }

            /*--- SERVICIOS ---*/

                    #bloque3texto {
                        width: 95%;
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque3texto h1{
                        font-size: 1.25em;
                        text-align: left;
                    }

            /*--- PRODUCTOS ---*/

                    #bloque5texto {
                        width: 95%;
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque5texto h1{
                        font-size: 1.25em;
                        text-align: left;
                    }

            /*--- OBRAS ---*/

                    #bloque7texto {
                        width: 95%;
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque7texto h1{
                        font-size: 1.25em;
                        text-align: left;
                    }

            /*--- MARCAS ---*/

                    #bloque9texto {
                        width: 95%;
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque9texto h1{
                        font-size: 1.25em;
                        text-align: left;
                    }

            /*--- CONTACTO ---*/

                    #bloque13texto {
                        margin: 130px 0px 15px 0px;
                    }
                    #bloque13texto h1{
                        font-size: 1.25em;
                        text-align: left;
                        margin: 0px 0px 10px 0px;
                    }


                    #datos{
                        float: none;
                        width: 100%;
                    }
                    #datos h2{
                        font-size: 0.9em;
                        text-align: center;
                    }
                    #datos h3{
                        font-size: 0.8em;
                        text-align: center;
                    }
                    .icobajo{
                        text-align: center;
                        float: none;
                        margin: 5px 10px 20px 0px;
                    } 
                    #form{
                        float: none;
                        width: 100%;
                    }


                    /*--- FORMULARIO ---*/
                        .contact_form {
                            float: none;
                            width: 100%;
                            margin: 0px;
                        }
                        .contact_form ul {
                            float: none;
                            margin: 0px;
                            padding: 0px;
                        }
                        .contact_form li{
                            float: none;
                            width: 100%;
                            margin: 0px 0px 10px 0px;
                        }
                        .contact_form input {
                            float: none;
                            height: 25px;
                            padding: 5px 0px;
                            font-size: 0.9em;
                        }
                        .contact_form textarea {
                            float: none;
                            padding: 5px 0px;
                            font-size: 0.9em;
                        }
                        #botones {
                            float: none;
                            padding-top: 10px;
                        }
                        .contact_form button {
                            float: none;
                            margin-right:0px;
                            padding: 5px 25px;
                            font-size: 1em;
                        }

            /*--- PIE ---*/

                    #bloque11texto h2{
                        font-size: 0.7em;
                    }
                    #bloque11texto h3{
                        font-size: 0.7em;
                        text-align: center;
                        padding-bottom: 20px;
                    }    

        }

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

            /*--- MENU ---*/
                
                #menu{
                    height: auto;
                }

                nav a#pull {
                    width: 20%;
                    padding: 0px 0px 0px 0px;
                }

            /*--- REDES ---*/
                    #flotante{
                        z-index: 150;
                        top: 15px;
                    }

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


                    .aviso{
                        display: none;
                    }
                    
                    ul.pics li{
                        float: none;
                        width: 95%;
                        margin: 0px 0px 7px 0px;
                    }
                    
                    ul.picsimagen li{
                        float: none;
                        width: 95%;
                        margin: 0px 0px 10px 0px;
                    }
                    ul.picsimagen li img{
                        float: none;
                        width: 100%;
                        margin: 0px 0px 5px 0px;
                    }

                    ul.picsimagen li h2{
                        font-size: 0.9em;
                        text-align: center;
                        margin: 0px 0px 10px 0px;
                    }
                    ul.picsimagen li h3{
                        font-size: 0.8em;
                        text-align: center;
                    }
                    ul.picsimagen li h4{
                        font-size: 0.8em;
                        text-align: center;
                        margin: 0px 10px 10px 10px;
                    }

            /*--- LA EMPRESA ---*/

                    #bloque1texto {
                        width: 95%;
                        margin: 125px 0px 15px 0px;
                    }
                    #bloque1texto h1{
                        font-size: 1.25em;
                        text-align: center;
                    }
                    #bloque1texto h2{
                        font-size: 0.8em;
                        text-align: left;
                    }
                    #bloque1texto h3{
                        font-size: 0.8em;
                    }

            /*--- SERVICIOS ---*/

                    #bloque3texto {
                        width: 95%;
                        margin: 125px 0px 15px 0px;
                    }
                    #bloque3texto h1{
                        font-size: 1.25em;
                        text-align: center;
                    }

            /*--- PRODUCTOS ---*/

                    #bloque5texto {
                        width: 95%;
                        margin: 125px 0px 15px 0px;
                    }
                    #bloque5texto h1{
                        font-size: 1.25em;
                        text-align: center;
                    }

            /*--- OBRAS ---*/

                    #bloque7texto {
                        width: 95%;
                        margin: 125px 0px 15px 0px;
                    }
                    #bloque7texto h1{
                        font-size: 1.25em;
                        text-align: center;
                    }

            /*--- MARCAS ---*/

                    #bloque9texto {
                        width: 95%;
                        margin: 125px 0px 15px 0px;
                    }
                    #bloque9texto h1{
                        font-size: 1.25em;
                        text-align: center;
                    }

            /*--- CONTACTO ---*/

                    #bloque13texto {
                        margin: 125px 0px 15px 0px;
                    }
                    #bloque13texto h1{
                        font-size: 1.25em;
                        text-align: center;
                        margin: 0px 0px 10px 0px;
                    }


                    #mapa iframe{
                        width: 95%;
                        height: 250px;
                    }

                    #datos{
                        float: none;
                        width: 100%;
                    }
                    #datos h2{
                        font-size: 0.9em;
                        text-align: center;
                    }
                    #datos h3{
                        font-size: 0.8em;
                        text-align: center;
                    }
                    .icobajo{
                        text-align: center;
                        float: none;
                        margin: 5px 10px 20px 0px;
                    } 
                    #form{
                        float: none;
                        width: 100%;
                    }


                    /*--- FORMULARIO ---*/
                        .contact_form {
                            float: none;
                            width: 100%;
                            margin: 0px;
                        }
                        .contact_form ul {
                            float: none;
                            margin: 0px;
                            padding: 0px;
                        }
                        .contact_form li{
                            float: none;
                            width: 100%;
                            margin: 0px 0px 10px 0px;
                        }
                        .contact_form input {
                            float: none;
                            height: 25px;
                            padding: 5px 0px;
                            font-size: 0.9em;
                        }
                        .contact_form textarea {
                            float: none;
                            padding: 5px 0px;
                            font-size: 0.9em;
                        }
                        #botones {
                            float: none;
                            padding-top: 10px;
                        }
                        .contact_form button {
                            float: none;
                            margin-right:0px;
                            padding: 5px 25px;
                            font-size: 1em;
                        }

            /*--- PIE ---*/

                    #bloque11texto h2{
                        font-size: 0.7em;
                    }
                    #bloque11texto h3{
                        font-size: 0.7em;
                        text-align: center;
                        padding-bottom: 20px;
                    }

        }

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

            

        }

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

                

        }

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

        }