@charset "utf-8";

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?uj0j12');
	src:url('../fonts/icomoon.eot?#iefixuj0j12') format('embedded-opentype'),
		url('../fonts/icomoon.woff?uj0j12') format('woff'),
		url('../fonts/icomoon.ttf?uj0j12') format('truetype'),
		url('../fonts/icomoon.svg?uj0j12#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-youtube:before {
	content: "\e605";
}
.icon-lab:before {
	content: "\e638";
}
.icon-triangulo:before {
	content: "\e600";
}
.icon-logo_boonker:before {
	content: "\e601";
}
.icon-agotado:before {
	content: "\e602";
}
.icon-actualiar:before {
	content: "\e603";
}
.icon-admin:before {
	content: "\e604";
}
.icon-arri:before {
	content: "\e606";
}
.icon-bomb:before {
	content: "\e607";
}
.icon-cale:before {
	content: "\e608";
}
.icon-candado:before {
	content: "\e609";
}
.icon-casa:before,
.icon-hogar:before {
	content: "\e60a";
}
.icon-ceramica:before {
	content: "\e60b";
}
.icon-cerrar:before {
	content: "\e60c";
}
.icon-comp:before {
	content: "\e60d";
}
.icon-corazon:before {
	content: "\e60e";
}
.icon-corr:before {
	content: "\e60f";
}
.icon-creativo:before {
	content: "\e610";
}
.icon-delete:before {
	content: "\e611";
}
.icon-edit:before {
	content: "\e612";
}
.icon-electronica:before {
	content: "\e613";
}
.icon-face:before {
	content: "\e614";
}
.icon-flec:before {
	content: "\e615";
}
.icon-flic:before {
	content: "\e637";
}
.icon-foto:before {
	content: "\e616";
}
.icon-hombre:before {
	content: "\e617";
}
.icon-info:before {
	content: "\e618";
}
.icon-inst:before {
	content: "\e619";
}
.icon-libros:before {
	content: "\e61a";
}
.icon-like:before {
	content: "\e61b";
}
.icon-luminaria:before {
	content: "\e61c";
}
.icon-lupa:before {
	content: "\e61d";
}
.icon-lupa2:before {
	content: "\e61e";
}
.icon-mapa:before {
	content: "\e61f";
}
.icon-mas:before {
	content: "\e620";
}
.icon-mns:before {
	content: "\e621";
}
.icon-mobiliario:before {
	content: "\e622";
}
.icon-moda:before {
	content: "\e623";
}
.icon-mujer:before {
	content: "\e624";
}
.icon-mundo:before {
	content: "\e625";
}
.icon-musica:before {
	content: "\e626";
}
.icon-ninos:before {
	content: "\e627";
}
.icon-noti:before {
	content: "\e628";
}
.icon-redes:before {
	content: "\e629";
}
.icon-reloj:before {
	content: "\e62a";
}
.icon-salir1:before {
	content: "\e62b";
}
.icon-sex:before {
	content: "\e62c";
}
.icon-tele:before {
	content: "\e62d";
}
.icon-todos:before,
.icon-otros:before {
	content: "\e62e";
}
.icon-tri:before {
	content: "\e62f";
}
.icon-tumb:before {
	content: "\e630";
}
.icon-twit:before {
	content: "\e631";
}
.icon-user:before {
	content: "\e632";
}
.icon-veo_mostros:before {
	content: "\e633";
}
.icon-vidrio:before {
	content: "\e634";
}
.icon-web:before {
	content: "\e635";
}
.icon-menu:before {
	content: "\e636";
}


/* CSS Document
   #ffcb05 */

