@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 ---*/
    /* VIOLETA: 67014B */

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

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

        body{
            background-image: url("images/slide.jpg");
            background-size: auto;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

        #intro{
            min-height: auto;
            width: 100%;
            margin-bottom: -5px;
            }

        #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: auto;
            }
        
        .aviso{
            background-color: rgba(255,255,255,0.75);
            border: 2px #67014b solid;
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 920px;
            height: auto;
            margin: 2% auto;
            padding: 20px;
            font-family: "bold";
            color: #67014b;
            text-align: center;
            }
        .aviso a{
            bottom: 0px,;
            transition: all .15s;
            -moz-transition:transition: all .15s;
            -ms-transition:transition: all .15s;
            -webkit-transition:transition: all .15s;
            -o-transition:transition: all .15s;
            }
        .aviso a:hover{
            bottom: 5px;
            position: relative;
            }
        
        .avisoentradas{
            background-color: rgba(143,63,116,0.90);
            background-color: rgba(143,63,116,0.90);
            border: 5px #FFF solid;
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 920px;
            height: auto;
            margin: 2% auto;
            padding: 20px;
            font-family: "bold";
            color: #FFF;
            text-align: center;
            }
        .avisoentradas a{
            bottom: 0px,;
            transition: all .15s;
            -moz-transition:transition: all .15s;
            -ms-transition:transition: all .15s;
            -webkit-transition:transition: all .15s;
            -o-transition:transition: all .15s;
            }
        .avisoentradas a:hover{
            bottom: 5px;
            position: relative;
            }

        .entradas{
            margin: 0px 20px;
            }
        
        .cajaizq{
            display: inline-block;
            float: left;
            width: 40%;
            }
        .cajader{
            display: inline-block;
            float: right;
            width: 56%;
            }

        #bloquesend{
            background-color: rgba(197,16,65,0.50);
            display: inline-block;
            float: none;
            width: 90%;
            font-family: "regular";
            font-size: 1em;
            color: #000;
            text-align: center;
            margin: 2% 0px;
            padding: 20px 20px 0px 20px;
            }

/*--- BLOQUE 1 DEGUSTAR ---*/

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

/*--- 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: 25%;
            text-align: left;
         }
        #datosocultos{
            display: none;
            }

        #datos h2{
            font-family: "bold";
            font-size: 1.2em;
            color: #67014b;
            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: 75%;
         }
        #form img{
            display: inline-block;
            float: left;
            width: auto;
         }


        /*--- 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: #67014b;
	            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;
	            }

/*--- VIDEO IFRAME ---*/
        .bloque5 {
            display: inline-block;
            width: 100%;
            box-shadow: 0px 0px 20px #000;
            }
        .video{
            display: inline-block;
            float: none;
            width: 96%;
            height: 600px;
        }

