/**
 * Name: layout.css
 * Version: 1.0.0
 *	
 *	-
 *
 *	T.O.C
 *	
 *	#General Layout 
 *		#Header
 *		#Nav
 *		#Content
 *		#Footer
 *	#Page Styles
 *		#Home
 *		#About
 *		#Team
 *		#Services
 *		#Portfolio
 *		#Testimonials
 *		#Features
 *		#Blog
 *		#Pricing
 *		#Twitter
 *		#Contact
 *	#Responsive
 *		#Large Display
 *		#Smaller then 1024px width	
 *		#Tablet (Portrait)
 *		#Mobile (Portrait and Landscape )
 *		#Mobile ( Landscape )
 */

/* ==========================================================================
   #General Layout 
   ========================================================================== */

	#wrap { background-color: #fff; }
	
	/* Magnific Popup Buttons */
	
	.mfp-ajax-holder button.mfp-close {
		position: fixed;
		top: 30px;
		right: 50px;
		border: 1px solid #fff;
		background-color: rgba(0, 0, 0, 0.5);
		color: #fff;
		opacity: 1;
	}
	
	.mfp-ajax-holder .mfp-arrow {
		position: fixed;
		width: 50px;
		height: 50px;
		border: 1px solid #fff;
		opacity: 1;
	}
	
	.mfp-ajax-holder .mfp-arrow-left {
		left: 30px;
		background: rgba(0, 0, 0, 0.5) url(../images/prev.png) no-repeat center center; 
	}
	
	.mfp-ajax-holder .mfp-arrow-right {
		right: 50px;
		background: rgba(0, 0, 0, 0.5) url(../images/next.png) no-repeat center center; 
	}
	
	.mfp-ajax-holder .mfp-arrow-left:before,
	.mfp-ajax-holder .mfp-arrow-right:before,
	.mfp-ajax-holder .mfp-arrow-left:after,
	.mfp-ajax-holder .mfp-arrow-right:after { border: none; }
	
/* #Header
   ========================================================================== */	
   	
	#header { position: relative; }
		
	/* Logo */

	#logo { 
		display: block;
	}
	
	.alternative #logo { padding-top: 20px; }
	
	#logo img { 
		display: block;
		max-width: 100%;
	}
	
