@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700);
@import url(https://fonts.googleapis.com/css?family=Pacifico);

/* RESET CSS */
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}
html, body, form, button, input[type='submit'], fieldset, p, div, h1, h2, h3, h4, h5, h6 {
-webkit-text-size-adjust:none;
-webkit-appearance: none;
}
select {
	-webkit-appearance: none;
	background: #FFF url(https://www.lmental.com/images/select-arrow.gif) no-repeat right center !important;
}
ul {list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,h7 { margin-top:0;}

h2 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:60px;
	line-height:60px;
	font-weight:700;
	color:#373e45;
	
	background:url(https://www.lmental.com/images/under-h2-yellow.png) no-repeat center bottom;
	padding-bottom:5px;
	margin-bottom:35px;
}
h3 {
	display:inline-block;
	clear:both;
	background:#f0bd4f;
	font-family: 'Pacifico', cursive;
	font-size:36px;
	line-height:42px;
	font-weight:normal;
	color:#373e45;
	padding:15px 30px;
}
h4 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:36px;
	line-height:36px;
	font-weight:300;
	color:#373e45;
	margin:50px 0 0 0;
}
p {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:24px;
	font-weight:300;
	line-height:24px;
	color:#7e7e7e;
	margin:0 0 25px 0;
}
p strong {
	font-weight:500;
	color:#373e45;
}


/* CSS GENERIC */
.fullscreen {width:100%;min-height:100%;}
.grid {position:relative;width:976px;margin:0 auto;}
.centering {text-align:center;}
.break {display:block;}
.clear {clear:both;}
.img-resp {max-width:100%;height:auto;}
.seporange {background:url(https://www.lmental.com/images/sep-orange.png) no-repeat center center; height:18px; padding:30px 0;}
.sepgreen {background:url(https://www.lmental.com/images/sep-green.png) no-repeat center center; height:18px; margin:30px 0;}
.doble_shadow {
	position:relative;
	background: url(https://www.lmental.com/images/doble_shadow.png) no-repeat center -1px;
	background-size:100% 35px;
	height:35px;
	padding-bottom:20px;
}

/* CSS HEADER */
#header {position:fixed;top:0;background:#7997a9;z-index:100;width:100%;transition:top 0.6s ease-out;}
#header .doble_shadow {
	display:block;
	position: absolute;
	top: 86px;
	max-width: 976px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#header #logo {margin:15px;}
#header #logo a .imago { pointer-events:none;transform: rotateY(0deg);margin-right:0; transition:all 1.1s ease-out;}
#header #logo a:hover .imago { transform: rotateY(360deg);}
#header a.back {
	position:absolute;
	top:16px;
	right:15px;
	
	background:#f0bd4f;
	border-radius:30px;
	padding:3px 20px;
	box-shadow:0 4px 0 #555b61;
	
	font-family: 'Pacifico', cursive;
	font-size: 24px;
	color: #373e45;
	text-decoration:none;
}
#header a.back:hover {box-shadow:0 1px 0 #555b61;top:18px;}


/* CSS HIDE HEADER */
#header.hide {top:-105px;}


/* CSS MAIN */
#main {
	position:relative;
	background:#f7f7f9 url(https://www.lmental.com/images/bg_info.jpg) no-repeat center top;
}
#template {
	
	padding:145px 0 75px 0;
}
#template a {color:#23a1ea; font-weight:400;text-decoration:none;word-break: break-all;}
#template a:hover {text-decoration:underline;}


/* CSS FOOTER */
#footer {
	position:relative;
	background:#373e45;
	padding:20px;
}
#footer #logo {position:absolute;top:25px;left:20px;transition:all 0.3s ease-out;}
#footer #logo a {display:block;}
#footer #logo a .imago { pointer-events:none;transform: rotateY(0deg);margin-right:0; transition:all 1.1s ease-out;}
#footer #logo a:hover .imago { transform: rotateY(360deg);}

#footer .links {
	display:block;
	text-align:center;
	margin:20px 250px;
	font-family: 'Yanone Kaffeesatz';
	font-size:20px;
	font-weight:200;
	color:#818a94;
}
#footer .links a {color:#818a94;text-decoration:none;font-weight:400;}
#footer .links a:hover {text-decoration:underline;}

#footer #info {
	margin:40px 0 0 0;
	padding:15px 0 0 0;
	border-top:solid 1px #61686e;
	font-family: 'Yanone Kaffeesatz';
	font-size:16px;
	color:#818a94;
	font-weight:200;
}
#footer #info b {color:#f0bd4f;font-weight:500;}
#footer #info .iconos {float:right;margin:5px 0 0 15px;}

#footer ul#social {position:absolute;top:38px;right:30px;transition:all 0.3s ease-out}
#footer ul#social li {display:inline-block;}
#footer ul#social li a {
	position:relative;
	bottom:0;
	display:block;
	padding:8px 11px;
	font-size:18px;
	color:#818a94;
	transition:bottom 0.3s ease-out;
}
#footer ul#social li a:hover {
	background: url(https://www.lmental.com/images/shot-social-light.png) no-repeat center center;
	color:#f0bd4f;
	bottom:6px;
}