@charset "UTF-8";
* {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Etiquetas */
a, body {
	color: black;
}
	a {
		text-decoration:none;        
	}
	body {
		font-family:  Verdana, Geneva, sans-serif;
        /* font-family: 'Source Sans Pro', sans-serif; */
		font-size:12px;
	}
h2, h3, h4, h5 {
    font-weight:normal;	
    letter-spacing: 0;
}
    h2, h3 {
        margin-top:20px;
        margin-bottom:20px;
    }
    h3 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
        margin-top:10px;
        margin-bottom:10px;
    }
img {
    max-width: 100%;
}
table {
    border-collapse:collapse;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"], input[type="submit"], input[type="button"], select, textarea, .botonTodos {
	font-family:  Verdana, Geneva, sans-serif;
    border: 1px solid #bbb;
    border-radius: 3px;
	padding: 2px;
	margin: 2px 0;
}
    textarea {
        font-size: 12px;
    }
    input[type="submit"] {
		cursor: pointer;
		text-align:center;
	}
		input[type="submit"]:hover {
			background-color:#CCC;
		}

/* Estructura: Encabezado, Cuerpo y Pie */
header, section#cuerpo, footer {
    display:block;
}
header {
    margin:10px;
}
    header h1#logotipo, nav#menu_sup, nav#identificate {
        display: inline-block;
        vertical-align:bottom;
        overflow: hidden;
    }
        header h1#logotipo {
            width: 15%;
            font-size: 0;
            position:relative;
            margin-left:8px;
        }
            header h1#logotipo img { 
                max-height:60px;
                max-width: 100%;
                vertical-align: bottom;
            }
        nav#menu_sup, nav#identificate {
            margin-bottom: 20px;
        }    
        nav#menu_sup {
            width: 67%;             
        }
            nav#menu_sup ul {
                text-align: center;
            }
                nav#menu_sup ul li {
                    list-style-type: none;
                    display: inline-block;
                    vertical-align: bottom;
                    margin: 0 10px;
                }
                    nav#menu_sup ul li a {
                        display: block;
                    }
                        nav#menu_sup ul li a:hover {
                            font-weight: bold;
                        }
        nav#identificate {
            width: 15%;
            text-align: right;
            padding-right: 4px;
        }
            nav#identificate div {
                display: inline-block;
                vertical-align: bottom;
            }
hr {
    margin-top: 8px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}
