@charset 'UTF-8';
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900');
@import url('font-awesome.min.css');

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body {
		background: #fff;
	}

		body.loading {
		}
		
			body.loading * {
				-moz-transition: none !important;
				-webkit-transition: none !important;
				-o-transition: none !important;
				-ms-transition: none !important;
				transition: none !important;
			}

	body,input,textarea,select {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		font-size: 18pt;
		line-height: 1.75em;
		color: #39454b;
		letter-spacing: 0.5px;
	}

	h1,h2,h3,h4,h5,h6 {
		font-weight: 900;
		color: inherit;
	}
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}
		
	h2 {
		font-size: 2em;
		letter-spacing: -2px;
		line-height: 1.25em;
		color:#35380c
	}
		
	strong, b {
		font-weight: 900;
		color: inherit;
	}
	
	em, i {
		font-style: italic;
	}

	a {
		color: #98c593;

		-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr {
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}

	header {
		margin-bottom: 1em;
	}
	
		header p {
			display: block;
			margin: 1em 0 0 0;
			padding: 0 0 0.5em 0;
		}
		
	footer {
		margin-top: 2em;
	}

	br.clear {
		clear: both;
	}

	/* Sections/Articles */
	
		section,
		article {
			margin-bottom: 3em;
		}
		
		section > :last-child,
		article > :last-child {
			margin-bottom: 0;
		}

		section > .content > :last-child,
		article > .content > :last-child {
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child {
			margin-bottom: 0;
		}

		.row > section,
		.row > article {
			margin-bottom: 0;
		}

	/* Images */

		.image {
			position: relative;
			display: inline-block;
		}
		
			.image:before {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url('images/overlay.png');
			}
		
			.image img {
				display: block;
				width: 100%;
			}

			.image.featured {
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}
			
			.image.full {
				display: block;
				width: 100%;
			}
			
			.image.left {
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered {
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img {
					margin: 0 auto;
					width: auto;
				}

	/* Lists */

		ul.default {
			list-style: disc;
			padding-left: 1em;
		}
		
			ul.default li {
				padding-left: 0.5em;
			}		

		ul.icons {
			cursor: default;
		}	
		
			ul.icons li {
				display: inline-block;
			}
			
				ul.icons a {
					display: inline-block;
					width: 2em;
					height: 2em;
					line-height: 2em;
					text-align: center;
					border: 0;
				}

		ul.menu {
			cursor: default;
		}
		
			ul.menu li {
				display: inline-block;
				line-height: 1em;
				padding: 0 0 0 0.5em;
				margin: 0 0 0 0.5em;
			}
			
			ul.menu li:first-child {
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
			}

		ul.actions {
			cursor: default;
		}
		
			ul.actions li {
				display: inline-block;
				margin: 0 0 0 0.5em;
			}
			
			ul.actions li:first-child {
				margin-left: 0;
			}

		ol.default {
			list-style: decimal;
			padding-left: 1.25em;
		}

			ol.default li {
				padding-left: 0.25em;
			}

	/* Forms */

		form {
		}
		
			form label {
				display: block;
			}
		
			form input[type="text"],
			form input[type="password"],
			form input[type="email"],
			form select,
			form textarea {
				display: block;
				width: 100%;
				padding: 0.75em;
				background: none;
				border: solid 2px rgba(185,186,187,0.4);
				color: inherit;
				border-radius: 0.2em;
				outline: none;

				-moz-appearance: none;
				-webkit-appearance: none;
				-o-appearance: none;
				-ms-appearance: none;
				appearance: none;

				-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
			}

				form input[type="text"]:hover,
				form input[type="password"]:hover,
				form input[type="email"]:hover,
				form select:hover,
				form textarea:hover {
				}

				form input[type="text"]:focus,
				form input[type="password"]:focus,
				form input[type="email"]:focus,
				form select:focus,
				form textarea:focus {
					border-color: #ffd148;
				}

			form input[type="text"],
			form input[type="password"],
			form input[type="email"],
			form select {
				line-height: 1.2em;
			}
				
			form textarea {
				min-height: 8em;
			}

			form .formerize-placeholder {
				color: rgba(145,146,147,1) !important;
			}

			form ::-webkit-input-placeholder {
				color: rgba(145,146,147,1) !important;
			}

			form :-moz-placeholder {
				color: rgba(145,146,147,1) !important;
			}

			form ::-moz-placeholder {
				color: rgba(145,146,147,1) !important;
			}

			form :-ms-input-placeholder {
				color: rgba(145,146,147,1) !important;
			}

			form ::-moz-focus-inner {
				border: 0;
			}
			
	/* Tables */
	
		table {
			width: 100%;
		}
		
			table.default {
				width: 100%;
			}
			
				table.default tbody tr:nth-child(2n+2) {
					background: #f4f4f4;
				}
				
				table.default td {
					padding: 0.5em 1em 0.5em 1em;
				}
				
				table.default th {
					text-align: left;
					font-weight: 900;
					padding: 0.5em 1em 0.5em 1em;
				}
			
				table.default thead {
					background: #444;
					color: #fff;
				}
				
				table.default tfoot {
					background: #eee;
				}
				
				table.default tbody {
				}

	/* Buttons */
		
		.button {
			background-color: #ffd203;
			border: 0;
			border-radius: 0.2em;
			color: #32333b;
			cursor: pointer;
			display: inline-block;
			height: 1.8em;
			line-height: 1.8em;
			outline: 0;
			padding: 0 2em 0 2em;
			position: relative;
			text-align: center;
			text-decoration: none;

			-moz-appearance: none;
			-webkit-appearance: none;
			-o-appearance: none;
			-ms-appearance: none;
			appearance: none;

			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}

			.button.down {
				width: 5em;
				height: 5em;
				line-height: 4.5em;
				padding: 0;
				background-image: url('images/dark-arrow.svg');
				background-position: center center;
				background-repeat: no-repeat;
				text-indent: -10em;
				overflow: hidden;
			}
			
				.button.down.anchored {
					bottom: 0;
					border-bottom: 0;
					border-radius: 3em 3em 0 0;
					height: 4.5em;
					margin-left: -2.5em;
				}
			
			.button.anchored {
				position: absolute;
				left: 50%;
			}
			
			.button:hover {
				background-color: #ffdf4d; 
			}
			
			.button:active {
				background-color: #88b583;
			}

			.button.style2 {
				background-color: transparent;
				border: solid 2px #e5e6e7;
				color: inherit;
			}

				.button.style2:hover {
					background-color: rgba(145,146,147,0.035);
				}
				
				.button.style2.down {
					background-image: url('images/arrow.svg');
				}
				
				/* Buttons2 */
		
		.button2 {
			background-color: #fec901;
			border: 0;
			border-radius: 3.5em;
			color: #000000;
			cursor: pointer;
			display: inline-block;
			height: 3.5em;
			line-height: 3.5em;
			outline: 0;
			padding: 0 2em 0 2em;
			position: relative;
			text-align: center;
			text-decoration: none;

			-moz-appearance: none;
			-webkit-appearance: none;
			-o-appearance: none;
			-ms-appearance: none;
			appearance: none;

			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}

			.button2.down {
				width: 5em;
				height: 5em;
				line-height: 4.5em;
				padding: 0;
				background-image: url('images/dark-arrow.svg');
				background-position: center center;
				background-repeat: no-repeat;
				text-indent: -10em;
				overflow: hidden;
			}
			
				.button2.down.anchored {
					bottom: 0;
					border-bottom: 0;
					border-radius: 3em 3em 0 0;
					height: 4.5em;
					margin-left: -2.5em;
				}
			
			.button2.anchored {
				position: absolute;
				left: 50%;
			}
			
			.button2:hover {
				background-color: #655a30; 
			}
			
			.button2:active {
				background-color: #88b583;
			}

			.button2.style2 {
				background-color: transparent;
				border: solid 2px #e5e6e7;
				color: inherit;
			}

				.button2.style2:hover {
					background-color: rgba(145,146,147,0.035);
				}
				
				.button2.style2.down {
					background-image: url('images/arrow.svg');
				}

	/* Box */
	
	.cont_para_que_sirve { padding: 2em; width:82%}

		.box {
			background: rgba(51, 52, 58, 0.4);
			color: #FFF;
			padding: 2em;
		}
		
			.box.style2 {
				padding: 3.5em 2.5em 3.5em 2.5em;
			}

	/* Main */
		
		.main {
			position: relative;
			margin: 0;
		}
		
			.main.style1 {
				text-align: center;
				padding: 10em 0 10em 0;
			}
			
				.main.style1 h2 {
					font-size: 4.25em;
					line-height: 1em;
					letter-spacing: -4px;
					}
				
				.main.style1 .content {
                                        text-align: left;
                                        padding-left: 3em;
                                    
					opacity: 1.0;

					-moz-transition: all 1s ease;
					-webkit-transition: all 1s ease;
					-o-transition: all 1s ease;
					-ms-transition: all 1s ease;
					transition: all 1s ease;
					
					-moz-transform: translateZ(0);
					-webkit-transform: translateZ(0);
					-o-transform: translateZ(0);
					-ms-transform: translateZ(0);
					transform: translateZ(0);
				}
                        
                        .main.style1 strong{
                            font-size: 3em;
                            color: #ffd203;
                        }
                        
                        .main.style1 .button.style3{
                            background: #ffd203;
                            border-radius: 9px;
                            color: #36373e;
                            text-transform: uppercase;
                            font-size: 33px;
                            padding: 8px 24px;
                            height: auto;
                            line-height: inherit;
                        }
                        
                        .main.style1 .button.style3:hover{
                            background: #ffdf4d;
                        }
				
			.main.style1.inactive {
			}
			
				.main.style1.inactive .content {
					opacity: 0;
				}
		
			.main.style2 {
				padding: 10em 0 10em 0;
				overflow: hidden;
			}
			
				.main.style2 .content {
					position: relative;
					width: 35%;

					-moz-transition: all 1s ease;
					-webkit-transition: all 1s ease;
					-o-transition: all 1s ease;
					-ms-transition: all 1s ease;
					transition: all 1s ease;
					
					-moz-transform: translateZ(0);
					-webkit-transform: translateZ(0);
					-o-transform: translateZ(0);
					-ms-transform: translateZ(0);
					transform: translateZ(0);
				}
			
				.main.style2.left {
				}

					.main.style2.left .content {
						left: 0;
                                                padding-right: 55%;
					}

				.main.style2.right {
				}

					.main.style2.right .content {
						left: 65%;
					}

				.main.style2.inactive {
				}

					.main.style2.inactive .content {
					}

						.main.style2.inactive.left .content {
							left: -35%;
						}

						.main.style2.inactive.right .content {
							left: 100%;
						}
                                #one .box h2,
                                #three .box h2{
                                    color: #ffd038;
                                }
		
			.main.style3 {
				text-align: center;
				padding: 2em 0 6em 0;
			}

				.main.style3 .content {
				}

					.main.style3 .content > header {
						margin-bottom: 2em;
					}

				.main.style3.primary {
					background: #fff;
				}
			
				.main.style3.secondary {
					background: #f5f6f7;
				}

	/* Dark */

		.dark {
			color: #fff;
		}

			.dark a {
				color: #fff;
			}
		
			.dark .button.style2 {
				border-color: inherit;
				background-color: rgba(64,64,64,0.05);
			}

				.dark .button.style2:hover {
					background-color: rgba(255,255,255,0.1);
				}
				
				
				.dark .button.style3 {
		border-color: transparent;
				background-color: rgba(64,64,64,0);
			}

				.dark .button.style3:hover {
	background-color: rgba(255,255,255,0);
				}
				
				.dark .button.style2.down {
					background-image: url('/images/arrow.png');
				}
				
				.oscuro .button.style2.down {
					background-image: url('/css/images/oscuro-arrow.svg');
				}
				
				.dark .button.style3.down2 { 
					background-image: url('/images/ico_si_abajo.png');
					width:125px; 
					height:175px;
				}
		
/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.fa {
		text-decoration: none;
	}

		.fa.solo {
		}
		
			.fa.solo span {
				display: none;
			}

		.fa:before {
			display:inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header { 
		position: fixed;
		z-index: 10000;
		left: 0;
		top: 0;
		width: 100%;
		background: #32333b;
		background: rgba(50,51,59,0.98); 
		height: 3.3em;
		line-height: 3em;
		box-shadow: 0 0 0.15em 0 rgba(0,0,0,0.1);
	}
	
	body {
		padding-top: 75px;
	}

	#logo {
		position: absolute;
		left: 3em;
		top: 12px;
		height: 3em;
		line-height: 3em;
		letter-spacing: -1px;
	}
	
		#logo a {
			font-size: 1.25em;
		}
		
		#logo img {
                    width: 150px;
                }
	
	#nav {
		position: absolute;
		right: 10.3em;
		top: 3px;
		height: 3em;
		line-height: 3em;
	}

		#nav ul {
			margin: 0;
		}

			#nav ul li {
				display: inline-block;
				margin-left: 0.5em;
				font-size: 0.9em;
			}
			
				#nav ul li a {
					display: block;
					color: inherit;
					text-decoration: none;
					height: 3em;
					line-height: 3em;
					padding: 0 0.5em 0 0.5em;
					outline: 0;
					color: #FFF;
				}
				
					#nav ul li a:hover {
					text-decoration:underline;
				}
				
				.btn_ingresar_header {float:right; margin-right:30px;}
				.btn_ingresar_header img {width: 50px;vertical-align: middle;}
				.idioma_header {float:right; margin-right:30px;}
				