@font-face {
	font-family: 'Linearicons';
	src:url('../fonts/Linearicons-Free.eot?w118d');
	src:url('../fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
		url('../fonts/Linearicons-Free.woff2?w118d') format('woff2'),
		url('../fonts/Linearicons-Free.woff?w118d') format('woff'),
		url('../fonts/Linearicons-Free.ttf?w118d') format('truetype'),
		url('../fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="lnr-"], [class*=" lnr-"] {
	font-family: 'Linearicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.lnr-home:before {
	content: "\e800";
}
.lnr-apartment:before {
	content: "\e801";
}
.lnr-pencil:before {
	content: "\e802";
}
.lnr-magic-wand:before {
	content: "\e803";
}
.lnr-drop:before {
	content: "\e804";
}
.lnr-lighter:before {
	content: "\e805";
}
.lnr-poop:before {
	content: "\e806";
}
.lnr-sun:before {
	content: "\e807";
}
.lnr-moon:before {
	content: "\e808";
}
.lnr-cloud:before {
	content: "\e809";
}
.lnr-cloud-upload:before {
	content: "\e80a";
}
.lnr-cloud-download:before {
	content: "\e80b";
}
.lnr-cloud-sync:before {
	content: "\e80c";
}
.lnr-cloud-check:before {
	content: "\e80d";
}
.lnr-database:before {
	content: "\e80e";
}
.lnr-lock:before {
	content: "\e80f";
}
.lnr-cog:before {
	content: "\e810";
}
.lnr-trash:before {
	content: "\e811";
}
.lnr-dice:before {
	content: "\e812";
}
.lnr-heart:before {
	content: "\e813";
}
.lnr-star:before {
	content: "\e814";
}
.lnr-star-half:before {
	content: "\e815";
}
.lnr-star-empty:before {
	content: "\e816";
}
.lnr-flag:before {
	content: "\e817";
}
.lnr-envelope:before {
	content: "\e818";
}
.lnr-paperclip:before {
	content: "\e819";
}
.lnr-inbox:before {
	content: "\e81a";
}
.lnr-eye:before {
	content: "\e81b";
}
.lnr-printer:before {
	content: "\e81c";
}
.lnr-file-empty:before {
	content: "\e81d";
}
.lnr-file-add:before {
	content: "\e81e";
}
.lnr-enter:before {
	content: "\e81f";
}
.lnr-exit:before {
	content: "\e820";
}
.lnr-graduation-hat:before {
	content: "\e821";
}
.lnr-license:before {
	content: "\e822";
}
.lnr-music-note:before {
	content: "\e823";
}
.lnr-film-play:before {
	content: "\e824";
}
.lnr-camera-video:before {
	content: "\e825";
}
.lnr-camera:before {
	content: "\e826";
}
.lnr-picture:before {
	content: "\e827";
}
.lnr-book:before {
	content: "\e828";
}
.lnr-bookmark:before {
	content: "\e829";
}
.lnr-user:before {
	content: "\e82a";
}
.lnr-users:before {
	content: "\e82b";
}
.lnr-shirt:before {
	content: "\e82c";
}
.lnr-store:before {
	content: "\e82d";
}
.lnr-cart:before {
	content: "\e82e";
}
.lnr-tag:before {
	content: "\e82f";
}
.lnr-phone-handset:before {
	content: "\e830";
}
.lnr-phone:before {
	content: "\e831";
}
.lnr-pushpin:before {
	content: "\e832";
}
.lnr-map-marker:before {
	content: "\e833";
}
.lnr-map:before {
	content: "\e834";
}
.lnr-location:before {
	content: "\e835";
}
.lnr-calendar-full:before {
	content: "\e836";
}
.lnr-keyboard:before {
	content: "\e837";
}
.lnr-spell-check:before {
	content: "\e838";
}
.lnr-screen:before {
	content: "\e839";
}
.lnr-smartphone:before {
	content: "\e83a";
}
.lnr-tablet:before {
	content: "\e83b";
}
.lnr-laptop:before {
	content: "\e83c";
}
.lnr-laptop-phone:before {
	content: "\e83d";
}
.lnr-power-switch:before {
	content: "\e83e";
}
.lnr-bubble:before {
	content: "\e83f";
}
.lnr-heart-pulse:before {
	content: "\e840";
}
.lnr-construction:before {
	content: "\e841";
}
.lnr-pie-chart:before {
	content: "\e842";
}
.lnr-chart-bars:before {
	content: "\e843";
}
.lnr-gift:before {
	content: "\e844";
}
.lnr-diamond:before {
	content: "\e845";
}
.lnr-linearicons:before {
	content: "\e846";
}
.lnr-dinner:before {
	content: "\e847";
}
.lnr-coffee-cup:before {
	content: "\e848";
}
.lnr-leaf:before {
	content: "\e849";
}
.lnr-paw:before {
	content: "\e84a";
}
.lnr-rocket:before {
	content: "\e84b";
}
.lnr-briefcase:before {
	content: "\e84c";
}
.lnr-bus:before {
	content: "\e84d";
}
.lnr-car:before {
	content: "\e84e";
}
.lnr-train:before {
	content: "\e84f";
}
.lnr-bicycle:before {
	content: "\e850";
}
.lnr-wheelchair:before {
	content: "\e851";
}
.lnr-select:before {
	content: "\e852";
}
.lnr-earth:before {
	content: "\e853";
}
.lnr-smile:before {
	content: "\e854";
}
.lnr-sad:before {
	content: "\e855";
}
.lnr-neutral:before {
	content: "\e856";
}
.lnr-mustache:before {
	content: "\e857";
}
.lnr-alarm:before {
	content: "\e858";
}
.lnr-bullhorn:before {
	content: "\e859";
}
.lnr-volume-high:before {
	content: "\e85a";
}
.lnr-volume-medium:before {
	content: "\e85b";
}
.lnr-volume-low:before {
	content: "\e85c";
}
.lnr-volume:before {
	content: "\e85d";
}
.lnr-mic:before {
	content: "\e85e";
}
.lnr-hourglass:before {
	content: "\e85f";
}
.lnr-undo:before {
	content: "\e860";
}
.lnr-redo:before {
	content: "\e861";
}
.lnr-sync:before {
	content: "\e862";
}
.lnr-history:before {
	content: "\e863";
}
.lnr-clock:before {
	content: "\e864";
}
.lnr-download:before {
	content: "\e865";
}
.lnr-upload:before {
	content: "\e866";
}
.lnr-enter-down:before {
	content: "\e867";
}
.lnr-exit-up:before {
	content: "\e868";
}
.lnr-bug:before {
	content: "\e869";
}
.lnr-code:before {
	content: "\e86a";
}
.lnr-link:before {
	content: "\e86b";
}
.lnr-unlink:before {
	content: "\e86c";
}
.lnr-thumbs-up:before {
	content: "\e86d";
}
.lnr-thumbs-down:before {
	content: "\e86e";
}
.lnr-magnifier:before {
	content: "\e86f";
}
.lnr-cross:before {
	content: "\e870";
}
.lnr-menu:before {
	content: "\e871";
}
.lnr-list:before {
	content: "\e872";
}
.lnr-chevron-up:before {
	content: "\e873";
}
.lnr-chevron-down:before {
	content: "\e874";
}
.lnr-chevron-left:before {
	content: "\e875";
}
.lnr-chevron-right:before {
	content: "\e876";
}
.lnr-arrow-up:before {
	content: "\e877";
}
.lnr-arrow-down:before {
	content: "\e878";
}
.lnr-arrow-left:before {
	content: "\e879";
}
.lnr-arrow-right:before {
	content: "\e87a";
}
.lnr-move:before {
	content: "\e87b";
}
.lnr-warning:before {
	content: "\e87c";
}
.lnr-question-circle:before {
	content: "\e87d";
}
.lnr-menu-circle:before {
	content: "\e87e";
}
.lnr-checkmark-circle:before {
	content: "\e87f";
}
.lnr-cross-circle:before {
	content: "\e880";
}
.lnr-plus-circle:before {
	content: "\e881";
}
.lnr-circle-minus:before {
	content: "\e882";
}
.lnr-arrow-up-circle:before {
	content: "\e883";
}
.lnr-arrow-down-circle:before {
	content: "\e884";
}
.lnr-arrow-left-circle:before {
	content: "\e885";
}
.lnr-arrow-right-circle:before {
	content: "\e886";
}
.lnr-chevron-up-circle:before {
	content: "\e887";
}
.lnr-chevron-down-circle:before {
	content: "\e888";
}
.lnr-chevron-left-circle:before {
	content: "\e889";
}
.lnr-chevron-right-circle:before {
	content: "\e88a";
}
.lnr-crop:before {
	content: "\e88b";
}
.lnr-frame-expand:before {
	content: "\e88c";
}
.lnr-frame-contract:before {
	content: "\e88d";
}
.lnr-layers:before {
	content: "\e88e";
}
.lnr-funnel:before {
	content: "\e88f";
}
.lnr-text-format:before {
	content: "\e890";
}
.lnr-text-format-remove:before {
	content: "\e891";
}
.lnr-text-size:before {
	content: "\e892";
}
.lnr-bold:before {
	content: "\e893";
}
.lnr-italic:before {
	content: "\e894";
}
.lnr-underline:before {
	content: "\e895";
}
.lnr-strikethrough:before {
	content: "\e896";
}
.lnr-highlight:before {
	content: "\e897";
}
.lnr-text-align-left:before {
	content: "\e898";
}
.lnr-text-align-center:before {
	content: "\e899";
}
.lnr-text-align-right:before {
	content: "\e89a";
}
.lnr-text-align-justify:before {
	content: "\e89b";
}
.lnr-line-spacing:before {
	content: "\e89c";
}
.lnr-indent-increase:before {
	content: "\e89d";
}
.lnr-indent-decrease:before {
	content: "\e89e";
}
.lnr-pilcrow:before {
	content: "\e89f";
}
.lnr-direction-ltr:before {
	content: "\e8a0";
}
.lnr-direction-rtl:before {
	content: "\e8a1";
}
.lnr-page-break:before {
	content: "\e8a2";
}
.lnr-sort-alpha-asc:before {
	content: "\e8a3";
}
.lnr-sort-amount-asc:before {
	content: "\e8a4";
}
.lnr-hand:before {
	content: "\e8a5";
}
.lnr-pointer-up:before {
	content: "\e8a6";
}
.lnr-pointer-right:before {
	content: "\e8a7";
}
.lnr-pointer-down:before {
	content: "\e8a8";
}
.lnr-pointer-left:before {
	content: "\e8a9";
}


/* --------------------------------------------  icomoon --------------------------------------- */

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
}

.clearfix:after {
	clear: both;
}

@font-face { 
    font-family: 'HelveticaBold';
	src:url(../fonts/HelveticaNeueCondensedBold.ttf);
}

@font-face {
	font-family:'Helvetica';
	src:url(../fonts/Helvetica_.ttf);
}

body {
	font-family: 'Helvetica';
	line-height: 1.5;
	margin:0px !important;
	color: #3b393d;
	background: #f0f0f0;
	background-size: cover;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	overflow-y: scroll;
}

body.body--hidden {
	overflow: hidden;
}

.content--related {
	background:#262626;
	padding:1%;
}

body.body--hidden .codrops-header,
body.body--hidden .content--related {
	opacity: 0;
}

.codrops-header,
.content--related {
	-webkit-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

a {
	text-decoration: none;
	color: #999;
	outline: none;
}

a:hover,
a:focus {
	color: #3b393d;
}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}
/* Top Navigation Style */

.codrops-links {
	position: relative;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
}

.codrops-links::after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	margin-left: -1px;
	background: #ddd;
	-webkit-transform: rotate3d(0, 0, 1, 22.5deg);
	transform: rotate3d(0, 0, 1, 22.5deg);
}