/*IDIOMAS*/
	
	
	.sf-idioma { float: left; }
	
	.sf-idioma, 
	.sf-idioma * {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.sf-idioma li {
		position: relative;
		white-space: nowrap;
	}
	
	.sf-idioma ul {
		position: absolute;
		z-index: 99;
		top: 100%;
		left: 0;
		display: none;
	}
		
	.sf-idioma > li { float: left; }
	
	.sf-idioma li:hover > ul,
	.sf-idioma li.sfHover > ul { display: block; }
	
	.sf-idioma a {
		display: block;
		position: relative;
	}
	
	.sf-idioma ul ul {
		top: 0;
		right: 100%;
	}
		
	.sf-idioma a {
		padding: 5px 5px;
		font-family: 'Oswald', sans-serif;
		font-size: 11px;
		color: #666; 
		text-transform: uppercase;  
	}
	
	.sf-idioma > li > .idioma {
		padding: 15px 15px;
		border-bottom: 2px solid transparent;
		margin: 0 5px;
		color: #b6b6b6;
		font-size: 16px;
		letter-spacing: 1px;  
	}	
		
	/* Menu basics */

	.sf-menu, 
	.sf-menu * {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.sf-menu li {
		position: relative;
		white-space: nowrap;
	}
	
	.sf-menu ul {
		position: absolute;
		z-index: 99;
		top: 100%;
		left: 0;
		display: none;
	}
	
	.sf-menu > li { float: ; }
	
	.sf-menu li:hover > ul,
	.sf-menu li.sfHover > ul { display: block; }
	
	.sf-menu a {
		display: block;
		position: relative;
	}
	
	.sf-menu ul ul {
		top: 0;
		left: 100%;
	}
	
	/* Menu skin */
	
	.sf-menu {
		float: right;
		text-align: right;
		padding-top:28px;}
	
	.sf-menu a {
		padding: 5px 2px;
		border-bottom: 1px dotted rgba(0, 0, 0, 0.15);  
		font-family: 'Oswald', sans-serif;
		font-size: 11px;
		color: #fff; 
		text-transform: uppercase;  
	}
	
	.sf-menu > li > .menu {
	
		border-bottom: 2px solid transparent;
		margin: 0 5px;
		color: #fff;
		font-size: 16px;
		letter-spacing: 1px;  
	}
	
	.alternative .sf-menu > li > .menu {
		padding: 4px 14px;
		border-top: 2px solid transparent;
		border-bottom: none;
	}
	
	.sf-menu > li > .lang {
		padding: 25px 0;
		border-bottom: 2px solid transparent;
		margin: 0 5px;
		color: #b6b6b6;
		font-size: 16px;
		letter-spacing: 1px;
		font-size:11px;  
	}
	
	.alternative .sf-menu > li > .lang {
		padding: 65px 0;
		border-top: 2px solid transparent;
		border-bottom: none;
		font-size:11px;
	}	
	
	.sf-menu > li > .lang1 {
		padding: 25px 0 25px 0;
		border-bottom: 2px solid transparent;
		margin: 0 5px;
		color: #b6b6b6;
		font-size: 16px;
		letter-spacing: 1px; 
		font-size:11px; 
	}
	
	.alternative .sf-menu > li > .lang1 {
		padding: 65px 0 65px 50px;
		border-top: 2px solid transparent;
		border-bottom: none;
		font-size:11px;
	}		
	
	
	.sf-menu li {
		-webkit-transition: background 0.2s;
			 -o-transition: background 0.2s;
				transition: background 0.2s;
	}
	
	.sf-menu li:hover,
	.sf-menu li.sfHover {
		position: relative;  
		text-decoration: none;	
	}
	
	.sf-menu li:hover a,
	.sf-menu li.sfHover a {
		color: #BBBBBB;
		text-decoration: none;
	}
	
	.sf-menu li.active a, #mobile-menu li.active a{
		border-bottom-color: #ff6;
		color: #6e6e6e; 
	}
	
	 
	/**
 	 * 1. allow long menu items to determine submenu width
 	 */
	
	.sf-menu ul {
		min-width: 100px; /* 1 */
		border: 1px solid rgba(0, 0, 0, 0.1); 
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);   
				box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); 
		background-color: #fff;			
	}
	
	.sf-menu ul > li:last-child > a { border-bottom: none; }
	
	.sf-menu ul ul li {}

	/* Menu arrows */
	
	.sf-arrows .sf-with-ul { padding-right: 30px; }
	
	/* Bottom facing arrows */
	
	.sf-arrows .sf-with-ul:after {
		position: absolute;
		top: 50%;
		right: 10px;
		height: 0;
		width: 0;
		border: 5px solid transparent;
		border-top-color: rgba(0, 0, 0, 0.5);
		margin-top: -13px;
		content: "";
	}
	
	/* Right facing arrows */
	
	.sf-arrows ul .sf-with-ul:after {
		margin-top: -5px;
		margin-right: -3px;
		border-color: transparent;
		border-left-color: rgba(0, 0, 0, 0.5);
	}
	
	/* Mobile Menu  */
	
	#mobile-menu {
		z-index: 100;
		top:0px;
		padding-top:100px;
		position:absolute;
		width:100%;
		background:rgba(0, 0, 0, 0.5);
	}
	
	#mobile-menu li {	
		display: block;
		margin: 0;
	}
		
	#mobile-menu > li > ul, 
	#mobile-menu > li > ul > li > ul {
		display: none;
		
	}

	#mobile-menu li a {
		position: relative;
		display: block;
		padding: 5px 0;
		color: #FFFFFF;
		font-size: 24px;
		text-align: center;
		text-decoration: none;
		width:100%;
	}
	
	#mobile-menu ul a { padding-left: 45px; }
	
	#mobile-menu ul li ul a  { padding-left: 65px; }
	
	#mobile-menu .mobile-menu-submenu-arrow {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 70px;
		border-left: 1px solid #efefef;
		color: #333;
		font-size: 20px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #f3f3f3; }
	
	#mobile-menu li a:hover {
		color:#ff6;}
	
	#mobile-menu { display: none; }
	
	/* Mobile menu trigger  */
				
	#mobile-menu-trigger{ 
		float: right;
		display: none;
		color: #FFFFFF;
		font-size: 32px;  
	}
	
	/*#mobile-menu-trigger.mobile-menu-opened	{
		color:#252525;
		}*/	
		
	/* Custom Search Form */
	
	#custom-search-form{
		position: absolute;
		z-index: 15;
		top: 24px;
		right: 0;
	}
	
	.alternative #custom-search-form { top: 65px; }
	
	#custom-search-form + nav { margin-right: 70px; }
	
	#custom-search-form #s {
		width: 32px;
		height: 32px;
		border: 1px solid #d7d7d7;
		background: #fff url(../images/bg-search.png) no-repeat 8px 8px;
	    color: #333;
	}
	
	#custom-search-form #s:hover { cursor: pointer; }
	
	#custom-search-form #s.open {
	    padding: 5px 5px 5px 30px;
	    border: 1px solid #c5c5c5;
	}
	
	@media (min-width: 1024px) {
		
		#nav.stuck,
		#nav.alternative.stuck {
			
			z-index: 1000;
			top: 0;
			width: 100% !important;
			-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);   
					box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); 
			background: #fff;
			
		}
		
		#nav.stuck #logo,
		#nav.alternative.stuck #logo { margin: 5px 0; }
		
		#nav.stuck.alternative #logo img { max-width: 35%; }
		
		#nav.stuck .sf-menu > li > a,
		#nav.alternative.stuck .sf-menu > li > a  { padding: 14px 20px; }
		
	}		
	