/*--- PIE ---*/

        #bloque11{
            background-color: #67014b;
            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: #FFF;
            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) {

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

                    #volver{
                        width: 95%;
                    }

                    .bloquespie {
                        padding: 15px 0px;
                    }

                    .bloqueseparadores {
                        display: inline-block;
                        float: none;
                        width: 95%;
                        height: auto;
                        padding: 0px;
                    }
                    .aviso{
                        width: 95%;
                        margin: 2% auto;
                        padding: 20px 0px;
                    }
                    .avisoentradas{
                        width: 95%;
                        margin: 2% auto;
                        padding: 20px 0px;
                    }
                    
                    .cajaizq{
                        float: left;
                        width: 40%;
                    }
                    .cajader{
                        float: right;
                        width: 56%;
                    }

            /*--- TEXTO ---*/

                    #bloque1texto {
                        width: 95%;
                        margin: 20px 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;
                    }

            /*--- PRODUCTOS ---*/

                    #bloque5texto {
                        width: 95%;
                        margin: 135px 0px 15px 0px;
                    }
                    #bloque5texto 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;
                    }

                    
                    #datos{
                        float: left;
                        width: 28%;
                    }
                    #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: 70%;
                    }


                    /*--- 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: #67014b;
                            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;
                        }

            /*--- VIDEO IFRAME ---*/
                .bloque5 {
                    display: inline-block;
                    width: 100%;
                    }
                .video{
                    display: inline-block;
                    float: none;
                    width: 96%;
                    height: 450px;
                }

            /*--- PIE ---*/

                    #bloque11texto{
                        display: inline-block;
                        float: none;
                        width: 90%;
                        max-width: 1000px;
                        }
                    #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) {

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

                    #volver{
                        width: 95%;
                    }

                    .bloquespie {
                        padding: 15px 0px;
                    }

                    .bloqueseparadores {
                        display: inline-block;
                        float: none;
                        width: 95%;
                        height: auto;
                        padding: 0px;
                    }
                    .aviso{
                        width: 95%;
                        margin: 2% auto;
                        padding: 20px 0px;
                    }
                    .avisoentradas{
                        width: 95%;
                        margin: 2% auto;
                        padding: 20px 0px;
                    }
                    
                    .cajaizq{
                        float: left;
                        width: 48%;
                    }
                    .cajader{
                        float: right;
                        width: 48%;
                    }

            /*--- TEXTO ---*/

                    #bloque1texto {
                        width: 95%;
                        margin: 20px 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;
                    }

            /*--- PRODUCTOS ---*/

                    #bloque5texto {
                        width: 95%;
                        margin: 135px 0px 15px 0px;
                    }
                    #bloque5texto 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;
                    }

                    
                    #datos{
                        float: left;
                        width: 28%;
                    }
                    #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: 70%;
                    }


                    /*--- 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: #67014b;
                            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;
                        }

            /*--- VIDEO IFRAME ---*/
                .bloque5 {
                    display: inline-block;
                    width: 100%;
                    }
                .video{
                    display: inline-block;
                    float: none;
                    width: 96%;
                    height: 360px;
                }

            /*--- PIE ---*/

                    #bloque11texto{
                        display: inline-block;
                        float: none;
                        width: 90%;
                        max-width: 1000px;
                        }
                    #bloque11texto h2{
                        font-size: 0.8em;
                        }
                    #bloque11texto h3{
                        font-size: 0.8em;
                        text-align: center;
                        padding-bottom: 40px;
                        }

        }

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

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

                    #volver{
                        width: 95%;
                    }

                    .bloquespie {
                        padding: 15px 0px;
                    }

                    .bloqueseparadores {
                        display: inline-block;
                        float: none;
                        width: 95%;
                        height: auto;
                        padding: 0px;
                    }
                    .aviso{
                        width: 95%;
                        margin: 2% auto;
                        padding: 20px 0px;
                    }
                    .avisoentradas{
                        width: 95%;
                        margin: 2% auto;
                        padding: 20px 0px;
                    }
                    
                    .cajaizq{
                        float: left;
                        width: 97%;
                        margin-bottom: 10px;
                    }
                    .cajader{
                        display: none;
                    }

            /*--- TEXTO ---*/

                    #bloque1texto {
                        width: 95%;
                        margin: 20px 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;
                    }

            /*--- PRODUCTOS ---*/

                    #bloque5texto {
                        width: 95%;
                        margin: 135px 0px 15px 0px;
                    }
                    #bloque5texto 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;
                    }

                    
                    #datosocultos{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        text-align: center;
                    }
                    #datosocultos h3{
                       font-family: "regular";
                       font-size: 1em;
                       color: #000;
                       text-align: center;
                    }

                    #datos{
                        display: none;
                        float: right;
                        width: auto;
                    }
                    #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: none;
                        width: 100%;
                    }


                    /*--- 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: #67014b;
                            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;
                        }

            /*--- VIDEO IFRAME ---*/
                .bloque5 {
                    display: inline-block;
                    width: 100%;
                    }
                .video{
                    display: inline-block;
                    float: none;
                    width: 96%;
                    height: 300px;
                }

            /*--- PIE ---*/

                    #bloque11texto{
                        display: inline-block;
                        float: none;
                        width: 90%;
                        max-width: 1000px;
                        }
                    #bloque11texto h2{
                        font-size: 0.8em;
                        }
                    #bloque11texto h3{
                        font-size: 0.8em;
                        text-align: center;
                        padding-bottom: 40px;
                        }

        }

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

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

                    #volver{
                        width: 95%;
                    }

                    .bloquespie {
                        padding: 15px 0px;
                    }

                    .bloqueseparadores {
                        display: inline-block;
                        float: none;
                        width: 95%;
                        height: auto;
                        padding: 0px;
                    }
                    .aviso{
                        width: 95%;
                        margin: 2% auto;
                        padding: 20px 0px;
                    }
                    .avisoentradas{
                        width: 95%;
                        margin: 2% 0px;
                        padding: 20px 0px;
                    }
                    
                    .entradas{
                        margin: 0px 0px;
                        }

                    .cajaizq{
                        float: left;
                        width: 97%;
                        margin-bottom: 10px;
                    }
                    .cajader{
                        display: none;
                    }

            /*--- TEXTO ---*/

                    #bloque1texto {
                        width: 95%;
                        margin: 20px 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;
                    }

            /*--- PRODUCTOS ---*/

                    #bloque5texto {
                        width: 95%;
                        margin: 135px 0px 15px 0px;
                    }
                    #bloque5texto 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;
                    }

                    
                    #datosocultos{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        text-align: center;
                    }
                    #datosocultos h3{
                       font-family: "regular";
                       font-size: 1em;
                       color: #000;
                       text-align: center;
                    }

                    #datos{
                        display: none;
                        float: right;
                        width: auto;
                    }
                    #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: none;
                        width: 100%;
                    }


                    /*--- 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: none;
                            margin-right:20px;
                            padding: 5px 25px;
                            background-color: #67014b;
                            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;
                        }

            /*--- VIDEO IFRAME ---*/
                .bloque5 {
                    display: inline-block;
                    width: 100%;
                    }
                .video{
                    display: inline-block;
                    float: none;
                    width: 96%;
                    height: 300px;
                }

            /*--- PIE ---*/

                    #bloque11texto{
                        display: inline-block;
                        float: none;
                        width: 90%;
                        max-width: 1000px;
                        }
                    #bloque11texto h2{
                        font-size: 0.8em;
                        }
                    #bloque11texto h3{
                        font-size: 0.8em;
                        text-align: center;
                        padding-bottom: 40px;
                        }

        }

    /*--- 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) {
            
                

        }

        /* Estilo para el contenedor del video */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Relación 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%; /* Asegura que el video se ajuste al ancho disponible */
    width: 100%;  /* Asegura que ocupe todo el ancho posible */
    margin: 0 auto; /* Centra el video en pantallas grandes */
}

/* Estilo para el iframe (el video) */
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Estilo adicional para pantallas grandes */
@media (min-width: 768px) { /* Este es el límite para pantallas medianas o grandes */
    .video-container {
        max-width: 960px; /* Puedes ajustar este valor a tu gusto */
    }
}

/* Estilo para el contenedor del texto */
.texto-encabezado {
    text-align: center;
    margin-bottom: 30px;
    color: #ffffff; /* Texto en blanco */
}

/* Título en negrita */
.texto-encabezado .titulo {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
}

/* Descripción */
.texto-encabezado .descripcion {
    font-size: 18px;
    line-height: 1.5;
}