/*GENERAL++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/            
            
            .txt_rojo {
                color: #f14a62;
            }
            .txt_azul {
                color: #90d3bb;
            }
            .txt_naranja {
                color: #f7a330;
            }
            
            
            body {
                color: #fff;
                margin: 0;
                text-align: center;
                /*background-image: url('../img/cartel.jpg');
                background-size: cover;*/
            }
            
            h2 {
                font-weight: normal;
                margin-top: 0;
            }
            
            
            h3 {
                font-size: 1.5em;
                font-weight: normal;
                margin: 0 !important;
                padding: 0 30%;
            }
            
            a {
                color: #fff;
                text-decoration: none;
            }
            
            
            a.boton {
                background-color: #43A04F;
                border-radius: 15px;
                    -moz-border-radius: 15px;
                    -ms-border-radius: 15px;
                    -o-border-radius: 15px;
                    -webkit-border-radius: 15px;
                display: inline-block;
                margin: 0 auto;
                width: 40%;
            }
                a.boton img {
                    vertical-align: middle;
                    width: 20%;
                }
            
            
/*PANTALLA DE INICIO++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

            div#inicio {
                background-color: #fff;
            }
                div#inicio img {
                    margin-top: 30%;
                    width: 100%;
                }
                
                
/*CABECERA++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/                       
                
            header {
                background-color: #43A04F;
                font-family: 'Roboto', sans-serif;
                overflow: auto;
                padding: 0 1em;
                position: relative;
                text-align: center;
            }
                header h1 {
                    font-size: 1em;
                    margin: 0;
                    margin-top: 0.5em;
                    text-align: right;
                }
                    header span {
                        font-family: 'Roboto Condensed', sans-serif;
                    }
                header img {
                   float: left;
                    vertical-align: middle;
                    width: 10%;
                }
            
/*CONTENIDO++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/       
            
            div.contenido {
                padding-bottom:  0.5em;
            }
            
            
            div#post_header {
                    font-size: 0.8em;
                    overflow: auto;
                    position: relative;
                    text-align: center;
                }
                    div#post_header p#seleccion {
                        /*color: #90d3bb;*/
                        color: #1C1C1C;
                        font-size: 1.2em;
                        /*font-weight: bold;*/
                        margin: 0;
                        text-align: left;
                        width: 100%;
                    }
                        div#post_header p#seleccion span {
                            color: #fff;
                            font-size: 1.1em;
                            padding-left: 3%;
                        }
                        div#post_header img {
                            float: left;
                            width: 8%;
                        }
                        div#post_header img.icono {
                            float: left;
                            padding-left: 5%;
                            padding-top: 5%;
                            vertical-align: middle;
                        }
                        div#post_header img.icono_config {
                            float: left;
                            padding: 1%;
                            padding-right: 5%;
                            vertical-align: middle;
                        }
                        div#post_header h3 {
                            padding: 0 25%;
                        }
            
