/*
    Document   : structure
    Description:
        Estructura principal de la web
*/

/* -----------------------------------------------------------------------------
 * HTML, BODY
 * -----------------------------------------------------------------------------
 */
html, body { background: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 15px; }

/* -----------------------------------------------------------------------------
 * MAIN STRUCTURE
 * -----------------------------------------------------------------------------
 */
#main { padding: 59px 0 0; position: relative; overflow-x: hidden; }

/* Header */
#header {
	background: url('../images/header-bg.png') repeat 0 0; border-bottom: 1px solid #fff; height: 59px; position: fixed; top: 0; left: 0; right: 0; z-index: 999;
	/* Sombra Quitada! -webkit-box-shadow: 0px 2px 4px 0px rgba(00, 00, 0, 0.2); box-shadow: 0px 2px 4px 0px rgba(00, 00, 0, 0.2);*/
}

.header-no-opacity { background-color: #fff !important; }

/* Footer */
#footer	  { background: #fff; }

/* Sections */
.main-projects { background: url('../images/projects-bg.png') no-repeat center bottom; padding: 0 0 50px; position: relative; }
.main-services { background: url('../images/services-bg.jpg') repeat left top; min-height: 1860px; padding: 77px 0 0; position: relative; }
.main-clients  { background: url('../images/clients-bg-top.jpg') no-repeat center top; padding: 355px 0 0; position: relative; }
.main-team	   { background: url('../images/team-bg.jpg') repeat left top; padding: 40px 0 0; position: relative; }
.main-contact  { background: #fff; position: relative; }

/* -----------------------------------------------------------------------------
 * LAYOUT
 * -----------------------------------------------------------------------------
 */
.layout			{ margin: 0 auto; position: relative; width: 940px; }
.layout-left 	{ float: left; }
.layout-center 	{ float: left; }
.layout-right 	{ float: right; }

/* 1 column */
.layout-1 {  }

/* 2 columns: 455px + 450px */
.layout-2-a {  }
	.layout-2-a .layout-left { width: 455px; }
	.layout-2-a .layout-right { width: 450px; }

/* 2 columns: 670px + 230px */
.layout-2-b {  }
	.layout-2-b .layout-left { width: 670px; }
	.layout-2-b .layout-right { width: 240px; }

/* 3 columns: 210px */
.layout-3-a {  }
	.layout-3-a .layout-left { margin: 0 30px 0 0; width: 200px; }
	.layout-3-a .layout-center { width: 225px; }
	.layout-3-a .layout-right { width: 450px; }

/* 3 columns: 300px */
.layout-3-b {  }
	.layout-3-b .layout-left { margin: 0 20px 0 0; width: 300px; }
	.layout-3-b .layout-center { width: 300px; }
	.layout-3-b .layout-right { width: 300px; }

/* 4 columns: 210px */
.layout-4-a {  }
	.layout-4-a .layout-left { margin: 0 30px 0 0; width: 210px; }
	.layout-4-a .layout-right { width: 210px; }