@charset "utf-8";
/*  Reset Stylesheet */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align: top;
  background:transparent;
   box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  list-style:none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
blockquote, q { quotes:none; }
 
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
 
ins { background-color:#ff9; color:#000; text-decoration:none; }
 
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
 
del { text-decoration: line-through; }
 
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
 
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
 
hr { display:block; height:1px; border:0; border-top:2px solid #282828; margin:0.083em 0; padding:0; }
 
input, select { vertical-align:middle; outline:none; border:0; border-radius:0;  }
:focus { outline:0;}

/*  Reset Stylesheet */
html { height:100%; width: 100%; }
body {
	background-color:#0084c2;
	color:white;
	font-family:'Raleway', sans-serif;
	font-size:12px;
	font-weight: 200;
	height:100%;
	line-height:150%;	 
	margin:0;   
	width:100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}
a{ 
	color:white;
    text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; 
}
a:hover {color:#00F3E1; }


h1, h2,h3, h4 {line-height:130%; }
h1{/*text-transform:uppercase; */letter-spacing:-1px;}
h2{color:white; font-size: 18px; line-height: 150%; padding-bottom:10px; letter-spacing:-0.5px;}
h3{color:white;font-size: 30px; line-height: 90%;letter-spacing:0; text-transform: uppercase;}

figure{ width: auto; margin-bottom:10px;}
figcaption { display:inline-block; padding:0 0 0 10px; text-align: left; }
img, video { border:0; max-width:100%; vertical-align:top; }
hr{display:block;   margin:15px 0; width:100%; padding:0;}

p { line-height:160%; margin:0 0 10px 0; }

.fontbig, .f1,.f2 {font-size:30px; text-shadow: 5px 5px 9px #00203a;} /*4px*/
.f1,.f2{font-family:'Kalam', sans-serif; font-size: 45px; color: white;  line-height: 100%;}
.f2{font-family:'Raleway', sans-serif; font-size: 50px; font-weight: 800; text-transform: uppercase;line-height: 90%; letter-spacing:3px;}
.pll{margin-left: 30px;}
.pll2{margin-left: 70px;}
.vert{color: white; margin: 0 5px;  height: 100px; line-height: 50px;}

 .f1b{line-height:90%;}
.f1b,.f2b{font-family:'Kalam', sans-serif; font-size: 40px; font-weight:700; color: white;  text-shadow: 3px 3px 4px #00203a;}
.f2b{font-family:'Raleway', sans-serif; font-size: 35px; font-weight: 800; text-transform: uppercase;line-height: 110%; letter-spacing:1px;}

.txtblue{color:#0084c2;}
.fontsmall{font-size: 9px;}
.fontsmall2{font-size: 11px;}
.fontmedium{font-size: 17px;}
.fontmedium2{font-size: 19px;}
.fontbignormal{font-size:30px;}
.upp{text-transform: uppercase;}
.alin{text-align: center; margin: 0 auto;}

.linespacing{line-height: 16px;}
.linespacing2{line-height: 20px;}
.linespacing3{line-height: 30px;}
.linespacing4{line-height: 40px;}
@media (max-width: 1200px){
	
}
@media (max-width: 588px){
h3{font-size: 25px; }
.fontmedium2{font-size: 16px;}

.fontbig, .f1,.f2 {font-size:6vw; } /*4px*/
.f1,.f2{font-size: 8vw; line-height: 100%;}
.f2{font-size: 9vw; font-weight: 800;line-height: 90%;}
.pll{margin-left:0;}
.pll2{margin-left: 0;}
.vert{ margin: 0 5px;  height: 100px; line-height: 30px;}

 .f1b{line-height:90%;}
.f1b,.f2b{font-size:7vw;}
.f2b{font-size: 8vw;}

}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------GENERICS*/
.wrap { 
	height: 100%;
	margin: 0 auto;
	max-width:848px;
	padding: 0 0;
	position: relative;
	width: calc(100% - 40px);
}
.btn-generic{
	font-family:'Raleway', sans-serif;
	display:inline-block;
	cursor:pointer;
	font-weight: 500;
	font-size:16px;
	height:30px;
	line-height:30px;
	width:100%;
	max-width:70%;
	margin:0 20px;
	padding:0;
	text-align:center;
	text-transform: uppercase;
	transition:all .16s;
	-webkit-transition:all .16s;
	white-space:nowrap;
	-webkit-font-smoothing:antialiased;
}
.blue{background:#099de2; color: white;}
.btn-generic.blue:hover{background-color:#7dd204; color:white;}

ul.generics {
	display: inline-block;
	font-size:12px;
	/*float: left;
	left:30px;*/
	line-height: 25px;
	margin: 0;
	padding: 5px 0  5px 20px;
	position: relative;
	width: 50%;
}
ul.generics li{list-style-type:none;}

@media (max-width: 1200px){
.wrap { 
	padding: 0 10px;
}
}
@media (max-width: 588px){

}
/*----------------------------------------------------------END-GENERICS*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------INDEX*/
/*---------------HEADER*/
#header {
	background:#FFFFFF; 
	height:90px;
	position:fixed;
	width: 100%;
	/*z-index: 99;*/
	z-index: 999;
}
#logo{
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/deleite-logo.png);
	background-position: center left;
	height:100%;
	left: 20px;
	margin: 0;
	position: absolute;
	width:150px;
	z-index:1;
}
.menu{display: inline-block; text-align: right; height:30px; position: absolute; right: 0; top:0; bottom:0; margin:auto; width:80%;}
ul.linex {
	font-size:18px;
	font-weight:700;
	left:0;
	line-height: 25px;
	margin:0;
	padding:10px 0 0 0;
	position: relative;
	width: 100%;
}
ul.linex li{display: inline; list-style-type:none; padding: 0 20px ;}
ul.linex li a{color: #0084c2;}
ul.linex li a:hover{color:#7dd204;}
ul.linex span{color:#0d74d3; font-weight: 500; padding: 0 10px; }
@media (max-width: 1200px){
	
}
@media (max-width: 588px){
#logo{left:0; right:0; top:0; height:70px; margin:auto; width:100px;}
.menu{right: 0; top: inherit; bottom:15px; height:10px; width: 100%;}
ul.linex {
	font-size:4.5vw;
	font-weight:700;
	left:0;
	line-height: 25px;
	margin:0;
	padding:0;
	position: relative;
	text-align:center;
	width: 100%;
}
ul.linex li{display: inline; list-style-type:none; padding: 0 3vw ;}
 
}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------INICIO*/
#inicio{
	position: relative;
}
#inicio.page, #inicio.confirma{
	background: url(../images/deleite-back.jpg) no-repeat top ;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size: cover;
	background-color: #0084c2;
	height:450px;
	width:100%;
}
#left{
	height: 100px;
	margin: auto;
	padding: 20px 0 0 0;
	position: absolute;
	top: 0; bottom: 0;
	left: 0;
	width: 60%;
	transform-origin:top left;
	transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	-ms-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
}
.confirma #left{padding: 50px 0 0 0;}
#right{
	height: 280px;
	margin:auto;
	position: absolute;
	  bottom: 0;
	right: 0;
	width: 40%;
	z-index: 1;
}
.confirma #right{ background: rgba(255,255,255, 0.8);height: 90px; bottom: 130px; padding:10px; text-align: center;}

#right-movil{ display:none;}

.back-detalle{
	background:url(../images/deleite-back-icon.png) repeat-x top; 
	height: 110px;
	position: absolute;
	bottom: -40px;
	width: 100%;
	
}

#sections{
	background: url(../images/deleite-back-footer.jpg) no-repeat  bottom;
	-webkit-background-size:auto;
	-moz-background-size:auto;
	-o-background-size:auto;
	background-size: contain; 
	height:auto; 
	position: relative;
	padding:50px 0;
	text-align: center;
	width:100%;
}
.confirma#sections{ display:none;}

.sec-inf{color: white; font-weight: 300; text-align: center; margin: 20px auto;width: 80%;}

.bullet-pescado{
	background: url(../images/icon-pez2.png) no-repeat center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	display: block;
	height:40px;
	margin: 10px auto;
	width: 70px;
}
.bullet-titulos{
	background: url(../images/titulos-icon.png) no-repeat center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	display: block;
	height:25px;
	margin: 0 auto;
	width: 200px;
}
#baner{
	background: url(../images/deleite-baner.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:392px;
	margin:80px  auto;
	padding:5%;
	position:relative;
	width:97%;
}
.baner-txt{ 
	height:200px;
	position: absolute;
	right:5%;
	top:0;
	bottom:0;
	margin: auto;
	text-align:left; 
	width:50%;
}
@media (max-width: 1200px){

}
@media (max-width: 588px){
#inicio.page, #inicio.confirma{height:350px;}

#sections{padding:50px 0;}
#left{
	bottom:80px; top: inherit; 
	padding: 20px 0 0 0;
	text-align: center;
	width: 100%;
}
#right{ visibility:hidden;}
.confirma #left{bottom:100px;}
.confirma #right{ display:none;}

#right-movil{ display:inherit; margin:20px 0 80px 0; width:100%;}
.confirma#sections{
	background:none;
	display: inherit;
	height:auto; 
	position: relative;
	padding:20px 0;
	text-align: center;
	width:100%;
}

.sec-inf{width:100%;}

#baner{
	height:392px;
	margin:100px auto;
	padding:0;
	width:100%;
}
.baner-txt{ 
    height:150px;
	margin:auto;
	right:0; left:0;
	bottom:0; top:0;
	text-align: center; 
	width:100%;
}
}
/*----------------------------------------------------------ENDINICIO*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------FOOTER*/
footer{
	background-color: #FFF;
	padding:50px 0;
}
.footertxt, .footertxt2{display:block; padding: 20px 0; text-align: center; width:100%;}

