@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {	margin:0;	padding:0;	border:0;	outline:0;	font-weight:inherit;	font-style:inherit;	font-size:100%;	font-family:inherit; }/* remember to define focus styles! */:focus {	outline:0;}body {	color:black;	background:white;}ol,ul {	list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse:separate;	border-spacing:0;}caption,th,td {	text-align:left;	font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after {	content:"";}blockquote,q {	quotes: "" "";}a:link,a:visited {	text-decoration: none;}a:hover,a:active {	text-decoration: underline;}

html{
    height: 100%;
}

@font-face {
    font-family: 'HoneyScriptLight';
    src: url('../fonts/HoneyScriptLight.eot');
    src: url('../fonts/HoneyScriptLight.eot') format('embedded-opentype'),
         url('../fonts/HoneyScriptLight.woff2') format('woff2'),
         url('../fonts/HoneyScriptLight.woff') format('woff'),
         url('../fonts/HoneyScriptLight.ttf') format('truetype'),
         url('../fonts/HoneyScriptLight.svg#HoneyScriptLight') format('svg');
}

@font-face {
    font-family: 'Quicksand_Bold';
    src: url('../fonts/Quicksand_Bold.eot');
    src: url('../fonts/Quicksand_Bold.eot') format('embedded-opentype'),
         url('../fonts/Quicksand_Bold.woff2') format('woff2'),
         url('../fonts/Quicksand_Bold.woff') format('woff'),
         url('../fonts/Quicksand_Bold.ttf') format('truetype'),
         url('../fonts/Quicksand_Bold.svg#Quicksand_Bold') format('svg');
}

body {
	background: #82acae;
	height: 100%;
}

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background: #82acae;
	background-size: cover;
	transition: 1s opacity;
}

.fondoPrinc {
	height: 100vh;
	position: relatieve;
}

.logo {
	width: 100%;
	height: 250px;
	background: no-repeat  center top url(../images/logofinlandia.png);
	background-size: contain;
}

.brtnRecetario {
	width: 180px;
	height: 244px;
	background: no-repeat  center top url(../images/btnDescarga.png);
	background-size: contain;
	position: absolute;
	bottom: 40px;
	left: 80px;
}

.brtnTabla {
	width: 460px;
	height: 60px;
	background: no-repeat  center top url(../images/btnVerTabla.png);
	background-size: contain;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -230px;
}

.brtnVerVideo {
	width: 188px;
	height: 144px;
	background: no-repeat  center top url(../images/btnVerComercial.png);
	background-size: contain;
	position: absolute;
	bottom: 40px;
	right: 80px;
}

.imgal100 {
	width: 100%;
}

button.close {
    opacity: 1;
    margin-right:-20px;
    margin-top: 5px;
}

.modal-content {
    border-radius: 0;
}


@media (max-width: 768px) {
.brtnRecetario {
	width: 122px;
	height: 165px;
	background: no-repeat  center top url(../images/btnDescarga.png);
	background-size: contain;
	position: absolute;
	bottom: 60px;
	left: 30px;
}

.brtnVerVideo {
	width: 122px;
	height: 95px;
	background: no-repeat  center top url(../images/btnVerComercial.png);
	background-size: contain;
	position: absolute;
	bottom: 60px;
	right: 30px;
}

	
	.brtnTabla {
	width: 300px;
	height: 40px;
	background: no-repeat  center top url(../images/btnVerTabla.png);
	background-size: contain;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -160px;
}
}

@media (max-width: 1280px) and (max-height: 720px) {

}