/* INDÍCE
--------Estructura - Layout--------
--------Tipografía---------
--------Media--------
--------Menus--------
*/
/* --------Estructura - Layout-------- */
*{
    box-sizing: border-box;
}
div {
    border: solid 2px red;
    width: 80%;
    margin: auto;
}
#titulo-intro{
    border: dotted 6px blue;
}
#menu-privacidad{
    border: dashed 4px yellowgreen;
}
.franja-logo{
    background-image: url(img/domestika-logo-icon.png);
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}
.columna{
    float: left;
}
.setentaycinco{
    width: 75%;
}
.cincuenta{
    width: 50%;
}
.treintaytres{
    width: 33.333333%;
}
.veinticinco{
    width: 25%;
}
.limpiar{
    clear: both;
    border: none;
}
/* --------Tipografía--------- */
h1 {
	color: white;
	background-color: #f02d00;
	padding: 20px;
	margin: 0;
}
/* --------Media-------- */
img{
    max-width: 100%;
}
.imagen-derecha {
	width: 30%;
	float: right;
}
/* --------Menus-------- */
.menu li {
	list-style-type: none;
	float: left;
}
.menu a{
    text-decoration: none;
    color: white;
    background-color: #f02d00;
    padding: 10px 20px;
    display: inline-block;
}
.menu a:hover{
    background-color: blue;
}