/* #Nav
   ========================================================================== */
   	
	#nav {
		/*-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
				box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
		z-index: 30;*/
		top: 0;
		right: 0;
		left: 0;
		position:absolute;
	}
	
	#nav.secciones {
		background-image: url(../../img/head.jpg);
		position:relative;
	}
	
	
/* #Content
   ========================================================================== */
   		
	#content { min-height: 300px; }
	
/* #Body
   ========================================================================== */		
		
	#body {
		padding-bottom: 85px;
		background-color: #fff;
		color: #fff;
	}
	
	.menu_dociel li a{
		text-decoration:none;
		font-size:16px;
		color:#7d7d7d;
		font-weight:500;
		}
			
	.menu_dociel li a.active{
		font-weight:700;
		}
		
	.productos{
		padding-top:100px;
		color:#7d7d7d;
		line-height:1.2em;
		}
	
	.productos a{
		width:100%;
		text-transform:uppercase;
		text-align:center;
		text-decoration:none;
		font-weight:600;
		color:#7d7d7d;
		}
	.productos a img{
		margin-bottom:8px;
		}
	.mitad{
		width:50%;
		float:left;
		padding-bottom:20px;}
	.tercio{
		width:33.3333333333%;
		float:left;}			
	.quinto{
		width:20%;
		float:left;}
	.octavo{
		width:80%;
		float:left;}
		
	.productos p{
		color:#7d7d7d;
		line-height:1.2em;
		}
		
	.productos table{
		color:#7d7d7d;
		}
	
	.productos tr{
		height:15px;
		}
		
	.ideal{
		width:300px;
		position:absolute;
		background:#FFF;
		z-index:300;
		right:5px;
		padding-top:50px;
        border-bottom: 3px grey solid;
		}
		
	#slidingDiv1,#slidingDiv2,#slidingDiv3,#slidingDiv4,#slidingDiv5,#slidingDiv6,#slidingDiv7{
		display: none;}
/* ==========================================================================

/* #Footer
   ========================================================================== */		
		
	#footer {
		height:280px;
		background-color: #374b7b;
		background-image:url("../../img/footer.png");
		background-repeat:no-repeat;
		background-position:right;
		color: #fff;
		z-index:200;
		overflow:hidden;
	}
	
	#footer img {}
			
/* ==========================================================================
   #Page Styles
   ========================================================================== */
   
/* #Home
   ========================================================================== */
   
/* #uruguay
   ========================================================================== */
   
   	#uruguay { padding-top: 60px; }
	
	/* About me page */
	
	#about-me-wrap {
		max-width: 980px;
		padding: 50px 0;
		margin: 100px auto;
		background-color: #fff;
	}
	
	#about-me-wrap .headline { 
		display: inline-block;
		margin-bottom: 50px;
	}