section#cuerpo {
    margin: 0 auto;
    width: 98%;
}
    section#izquierda, section#cuerpo{
        display: inline-block;
        vertical-align: top;
    }
        section#izquierda {
            width:15%;
            display:inline-block;
            vertical-align:top;
        }
            section#izquierda img#modelo {
                width: 100%;
            }
            section#izquierda ul {
                font-size: 10px;
            }
            section#izquierda ul li {
                list-style-type: none;
                margin: 2px 0;
            }
                nav#menucompleto {
                    margin: 10px 0;
                }
                    nav#menucompleto ul li {
                        list-style-type: none;
                        }
                        nav#menucompleto ul li a {
                            display: block;
                            padding:4px;
                            border-bottom:1px dashed Black;
                        }
                            nav#menucompleto ul li a:hover {
                                border-bottom:1px solid Black;
                                font-size: 11px;
                            }
                            nav#menucompleto ul li a.menu_selec_izda {
                                border-bottom: 1px solid black;
                                background-color: #E4E4E480;
                            }
                                nav#menucompleto ul li ul {
                                    padding-top:5px;
                                    padding-left:20px;
                                }
                                    nav#menucompleto ul li ul table {
                                        font-size:9px;
                                    }
                                        nav#menucompleto ul li ul table tr {
                                            vertical-align:top;
                                    }

        section#contenido{
            display:inline-block;
            width:82%;
            margin-left:10px;
        }
            nav#titulocontenido, nav#botonesderecha, nav#botonesderecha div  {
                display: inline-block;
                vertical-align:bottom;
                overflow: hidden;
            }
            nav#titulocontenido {
                width: 40%;
                font-size: 14px;
                text-transform: uppercase;
            }
            nav#botonesderecha {
                width: 59%;
                text-align: right;
            }
                nav#botonesderecha div {
                    margin-left: 10px;
                }
            /* article# lista */
            article#lista {
                margin-bottom: 10px;;
            }                
                article#lista #columna div {
                    display: inline-block;
                    vertical-align: top;
                    text-align: center;
                    border: 1px solid #bbb;
                    border-radius: 3px;
                    padding: 5px;
                    margin-right:2px;
                    margin-bottom:5px;
                }
                article#lista #columna div:hover {
                    background-color:#F2F2F2;
                }
                
                article#lista table td#img {
                    width: 180px;
                    text-align: center;
                }
                article#lista table tr {
                    border-bottom: 1px dashed Black;
                }
                article#lista.scroll_muestra50 {
                    font-size:8px;
                    padding:5px;
                    background-color: white;
                    border: 1px solid #e7e7e7;
                    margin-bottom: 15px;
                }

                table#lista {
                    width: 100%;
                    margin-top:10px;
                    margin-bottom:10px;
                    border: 1px solid #bbb;
                    border-radius: 3px;
                }
                table#total {
                    width: 100%;
                }
                    table#lista th {
                        background-color:black;
                        border: 1px solid black;
                        color: white;
                        font-weight:normal;
                        height: 20px;
                    }
                
                    table#lista #pie {
                        font-size:14px;
                        background-color: #EAEAEA;
                        text-align: right;
                        padding: 20px;
                    }
                        table#lista #pie #total {
                            font-size:14px;
                        }
                        table#lista #pie #iva {
                            font-style:italic;
                            font-size:9px;
                        }
                        
                    table#lista th, table#lista td, table#total th, table#total td {
                        padding:5px;
                    }
                    table#lista tr {
                        border-bottom: 1px dashed #CCC;
                    }
                    table#lista td#pie div {
                        border: 0;
                    }
                    table#lista td#pie div:hover {
                        background:none;
                    }
                    table#lista td#ref {
                        text-align:left;
                    }
                        table#lista td#ref a {
                            text-decoration:none;
                            color:#000;
                        }
                            table#lista td#ref a:hover {
                                text-decoration:underline;
                            }
                    table#lista ul li {
                        display:inline-block;
                        vertical-align:top;
                        padding:2px 5px;
                    }

            /* article# formulario */
            article#formulario {
                margin-bottom: 10px;;
            }
                div#datos {
                    width: 98%;
                    margin-top: 1%;
                    padding: 1%;
                }

                div#columna {
                    display: inline-block;
                    vertical-align: top;
                    text-align:left;
                    /*margin-right: 3%;*/
                }
                    div#columna ul {
                            list-style: none;	
                            padding:5px 10px;
                        }
                            div#columna ul li {
                                display:block;
                                margin: 5px 0;
                            }
                    div#columna form {
                        display: inline-block;
                        vertical-align: bottom;
                    }
                            
                div#cuadro {
                    margin: 1% 0;
                    padding: 1%;
                }
                    div#cuadro ul {
                        list-style: none;
                    }
                        div#cuadro ul li {
                            text-align:left;
                            display: inline-block;
                            vertical-align:top;
                            margin-right: 10px;
                        }
                    div#cuadro form {
                        display: inline-block;
                        vertical-align: bottom;
                    }
                        
               div#tabla {
                    padding: 1%;
                    margin: 4px 0;
                }
                    div#tabla ul.pc li {
                        display:block;
                        padding: 2px;
                        width:98%;
                        list-style-type: none;
                    }
                    div#tabla ul.movil {
                        width: 98%;
                    }
                    div#tabla ul.movil li {
                        list-style-type: none;
                        display: inline-block;
                        padding-right: 6px;
                        margin: 4px 2px;
                        /*text-align: center;*/
                    }
                        div#tabla ul li ul {
                            font-size: 0.95em;
                        }
                        article#taba ul li div {
                            display: inline-block;
                            vertical-align:top;
                        }
                div#tabla ul li ul li {
                    margin-left: 2%;
                }

/* Para que los trix crezcan con el texto que escribamos */
trix-editor {
    overflow-y: auto !important;
}

