/**
 * Name: layout.css
 */

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

	#wrap {
		position: relative;
		background-color: #fff;
	}
	
	@media (max-width: 767px) {
		
		#wrap { border-top: 5px solid #0bb6cb; }
	}
	
/* #Header
   ========================================================================== */	
  	
	#header-top { padding: 35px 0; }
	
	#header-top-widget-area-1 .widget:last-child,
	#header-top-widget-area-2 .widget:last-child { margin-bottom: 0; }
	
	#header-top-widget-area-1 .widget:first-child,
	#header-top-widget-area-2 .widget:first-child { margin-top: 10px; }
	 	
	#header { 
		margin: 0; 
		padding: 15px 0;
		background-color: #000;
	}

	
	@media (min-width: 1024px) {
		
		#header {
			position: absolute;
			z-index: 25;
			top: 0;
			right: 0;
			left: 0;
			
			background-color: #000;			
		}
		
		#header.stuck {
			position: fixed !important;
			z-index: 1000;
			top: 0;
			width: 100% !important;
			padding: 10px 0;
			margin: 0 auto;	  
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
			background: none repeat scroll 0 0 rgba(255, 255, 255, 1) !important;
			-webkit-transition: padding 0.5s;
			     -o-transition: padding 0.5s;
					transition: padding 0.5s;
		}
		
		#header.stuck #logo img { 
			height: 50px; 
			margin-top: -5px;
		}
		
		#header.stuck #header-top { padding: 5px 0; }
		
		#header.stuck .sf-menu { margin-top: 12px; }
	

		
		#content { padding-top: 80px; } 
	
	}

	
	/* Logo */

	#logo {
		position: relative;
		z-index: 1;
		display: block; 
	}
	
	#logo img { 
	display: block; 
	margin-top: -12px;
	}
		
	/* Menu basics */

	.sf-menu,
	.sf-menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.sf-menu > li { float: left; }

	.sf-menu > li > a {
		position: relative;
		display: block;
	}
	
	.sf-menu li:hover > .sf-mega,
	.sf-menu li.sfHover > .sf-mega,
	.sf-menu li.dropdown:hover > ul,
	.sf-menu li.dropdown.sfHover > ul { display: block; }

	/* Menu Skin */
	
	.sf-menu { 
		float: right;
		/*width: 100%;*/
		margin-top: 15px;		   
	} 
	
	.sf-menu a {
		display: block;
		padding: 10px 0px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
		font: 14px 'Open Sans', Arial, sans-serif;
		color: #1f1f1f; 
		text-decoration: none;
	}
	
	.sf-menu li.dropdown a { padding: 10px 15px; }
	.sf-menu li:last-child > a { border-bottom: none; }
	
	.sf-menu > li > a,
	.sf-menu > li.dropdown > a {
		padding: 2px 38px 0 0;
		border: none;
		color: #1f1f1f;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;	   						
	}

	.sf-menu > li:last-child > a,
	.sf-menu > li.dropdown:last-child > a { padding-right: 0; }
	
	.sf-menu > li a i {
		position: relative;
		top: 1px;
		margin-right: 6px; 
	}
	
	.sf-menu li.sfHover > a,
	.sf-menu a:hover,
	.sf-menu li.sfHover a:hover {
		color: #f5c20b;
		text-decoration: none; 
	}
	
	.sf-menu > li.active > a { color: #f5c20b; }

	
	@media (min-width: 1400px) {
		
		.sf-menu > li > a,
		.sf-menu > li.dropdown > a { padding-right: 45px; }
		
		.sf-menu > li a i { margin-right: 15px; }
		
	}
	
	@media (min-width: 768px) and (max-width: 979px) {

		#menu { display: none; }
	
	}
	
	@media (max-width: 767px) {
	
		#menu { display: none; }
	
	}
	
	/* Mobile Menu  */
			
	#mobile-menu {
		z-index: 20;
		border-bottom: 1px solid #d6d6d6;
		margin-bottom: 0;
	}
	
	#mobile-menu li {	
		display: block;
		margin: 0;
	}
		
	#mobile-menu > li > ul, 
	#mobile-menu > li > ul > li > ul {
		display: none;
		margin-left: 0;
	}
	
	#mobile-menu li a {
		position: relative;
		display: block;
		padding: 15px 25px;
		border-top: 1px solid #d6d6d6;
		color: #1f1f1f;
		text-align: left;
		text-decoration: none;
	}
	
	#mobile-menu li a i { margin-right: 5px; }
	
	#mobile-menu ul a { padding-left: 45px; }
	
	#mobile-menu ul li ul a  { padding-left: 65px; }
	
	#mobile-menu li a:hover {}
	
	#mobile-menu { display: none; }
	
	/* Mobile menu trigger  */
				
	#mobile-menu-trigger {
		position: relative;
		z-index: 2; 
		float: right;
		display: none;  
		font-size: 32px;
	}

	@media (min-width: 768px) and (max-width: 979px) {

		#mobile-menu-trigger { 
			position: absolute;
			top: -3px;
			right: 10px;
			display: block;
			padding: 10px;
			margin-top: 0;
		}

	}
	
	@media (max-width: 767px) {
	
		#mobile-menu-trigger { 
			position: absolute;
			top: 0;
			right: 10px;
			display: block;
			padding: 10px;
			margin-top: 0;
		}
		
	}	
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		#mobile-menu-trigger { right: 30px; }
		
	}
	
	