/* #Team
   ========================================================================== */
   
   	#team { padding: 60px 0; }
	
	.team-member { margin-bottom: 60px; }
	
	.team-member-preview { 
		position: relative;
		margin-bottom: 20px;
	}
	
	.team-member-preview img {
		display: block;
		width: 100%;
	}
	
	.team-member-overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.7);
		opacity: 0;
		text-align: center;
		-webkit-transition: opacity 0.3s;
				transition: opacity 0.3s;
	}
	
	.team-member-overlay a {
		position: absolute;
		top: 0;
		left: 50%;
		display: inline-block;
		padding: 5px 15px;
		border: 1px solid #fff;
		margin: -20px 0 0 -18px;
		color: #fff;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	.team-member-overlay a i { font-size: 18px; }
	
	.team-member .headline { 
		display: block;
		margin-bottom: 0;
	}
	
	.team-member .headline p {
		top: auto;
		bottom: -34px;
	}
	
	.team-member:hover .team-member-overlay { opacity: 1; }
	.team-member:hover .team-member-overlay a { top: 50%; }

/* #Services
   ========================================================================== */
   
   	#services { padding: 120px 0 40px 0; }
      
/* #puerto-libre
   ========================================================================== */
   
   	#puerto-libre { padding: 60px 0 80px 0; }
	#puerto-libre .headline { margin-bottom: 60px; }
	
	/* Project Page */
	
	#project-wrap {
		max-width: 980px;
		padding: 50px 0;
		margin: 100px auto;
		background-color: #fff;
	}
	
	#project-wrap .headline { 
		display: inline-block;
		margin-bottom: 50px;
	}
   
    /* Isotope */
	
	.portfolio-items { list-style: none; }
	
	.portfolio-items li {
		float: left;
		width: 33.3333333333%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 15px;
	}
   
    /* Portfolio Item */
	
	.portfolio-item { 
		position: relative; 
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.portfolio-items li .portfolio-item { margin-bottom: 0; }
	
	.portfolio-item-preview { position: relative; }
		
	/**
	 * 1. Chrome 19+, Safari 6+, Safari 6+ iOS
	 * 2. Firefox 10+, Firefox on Android
	 * 3. IE9
	 */	
	
	.portfolio-item-preview > img {
		display: block;
		width: 100%;
		-webkit-filter: grayscale(1); /* 1 */
				filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* 2 */
    			filter: gray; /* 3 */
		-webkit-transition: all 0.5s; 
				transition: all 0.5s;
	}
		
	.portfolio-item-overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		-webkit-transition: opacity 0.5s; 
			 -o-transition: opacity 0.5s;
				transition: opacity 0.5s;
	}
			
	.portfolio-item-overlay-actions .portfolio-item-zoom,
	.portfolio-item-overlay-actions .portfolio-item-link {
		position: absolute;
		top: 28%;
		display: inline-block;
		width: 40px;
		height: 40px;
		border: 1px solid #fff;
		margin: 0 5px; 
		color: #fff;
		font-size: 32px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.5s; 
			 -o-transition: all 0.5s;
				transition: all 0.5s;
	}
	
	.portfolio-item-overlay-actions .portfolio-item-zoom { left: 0; }
	.portfolio-item-overlay-actions .portfolio-item-link { right: 0; }
	
	.portfolio-item-overlay-actions .portfolio-item-zoom:hover,
	.portfolio-item-overlay-actions .portfolio-item-link:hover { background-color: rgba(0, 0, 0, 0.8); }
					
	.portfolio-item-description { 
		position: absolute;
		right: 0; 
		bottom: -60px; 
		left: 0;
		padding: 15px;
		background-color: #fff; 
		color: #000; 
		text-align: center; 
		opacity: 0; 
		-webkit-transition: all 0.5s; 
			 -o-transition: all 0.5s;
				transition: all 0.5s;
	}
	
	.portfolio-item-description h3 { 
		margin-bottom: 0;
		line-height: 27px;
		text-transform: uppercase;
	}
	
	.portfolio-item-description p {
		margin-bottom: 0;
		font-size: 12px;
		line-height: 23px;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	
	.portfolio-item:hover .portfolio-item-preview > img {
		-webkit-filter: none; 
				filter: none;
	}
	
	.portfolio-item:hover .portfolio-item-description { 
		opacity: 1;
		bottom: 0; 
	}
	
	.portfolio-item:hover .portfolio-item-overlay { opacity: 1; }
	
	.portfolio-item:hover .portfolio-item-overlay-actions .portfolio-item-zoom { 
		left: 50%;
		margin-left: -55px;
	}
	
	.portfolio-item:hover .portfolio-item-overlay-actions .portfolio-item-link { 
		right: 50%;
		margin-right: -55px;
	}

	/* Portfolio filter */
	
	.portfolio-filter ul {
		margin-bottom: 45px;
		list-style: none;
		text-align: center;
	}
	
	.portfolio-filter ul li { 
		display: inline-block;
		margin-right: 20px;
	}
	
	.portfolio-filter ul li:last-child { margin-right: 0; }
	
	.portfolio-filter ul li a {
		display: block;
		padding: 5px 15px;
		border: 1px solid #252525;
		color: #252525;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.portfolio-filter ul li a:hover,
	.portfolio-filter ul li a.active { 
		background-color: #252525;
		color: #fff;
	}	
	
/* #Testimonials
   ========================================================================== */

/* #Exportacion
   ========================================================================== */
   
   	#exportacion { padding-top: 60px; }
	
	#exportacion h1 {
		margin-bottom: 30px;
		font-size: 60px; 
	}
	
	#exportacion h3 { font-family: 'PT Sans Narrow', sans-serif; }
	
	#exportacion .headline h1 {
		margin-bottom: 0;
		font-size: 36px;
	}
	