/*********************************************************************************/
/* Intro                                                                         */
/*********************************************************************************/

	.intro_margin {padding: 100px 0 150px 0;} 

	#intro {
		background: url('/images/img-section-1.jpg');
		background-size:cover;
		/*background-attachment:fixed;*/ 
		background-position:top center;
		background-repeat:no-repeat;
	}

/*********************************************************************************/
/* One                                                                           */
/*********************************************************************************/

	#one {
		background: url('/images/img-section-2.jpg');
		background-size:cover;
		background-attachment:fixed;
		background-position:bottom center;
	}

/*********************************************************************************/
/* Two                                                                           */
/*********************************************************************************/

	#two {
		 	background-color:#FFF;
			padding-top:30px !important;
			padding-bottom:0px !important;

	}
	
/*********************************************************************************/
/* three                                                                           */
/*********************************************************************************/

	#three {
		background: url('/images/img-section-3.jpg');
		background-size:cover;
		background-attachment:fixed;
		background-position:top center;
	}
	
/*********************************************************************************/
/* four                                                                           */
/*********************************************************************************/

	#four {
		 	background-color:#32333b;
			padding-bottom:0px !important;
			padding-top:0px !important;
	}
	
	.button__more-info{
	        color: #32333b !important;
		background: #ffd203;
		text-decoration: none;
		border-radius: 7px;
		padding: 5px 18px;
	}
	
	.button__more-info:hover {
		background: #ffdf4d;	  
	}
	
	.four-line{
	      width: 80px;
	      height: 3px;
	      background: #ffd203;
	      position: absolute;
	      bottom: -15px;
	      margin-left: auto;
	      margin-right: auto;
	      left: 0;
	      right: 0;
	}
			