.codrops-icon {
	display: inline-block;
	width: 1.5em;
	margin: .5em;
	padding: 0em 0;
	text-decoration: none;
}

.codrops-icon span {
	display: none;
}

/* Content */

.content {
	/*padding: 1em 0 4em;*/
	margin-top:220px;
}
.index .content {
	opacity:0;/* cambiar */
	-moz-transition:   all 0.5s ease-out;
	-ms-transition:    all 0.5s ease-out;
	-o-transition:     all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	transition:        all 0.5s ease-out;
}
/* --------------------------- PIE --------------------------- */

.content--related {
	font-weight: bold;
	text-align: center;
	padding:40px 0;
}

.content--related div:first-child {
	margin-bottom:30px;
}
.content--related .IrArriba {
	cursor:pointer;
}
.content--related .IrArriba span {
	color:#999;
}

.content--related h3 {
	margin-top:-5px;
	font-size:11px;
	font-weight:550;
	letter-spacing:0.5px;
	color:#ffcb05;
}

.content--related p {
	margin-top:-10px;
	font-family:'Helvetica';
	font-size:7px;
	font-weight:lighter;
	color:#fff;
}

.content--related div:last-child {
	width:70%;
	margin:15px auto 0;
}
.content--related div:last-child:after {
	content:'';
	position:absolute;
	width: 4%;
	height:1px;
	background:#999;
	left:48%;
	margin-top:50px;
}