/* #Blog
   ========================================================================== */
   	
	#blog { padding-top: 60px; }
	
	.blog-post-items { 
		list-style: none;
		margin-bottom: 0;
	}
	
	.blog-post-items li { 
		position: relative;
		float: left;
		height: 540px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		background: #252525 no-repeat center center;
		text-align: center;
	}
	
	.blog-post-items li.item-1 { width: 40%; }
	.blog-post-items li.item-2 { width: 30%; }
	
	.blog-post-items li > .btn {
		position: relative;
		top: 50%;
		border-color: #fff;
		margin-top: -25px;
		color: #fff;
	}
	
	.blog-post-items li > .btn:hover { background-color: rgba(255, 255, 255, 0.1); }
   
	/* Blog Post */
	
	.blog-post { margin-bottom: 30px; }
	.blog-post h2 { margin-bottom: 0; }
	.blog-post a { color: #252525; }
	
	.blog-post-title {
		padding: 30px 20px;
		border: 1px solid #fff;
		margin: 45px 45px 0 45px;
		color: #fff;
		font-family: 'Oswald', sans-serif;
		font-size: 18px;
		text-transform: uppercase;
		text-align: center;
	}
	
	.blog-post-info {
		float: left;
		width: 70px;
		padding: 15px 0;
		border: 1px solid #252525;
		margin-right: 30px;
		color: #252525;
		font-family: 'Oswald', sans-serif;
		font-size: 36px;
		line-height: 36px;
		text-align: center;
		text-transform: uppercase;
	}
	
	.blog-post-readmore {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0 0 45px 45px;
	}
	
	.blog-post-readmore .btn { border-color: #fff; }
	.blog-post-readmore a.btn { color: #fff; }
	
	.blog-post-thumb { position: relative; }
	
	.blog-post-thumb img {
		display: block;
		width: 100%;
	}
	
	.blog-post-thumb .blog-post-title {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
	}
	
	.blog-post-image-preview {
		position: relative;
		float: left;
		width: 33.3333333333%;
		margin: 60px 0 80px 0;
	}
	
	.blog-post-image-preview img { 
		display: block; 
		width: 100%; 
	}
	
	.blog-post-image-preview-overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.7);
		opacity: 0;
		text-align: center;
		-webkit-transition: all 0.5s;
				transition: all 0.5s;
	}
	
	.blog-post-image-preview-overlay a {
		position: absolute;
		top: 0;
		display: inline-block;
		width: 40px;
		height: 40px;
		border: 1px solid #fff;
		margin: -20px 0 0 -20px;
		color: #fff;
		font-size: 32px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.5s; 
			 -o-transition: all 0.5s;
				transition: all 0.5s;
	}
	
	.blog-post-image-preview:hover .blog-post-image-preview-overlay { opacity: 1; }
	.blog-post-image-preview:hover .blog-post-image-preview-overlay a { top: 50%; }
	
	/* Blog Post Pagination */
	
	.pagination {
		margin-bottom: 120px;
		list-style: none; 
	}
	
	.pagination li { 
		display: inline-block;
		margin-right: 3px;
	}
	
	.pagination li:last-child { margin-right: 0; }

	.pagination a { 
		display: block; 
		padding: 1px 12px; 
		border: 1px solid #252525;
		color: #252525;
		text-decoration: none;
	}
	
	.pagination li.current a,
	.pagination li a:hover { 
		background-color: #252525; 
		color: #fff; 
	}
			
/* #Pricing
   ========================================================================== */
   
   	#pricing { padding: 120px 0 90px 0; }
   
/* #Twitter
   ========================================================================== */
   
   	#twitter {}
	
	#twitter i {
		padding: 10px 11px;
		border: 1px solid #fff;
		margin-top: 45px;
		color: #fff;
		font-size: 32px;
	}
	
   