/*********************************************************************************/
/* five                                                                           */
/*********************************************************************************/

	#five {
		 	background-color:#FFF;
			padding-top:30px !important;
			padding-bottom:0 !important;

	}
	

/*********************************************************************************/
/* six                                                                           */
/*********************************************************************************/

	#six {
		 	background-color:#FFF;
			padding-top:30px !important;
			padding-bottom:0 !important;

	}
	
/*********************************************************************************/
/* seven                                                                           */
/*********************************************************************************/

	#seven {
		 	background-color:#FFF;
			padding-top:30px !important;
			padding-bottom:0 !important;
			margin-bottom:0px !important;

	}
	


/*********************************************************************************/
/* Work                                                                          */
/*********************************************************************************/

	#work {
	}
	
		#work .row.images {
		}
	
			#work .row.images .image {
				position: relative;
				top: 0;
				left: 0;
				opacity: 1.0;
			
				-moz-transition: all 1s ease;
				-webkit-transition: all 1s ease;
				-o-transition: all 1s ease;
				-ms-transition: all 1s ease;
				transition: all 1s ease;
				
				-moz-transform: translateZ(0);
				-webkit-transform: translateZ(0);
				-o-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
			}
		
			#work .row.images.inactive {
			}

				#work .row.images.inactive .image {
					opacity: 0;
				}
			
				#work .row.images.inactive .image.l {
					left: -14em;
				}
			
				#work .row.images.inactive .image.r {
					left: 14em;
				}
				
			