.content--related div:last-child a {
	display:inline-block;
	width: 20px;
	height:20px;
	margin:8px;
	color:#ffcb05;
	cursor:pointer;
}
.content--related div:last-child a:hover {
	color:#fff;
}


/* cards wrapper and close btn */

.wrapper {
	overflow: auto;
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}

/* --------------------------- HEADER --------------------------- */

#head {
	width:100%;
	height:220px;
	position:fixed;
	top:0;
	z-index:3;
	-moz-transition:   all 1s ease-out;
	-ms-transition:    all 1s ease-out;
	-o-transition:     all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	transition:        all 1s ease-out;
	background:#f0f0f0;
	margin: 0;
	padding:0;
	padding-top:40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left:0;
}

#head-inside {
	width:90%;
	max-width:1200px;
	height:100%;
	margin:auto;
	text-align:center;
}

#head-inside h1 {
	margin:0;
	font-family: 'HelveticaBold';
	font-size:1.6em;
	display:inline-block;
	vertical-align:top;
	-moz-transition:   all 1s ease-out;
	-ms-transition:    all 1s ease-out;
	-o-transition:     all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	transition:        all 1s ease-out;
}
#head-inside .logo a {
	color:#444;
}
#head-inside .logo a img {
	width: 100px;
	height:100px;
}

#head-inside div {
	vertical-align:top;
	text-align:center;
}

#head-inside div h2 {
	font-size:0.7em;
	letter-spacing:1px;
	font-weight:100;
	margin:0 4px 9px;
	-moz-transition:   all 1s ease-out;
	-ms-transition:    all 1s ease-out;
	-o-transition:     all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	transition:        all 1s ease-out;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	text-transform:uppercase;
}
#head-inside div h2:hover,
#head-inside div h2.sel a {
	color:#666 !important;
}

#head-inside div h2.menu {
	display:none !important;
}
#head-inside div h2:after {
	content:'';
	position:absolute;
	width:60%;
	height:1px;
	left:20%;
	bottom:7px;
	background:#666;
	margin:auto;
	opacity:0;
}
#head-inside div h2:hover:after,
#head-inside div h2.sel:after {
	bottom:-3px;
	opacity:0.8;
}

#head-inside div h2.last {
	margin-left:8px;
}
#head-inside div h2.last:before {
	content:'';
	position:absolute;
	width: 1px;
	height:1.3em;
	background:#666;
	margin-left:-10px;
}
#head-inside div h2.last2:before {
	content:'';
	position:absolute;
	width: 1px;
	height:1.3em;
	background:#666;
	margin-left:43px;
}

#head-inside div.menu {
	margin-top:10px;
}

/* button.exit */
.exit {
  position: relative;
  margin:  0;
  padding: 0;
  padding-left:5px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  z-index:999999;
  background:#f0f0f0;
  color:#666;
  display:block !important;
}

/* button.menu */
.c-menu {
  display: none;
  vertical-align:middle;
  position: relative;
  overflow: hidden;
  margin:  0;
  padding: 0;
  top:     -2px;
  width:  28px;
  height: 28px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  z-index:999999;
  background:#f0f0f0;
}
.c-menu:focus {
  outline: none;
}


/* lines */
.c-menu span {
  display: block;
  position: absolute;
  top:    14px;
  left:   0px;
  right:  0px;
  height: 1px;
  background: #444;
}

.c-menu span::before,
.c-menu span::after {
  position: absolute;
  display: block;
  left:  0;
  width: 100%;
  height:1px;
  background-color: #444;
  content: "";
}
.c-menu span::before {
  top:-10px;
}
.c-menu span::after {
  bottom:-10px;
}

.c-menu span {
  transition: background 0s 0.3s;
}

.c-menu span::before,
.c-menu span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-menu span::before {
  transition-property: top, transform;
}

.c-menu span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-menu.is-active span {
  background: none;
}