/* #Contact
   ========================================================================== */
   	
	#contact { padding-top: 60px; }
	
	/* Contact Info */
	
	.contact-info { 
		list-style: none; 
		margin-bottom: 60px;	
	}
	
	.contact-info li {
		position: relative;
		padding-left: 50px;
		margin-bottom: 25px; 
	}
	
	.contact-info li:last-child { margin-bottom: 0; }
	.contact-info li a { color: #5f5f5f; }
	
	.contact-info li i {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		width: 32px;
		margin-right: 20px;
		background-color: #252525;
		color: #fff;
		font-size: 14px;
		line-height: 32px;
		text-align: center;
	}
   
	#contact-form { 
		overflow: hidden; 
		margin: 60px 0 70px 0; 
	}
	
	#contact-form fieldset { }
	
	label.validation-error { color: #b55454; }
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #a1a1a1; }
	
	#contact-form #formstatus {}
		
	#contact-form input[type="text"],
	#contact-form textarea {
		padding: 20px;
		border: none;
		border-bottom: 1px solid #252525;
		color: #5f5f5f;
		resize: none;
	} 
	
	#contact-form input[type="submit"] {
		border: 1px solid #252525;
		margin-top: 60px;
		background-color: transparent;
		color: #252525;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}
	
	#contact-form input[type="submit"]:hover { 
		background-color: #252525;
		color: #fff;
	}
	
	.window-container {
		display: block;
		background: #FFFFFF;
		margin: 0 auto;
		width: 600px;
		padding: 20px;
		top:20%;
		position:relative;
		text-align: left;
		border-radius: 3px;
		box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
		-webkit-transition: 0.4s ease-out;
		-moz-transition: 0.4s ease-out;
		-ms-transition: 0.4s ease-out;
		-o-transition: 0.4s ease-out;
		transition: 0.4s ease-out;
		opacity: 0;
	}
	
/* ==========================================================================
   #Responsive
   ========================================================================== */
   
/* #Large Display
   ========================================================================== */
   	
	@media (min-width: 1400px) {
		
		#wrap {}
		
		#about-me-wrap,
		#project-wrap { max-width: 1300px; }
		
		.blog-post-items li.item-1 { width: 50%; }
		.blog-post-items li.item-2 { width: 25%; }
		
		.blog-post-title { font-size: 24px; }
		
	}

/* #Smaller then 1024px width
   ========================================================================== */
	
	@media (max-width: 1024px) {

		#wrap {}
		
		#header {}
		
		#content {}
		
		#footer {}
		
	}

/* #Tablet (Portrait)
   ========================================================================== */

	@media (min-width: 768px) and (max-width: 979px) {
		
		#wrap {}
		
		#about-me-wrap,
		#project-wrap { max-width: 100%; }
		
		#header {}
		
		#menu { 
			display: none;
			}
		
		#custom-search-form { right: 65px; }
		
		#mobile-menu-trigger { 
			display: block;
			margin-top: 23px;
		}	
		
		/*.alternative #mobile-menu-trigger { margin-top: 65px; }*/
		
		#content {}
		
		#footer {}
		
		/* Nav 
		
		#nav.alternative { position: relative; }*/
		
		/* Portfolio */
		
		.portfolio-items li { width: 50%; }
		
		/* Blog */
		
		.blog-post-items li.item-1,
		.blog-post-items li.item-2 { width: 50%; }
		
		.blog-post-thumb .blog-post-title {
			margin: 15px 15px 0 15px;
			padding: 15px 10px;
		}
		
		.blog-post-thumb .blog-post-readmore { margin: 0 0 15px 15px; }

	}
	