/* #Content
   ========================================================================== */
   		
	#content { min-height: 300px; }




	/* Page Header */
	
	#page-header {
		padding: 20px 0;
		margin-bottom: 120px;
		background-color: #0bb6cb;
		color: #fff;
	}
	
	#page-header h3 {
		margin-bottom: 0;
		line-height: 18px;
		font-weight: 700;
	}
	
	/* Rounded image */
	
	.rounded {
		display: block;
		border-radius: 3px;
	}
	

			
/* #Features
   ========================================================================== */
   	
	#features { padding-top: 80px; }		

/* #About
   ========================================================================== */
	
	#about { padding-top: 80px; }

/* #Support
   ========================================================================== */
	
	#contacto { padding-top: 60px; }


/* #Footer
   ========================================================================== */		
		
	#footer { }
	
	#footer,
	#footer a { color: #fff; }
	
	#footer-middle {
		padding: 40px 0;
		background-color: #2a2a2a;		
	}
	
	#footer-middle .widget-title { text-transform: none; }
	
	#footer-middle-widget-area-1 {}
	
	#footer-middle-widget-area-2 {}
	
	#footer-middle-widget-area-3 {}
	
	#footer-middle-widget-area-4 {}
	
	#footer-bottom {
		padding: 20px 0;
		background-color: #1f1f1f;
	}
	
	#footer-bottom-widget-area-1 {}

	#footer-bottom-widget-area-2 {}
	
	#footer-middle-widget-area-1 .widget:last-child,
	#footer-middle-widget-area-2 .widget:last-child,
	#footer-middle-widget-area-3 .widget:last-child,
	#footer-middle-widget-area-4 .widget:last-child,
	#footer-bottom-widget-area-1 .widget:last-child,
	#footer-bottom-widget-area-2 .widget:last-child { margin-bottom: 0; }
	
	#footer-bottom .widget_pages ul li { 
		display: inline-block;
		margin-right: 35px;
		margin-bottom: 0;
	}
	
	#footer-bottom .widget_pages ul li:last-child { margin-right: 0; }
	
	#footer-bottom .widget_pages ul li a {
		padding: 0;
		font-weight: 400;
	}
	
	#footer-bottom .widget_pages ul li a:hover { background-color: transparent; }
	
	@media (min-width: 1400px) {
		
		#footer-bottom .widget_pages ul li { margin-right: 60px; }
		
	}
	
	@media (min-width: 768px) and (max-width: 979px) {
		
		#footer-bottom .widget_pages ul li { margin-right: 15px; }
		
	}
	
	@media (max-width: 767px) {
		
		#footer-top-widget-area-1 { padding: 5px 0; }
		
		#footer-middle-widget-area-1 .widget:last-child,
		#footer-middle-widget-area-2 .widget:last-child,
		#footer-middle-widget-area-3 .widget:last-child,
		#footer-middle-widget-area-4 .widget:last-child { margin-bottom: 40px; }
		
	}
	
	#contact {
    padding-top: 110px;
    margin-bottom: 0;
    background-image: url(../../_layout/images/bg-paralax2.jpg);
}