/*********************************************************************************/
/* Contacto                                                                       */
/*********************************************************************************/

	#contact {
		background: #FFF;
		padding-bottom: 0;
		overflow-x:none;
		padding-bottom: 50px;
	}
	
		#contact .box {
			position: relative;
			bottom: 0;
			
			-moz-transition: all 1s ease;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
			
			-moz-transform: translateZ(0);
			-webkit-transform: translateZ(0);
			-o-transform: translateZ(0);
			-ms-transform: translateZ(0);
			transform: translateZ(0);
		}
		
		#contact.inactive {
		}

			#contact.inactive .box {
				bottom: -30em;
			}
			
		.contactForm__send-container{
		  text-align: right;
		}
		
		#contact h2{
		  color: #32333a !important;
		}
			
			
/*********************************************************************************/
/* Proveedores                                                                   */
/*********************************************************************************/

	#proveedores {
		padding-bottom: 0;
		background: url('/images/fondo_contacto.jpg');
		background-size:cover;
		background-position:top center;
		overflow-x:none;
		padding-top:12em !important;
		display:none;
	}
	
		#proveedores .box {
			position: relative;
			bottom: 0;
			
			-moz-transition: all 1s ease;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
			
			-moz-transform: translateZ(0);
			-webkit-transform: translateZ(0);
			-o-transform: translateZ(0);
			-ms-transform: translateZ(0);
			transform: translateZ(0);
		}
		
		#proveedores.inactive {
		}

			#proveedores.inactive .box {
				bottom: -30em;
			}
			
