@charset "UTF-8";@import "https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i";@import "./material-design-iconic-font.min.css";@import "./tooltip.min.css";img,object,embed,canvas,video,audio,picture {
	max-width: 100%;
	height: auto;
	_width: 100%;
 }
 #logo {
    width: 300px;
    height: 150px;
      position: relative;
    top: 30px;
      z-index: 1;
   }
  
  #logo>a {height: 100%;}
  
  #logo>a {
      display: block;
      width: 100%;
   }

   .select-style {
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

* {
	-webkit-overflow-scrolling: touch;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	border: none;
	background: none;
	outline: none;
	font-family: 'Roboto',sans-serif;
	list-style: none;
	font-weight: 400;
	text-decoration: none;
	color: #666;
	letter-spacing: 0.5px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
 }
 
*[disabled] {
	cursor: default;
	opacity: 0.99;
	background: #eee;
 }
 
*:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	-webkit-text-fill-color: #666!important;
 }
 
*::-webkit-scrollbar {
	width: 7px;
	background: transparent;
	position: fixed;
 }
 
*::-webkit-scrollbar-thumb {
	background: url('../img/scrollbar_center.png');
	border-radius: 10px;
 }
 
#cookie-bar {
	background: #111;
	height: auto;
	line-height: 30px;
	color: #eee;
	font-weight: 100;
	text-align: center;
	padding: 6px 0;
 }
 
	#cookie-bar.fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
	 }
 
		#cookie-bar.fixed.bottom {
			bottom: 0;
			top: auto;
		 }
 
	#cookie-bar a {
		background: #fff;
		display: inline-block;
		border-radius: 2px;
		text-decoration: none;
		padding: 0 20px;
		margin-left: 10px;
		font-weight: 500;
		color: #111;
		font-size: 15px;
	 }
 