#social li{  width:25px;height:25px;display:inline-block;margin:0 20px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
#fb{background-image:url(../images/social-fb-2.png);}
#ig{background-image:url(../images/social-ig-2.png);}
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------ENDFOOTER*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------CONTACT-FORM*/
.textfield{
	background: rgba(255,255,255, 0.8);
	color:#231f20; font-weight:600;
	border: 1px solid #162f3d;  	
	font-size:11px;
	font-family: 'Raleway', sans-serif; 
	font-style: normal;
	height:30px;
	padding:0 0 0 8px;
	letter-spacing:1px;
	width:95%;
	-webkit-appearance: none;
	
	-o-transition:color .2s ease-out, background .1s ease-out;
    -ms-transition:color .2s ease-out, background .1s ease-out;
    -moz-transition:color .2s ease-out, background .1s ease-out;
    -webkit-transition:color .2s ease-out, background .1s ease-out;
    transition:color .2s ease-out, background .1s ease-out;
	
	display:block;
	margin:0 0 5px 0;
}
.textfield:focus{background:white; border: 1px solid  #0d74d3;}

.textfield2{ display:inline-block; margin:0 1% 0 0; width:48%;}

label{ display:block; color:white; padding: 0 0 10px 0; text-align: center;}
option { color:#363636;} 
textarea{
	background: rgba(255,255,255, 0.8);
	color:#231f20; font-weight:600;
	border: 1px solid #162f3d; 	
	font-size:11px;
	font-family: 'Raleway', sans-serif; 
	font-style: normal;
	height:50px;
	padding:10px 0 0 8px;
	letter-spacing:1px;
	width:95%;	
	-webkit-appearance: none;	
	-o-transition:color .2s ease-out, background .1s ease-out;
    -ms-transition:color .2s ease-out, background .1s ease-out;
    -moz-transition:color .2s ease-out, background .1s ease-out;
    -webkit-transition:color .2s ease-out, background .1s ease-out;
    transition:color .2s ease-out, background .1s ease-out;	
	display: block;
	margin:0 0 5px 0;
}
textarea:focus{background:white; border: 1px solid  #0d74d3;}

#buttoncontent{margin: 10px 0 5px 0; text-align:center; width:100%;}
.button-c {
	background:#099de2;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size:16px;
	color: #FFF;
	border:0;
	cursor:pointer;
	float: none;
	height:30px;
	padding:4px;
	width:100%;
	max-width:70%;
	-o-transition:color .2s ease-out, background .1s ease-out;
    -ms-transition:color .2s ease-out, background .1s ease-out;
    -moz-transition:color .2s ease-out, background .1s ease-out;
    -webkit-transition:color .2s ease-out, background .1s ease-out;
    transition:color .2s ease-out, background .1s ease-out;
	text-align:center;
}
.button-c:hover {background-color: #7dd204; }


@media (max-width: 1200px){
	
}
@media (max-width: 588px){
.textfield2{ display:block; margin:0 1% 0 0; width:100%;}
}
/*----------------------------------------------------------END-CONTACT-FORM*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/