/*********************************************************************************/
/* Red_Empresa                                                                   */
/*********************************************************************************/

	#red_empresa {
		padding-bottom: 0;
		background: url('/images/fondo_contacto.jpg');
		background-size:cover;
		background-position:top center;
		overflow-x:none;
		padding-top:12em !important;
		display:none;
	}
	
		#red_empresa .box {
			position: relative;
			bottom: 0;
			
			-moz-transition: all 1s ease;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
			
			-moz-transform: translateZ(0);
			-webkit-transform: translateZ(0);
			-o-transform: translateZ(0);
			-ms-transform: translateZ(0);
			transform: translateZ(0);
		}
		
		#red_empresa.inactive {
		}

			#red_empresa.inactive .box {
				bottom: -30em;
			}

/*********************************************************************************/
/* Retailer                                                                      */
/*********************************************************************************/

	#retailer {
		padding-bottom: 0;
		background: url('/images/fondo_contacto.jpg');
		background-size:cover;
		background-position:top center;
		overflow-x:none;
		padding-top:12em !important;
		display:none;
	}
	
		#retailer .box {
			position: relative;
			bottom: 0;
			
			-moz-transition: all 1s ease;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;
			
			-moz-transform: translateZ(0);
			-webkit-transform: translateZ(0);
			-o-transform: translateZ(0);
			-ms-transform: translateZ(0);
			transform: translateZ(0);
		}
		
		#retailer.inactive {
		}

			#retailer.inactive .box {
				bottom: -30em;
			}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer {
		position: relative;
		line-height: 4em;
		margin: 0;
		background: #36373e;
		color: #999;
		color: rgba(255, 255, 255, 0.8) 
	}

		#footer a {
			color: #999;
			color: rgba(185,186,187,0.5);
		}

			#footer a:hover {
				color: #bbb;
				color: rgba(185,186,187,1.0);
			}
	
		#footer .actions {
			position: absolute;
			left: 1em;
			top: 0.25em;
			height: 5em;
			line-height: 5em;
			margin: 0;
		}
		
			#footer .actions li {
				font-size: 1.25em;
				margin: 0;
			}
			
				#footer .actions li a {
					padding: 0.5em;
				}
		
		#footer .menu {
			text-align:center;
			line-height: 5em;  
			margin: 0;
		}
		
			#footer .menu li {
				font-size: 0.9em;
			}
			
			.cont_footer { 
			  padding-top:1.6em;
			}
			.cont_footer2 { 
			      padding-top: 1em;
			      text-align: center;
			      line-height: initial;
			      padding-bottom: 0.6em;
			}
			
		.cont-icon {
		      height: 25px;
		}
		
		@media (max-width:1015px) {
		  .cont-icon {
		    height: 50px;
		  }
		}
		
		.fa-icon {
		  font-size: 16px;
		  display: inline-block;
		}
		
		#link-face {
		   position: absolute;
		   right: 70px;
		   margin-top: 23px;
		}