.c-menu.is-active span::before {
  top: 0;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-menu.is-active span::after {
  bottom: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-menu.is-active span::before,
.c-menu.is-active span::after {
  transition-delay: 0s, 0.3s;
}

/* EXTRA */
.extra {
	position:relative;
	float:right;
	margin: 10px 0 0;
	display:block;
	padding-left:5px;
}
.extra h2 {
	cursor:pointer;
	float:right;
}
.extra h2:after {
	opacity:0 !important; 	
}
.extra h2 input {
	padding:10px 8px;
	background:#fff;
	border: none;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	color:#999;
	display:none;
}

/* --------------------------- SEARCH --------------------------- */
.sb-search {
	position:absolute;
	display:inline-block;
	vertical-align:middle;
	width: 0%;
	min-width: 18px;
	height:    18px;
	float: none;
	margin-left:-26px;
	margin-top: -1px;
	overflow: hidden;
	-webkit-transition:width 0.3s;
	-moz-transition:   width 0.3s;
	transition:        width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width:  100%;
	height: 18px;
	margin: 0;
	z-index: 10;
	padding: 6px 20px 6px 6px;
	font-family: inherit;
	font-size: 10px;
	color: #666;
}

.sb-search-input::-webkit-input-placeholder,
b-search-input:-moz-placeholder,
.sb-search-input::-moz-placeholder,
sb-search-input:-ms-input-placeholder {
	color: #999;
}

.sb-icon-search,
.sb-search-submit  {
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 18px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #666;
	background: #f0f0f0;
	z-index: 90;
	font-size: 9px;
	font-family: 'Linearicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\e86f";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 222%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #262626;
	color: #ffcb05;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

/* no SEARCH */
.no-sb-search {
	display:inline-block;
	vertical-align:middle;
	float:right;
}

/* idioma */
.btn_idioma:hover .idioma {
	display:block;
}

.extra .idioma {
	width: 60px;
	height:24px;
	position:absolute;
	padding:0;
	margin-top:  5px;
	margin-left:-10px;
	text-align:center !important;
	background:#262626;
	border-radius:2px;
	display:none;
}
.extra .idioma:before {
	content:'';
	position:absolute;
	margin-top:-5px;
	width: 0;
	height:0;
	border-left:  5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom:5px solid #262626;
}
					

.extra .idioma a {
	margin:4px auto !important;
	color:#666;
	display:inline-block;
	float:none;
	font-size:10px;
}
.extra .idioma a.sel,
.extra .idioma a:hover {
	color:#ffcb05 !important;
}


/* no-index */
.no-index #head {
	height:50px;
	padding-top:5px;
}
.no-index #head-inside div.logo {
	float:left;
}
.no-index #head-inside .logo a img {
	width: 38px;
	height:38px;
}
.no-index #head-inside div.menu {
	float:right
}

.no-index .extra {
	margin-left:30px !important;
}

/* --------------------------- INER-MENU --------------------------- */
#iner-menu {
	width: 100%;
	height:0%;
	top: -100%;
	left:0;
	position:fixed;
	background:rgba(0,0,0,0.8);
	z-index:2;
	display:none;
	-moz-transition:   all 1s ease-out;
	-ms-transition:    all 1s ease-out;
	-o-transition:     all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	transition:        all 1s ease-out;
	text-align:center;
	height:100%;
}
#iner-menu.open {
	display:block;
	top: 50px;
	padding:15px 0 84px;
	overflow-y: auto;
}

#iner-menu form {
	margin-bottom:35px;
}
#iner-menu form input {
	padding:10px 8px;
	background:none;
	border: none;
	border-bottom:1px #fff solid;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	color:#fff;
}

#iner-menu form button {
	border:none;
	background:none;
	color:#ffcb05;
	margin-left:-30px;
}

#iner-menu h2 {
	color:#ffcb05;
	font-family:'HelveticaBold';
	font-size:0.6em;
	text-transform:uppercase;
	margin-top:25px;
}
#iner-menu h2:before {
	content:'';
	width:100%;
	height:1px;
	background:#fff;
	position:absolute;
	left:0;
	margin-top: -10px;
}

#iner-menu a {
	margin:auto;
	list-style:none;
	font-size:1em;
	color:#fff;
	letter-spacing:1px;
	display:block;
}
#iner-menu a.idi {
	display:inline-block;
	font-size:0.7em;
	margin:auto 5px;
}
#iner-menu .sel {
	color:#ffcb05;
}

#iner-menu div {
	width:90%;
	margin:15px auto 0;
}
#iner-menu div:after {
	content:'';
	position:absolute;
	width:20%;
	height:1px;
	background:#fff;
	left:40%;
	margin-top:45px;
}

#iner-menu div a {
	display:inline-block;
	width: 20px;
	height:20px;
	margin:8px;
	color:#ffcb05;
	cursor:pointer;
}


/* --------------------------- FONDO --------------------------- */
div.fondo {
	width:100%;
	height:70%;
	position:absolute;
	top: 50px;
	left:0;
	z-index:-1;
	-moz-transition:   all 1s ease-out;
	-ms-transition:    all 1s ease-out;
	-o-transition:     all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	transition:        all 1s ease-out;
	opacity:0;
}


/* PROYECTO */
#proyecto {
	width:90%;
	max-width:1200px;
	height:auto;
	background:#f0f0f0;
	margin: 0 auto;
	margin-top:100%;
	padding-top:10px;
	text-align:center;
	z-index:9;
	-moz-transition:   all 1s ease-out;
	-ms-transition:    all 1s ease-out;
	-o-transition:     all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	transition:        all 1s ease-out;
	background:#fff;
	padding-bottom:25px;
}

#proyecto .text {
	width:90%;
	max-width:900px;
	margin:auto;
	text-align:left;
}

#proyecto .text.center {
	text-align:center !important;
}

/* video */
.video {
	width: 90%;
	padding-bottom:40%;
	position:relative;
	display: block;
	margin-bottom:25px !important;
}
.video iframe {
	position:absolute;
	width: 100%;
	height:100%;
	left:0;
	top: 0;
}

#proyecto .cat {
	width: auto;
	height:auto;
	position:absolute;
	margin-top:-45px;
}
#proyecto .cat a {
	font-size:0.8em;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:8px 10px;
	margin-bottom:10px;
	color:#fff;	
}

#proyecto h2 {
	font-size:1.5em;
	margin:15px 0;
}

#proyecto p {
	font-size:0.8em;
}
#proyecto p a span {
	font-size:15px;
	margin:auto 10px;
}

#proyecto p.fecha {
	font-size:1em;
	color:#999;
	margin:-5px 0 35px;
}