/*PRESENTACIÓN++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/                   
            
            div#presentacion {
                background-color: #f7a330;
                background-position: 50% 40%;
                background-repeat: no-repeat;
                font-size: 1.2em;
                text-align: center;
            }
            
                div#presentacion div#idioma {
                    float: right;
                    text-align: center;
                    width: 30%;
                }
                    div#presentacion div#idioma img {
                        border-radius: 5px;
                            -moz-border-radius: 5px;
                            -ms-border-radius: 5px;
                            -o-border-radius: 5px;
                            -webkit-border-radius: 5px; 
                        margin: 0 10% 0 0;
                        padding: 0;
                        width: 40%;
                    }
                    div#presentacion div#interseccion {
                        background-image: url('../img/interseccion.png');
                        background-repeat: no-repeat;
                        background-size: 100%;
                        font-size: 0.8em;
                        margin: 0 auto;
                        min-height: 13em;
                        overflow: auto;
                        width: 65%;
                    }
                        div#presentacion div#interseccion p {
                            float: left;
                            margin-bottom: 1.5em;
                            margin-top: 20%;
                            width: 50%;
                        }
                        div#presentacion div#interseccion p:last-child {
                            width: 100%;
                        }
                div#presentacion p#bienvenidos {
                    margin: 0 auto;
                    margin-bottom: 7%;
                    margin-top: 5%;
                    width: 50% !important;    
                }
                
            
/*CONFIGURADOR++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/                   
           
            div#configurar {
                background-color: #ff8040;
            }
                
                div#configurador {
                    background-color: #ECEDEF;
                    min-height: 25em;
                    padding: 2%;
                    position: relative;
                    text-align: center;
                    width: 96%;
                }
                    div#gaiata {
                        margin: 0 auto;
                        position: relative;
                        width: 66%;
                    }
                        img#fondo {
                            border-radius: 30px;
                                -moz-border-radius: 30px;
                                -ms-border-radius: 30px;
                                -o-border-radius: 30px;
                                -webkit-border-radius: 30px;
                            position: relative;
                            width: 100%;
                            
                            /*z-index: 1;*/
                        }
                        
                        img.pieza {
                            visibility: hidden;
                            
                            border-radius: 30px;
                                -moz-border-radius: 30px;
                                -ms-border-radius: 30px;
                                -o-border-radius: 30px;
                                -webkit-border-radius: 30px;
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                        }
                    
                        div#sel_luces {
                            display: block;
                            background: #fff;
                            border-radius: 30px;
                                -moz-border-radius: 30px;
                                -ms-border-radius: 30px;
                                -o-border-radius: 30px;
                                -webkit-border-radius: 30px;
                            overflow: auto;
                            padding: 0.5em;
                            position: absolute;
                            top: 3em;
                            right: 1em;
                            width: 9%;
                        }
                            div#sel_luces a {
                                text-align: center;
                                text-decoration: none;
                            }
                                div#sel_luces img {
                                    width:100%;
                                    margin-bottom: 0.5em;
                                }
                                div#sel_luces img#bombilla {
                                    background-color: #c5c5c5;
                                    border-radius: 100px;
                                        -moz-border-radius: 100px;
                                        -ms-border-radius: 100px;
                                        -o-border-radius: 100px;
                                        -webkit-border-radius: 100px;
                                    margin-bottom: 0.7em;
                                    padding: 20%;
                                    width:60%;
                                }
                        div#sel_colores {
                            visibility: block;
                            margin: 0 auto;
                            margin-bottom: 1em;
							margin-top: 1em;
                            overflow: auto;
                            width:100%;
                        }
                            div#sel_colores a {
                                border: solid 0.1em #585858;
                                border-radius: 10px;
                                    -moz-border-radius: 10px;
                                    -ms-border-radius: 10px;
                                    -o-border-radius: 10px;
                                    -webkit-border-radius: 10px;
                                display: block;
                                float: left;
                                font-family: arial;
                                font-weight: bold;
                                line-height: 2em;
                                margin: 0 0.4%;
                                padding: 0.5em 0;
                                text-decoration: none;
                                height: 1.9em;
                                width: 10.6%;
                            }
                                div#sel_colores a#rojo {
                                    background-color: #c85634;
                                    color: #c85634;
                                }
                                div#sel_colores a#naranja {
                                    background-color: #d6873f;
                                    color: #d6873f;
                                }
                                div#sel_colores a#amarillo {
                                    background-color: #fceb52;
                                    color: #fceb52;
                                }
                                div#sel_colores a#verde {
                                    background-color: #8bb568;
                                    color: #8bb568;
                                }
                                div#sel_colores a#azul {
                                    background-color: #508fca;
                                    color: #508fca;
                                }
                                div#sel_colores a#fucsia {
                                    background-color: #c9659e;
                                    color: #c9659e;
                                }
								div#sel_colores a#blanco {
                                    background-color: #FFF;
                                    color: #FFF;
                                }
                                div#sel_colores a#arcoiris {
                                    background-color: #f5f5f5;
                                    color: #585858;
                                }
                                    div#sel_colores a#arcoiris img {
                                        height: 100%;
                                        width: 100%;
                                    }
                                div#sel_colores a#senyera {
									display: none;
                                    background-color: #f5f5f5;
                                    color: #585858;
                                }
                                    div#sel_colores a#senyera img {
									display: none;
                                       height: 100%;
                                       width: 100%;
                                    }
                        
                        a#finalizar {
                            visibility: hidden;
                        }
                