body {
	right: -7px;
	left: 0;
	position: absolute;
	overflow-x: hidden;
 }
 
	body:before {
		content: "";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: calc(100% + 7px);
		height: 100%;
		z-index: -11;
		background: #eee;
	 }
 
	body.noscroll {
		overflow: hidden;
		right: 0;
	 }
 
	body>.error.e_top {
		background: #d32f2f;
		line-height: 40px;
		color: #fff;
		text-align: center;
	 }
 
		body>.error.e_top.success {background: #388e3c;}
 
	body>.pc_device>noscript>.error {
		background: #d32f2f;
		line-height: 50px;
		color: #fff;
		text-align: center;
	 }
 
	body>.pc_device>.top {
		width: 100%;
		height: 200px;
		background: #333;
		background: #333 url('../img/index_header.png') no-repeat top center;
		float: left;
	 }
 
		body>.pc_device>.top>.center {
			width: 970px;
			margin: auto;
			position: relative;
			height: 200px;
			border-bottom: 1px solid rgba(255,255,255,0.02);
		 }
 
			body>.pc_device>.top>.center>a {
				float: left;
				line-height: 180px;
			 }
 
				body>.pc_device>.top>.center>a>img {vertical-align: middle;}
 
			body>.pc_device>.top>.center>.buttons {
				position: absolute;
				right: 0;
				top: calc(50% - 45px);
				height: 90px;
			 }
 
				body>.pc_device>.top>.center>.buttons>.btn {
					width: 100%;
					float: left;
					clear: both;
					height: 40px;
					margin-bottom: 10px;
					background: #2A88AA;
					font-size: 14px;
					cursor: pointer;
					border-radius: 3px;
					line-height: 40px;
					padding: 0 18px;
					text-align: center;
					color: #fff;
					text-shadow: 0 1px 2px rgba(0,0,0,0.2);
				 }
 
					body>.pc_device>.top>.center>.buttons>.btn.socyalize {
						background: rgba(0,0,0,0.5);
						overflow: hidden;
						width: 285px;
					 }
 
						body>.pc_device>.top>.center>.buttons>.btn.socyalize>* {
							background: #000;
							float: left;
							padding-top: 9px;
							padding-bottom: 10px;
							color: #fff;
							opacity: 0;
						 }
 
						body>.pc_device>.top>.center>.buttons>.btn.socyalize:before {
							content: "Conéctate con tus redes sociales";
							position: absolute;
							left: 0;
							right: 0;
							text-align: center;
						 }
 
	body>.pc_device>.section {
		width: 100%;
		overflow: hidden;
		position: relative;
	 }
 
		body>.pc_device>.section>.bottom {
			height: 110px;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1;
		 }
 
			body>.pc_device>.section>.bottom:after {
				border-radius: 0 4px 0 0;
				content: '';
				left: 0;
				right: calc(100% - (50% - 1000px/2));
				height: 100%;
				top: 0;
				bottom: 0;
				position: absolute;
			 }
 
			body>.pc_device>.section>.bottom:before {
				border-radius: 4px 0 0 0;
				content: '';
				right: 0;
				left: calc(100% - (50% - 1000px/2));
				height: 100%;
				top: 0;
				bottom: 0;
				position: absolute;
			 }
 
			body>.pc_device>.section>.bottom>.trait {
				position: absolute;
				left: calc(50% - 1000px/2);
				width: 1000px;
				height: 5px;
				bottom: 0;
			 }
 
				body>.pc_device>.section>.bottom>.trait:after {
					content: '';
					position: absolute;
					left: 0;
					right: 0;
					height: 5px;
					border-radius: 0 0 3px 3px;
				 }
 
		body>.pc_device>.section>.center {
			z-index: 2;
			width: 970px;
			margin: auto;
			position: relative;
		 }
 
			body>.pc_device>.section>.center>h1 {
				position: relative;
				width: 100%;
				margin: 15px 0 25px 0;
				float: left;
			 }
 
				body>.pc_device>.section>.center>h1>p {
					font-size: 22px;
					font-weight: 600;
					width: 100%;
					float: left;
					clear: both;
				 }
 
					body>.pc_device>.section>.center>h1>p>span {
						font-weight: 600;
						font-size: 22px;
					 }
 
				body>.pc_device>.section>.center>h1>i {
					margin-top: 5px;
					clear: both;
					font-style: normal;
					float: left;
					font-size: 12px;
					color: #999;
				 }
 
					body>.pc_device>.section>.center>h1>i>a {
						color: #666;
						cursor: pointer;
					 }
 
						body>.pc_device>.section>.center>h1>i>a:hover {border-bottom: 1px solid #666;}
 
		body>.pc_device>.section.white {background: #eee;}
 
		body>.pc_device>.section.presk {background: #373737;}
 
		body>.pc_device>.section.white>.bottom>.trait:after {background: #eee;}
 
		body>.pc_device>.section>.center>h1.green>p {color: #666;}
 
			body>.pc_device>.section>.center>h1.green>p>span {color: #6c9c14;}
 
		body>.pc_device>.section>.center>h1.green>i {color: #999;}
 
			body>.pc_device>.section>.center>h1.green>i>a {color: #666;}
 
		body>.pc_device>.section>.bottom.presk:after {background: #373737;}
 
		body>.pc_device>.section>.bottom.presk:before {background: #373737;}
 
		body>.pc_device>.section>.bottom.presk>.trait {background: #373737;}
 
		body>.pc_device>.section>.center>.footer {
			padding: 25px 0 20px 0;
			overflow: hidden;
		 }
 
			body>.pc_device>.section>.center>.footer>.link {
				float: left;
				font-size: 14px;
			 }
 
				body>.pc_device>.section>.center>.footer>.link>a {
					font-size: 14px;
					color: #aaa;
					cursor: pointer;
				 }
 
					body>.pc_device>.section>.center>.footer>.link>a:hover {border-bottom: 1px solid #aaa;}
 
			body>.pc_device>.section>.center>.footer>.copy {
				float: right;
				color: #aaa;
				font-size: 14px;
			 }
 
		body>.pc_device>.section.white>.center>.content.why {
			width: calc(40% - 7.5px);
			float: right;
			margin-bottom: 15px;
			background: #fff;
			border-radius: 3px;
			border: 1px solid #d7d7d7;
		 }
 
			body>.pc_device>.section.white>.center>.content.why>.bloc {
				border-bottom: 1px solid #d7d7d7;
				padding: 15px;
				overflow: hidden;
			 }
 
				body>.pc_device>.section.white>.center>.content.why>.bloc:last-child {border: none;}
 
				body>.pc_device>.section.white>.center>.content.why>.bloc>.img {
					width: 65px;
					float: left;
					height: 100%;
				 }
 
				body>.pc_device>.section.white>.center>.content.why>.bloc>.reason {
					width: calc(100% - 80px);
					float: right;
				 }
 
					body>.pc_device>.section.white>.center>.content.why>.bloc>.reason>h1 {
						font-size: 18px;
						color: #666;
					 }
 
					body>.pc_device>.section.white>.center>.content.why>.bloc>.reason>p {
						font-size: 14px;
						color: #999;
						margin-top: 7px;
					 }
 
		body>.pc_device>.section.white>.center>form {
			margin-bottom: 15px;
			padding: 10px;
			background: rgba(0,0,0,0.1);
			border-radius: 3px;
			float: left;
			width: calc(60% - 7.14px);
		 }
 
			body>.pc_device>.section.white>.center>form>.champ {position: relative;}
 
				body>.pc_device>.section.white>.center>form>.champ>p {
					float: left;
					width: 100%;
					color: #666;
					font-size: 16px;
				 }
 
				body>.pc_device>.section.white>.center>form>.champ>span {
					float: left;
					width: 100%;
					color: #999;
					font-size: 12px;
					margin: 3px 0;
				 }
 
				body>.pc_device>.section.white>.center>form>.champ>input {
					width: 100%;
					background: #fff;
					padding: 0 13px 0 36px;
					height: 40px;
					margin: 3px 0 15px 0;
					border-radius: 3px;
				 }
 
				body>.pc_device>.section.white>.center>form>.champ>img {
					position: absolute;
					left: 10px;
					bottom: 23px;
				 }
 
			body>.pc_device>.section.white>.center>form>p {
				float: left;
				width: 100%;
				color: #666;
				font-size: 16px;
				margin-bottom: 6px;
			 }
 
			body>.pc_device>.section.white>.center>form>.genderChoiz {
				position: relative;
				width: 100%;
				float: left;
				overflow: hidden;
			 }
 
				body>.pc_device>.section.white>.center>form>.genderChoiz>.actual {
					font-size: 20px;
					cursor: pointer;
					background: #fff;
					width: 100%;
					float: left;
					height: 40px;
					border-radius: 3px;
					line-height: 40px;
					padding: 0 15px 0 0;
				 }
 
					body>.pc_device>.section.white>.center>form>.genderChoiz>.actual.slc {border-radius: 3px 3px 0 0;}
 
					body>.pc_device>.section.white>.center>form>.genderChoiz>.actual>.gender {
						color: #e91e63;
						width: 36px;
						text-align: center;
					 }
 
						body>.pc_device>.section.white>.center>form>.genderChoiz>.actual>.gender.zmdi-male {color: #0288d1;}
 
					body>.pc_device>.section.white>.center>form>.genderChoiz>.actual>.chevron.zmdi {
						float: right;
						line-height: 40px;
					 }
 
					body>.pc_device>.section.white>.center>form>.genderChoiz>.actual>span {
						font-size: 14px;
						position: absolute;
						top: 2px;
					 }
 
				body>.pc_device>.section.white>.center>form>.genderChoiz>.options {
					overflow: hidden;
					height: 0;
					transition: 200ms height;
					border: none;
					border-radius: 0 0 3px 3px;
					background: #fff;
					width: 100%;
					margin: 0;
					float: left;
					border-bottom: 1px solid #ddd;
				 }
 
					body>.pc_device>.section.white>.center>form>.genderChoiz>.options.showed {height: 60px;}
 
					body>.pc_device>.section.white>.center>form>.genderChoiz>.options>.chx {
						cursor: pointer;
						border-top: 1px solid rgba(0,0,0,0.04);
						width: 100%;
						height: 30px;
						line-height: 30px;
					 }
 
						body>.pc_device>.section.white>.center>form>.genderChoiz>.options>.chx>i {
							color: #e91e63;
							line-height: 30px;
							width: 36px;
							text-align: center;
							float: left;
						 }
 
						body>.pc_device>.section.white>.center>form>.genderChoiz>.options>.chx>span {
							line-height: 30px;
							font-size: 12px;
							float: left;
						 }
 
						body>.pc_device>.section.white>.center>form>.genderChoiz>.options>.chx>i.zmdi-male {color: #0288d1;}
 
			body>.pc_device>.section.white>.center>form>input[type="submit"] {
				font-size: 13px;
				color: #fff;
				transition: 200ms background;
				text-shadow: 0 1px 2px rgba(0,0,0,0.2);
				line-height: 40px;
				padding: 0 20px;
				background: #689f38;
				border-radius: 3px;
				cursor: pointer;
				width: 100%;
				text-align: center;
			 }
 
				body>.pc_device>.section.white>.center>form>input[type="submit"]:hover {background: #558b2f;}
 
				body>.pc_device>.section.white>.center>form>input[type="submit"]:active {background: #558b2f;}
 
			body>.pc_device>.section.white>.center>form>.choose_look {
				width: calc(50% - 5px);
				float: left;
			 }
 
				body>.pc_device>.section.white>.center>form>.choose_look>p {
					float: left;
					width: 100%;
					color: #666;
					margin-top: 12px;
					font-size: 16px;
					margin-bottom: 6px;
				 }
 
				body>.pc_device>.section.white>.center>form>.choose_look>.cl {
					white-space: nowrap;
					display: none;
					overflow-x: auto;
					overflow-y: hidden;
					width: 100%;
					height: 133px;
					background: #fff;
					float: left;
					border-radius: 3px;
				 }
 
					body>.pc_device>.section.white>.center>form>.choose_look>.cl.slc {display: block;}
 
					body>.pc_device>.section.white>.center>form>.choose_look>.cl::-webkit-scrollbar {
						background: #fff;
						position: fixed;
						height: 5px;
						border-radius: 0 0 2px 2px;
					 }
 
					body>.pc_device>.section.white>.center>form>.choose_look>.cl::-webkit-scrollbar-thumb {background: #333;}
 
					body>.pc_device>.section.white>.center>form>.choose_look>.cl>img.slc {box-shadow: 0 140px 0 rgba(0,0,0,0.24) inset,0 40px 0 rgba(0,0,0,0.24);}
 
					body>.pc_device>.section.white>.center>form>.choose_look>.cl.boy {display: none;}
 
			body>.pc_device>.section.white>.center>form>.captcha {
				width: calc(50% - 5px);
				float: right;
				margin-top: 12px;
			 }
 
				body>.pc_device>.section.white>.center>form>.captcha>img {
					float: left;
					position: relative;
					left: auto;
					top: auto;
					bottom: auto;
					margin-top: 6px;
					border-radius: 3px;
					margin-bottom: 7px;
				 }
 
				body>.pc_device>.section.white>.center>form>.captcha>input {
					padding: 0 13px;
					margin-bottom: 10px;
				 }