#proyecto img {
	width: 100%;
	/*max-width:1000px;*/
	height:auto;
	margin:10px auto;
}
#proyecto img.perfil {
	width: 100px;
	height:100px;
	border-radius:50%;
	display:block;
	margin-bottom:15px;
}

/* contacto */
.contacto #proyecto {
	background:none;
	text-align:center;
}

#proyecto .correo {
	width:    350px;
	max-width:100%;
	height:   300px;
	background:#fff;
	display:inline-block;
	vertical-align:top;
	margin:-3px;
	position:relative;
}

#proyecto .correo h3 {
	font-family:'HelveticaBold';
	font-size:0.9em;
}

#proyecto input,
#proyecto textarea {
	position:relative;
	margin:1em;
	max-width: 350px;
	width: calc(80% - 3em);
	vertical-align:middle;
	padding:1em;
	padding-left:3em;
	border:none;
	border-bottom:solid 1px #666;
}
#proyecto textarea {
	height:75px;
	resize:none;
}

#proyecto label {
	font-size:0.8em;
	position:absolute;
	margin-left:2em;
	margin-top: 2.2em;
	z-index:1;
	cursor:pointer;
}

#proyecto .input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 1em;
	max-width: 350px;
	width: calc(100% - 1em);
	vertical-align:middle;
	background:#fff !important;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 78%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: bold;
	font-family: 'Helvetica';
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

/* Madoka */
.input--madoka {
	margin: 15px auto;
}

.input__field--madoka {
	width: 80%;
	/* [disabled]background: transparent; */
	color: #999;
	background:#fff !important;
}

.input__label--madoka {
	position: absolute;
	width:  80%;
	height: 100%;
	color: #999;
	text-align: left;
	cursor: text;
}

.input__label-content--madoka {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.graphic--madoka {
	-webkit-transform: scale3d(1, -1, 1);
	transform: scale3d(1, -1, 1);
	-webkit-transition: stroke-dashoffset 0.3s;
	transition: stroke-dashoffset 0.3s;
	pointer-events: none;

	stroke: #999;
	stroke-width: 4px;
	stroke-dasharray: 962;
	stroke-dashoffset: 558;
}

.input__field--madoka:focus + .input__label--madoka,
.input--filled .input__label--madoka {
	cursor: default;
	pointer-events: none;
}

.input__field--madoka:focus + .input__label--madoka .graphic--madoka,
.input--filled .graphic--madoka {
	stroke-dashoffset: 0;
}

.input__field--madoka:focus + .input__label--madoka .input__label-content--madoka,
.input--filled .input__label-content--madoka {
	-webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 3em, 0);
	transform: scale3d(0.81, 0.81, 1) translate3d(0, 3em, 0);
}

input:focus,
textarea:focus {
	border-color:2px solid #ffcb05 !important;
	box-shadow:  0 0 5px #666 !important;
}

/* button */
button.enviar {
	position: relative;
	cursor:pointer;
	display: block;
	float: none;
	padding:0.4em;
	margin:15px auto !important;
	border:none;
	/*border: solid #999 1px;*/
	border-radius: 0;
	background: #262626;
	color: #ffcb05;
	font-weight: bold;
	font-family: 'Helvetica';
	font-weight:lighter;
	text-transform:uppercase;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

/* --------------------------- CARD --------------------------- */

.card {
	position: relative;
	float: left;
	width: 29%;
	height:300px;
	margin: 2%;
	padding-bottom: 20%;
}
.card:hover {
	cursor:pointer;
}

.card__container {
	position: fixed;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	width:  100%;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	/* prevents flicker */

	-webkit-overflow-scrolling: touch;
}

.card__container--closed {
	position: absolute;
	overflow: hidden;
}

.card .image {
	width: 100%;
	height:80%;
	margin:0;
	padding:0;
	position:relative !important;
	background:#888;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	text-align:center;
}
.card img {
	height:100%;
	width: 100%;
	margin: 0;
	padding:0;
	background-color:rgba(0,0,0,0.4);
	background-blend-mode: soft-light;
	text-align:left;
	overflow: hidden;
	position:relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	-moz-transition:   all ease-in 0.4s;
	-ms-transition:    all ease-in 0.4s;
	-o-transition:     all ease-in 0.4s;
	-webkit-transition:all ease-in 0.4s;
	transition:        all ease-in 0.4s;
	opacity:0;
}
.card:hover img {
	opacity:1;
}

.card__image {
	position: relative;
	left: 50%;
	display: block;
	height: 100%;
	max-height: 500px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-filter:none;
	filter:        none;
	-moz-transition:   all ease-in 0.4s;
	-ms-transition:    all ease-in 0.4s;
	-o-transition:     all ease-in 0.4s;
	-webkit-transition:all ease-in 0.4s;
	transition:        all ease-in 0.4s;
}

.card__container--closed:hover .card__image {
	-webkit-filter:none;
	filter:        none;
}
.card__container--closed .card__image {
	cursor: pointer;
}

.card__content {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 30px 40px 22px;
	color: #888;
	background: #fff;
}

.card__container--closed .card__content {
	margin-top: 0;
	padding: 5px 16px;
	pointer-events: none;
	background: transparent;
}

.card__caption {
	font-size: 2em;
	max-width: 900px;
	margin: 0 auto;
	padding: 35px 30px 0px;
	background:#fff;
}

.card__container--closed .card__caption {
	font-size: 1em;
	max-width: none;
	padding: 15px 10px;
	-moz-transition:   all 1s ease-out;
	-ms-transition:    all 1s ease-out;
	-o-transition:     all 1s ease-out;
	-webkit-transition:all 1s ease-out;
	transition:        all 1s ease-out;
	-webkit-transform:translateY(-32%);
	-ms-transform:    translateY(-32%);
	transform:        translateY(-32%);
	text-align:center;
}

img.card__img {
	width: 80px !important;
	height:80px !important;
	border-radius:50%;
	opacity:1 !important;
	margin-top:-60% !important;
	margin-bottom:0 !important;
}

.card__title {
	font-size: 1.1em;
	font-family: 'HelveticaBold';
	line-height: 1;
	margin:0;
	color: #3b393d;
}

.card__container--closed .card__title {
	color: #3b393d;
}

.card__subtitle {
	font-size: .6em;
	line-height: 1;
	margin: 10px 0 0;
	letter-spacing:1px;
	text-transform:uppercase;
}

/* NInguna */
#proyecto .cat a {
	background:rgba(102,102,102,0.8);
}
/* INdustrial - Interiorismo */
p.in,
.card:hover h2.in {
	color:#0FF !important;
}
#proyecto .cat a.in {
	background:rgba(0,255,255,0.8);
}
/* EDitorial */
p.ed,
.card:hover h2.ed {
	color:#F03 !important;
}
#proyecto .cat a.ed {
	background:rgba(255,0,50,0.8);
}
/* FOtgrafía */
p.fo,
.card:hover h2.fo {
	color:#9F6 !important;
}
#proyecto .cat a.fo {
	background:rgba(150,255,103,0.8);
}
/* GRáfico */
p.gr,
.card:hover h2.gr {
	color:#0F6 !important;
}
#proyecto .cat a.gr {
	background:rgba(0,255,102,0.8);
}
/* DIgital */
p.di,
.card:hover h2.di {
	color:#F60 !important;
}
#proyecto .cat a.di {
	background:rgba(255,102,0,0.8);
}
/* PUblicidad */
p.pu,
.card:hover h2.pu {
	color:#Fd0 !important;
}
#proyecto .cat a.pu {
	background:rgba(255,218,0,0.8);
}
/* COnsultoría */
p.co,
.card:hover h2.co {
	color:#aa530c !important;
}
#proyecto .cat a.co {
	background:rgba(170,83,12,0.8);
}