/*FINALIZAR++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/       
                
            div#finalizar {
                background-color: #90d3bb;
                font-size: 1.2em;
            }
                
                div#finalizar input#nombre {
                    background-color: #f5f5f5;
                    border-radius: 10px;
                        -moz-border-radius: 10px;
                        -ms-border-radius: 10px;
                        -o-border-radius: 10px;
                        -webkit-border-radius: 10px;
                    font-size: 1.5em;
                    margin: 2.2em 0;
                    padding: 0.1em;
                    width: 80%;
                }
                
                
                
/*COLA++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/                       
                
            div#cola {
                background-color: #f14a62;
            }
                div#cola div#lista_procesos {
                    background-color: #f5f5f5;
                    color: #f7a330;
                    display: table;
                    font-size: 1.6em;
                    padding: 0 8%;
                    width: 84%;
                }
                    div#cola div#lista_procesos div.tr {
                        display: table-row;
                    }
                    div#cola div#lista_procesos div.espera {
                        color: #585858;
                        font-size: 0.5em;
                    }
                        div#cola div#lista_procesos div.tr div.td {
                            border-bottom: solid 1px #585858;
                            display: table-cell;
                            padding: 0.5em 0.1em;
                            text-align: left;
                        }
                    div#cola div#lista_procesos img {
                        vertical-align: middle;
                        width: 15px;
                    }
                div#cola div:last-child {
                    background-color: #f5f5f5;
                }
                
                div#cola a.boton {
                    margin: 2em 0;
                }


/*AGRADECIMIENTOS++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/                   
            
            div#agradecimientos {
                background-color: #f7a330;
                color: #FFF;
                font-size: 1.2em;
                padding-top: 1.5em;
                text-align: center;
            }
            
                div#agradecimientos p {
                    font-size: 0.9em;
                    margin: 0;
                    padding: 1% 15%;
                }
                
                div#agradecimientos ul {
                    list-style: none;
                    margin: 0 auto;
                    margin-bottom: 8%;
                    margin-top: 8%;
                    padding: 0;
                    width: 80%;    
                }
                    div#agradecimientos ul li {
                        font-size: 0.9em;
                        font-style: italic;
                    }
                    div#agradecimientos>ul>li {
                        color: #ad403a;
                        font-family: 'Roboto', sans-serif;
                        font-size: 1em;
                        font-style: normal;
                        font-weight: bold;
                    }










/*PIE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/   

              
            footer {
                background-color: #42a14f;
                padding: 0.5em 0;
                text-align: center;
            }
            footer img {
                width: 10%;
            }
            
/*RESPONSIVE++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/                   
            
            div#adaptable {
                margin: 0 auto;
                box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
                    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
                    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
                    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
            }
            
            
            /* Portrait phones and smaller +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++(hasta 480px)*/

            
            @media (min-width: 250px) {
                            /*a.boton {
                             padding: 1.5em 3em;
                            }
                                a.boton img {
                                    margin-left: -4.5em;
                                }
                                */
                                div#sel_colores {
                                padding: 0;
                                width: 100%;
                            }
            }
            
            
            
            
    
            @media (min-width: 430px) {
                            /*a.boton img {
                                width: 20%;
                            }  */                          
                            div#presentacion div#interseccion {
                                min-height: 20em;
                            }
                                                        
                            /*header img {
                                position: absolute;
                                top: 5%;
                                left: 5%;
                                width: 10%;
                            }
                            div#post_header img {
                                width: 5%;
                            }*/
                            
                            div#sel_colores {
                                padding: 0 5%;
                                width: 90%;
                            }
                            
                            
            }
            
            @media (min-width: 590px) {
                            /* a.boton img {
                                width: 15%;
                            }*/
                            div#presentacion div#interseccion {
                                min-height: 25em;
                            }
                            div#sel_colores {
                                padding: 0 10%;
                                width: 80%;
                            }
            }
                       
            
            @media (min-width: 700px) {
                            div#adaptable {
                                 width: 66%;
                            }
                            body {
                                background-image: url('../img/cartel.jpg');
                                background-size: cover;
                            }
                            div#presentacion div#interseccion {
                                font-size: 1em;
                                min-height: 20em;
                            }
            }    

            
            /*max 768px*****************************************************************************************************/
            
            @media screen and (min-width: 850px) {
                            div#adaptable {
                                width: 50%;
                            }
            }  
            
			
            /*max 910 px****************************************************************************************************/
			
            @media screen and (min-width: 1200px) {
                            div#adaptable {
                                width: 40%;
                            }
                            
                            div#presentacion div#interseccion {
                                width: 50%;
                            }
                            
                            div#sel_colores {
                                padding: 0 12%;
                                width: 76%;
                            }
            }
            
            
            
            
            /*movil en horizontal******************************************************************************************/
            
           /* @media (min-width: 530px) and (orientation: landscape) {
                div#adaptable {
					 width: 66%;
				}
            }    */