footer {
    text-align: center;
}

    footer #pie{
        background-color: #575c56;
        padding: 55px 25px;	
        color:#FFF; 
        font-size:15px;
    }
        footer #pie a{
            color:#FFF; 
        }	
        footer #pie article#col{
            width:20%;
            display:inline-block;
            text-align:left;
            vertical-align:top;
            min-height:200px;	
        }
        footer #pie h4{
            font-size: 23px;
            letter-spacing: 0;
        }
        footer #pie li {
            list-style: none;
            line-height: 27px;
        }

/*RESPONSIVE*/
@media screen and (max-width:100000px) {
	/*Movil_Ocultar*/
	.icon_menu_sup, .movil, .movil_listado {
		display: none;
	}
}
@media screen and (max-width:1000px) {
	/*Header*/
	nav#menu_sup ul li {
		margin: 0 9px;
		font-size: 11px;
	}
	
	nav#botonesderecha {
		width: 25%;
	}
	nav#titulocontenido {
		width: 74%;
	}
}
@media screen and (max-width:900px) {
	/*Contenido*/
	
	/*Header*/
	header h1#logotipo {
		width: 20%;
	}
	nav#menu_sup {
		width: 59%;
	}
		nav#menu_sup ul li {
			margin: 0 15px;
		}
		nav#menu_sup .icon_menu_sup {
			display: inline;
		}
		nav#menu_sup .texto_menu_sup {
			display: none;
		}
	nav#identificate {
		width:18%;
	}
	
	/*Usuario - Cliente*/
	.movil {
		display:block;
	}
	.pc {
		display:none;
	}
}
@media screen and (max-width:800px) {
	input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"], 
	input[type="submit"], select, textarea {
		font-size: 10px;
		min-height: 15px;
	}
	
	/*Header*/
	nav#menu_sup {
		width: 57%;
	}
	nav#identificate {
		width:20%;
	}
	
	nav#botonesderecha {
		width: 28%;
	}
	nav#titulocontenido {
		width: 71%;
	}

}
@media screen and (max-width:1250px) {
    footer #pie article#col{
        width:22%;
    }
}
@media screen and (max-width:730px) {
    header h1#logotipo {
        width: 20%;
    }
    footer #pie article#col {
        width: 48%;
    }
}
@media screen and (max-width:700px) {
	/*Contenido*/
    section#izquierda .icon_menucompleto {
        display:none;
    }
	
	/*Header*/
	nav#menu_sup {
		width: 54%;
	}
		nav#menu_sup ul li {
			margin: 0 10px;
		}
	nav#identificate {
		width:22%;
	}
	
	nav#botonesderecha {
		width: 33%;
	}
	nav#titulocontenido {
		width: 65%;
	}
    /* Columnas */
    div#columna {
        width:100%;
    }
	
}
@media screen and (max-width:600px) {
	/*Contenido*/
	section#izquierda {
		width:8%;
		text-align:center;
	}
		section#izquierda .texto_menucompleto {
			display:none;
		}
		section#izquierda .icon_menucompleto {
			display: inline;
		}

    section#contenido {
		width:88%;
    }
	/*Header*/
	header h1#logotipo {
		width: 30%;
	}
    nav#menu_sup {
        width: 100%;
        margin-bottom: 0px;
      }
	nav#identificate {
		width:100%;
        margin-bottom: 0px;
	}

	/**/
	nav#botonesderecha, nav#titulocontenido {
		width: 100%;
	}
	nav#titulocontenido {
		margin-bottom: 5px;
		text-align:center;
	}
}
@media screen and (max-width:500px) {
	/*Contenido*/
	section#izquierda, section#contenido {
		width:96%;
	}
		section#izquierda {
			text-align:left;
			margin-bottom: 5px;
		}
			section#izquierda .texto_menucompleto {
				display: inline;
			}
}
@media screen and (max-width:450px) {
	/*Header*/
	header h1#logotipo {
		width: 100%;
        text-align: center;
    }
	nav#identificate {
		width: 100%;
	}
    nav#titulocontenido {
		font-size: 13px;
	}
}