.card__copy {
	font-size: 1em;
	max-width: 900px;
	margin: 0 auto;
	padding: 25px 30px 100px;
	color: #3b393d;
}

.card__btn-close {
	font-size: 18px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 36px;
	cursor: pointer;
}

.card__container--closed .card__btn-close {
	display: none;
}

.meta {
	font-size: .85em;
	display: -webkit-flex;
	display: flex;
	padding: 0 0 35px 0;

	-webkit-align-items: center;
	align-items: center;
}

.card__container--closed .meta {
	visibility: hidden;
}

.meta__date {
	font-weight: bold;
	padding: 0;
}

/*  -------------------------- FROM.nuevo -------------------------- */
form.nuevo input,
form.nuevo select,
form.nuevo textarea {
	padding:8px;
	margin:5px;
	display:inline-block;
	vertical-align:middle;
	outline:none;
}
input:focus,
textarea:focus {
	border-color:2px solid #ffcb05 !important;
	box-shadow:  0 0 5px #666 !important;
}
form.nuevo textarea {
	height:100px;
	resize:none;
}

form.nuevo div {
	display:block;
}
form.nuevo div label {
	display:block;
	width:  200px;
}

form.nuevo button {
	margin-top:15px !important;
}

form.nuevo img {
	height:80px !important;
	width: auto !important;
	display:inline-block;
	vertical-align:middle;
}

/* date */
.ui-datepicker {  
    width: 250px;/*216px*/ 
    height: auto;  
    margin: 5px auto 0;  
    font: 9pt Arial, Helvetica, sans-serif;
	background:#fff;
	border:solid 1px #000;
	z-index:99999999999 !important;
}

.ui-datepicker a {  
    text-decoration: none;  
}

.ui-datepicker table {  
    width: 100%;  
}

.ui-datepicker-header {  
    background: #000;  
    color: #f0f0f0;  
    font-weight: bold;
	line-height: 30px;
	font-family:'HelveticaBold';
	font-size:1.2em;
} 

.ui-datepicker-title {  
    text-align: center;  
}

.ui-datepicker-prev, .ui-datepicker-next {  
    cursor: pointer;
	font-family:'HelveticaBold';
	font-size:1.2em;
} 

.ui-datepicker-prev {  
    float: left;  
    background-position: center -30px;  
}  
.ui-datepicker-next {  
    float:right;  
    background-position: center 0px;  
}

.ui-datepicker thead {  
    background-color: #ddd;
	margin:0px;
}

.ui-datepicker th {  
    text-transform: uppercase;  
    font-size: 6pt;  
    padding: 5px 0;  
    color: #666666; 
}

.ui-datepicker tbody td {  
    padding: 0px;  
    border-right: 1px solid #bbb;  
}

.ui-datepicker tbody td:last-child {  
    border-right: 0px;  
}

.ui-datepicker tbody tr {  
    border-bottom: 1px solid #bbb;  
}  
.ui-datepicker tbody tr:last-child {  
    border-bottom: 0px;  
}