/* #Mobile (Portrait and Landscape )
   ========================================================================== */
	
	@media (max-width: 767px) {
	
		body { 
			background: none; 
			background-color: #fff; 
		}
		
		#wrap {}
		
		#about-me-wrap,
		#project-wrap { max-width: 100%; }
		
		#header {}	
		
		#logo {width: 150px;}
		
		#custom-search-form { display: none; }
		
		#menu { display: none; }
		
		#mobile-menu-trigger { 
			position: absolute;
			top: 0;
			right: 10px;
			display: block;
			padding: 23px;
		}
		
		#content {}
		
		.productos{
		padding-top:0px;
		}
		
		.ideal{
			left:40px;
		}
		
		.mitad, .tercio{
		width:100% !important;
		}
		
		#footer{
			height:auto;
			background-image:none;}
		
		.text-left, .text-right { text-align: center; }

		.row { padding: 0 40px; }
		
		.row .row { 
			width: auto; 
			padding: 0 20px; 
			margin: 0; 
		}
		
		p.last, 
		h1.last, 
		h2.last, 
		h3.last, 
		h4.last, 
		h5.last, 
		address.last, 
		ul.last, 
		ol.last { margin-bottom: 20px; }
		
		/* Nav 
		
		#nav { padding: 5px 0; }
		
		#nav.alternative { position: relative; }
		#nav.alternative #mobile-menu-trigger { top: 15px; }*/
		
		/* Portfolio */
		
		.portfolio-items li {
			float: none;
			width: 100%;
			padding: 15px 0;
		}
		
		.portfolio-item-description p { display: none; }
		
		.portfolio-filter ul li { 
			display: block;
			margin-right: 0;
			margin-bottom: 10px;
		}
		
		.portfolio-filter ul li:last-child { margin-bottom: 0; }
		
		/* Blog */
		
		.blog-post-items li.item-1,
		.blog-post-items li.item-2 { width: 100%; }
		
		.blog-post-thumb .blog-post-title {
			margin: 15px 15px 0 15px;
			padding: 15px 10px;
		}
		
		.blog-post-thumb .blog-post-readmore { margin: 0 0 15px 15px; }
		
		.blog-post-info {
			float: none;
			margin: 0 auto 20px;
		}
		
		.blog-post-image-preview { 
			float: none;
			width: 100%;
		}
		
		.window-container{width: 300px; top:50px;}
		
		/* Contact */
		
		.social-media { margin-bottom: 60px; }
		#contact-form { margin-top: 0; }

	}
	
/* #Mobile ( Landscape )
  ========================================================================== */

	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.row { padding: 0 40px; }
		
		#mobile-menu-trigger { right: 30px; }
		
		#logo{ width:100px;}
		
		.window-container{width: 300px; top:50px;}
		
		/* Portfolio Items */
		
		.portfolio-items li {
			float: left;
			width: 50%;
			padding: 5px;
		}
		
	}
	
	.zoomin {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
	.zoomout {
		-webkit-transform:  scale(0.7);
		-moz-transform:  scale(0.7);
		-ms-transform:  scale(0.7);
		transform:  scale(0.7);
	}
	
	.window-container-visible {
		-webkit-transform:  scale(1);
		-moz-transform:  scale(1);
		-ms-transform:  scale(1);
		transform:  scale(1);
		opacity: 1;
	}
	.overlay-container {
		display: none;
		content: " ";
		height: 100%;
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );		
		z-index: 400;
	}
	
	a.vendedor{
		cursor:pointer;}
	
	.window-container a.close{
		position:absolute;
		top:-12px;
		right:-12px;
		cursor:pointer;}
		
.arrow_down{
	background:url(../../img/arrow_down.png) no-repeat;
}
.arrow_up{
	background:url(../../img/arrow_up.png) no-repeat;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.arrow {
  position: absolute;
  top: -300px;
  left: 50%;
  margin-left:-20px;
  width: 40px;
  height: 40px;
  background:url(../../img/thin36.png) no-repeat;
  background-size: contain;
  z-index:20000;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}