body {

  font-family: Eurostyle, Arial, Helvetica, sans-serif;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: calc(0.6em + 0.6vw);
  font-weight: normal;
  color:  rgb(80,80,80);
  text-decoration: none;
  text-align:justify;
  margin: auto;
  z-index:0;
  background-color: rgb(255,255,255);
}


p, li {line-height:150%; margin:0px;}

p {margin: 10px 0px;}

h1 {
	font-size: calc(1.0em + 0.5vw);
	font-weight: bold;
	color: rgb(240,160,10);
	font-style:italic; 
	letter-spacing: 1.2vw;
	float:inherit;
	padding: 5vw;
	}



h3 {
	font-size: calc(1em + 0.5vw);
	color: rgba(25, 150,200,1);
	text-align: left;
	line-height:1.7em;
}
h4 {
	line-height: 1.5em;
}

section {
	border-radius: 2em;
	border-style: solid;
	border-color: rgb(240,160,10);
	box-shadow: 0.5em 0.5em rgba(210,210,200,1);
	margin:5%;
	max-width: 35%;
	padding:1vw;
	background-color: rgba(240,160,10,0.05);
	float: left;
}

section img{
	width:100%;
	max-width: 512px;
	height: auto;
}

section h2 {
	font-size: calc(1.1em + 0.25vw);
	float: inline-start;
	margin-top: 30%;
	margin-left: 3vw;
	width: auto;
	margin-right: 1.5vw;
	font-weight: bold;
	color: rgb(10, 170,70);
	margin:4vw 1vw;
}

section li {
	margin-left:30px;
}

input, textarea {
	font-size: calc(0.8em + 0.2vw);
	background-color: rgba(240,160,10,0.05);
	border-radius: 0.35em;
	border-style: solid;
	border-color: rgb(240,160,10);
	box-shadow: 0.2em 0.2em rgba(210,210,200,1);
	padding:0.5%;
	margin:0.5vw;
}

textarea {
	resize:none;
	width: 100%;
	height:5em;
}

sub {
	font-style: normal;
	font-size: 0.5em;
}

a {
	color: rgb(10, 170,70);
	text-decoration: none;
}

video {
	max-width: 100%;
}

.img_expo {
	width:auto;
	max-width: 100%;
}

.seccion_ancha {
	max-width: 80%;
	margin: calc(5% + 1vw);
}

.seccion_ancha form {
	margin:1em;
}

.file_select {
	position: relative;
	display:inline-block;
}

#nombreArchivo {
	font-size: calc(0.6em + 0.2vw);
	padding:0.5%;
	margin:0.5vw;
}

#compras td {
	padding:0.5%;
	font-size:calc(0.6em + 0.4vw);
}

#bases li{
	padding-bottom: 1em;
}

.file-select::before {
	font-size: calc(0.6em + 0.2vw);
	background-color: rgba(240,160,10,0.05);
	border-radius: 0.35em;
	border-style: solid;
	border-color: rgb(240,160,10);
	box-shadow: 0.2em 0.2em rgba(210,210,200,1);
	padding:0.5%;
	margin:0.5vw;
	display: flex;            
	justify-content: center;
	align-items: center;
	content: 'Elige vídeo'; 
	position: absolute;   
	      
  }

  .file-select input[type="file"] {
	opacity: 0;
	display: inline-block;            
  }

.dibujo1 {
	width: auto;
	max-width: 512px;
	float: left;
	flex-shrink: inherit;
}

form {
	margin-left: 12vw;
	margin-top: 10vh;
	font-size: calc(0.8em + 0.4vw);
}

.premiado {
	color: rgb(223, 5, 5);
}

.autoria {
	color: rgba(25, 150,200,1);
}

.titulo {
	color: rgb(10, 170,70);
}
.opcion1 {
	float:right;
	flex-shrink: inherit;
	text-align: left;
	min-width: 50%;
}

.opcion1 h2 {
	cursor: pointer;
}

.dibujo2 {
	width: auto;
	max-width: 512px;
	float: right;
	flex-shrink: inherit;
}

.opcion2 {
	float:left;
	flex-shrink: inherit;
	text-align: left;
	min-width: 50%;
}
.opcion2 h2 {
	cursor: pointer; /*temporal hasta que esté el enlace*/
}