.ui-datepicker td span, .ui-datepicker td a {  
    display: inline-block;  
    font-weight: bold;  
    text-align: center;  
    width: 30px;  
    height: 30px;  
    line-height: 30px;  
    color: #666666;  
}  
.ui-datepicker-calendar .ui-state-default {  
    background: #fff;  
}  
.ui-datepicker-unselectable .ui-state-default {  
    background: #fff;  
    color:#ddd;  
}

.ui-datepicker-calendar .ui-state-hover {  
    background: #ffcb05; 
	color:#fff; 
}

.ui-datepicker-calendar .ui-state-active {  
    background: #ffcb05; 
	color:#fff;  
}

/*  -------------------------- GERAS -------------------------- */
#geras {
	width: 100%;
	height:auto;
	position:relative;
	left:  0;
	margin:0;
	margin-top:15%;
	background:#333;
	overflow:none !important;
}

#geras .iner {
	width: 95%;
	max-width: 1200px;
	height:auto;
	position:relative;
	background:none;
	overflow:none !important;
	margin:15px auto;
}
#geras .iner div {
	width: 100%;
	height:auto;
	min-height:220px;
	display:inline-block;
	vertical-align:top;
	margin:25px 0;
	background:#none;
	position:relative;
	overflow:none !important;
}
#geras .iner div p {
	text-align:right;
	color:#fff;
	margin-left:60%;
	letter-spacing:1px;
}
#geras .iner div .firma {
	position:absolute;
	bottom:0;
	right: 0;
	width: 80px;
	height:80px;
	background:none;
}
#geras .iner div .redes {
	position:absolute;
	margin: 0;
	padding:0;
	bottom:0;
	left:  0;
	width: auto;
	height:15px;
	display:block;
	background:none;
}
#geras .iner div .redes * {
	margin: 0;
	padding:0;
	margin-right:10px;
}
#geras .iner div .redes a span {
	color:#fff;
	font-size:15px;
}
#geras .iner div .redes a:hover span {
	color:#ffcb05;
}

@media only screen and (max-width: 777px) {
	#geras .iner div {
		min-height:180px;
	}
	#geras .iner div p {
		text-align:center;
		margin:8%;
	}
}
	


/* --------------------------- BOXES --------------------------- */
#box {
	width: auto;
	height:auto;
	margin:auto;
	text-align:center;
	overflow: hidden;
}

#box div {
	width:    350px;
	max-width: 100%;
	min-height:220px;
	background:none;
	display:inline-block;
	vertical-align:top;
	margin:-3px;
	position:relative;
	text-align:left;
	background:none;
}

/* texto der */
#box .box1 {
	text-align:right;
}

#box .box2,
#box .box3 {
	background:none;
}


/**/
#box div h2 {
	font-size:2.8em;
	font-family:'HelveticaBold';
	margin:25px;
	line-height:1.1em;
}
#box div h3 {
	font-family:'HelveticaBold';
	margin:15px;
	font-size:1em;
}
#box div p {
	margin:auto 15px;
	font-size:0.8em;
}

@media only screen and (max-width: 1090px) {
	#box .box2 {
		display:none;
	}
}
@media only screen and (max-width: 730px) {
	#box .box3 {
		display:none;
	}
}
	


/* --------------------------- TITULAR --------------------------- */
.titular {
	width: 100%;
	height:auto;
	margin:5% 0 35px;
	text-align:center;
	position:relative;
}
.no-index .titular {
	margin-top:20%;
}
.titular:after {
	content:'';
	position:absolute;
	width: 100%;
	height:1px;
	left:0;
	top:11px;
	background:#999;
	z-index:-1;
}
.titular a {
	font-size:1em;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:5px 25px;
	margin-bottom:10px;
	background:#f0f0f0;
	color:#999;
}

@media only screen and (max-width: 980px) {
	.card {
		width: 46%;
		padding-bottom: 32.2%;
	}
	.card__image {
		max-height: 360px;
	}
	.card__content {
		margin-bottom: 0;
		padding-right: 20px;
		padding-left: 20px;
	}
	.desp {
		display:none;
	}
}

@media only screen and (max-width: 580px) {
	.card {
		width: 96%;
		padding-bottom: 67.2%;
	}
}

@media only screen and (max-width: 400px) {
	.card__caption {
		font-size: 1.25em;
		padding: 35px 0px 0px;
	}
	.meta {
		padding: 0 0 25px 0;
	}
	.card__copy {
		font-size: 90%;
		padding: 25px 0px 100px;
	}
}

@media screen and (max-width:600px){
	.no-index .c-menu {
		display:inline-block;
	}
	.no-index #head-inside div h2 {
		display:none;
	}
	.extra {
		display:none;
	}
	#head-inside .logo a img {
	    width: 80px;
	    height:80px;
    }
}

/* texto servicios */
p.text-serv {
	margin:auto 10%;
}
p.text-serv small {
	color:#999;
}


/*   NOTIFICACIÓN  */

#notificacion {
	position: absolute;
	bottom: 0%;
	left: 50%;
	margin-bottom: 10px;
	margin-left: -50%;
	padding: 10px 0px;
	width: 300px;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	background-color: #000;
	background-color: hsla(0, 0%, 0%, 0.9);
	color: #fff;
	text-align: center;
	font-size: 14px;
	z-index: 100010 !important;
}

#notificacion .cerrar {
	width: 14px;
	height:14px;
	position:absolute;
	top:  5px;
	right:5px;
	color:#ffcb05;
	font-size:12px;
	cursor:pointer;
}

#notificacion .cerrar:hover {
	color:#fff;
}

#notificacion a {
	text-decoration:none;
	color:#a0b63a;
}