/*************************************************/
/*               STRUCTURES GRID                 */
/*************************************************/
body.debug					{background-color:#ccc}
.debug #page				{}
.debug #page #titleHeader-navigation {background-color:#ccff00}
.debug #page #titleHeader-navigation-wrapper {background-color:#ccaacc}
.debug #page #title-header {background-color:#ccffff}
.debug #page #navigation {background-color:#00ccff}
.debug #page #content {background-color:#f0f0f0}
.debug #page #footer {background-color:#ffcc00}
.debug .col1, .debug .col2, .debug .col3, .debug .col4, .debug .col5, 
.debug .col6, .debug .col7, .debug .col8, .debug .col9, .debug .col10, 
.debug .col11, .debug .col12 {background:#ccc;}
.debug .block {background:#DCC1BE}
.debug .item {background:#859972}


.col 	{float:left; margin-bottom:20px}
.endcol {margin-right:0}
.colrow {/*clear:both*/}


/*///////////////////////////////////////*/
/*             Structures               */
/*//////////////////////////////////////*/
.grid980 #page {width:940px;}
.grid740 #page {width:700px;}





/* 1. structureBasic */
.structureBasic {}
.structureBasic #titleHeader-navigation {}
.structureBasic #title-header {margin-bottom:20px}
.structureBasic #navigation {margin-bottom:20px}
.structureBasic #content {}
.structureBasic #footer {}
	

	
/* 2. structureMenuSide */
.structureMenuSide #titleHeader-navigation {margin:0 0 20px 0;overflow:auto;width:100%; position:relative}
.structureMenuSide #title-header {float:left}
.structureMenuSide #navigation {float:right;margin-top:20px}
.structureMenuSide #navigation-content {text-align:right;}
/*.structureMenuSide #navigation li a {padding:0 0 0 20px}*/
.structureMenuSide #content {/*clear:both;*/}

	

/* 3. structureSide */
.structureSide #page {overflow:auto;}
.structureSide #titleHeader-navigation {float:left;width:200px;}
.structureSide #title-header {margin:0 0 20px 0;}
.structureSide #navigation {margin:0 0 20px 0}
/*.structureSide #navigation ul {height:auto}*/
.structureSide #navigation li{float:none}
.structureSide #content {float:right;}
.structureSide #footer {width:200px;}

.structureSide.grid980 #content {width:700px;}
.structureSide.grid740 #content {width:460px;}



/* 4. structureHeaderTop */
.structureHeaderTop {padding-top:100px}
.structureHeaderTop #titleHeader-navigation {box-shadow: 0px 2px 5px rgba(33,33,33,0.6);position:fixed;top:0;left:0;z-index:100;width:100%;background:#000;}
.structureHeaderTop #title-header {float:left;}
.structureHeaderTop #navigation {float:right; margin-top:20px}
/*.structureHeaderTop #navigation li a{padding:0 0 0 20px}*/
.structureHeaderTop #titleHeader-navigation-wrapper {padding:20px}
.structureHeaderTop.webalignleft.margins0 #titleHeader-navigation-wrapper	{margin-left:0;}
.structureHeaderTop.webalignleft.margins10 #titleHeader-navigation-wrapper  {margin-left:10px;}
.structureHeaderTop.webalignleft.margins20 #titleHeader-navigation-wrapper  {margin-left:20px;}
.structureHeaderTop.webalignleft.margins30 #titleHeader-navigation-wrapper  {margin-left:30px;}
.structureHeaderTop.webalignleft.margins40 #titleHeader-navigation-wrapper  {margin-left:40px;}
.structureHeaderTop.webalignleft.margins50 #titleHeader-navigation-wrapper  {margin-left:50px;}
.structureHeaderTop.webalignleft.margins60 #titleHeader-navigation-wrapper  {margin-left:60px;}
.structureHeaderTop.webalignleft.margins70 #titleHeader-navigation-wrapper  {margin-left:70px;}
.structureHeaderTop.webalignleft.margins80 #titleHeader-navigation-wrapper  {margin-left:80px;}
.structureHeaderTop.webalignleft.margins90 #titleHeader-navigation-wrapper  {margin-left:90px;}
.structureHeaderTop.webalignleft.margins100 #titleHeader-navigation-wrapper	{margin-left:100px;}
.structureHeaderTop.webaligncenter #titleHeader-navigation-wrapper 			{margin:0 auto;}

.structureHeaderTop.grid980 #titleHeader-navigation-wrapper {width:940px;overflow:hidden}
.structureHeaderTop.grid740 #titleHeader-navigation-wrapper {width:700px;overflow:hidden}




/* 5. structureMenuFloatBottom */
.structureMenuFloatBottom #page {margin-bottom:100px;}
.structureMenuFloatBottom #titleHeader-navigation {margin:0 0 20px 0}
.structureMenuFloatBottom #navigation {box-shadow: 0px 0px 10px rgba(0,0,0,0.8);width:100%;position:fixed;z-index:1000;bottom:40px;left:0px;background:#333; background:rgba(0,0,0,0.9);}
.structureMenuFloatBottom #navigation ul {display:inline-block;padding:20px 0 20px 20px ;margin:0;overflow:auto; }
.structureMenuFloatBottom #navigation li a {}

.structureMenuFloatBottom.webalignleft.margins0  #navigation ul		{margin-left:0}
.structureMenuFloatBottom.webalignleft.margins10  #navigation ul	{margin-left:10px}
.structureMenuFloatBottom.webalignleft.margins20  #navigation ul	{margin-left:20px}
.structureMenuFloatBottom.webalignleft.margins30  #navigation ul	{margin-left:30px}
.structureMenuFloatBottom.webalignleft.margins40  #navigation ul	{margin-left:40px}
.structureMenuFloatBottom.webalignleft.margins50  #navigation ul 	{margin-left:50px}
.structureMenuFloatBottom.webalignleft.margins60  #navigation ul	{margin-left:60px}
.structureMenuFloatBottom.webalignleft.margins70  #navigation ul	{margin-left:70px}
.structureMenuFloatBottom.webalignleft.margins80  #navigation ul	{margin-left:80px}
.structureMenuFloatBottom.webalignleft.margins90  #navigation ul	{margin-left:90px}
.structureMenuFloatBottom.webalignleft.margins100  #navigation ul	{margin-left:100px}

.structureMenuFloatBottom.webaligncenter #navigation {text-align:center}