* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body {
	/*background: #ee6dac; /*ROSA --- COLOR DE FONDO GENERAL *************** */
    font-family: Helvetica;
    font-size: 1em;
    letter-spacing: 0.3em;
    font-weight: lighter;
    color: #fff; /* */
}

h1 {
    font-size: 1.6em;
    font-weight: lighter;
    letter-spacing:3.5px;

}


h1 a {
	color: #fff;
	font-weight: lighter;

}

a {
	color: #fff; /*color de los links*/
    text-decoration: none;       
}

a:hover {
   /*color: #ffff00; /**/       
}

header, footer, section#contenedor{
	background: #9f0000; /* GRIS -- COLOR FONDO HEADER ********************* */
    margin: 0 auto;
    max-width: 800px;
    padding: 0.2em;
    z-index: 1000;

}

section#contenedor {
    min-width: 330px;
    min-height: 400px;
    text-align:left; 
    padding: 2em; 
}


header {
	text-align: center;
    border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #fff;
}

footer {

    border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #fff;
}

.logo {
    /*background: #ff0000; /*COLOR FONDO LOGO O NOMBRE*/
    display: inline-block;
    min-width: 40%;
    padding: 2em 1em 1em;
    font-weight: lighter;
    text-align: center;

}


p#ornella{
	font-size: 0.9em;
	letter-spacing: 0.78em;
	line-height:2em;
	padding: 0 0 0 0.5em;
}

.menu_bar {
	display:none;
}


header nav {
    padding: 0.5em;
    min-width: 65%;
    display: inline-block; 
    vertical-align: top;
    text-align: center;
    z-index: 2000;
    /*background: #fff; /*COLOR FONDO DE LA LISTA DEL MENÚ*/
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position:relative;
	padding: 0 0.3em;
	font-size: 1.1em;
	letter-spacing: 0.25em;/**/
}

header nav ul li:hover {
	/*background:#fff; /*COLOR DE FONDO PARA CUANDO PASA EL MOUSE*/
}

header nav ul li a {
	/*color:#828282; /*color del texto de los menús*/
	display:block;
	text-decoration:none;
	padding: 0.5em; /* CONTROLA EL ESPACIO AL REDEDOR DE LOS CARACTERES DEL MENU*/
	font-size: 0.9em;
}

header nav ul li a:hover {
	background:#fff;
	color:#be2b21; /* 	rojo para el mouse over*/
	display:block;
	text-decoration:none;
	padding: 0.5em; /* CON CLICK, CONTROLA EL ESPACIO AL REDEDOR DE LOS CARACTERES DEL MENU*/
}






section#encabezado {  /* LOS CARACTERES ESTÁN A 2PX Y LOS RENGLONES A VALOR 1*/
    padding: 1em; 
}
section#galeria {
    text-align: center;
}


p#prendas {

	font-size: 0.8em;
	padding: 1em 0.5em;
	color: #000;
	text-align: center;
}



article{
    padding: 1em;
    text-align : left;
    letter-spacing:1px;
    line-height:1.5em;

}

article p{
	padding: 0.5em 0;
}


sup {
	color: #000;
}


.marco {
	width: 100%;
	height: 50px;
}


section#flechitas {
    /*background: #ffff00; /* AMARILLO-- MARCO QUE ENVUELVE LOS ELEMENTOS PRINCIPALES */
    text-align:center;
    display: block;
 
}

.flecha1 {
	/*background: #00ffe4; /* CYAN */
	display: inline-block;
	text-align: left;
	vertical-align: top;
	min-width: 40%;
}

.flecha2 {
	/*background: #00ffe4; /* CYAN */
	display: inline-block;
	text-align: right;
	width: 55%;
}


.flech, .flech2 {
	/*background:#fafafa; /*FONDO DE LOS CARACTERES DE "MENÚ"*/
	display: inline-block;
	text-decoration: none;
    padding:0.5em;
    font-size: 0.85em;
}



@media screen and (max-width: 700px) {

	.marco {
		width: 100%;
		height: 500px;
		z-index: 1000;
	}

	header nav ul li .caret {
		display: block;
		top:2px;
		margin:1px auto
	}

	.logo {
        margin: 0 auto;
    }

	.menu_bar {
		/*background:#ccc; /*CAJA DE FONDO DEL MENU*/
		display:block;
		margin: 0 auto;
        padding: 0;
	}

	.menu_bar .bt-menu {
		/*background:#ff00ff; /*FONDO DE LOS CARACTERES DE "MENÚ"*/

		display: block;

		overflow: hidden;
		
		font-size: 0.9em;		
		text-decoration: none;
        margin: 0;
        padding:1em;

        letter-spacing: 0.5em;
    	font-weight: normal;
	}


	header nav {
		background:#fff; /*FONDO DEL MENÚ QUE SE RECORRE ************ */
		width: 100%;
		height: calc(100% - 100px);
		position: fixed;
		left:-100%;
		margin: 0;
		overflow: scroll;
        padding: 0.5em;
	}

	header nav ul li {
		display: block;
		/*border-bottom:1px solid rgba(255,0,255,.3);/**/
		font-size: 1.4em;
		text-align: center;
        padding: 0em; /* espacio que rodea el texto de los submenús*/
        font-weight: lighter;
	}

	header nav ul li a {
		display: block;
		color: #9f0000;
	}

	header nav ul li a:hover {
		font-weight: normal;
		background: #9f0000;
		color: #fff;
	}

	header nav ul li:hover {
		/*background:#fff; /*COLOR DE FONDO PARA CUANDO PASA EL MOUSE*/
	}

	article {
		font-size: 1.2em;
	}





	.flecha1 {
	/*background: #000; /* CYAN */
	
	}

	.flecha2 {
	/*background: #00ffe4; /* CYAN */
	display: inline-block;
	text-align: center;
	width: 65%;
	word-spacing: 0.2em;
	}



}