/*********************************************************************************/
/* Poptrox                                                                       */
/*********************************************************************************/

	.poptrox-popup {
		background: #fff;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-o-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		padding-bottom: 3em;
		box-shadow: 0 0.1em 0.15em 0 rgba(0,0,0,0.15);
	}
	
		.poptrox-popup .loader {
			width: 48px;
			height: 48px;
			background: url('images/loader.gif');
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -24px 0 0 -24px;
		}
	
		.poptrox-popup .caption {
			position: absolute;
			bottom: 0;
			left: 0;
			background: #fff;
			width: 100%;
			height: 3em;
			line-height: 2.8em;
			text-align: center;
			cursor: default;
			z-index: 1;
			font-size: 0.9em;
		}
		
		.poptrox-popup .nav-next,
		.poptrox-popup .nav-previous {
			position: absolute;
			top: 0;
			width: 50%;
			height: 100%;
			opacity: 0;
			cursor: pointer;
			background: rgba(0,0,0,0.01);
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			-webkit-tap-highlight-color: rgba(255,255,255,0);
		}

			.poptrox-popup .nav-next:before,
			.poptrox-popup .nav-previous:before {
				content: '';
				position: absolute;
				width: 96px;
				height: 64px;
				background: url('images/poptrox-nav.svg');
				top: -moz-calc(50% - 1.5em);
				top: -webkit-calc(50% - 1.5em);
				top: -o-calc(50% - 1.5em);
				top: -ms-calc(50% - 1.5em);
				top: calc(50% - 1.5em);
				margin: -32px 0 0 0;
			}
		
			.poptrox-popup:hover .nav-next,
			.poptrox-popup:hover .nav-previous {
				opacity: 0.5;
			}

			.poptrox-popup:hover .nav-next:hover,
			.poptrox-popup:hover .nav-previous:hover {
				opacity: 1.0;
			}
			
			.poptrox-popup .nav-previous:before
			{
				-moz-transform: scaleX(-1);
				-webkit-transform: scaleX(-1);
				-o-transform: scaleX(-1);
				-ms-transform: scaleX(-1);
				transform: scaleX(-1);
				-ms-filter: "FlipH";			
				filter: FlipH;
			}

		.poptrox-popup .nav-next {
			right: 0;
		}

			.poptrox-popup .nav-next:before {
				right: 0;
			}
		
		.poptrox-popup .nav-previous {
			left: 0;
		}

			.poptrox-popup .nav-previous:before {
				left: 0;
			}
			
		.poptrox-popup .closer {
			position: absolute;
			top: 0;
			right: 0;
			width: 64px;
			height: 64px;
			text-indent: -9999px;
			z-index: 2;
			opacity: 0;
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			-webkit-tap-highlight-color: rgba(255,255,255,0);
		}
		
			.poptrox-popup .closer:before {
				content: '';
				display: block;
				position: absolute;
				right: 16px;
				top: 16px;
				width: 40px;
				height: 40px;
				border-radius: 100%;
				box-shadow: inset 0 0 0 2px #fff;
				background: url('images/poptrox-closer.svg') center center;
				color: #fff !important;
			}

			.poptrox-popup:hover .closer {
				opacity: 0.5;
			}

			.poptrox-popup:hover .closer:hover {
				opacity: 1.0;
			}
			
