@charset "UTF-8";
@-ms-viewport{width: extend-to-zoom; zoom: 1.0; }
@import url('https://fonts.googleapis.com/css?family=Glegoo:400,700|K2D:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i|Roboto:300,300i,400,400i,700,700i,900,900i'); 

/* ----------- Todo ----------- */

*{	margin:0;    
	padding:0; 
	box-sizing:border-box; 
    border: 0; 
    outline: 0;	
	font-family: 'Roboto', sans-serif; }
a:link {text-decoration:none;}
ul {list-style-type: none;}


/* ------- Encabezado ------- */
.banercito {
	background-color: #005E7C; 
	display: flex;
	justify-content: space-between; 
	width: 100%; 
	margin: 0px; 
	padding: 7px; 
	flex-direction: row;  
	}
#botones_derecha {
		margin-right: 2%;
		margin-top: 2%; }
#menu {
		margin-left: 4%;
		margin-top: 3%; 
		}
.ruta {
	display: flex;
	justify-content: space-around;
	flex-direction: row; 
	font-family: 'K2D', sans-serif; 
	text-transform: uppercase; 
	font-style: oblique; 
	letter-spacing: 0.1em;
	line-height: 2em; 
	padding: 0; 
	color: #B2E6E9; 
	}
#atras1 {background-image: linear-gradient(-5deg,#00ACB5,#005E7C 95%);
		color: #005E7C; 
	    padding: 2em, 0, 1em, 0em;
		width: 33.3%;
		text-indent: 1em;
		letter-spacing: 0;
		font-size: .9em;
		}
#atras2 {
		background-image: linear-gradient(-7deg,#66CDD3,#005E7C 95%); 
		padding: 2em, 0, 2em, 0em;
		width: 33.4%;
		text-indent: 2em;
		font-size: 0.8em;
		}
#atras3 {
		background-color: #00ACB5; 
		padding: 2em, 0, 2em, 0em;
		width: 33.3%;
		text-indent: 2em; 
		font-size: 0.8em;
		}

/* ------- cuerpo ------- */

body {background-color: #E2DFCF; font-family: 'Roboto', sans-serif; }
h1 {font-family: 'K2D', sans-serif; font-weight: 300;}
.datomenu{
    background-color: rgba(255,202,79,35%);
    border-radius: 0 0 1.2em 1.2em;
    color: #201f44;
    display: flex;
    padding: 1.2em 0 1em 1.2em;
    margin: 0 2em 3em 2em;
    justify-content: flex-start; 
    font-style: italic;
    }
.datousuario{padding-left: 1em; }
.datousuario .registro{padding-top: 1em;}
.datousuario #light{padding: 0; margin: 0;}
#dni{padding-bottom: .8em; font-size: italic;}
h6 .registro{color:beige;}
#nomap{font-family: 'K2D', sans-serif; font-size: 1.1em; color:#E6645A;}

/* ------- ******* ------- */


header nav ul li {
		border-bottom:1px solid rgba(255,255,255, .3); /* -- Línea divisoria entre elementos -- */    } 	

/* ------- ******* ------- */

#menu-cuenta li {border-bottom:1px solid #424242; padding-left: 3em;}
#menu-cuenta li a img{width:1.5em; margin-right: .8em;}
#menu-cuenta li:hover {
		width:500px;
		background-color:#00ACB5;
		-webkit-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		transition: all 300ms linear; }
#menu-cuenta li a {
		height:50px;
		line-height:50px;
		display:block;
		color:#243546;
		text-decoration:none;
		font-size:18px;
		padding-left:10px; }
#menu-cuenta li:hover a {
		padding-left:25px;
		color:white;
		-webkit-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		transition: all 200ms linear; }
#page_content {
		margin-top:40px;
		text-align:center;
		}
div ul li{padding: .6em;}
.finm{
	margin: 2em 0 1em 0;
	text-decoration:none;
	font-size:15px;
	display: flex;
	justify-content: center;}
.finm ul li a img {width:1.5em; margin-right: .8em;}
.finm #linkbase{
	font-weight:lighter; 
	font-size: .8em;	
	border-bottom:1px solid;}

/* ------- INFORMACIÓN ------- */
.info{
	background-color: #fff;
	margin-top: 0%;
	display: flex;
	justify-content: flex-end;	
	}
.info figure img{
	max-width: 100%; 
	height: auto;}

*#titulo{
	background-color: #00ACB5;
	color: #E2DFCF; 
	padding: 1em .5em .7em 1em;
	font-size: 2em;
}
#modelo{
	color: #243546; 
	line-height: 2em;
	margin-top: 1em;
	font-size: 1em;}

/* ------- BOTONES ------- */
.botones {			
	display: block; 
	width: 70%; 
	margin: 1em; 
	padding: 1em; 
	flex-direction: column; 
	align-items: center;
	text-align: center; 
	text-transform: uppercase; 
	letter-spacing: 0.1em;
	box-sizing: border-box;  
	}
.botones li {
	line-height: 1em; 
	background: #E6645A;
	border-radius: 3em;
	color: #fff; 
	padding: 1em; 
	justify-content: space-between; 
		}
#especial {
		background: #00ACB5;
		color: #fff; 	
		margin: 5vw;
	}
.recomendado{
	background-color: #EFBE35; 
	color: #243546; }

.img-productos{
	display: flex;
	flex-direction: row;
	justify-content: space-around; 
	margin-right: 3em;
	font-size: 0.7em;
	text-align: center;
	padding-bottom: 5em;
	}
.img-productos figure img{ 
	width: 20vmax;
	height: 20vmax; }
.recomendado h3{
	font-family: 'K2D', sans-serif;
	font-style: italic;
	color: #FFFFFF; 
	text-indent: 2em;
	padding-bottom: 1em; 
	padding-top: 1.5em; 
	}
#muestra figure img{width: 100%; }
#explic{color: #243546; line-height: 1.3em; padding-bottom: 1em; padding-top: 2em; font-size: .9em;}
#explip{color: #243546; line-height: 1.5em; padding-bottom: 1em; font-size: .9em;}
#autor{color: #243546; line-height: 4em; font-variant: small-caps; font-weight: 700;}
#explic ul{text-indent: 3em; line-height: 1.5em; margin-bottom: 1.2em; margin-top: 1em; }

#precio{
	font-weight: 900; 
	padding-top: 1em;
	font-size: 3em;
	color: #E6645A;
	padding-left: 1.3em;
	}
#light{
	margin-bottom: 1em;
	color: #E6645A;
	font-weight: 300;
	padding-left: 4.3em;
	 }
#detalle{
	margin-left: 1.3em;
	color: #243546;
	font-weight: 500;
	 }
#set{	
	line-height: 2em;
	font-weight: 900;	
		 }
#sele{	
	font-size: 0.9em;
}
.prod-resumen{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding-left: 4em;
}
#lej,#lorem{background-color: #00ACB5;
	color: #E2DFCF;
	border-radius: .5em;
	padding: .2em .4em .1em .4em;
	margin:.1em;
	box-shadow: .1em .1em .5em .01em rgba(34,102,106,80%) inset;}
#lorem{margin:6em 3em; text-align: center; font-weight:bold;}

#buscador{background-color:#99A1A2;
	color: #CADDDD;
	border-radius: .5em;
	padding: .5em 1em .5em 1.2em;
	margin:1em 2em;
	box-shadow: -.1em .1em .2em .1em rgba(34,102,106,20%);}