.foto_img {
	width: auto;
	max-width: 512px;
	float: left;
	margin:1em;
}

.foto_img p {
	margin:0.5em;
}

.caja {
	display: flex;
}

.logo {
	float: left;
	padding: 1vw;
	margin: 2vw;
	max-width:70%;
	max-height: 110px;
	flex-shrink: inherit;
}
.logo:hover {
	cursor:pointer;
}

.anotacion {
	color: rgba(10, 170,70,0.7);
	font-size: calc(0.8em + 0.4vw);
}

.enviar {
	margin:5%;
	margin-left: 50%;
	background-color: rgba(0, 180, 0,0.15);
	color: rgb(0,100,0);
	padding:0.8em 1em;
	min-width:7em;
	max-width: 30%;
}

#validaCompra, #accesoComercio, #nuevaVenta{
	margin-left:0;
	margin-top: 10vh;
	font-size: calc(0.8em + 0.4vw);
	text-align:start;

}

#accesoComercio, #nuevaVenta{
	margin-top:0;
}

.validar {
	margin:5%;
	margin-left: 15%;
	background-color: rgba(0, 180, 0,0.15);
	color: rgb(0,100,0);
	padding:0.8em 1em;
	min-width:7em;
	max-width: 30%;
}

.rechazar {
	margin:5%;
	margin-left: 5%;
	background-color: rgba(227, 8, 36, 0.90);
	color: rgb(255, 255, 255);
	padding:0.8em 1em;
	min-width:7em;
	max-width: 30%;
}

.celda {
	width:35%;
}

.web {
	margin-left:4em;
}

#content {
	margin: auto;
}

* {
	margin:0;
	padding:0;
}

#usuario {
	font-size: calc(0.5em + 1.2vw);
	position: absolute;
	top: calc(5em + 2vh);
	left: 20vw;
	float: left;
	margin: 3vw;
	color: rgba(25, 150,200,1);
}

#privacidad {
	position:inherit;
	float:left;
	display:none;
	font-size: 0.7em;
	margin: 1em;
	width: 98%;
}

#verPrivacidad {
	position:inherit;
	float:left;
	cursor:pointer;
	width: 90%;
	margin: 0.2em 1em 0.2em 5em;
}

#cookies {
	position:inherit;
	float:left;
	display:none;
	font-size: 0.7em;
	margin: 1em;
	width: 98%;
}

#verCookies {
	position:inherit;
	float:left;
	cursor:pointer;
	width: 90%;
	margin: 0.2em 1em 2em 5em;
}

#pie {
	width: 100%;
	background-color: rgb(230,230,230);
	float:left;
	padding: 1em 0em;
	font-size: 0.9em;
}

#pie p {
	margin: 0.2em 1em;
	width: 95%;
}

  #box_background_msj, #box_background_acceso, #box_background_venta, #fotogrande {
	background: rgba(50,50,50,0.50);
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	z-index: 999;
	display: none;
	position: fixed;
  }

  #box_background_acceso {
	background: rgba(50,50,50,1);
  }

  #imgGrande {
	  max-width:100%;
	  max-height:100%;
  }

  #fotoGrande {
	overflow-y: scroll;
  }

#box_msj, #box_acceso, #box_venta {
    background: rgba(220,240,220,1);
    border-radius: 2px;
    box-shadow: 0.2em 0.2em 0.2em rgba(33, 41, 52, .75);
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width:480px;
    min-width: 240px !important;
    overflow: hidden;
    position: relative;
    width: 50%;
    padding: 1em;
    font-size: 1.0em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    line-height: 1.5em;
    font-size: 1.2em;
    text-align:center;
}


.button_msj {
		margin:5%;
		margin-left: calc(4em + 15vw);
		background-color: rgba(0, 180, 0,0.15);
		color: rgb(0,100,0);
		padding:0.5em;
		min-width:7em;
		max-width: 30%;
}
 
header {
	width:100%;
	position:sticky;
	top:0px;
	background-color: rgb(255,255,255);
	display:flex;
	height:auto;
}
 

 
@media screen and (max-width:800px ) {
	
	section {
		max-width: 80%;
	}
	
	body {
		text-align: left;
	}

	
	.celda {
		width:80%;
	}

}