/*********************************************************************************/
/* Touch Mode                                                                    */
/*********************************************************************************/

	body.touch {
	}
	
		body.touch .main {
			background-attachment: scroll !important;
		}
		
		body.touch .poptrox-popup {
		}

			body.touch .poptrox-popup .nav-next,
			body.touch .poptrox-popup .nav-previous,
			body.touch .poptrox-popup .closer {
				opacity: 1.0 !important;
			}

.tit_blanco { color:#ffffff !important;}
h1.tit_blanco{ font-size: 3em;font-weight: normal; line-height: 1em}

.tit_oscuro { color:#35380c !important;margin-top:0.6em;font-size: 4.25em;}
.tit_oscuro2 { color:#35380c !important;margin-top:0.1em;font-size: 4.25em;line-height:0.9em  !important}
.tit_amarillo { color:#ffd400 !important;margin-top:0.1em;font-size: 4.25em;line-height:1em  !important;}
.text_oscuro { color:#35380c !important;margin-bottom:85px !important;}
.text_oscuro2 { color:#35380c !important;margin-bottom:0.8em !important;font-size: 1.5em}
.text_amarillo { color:#ffd400 !important;font-size: 2em; margin-top:1.5em !important; line-height: 1em!important}

.cont_perfil { float:left; width:33%}

.text_blanco { color:#ffffff !important;line-height: 1.4em !important; margin-top:2em !important; padding-left:1em !important; padding-right:1em !important; height:7em}

.sub_tit_blanco { color: #ffffff !important;
    font-size: 1.5em !important;
    letter-spacing: 0px !important;
    line-height: 0.9em !important;
    margin-top: 0.2em !important;
    height: 1.9em;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
}

.box_marron {background-color: #36373e; width: 100%; color: #ffffff;padding: 0 32em 10em 10em; position: relative;} 

.box_marron2 { background-color:#322b0a;width:100%;color: #ffffff; padding:0 14em 10em 14em;} 

#six .box_marron{ padding: 0 10em 10em 32em; }

.text_box_marron {font-size: 1.3em !important;line-height:1.5em  !important; padding-top:2em;} 

.text_secundario_box_marron{font-size: 1.8em !important;line-height:1.2em  !important; color:#ffffff  !important; font-weight:bold  !important; margin-top:1.5em;}  

.padding_top_bottom {padding-top:1em !important; padding-bottom:6em !important;}   

.cont_btn_quiero_ser_parte { margin-top:2.5em;}

.no_border {border:none !important;} 

.flecha_negro {border-color:#35380C  !important; background-color:transparent !important;	background-image: url('/css/images/oscuro-arrow.svg')  !important;}

.width_85 {width:85% !important} 

.img_100 {max-width:100%} 
.img_55 {max-width:55%} 

.img-perfil{max-width: 100px}

.img_ico_si_amarillo {max-width:100%} 

.iconos_grandes_solapados {position:relative; margin-top:-4.4em} 
.iconos_grandes_solapados2 {position:relative; margin-top:-7.4em} 

.container_full {position:relative !important; z-index:1000 !important; width:100% !important}

.text_alert { color:#F00;}

/*validador*/
.inputContainer{position:relative; float:left;}
.formError {
	position:absolute;
	top:300px; left:300px;
	display:block;
	z-index:500000;
	cursor:pointer;
}
#debugMode{
	background:#000;
	position:fixed;
	width:100%; height:200px;
	top:0; left:0;
	overflow:scroll;
	opacity:0.8;
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}

.ajaxSubmit{ padding:20px; background:#f27900;border:1px solid #999;display:none}    
.formError .formErrorContent {
        line-height: 1;
	width:100%; 
	background:#ffd203; 
	color:#36373e;
	width:160px;
	font-family:tahoma;
	font-size: 0.67em;
	border:2px solid #36373e;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	 box-sizing: content-box !important;
}
.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
	width:15px;
	margin:-2px 0 0 13px;
	z-index:5001;
}

.formError .formErrorArrow div{
	border-left:2px solid #505157;
	border-right:2px solid #505157;
	box-shadow: 0px 2px 3px #444;
	-moz-box-shadow: 0px 2px 3px #444;
	-webkit-box-shadow: 0px 2px 3px #444;
	font-size:0px; height:1px; background:#ffd203;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
.formError .formErrorArrowBottom div{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
	
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{
	width:1px;
	border-left:2px solid #505157;
	border-right:2px solid #505157;
	border-bottom:0px solid #505157;
} 
.formError .formErrorArrow .line2{width:3px;border:none;background:#505157;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#505157;}  
/*---------------------validador*/ 

#popup_message p{ text-align:center; color:#ffffff} 

#popup_panel input { text-align:center}

.container-button{
    text-align: center;
    margin-top: 100px;
}

.button-next img{
    width: 100px;
}

.cont_footer2 img {
  max-width: 100px;
}

/*------------------- Red_Empresa */

.title-container{
  text-align: left;
  padding-left: 3em;
}

.title-container .iconos_grandes_solapados,
.title-container header{
  display: inline-block;  
}
 
#six .title-container{
  text-align: right;
  padding-right: 3em;
}
 
.iconos_grandes_solapados img{
  width: 150px;
}

.button__unirse{
    color: #32333b !important;
    background: #ffd203;
    text-decoration: none;
    border-radius: 7px;
    padding: 5px 30px;
    font-size: 1.3em;
}
.button__unirse:hover{
  background: #ffd900;
  webkit-box-shadow: 0px 0px 17px 0px rgba(255,255,255,0.36);
  -moz-box-shadow: 0px 0px 17px 0px rgba(255,255,255,0.36);
  box-shadow: 0px 0px 17px 0px rgba(255,255,255,0.36)
  
}

.container-img-fondo.empresas{
    position: absolute;
    right: 0;
    top: -132px;
}

.empresas img,
.proveedores img{
    width: 800px;
}

.contact-new{
  margin-top: 40px;
}

.container-img-fondo.proveedores{
    position: absolute;
    left: 0;
    top: -132px;
}

@media (max-width:1000px) {
  .container-img-fondo.empresas,
  .container-img-fondo.proveedores
  {
    display: none;
  }
}


.menu-mobile{
    display: none;
    text-align: center;
}

.menu-mobile img{
    padding-top: 6px;
    width: 150px;
}

#popup_panel{
    text-align: center;
}

#popup_panel #popup_ok{
    background: #ffdf4d;
    border-radius: 4px;
    border: none;
    font-family: inherit;
}


.clear-menu-btn{
    position: absolute;
    top: 8px;
    right: 9px;
}

#mobileNav{
    display: none;
    margin-top: 50px;
    top: 0;
    padding: 0;
    transform: translateY(-100%); 
    z-index: 1;
    opacity: 1;
    position: fixed;
    width: 100%;
    background: rgba(50,51,59,0.98);
    z-index: 1201;
    transition: all 0.3s;
}

#mobileNav ul li{
    text-align: center;
    margin-top: 16px;
    height: 25px;
}

#mobileNav a{
    color: white;
    text-decoration: none;
    text-align: center;
}
.mobile-menu__button{
    position: fixed;
    right: 12px;
    top: 14px;
    z-index: 3;
    cursor: pointer;
}

.mobile-menu__button .icon-bar{
    background: #FFF;
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    margin-top: 5px;
    transition: all 0.2s;
}

.mobile-menu__button.collapsed .top-bar {
  transform: rotate(0);
}
.mobile-menu__button.collapsed .middle-bar {
  opacity: 1;
}
.mobile-menu__button.collapsed .bottom-bar {
  transform: rotate(0);
}

.mobile-menu__button .top-bar {
  transform: rotate(45deg);
  transform-origin: 0;
}

.mobile-menu__button .middle-bar {
  opacity: 0;
}

.mobile-menu__button .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 0;
}

.mobile-ingresar{
    color: #ffd203 !important;
}

.mobile-ingresar img{
    width: 25px;
}

.mobile-ingresar p, .mobile-ingresar img{
    display: inline-block;
}

.mobile-ingresar p{
    vertical-align: middle;
}

@media (min-width: 991px){
    .footer-fb {
        position: absolute;
        top: -4px;
        height: 25px;
        right: 25px;
    }
}
.footer-fb {
    color: #FFF;
}