/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,.container_16{position:absolute; z-index:-2; width: 92%;margin-left: 4%;margin-right: 4%;background:#fff;}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16, 
.grid_3_into_9, .grid_6_into_9, .grid_5_3{display: inline; float: left; margin-left: 1%; margin-right: 1%;}

.container_12 .grid_3,.container_16 .grid_4{width: 23%;}
.container_12 .grid_6,.container_16 .grid_8{width: 48%;}
.container_12 .grid_9,.container_16 .grid_12{width: 73%;}
.container_12 .grid_12,.container_16 .grid_16{width: 98%;}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha{margin-left: 0;}
.omega{margin-right: 0;}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.container_12 .grid_1{width: 6.333%;}
.container_12 .grid_2{width: 14.666%;}
.container_12 .grid_4{width: 31.333%;}
.container_12 .grid_5{width: 39.666%;}
.container_12 .grid_7{width: 56.333%;}
.container_12 .grid_8{width: 64.666%;}
.container_12 .grid_10{width: 81.333%;}
.container_12 .grid_11{width: 89.666%;}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container_16 .grid_1  {width: 4.25%;}
.container_16 .grid_2  {width: 10.5%;}
.container_16 .grid_3  {width: 18%;}/*was 16.75*/
.container_16 .grid_5  {width: 29.25%;}
.container_16 .grid_6  {width: 35.5%;}
.container_16 .grid_7  {width: 41.75%;}
.container_16 .grid_9  {width: 58%;}/*was 16.75*/
.container_16 .grid_10 {width: 60.5%;}
.container_16 .grid_11 {width: 66.75%;}
.container_16 .grid_13 {width: 79.25%;}
.container_16 .grid_14{width: 85.5%;}
.container_16 .grid_15{width: 91.75%;}

/* =Extra Space >>Special Grids 
--------------------------------------------------------------------------------*/
.container_16 .grid_5_3  {width: 31.333333333%;}/*For 3 blocks*/

/* =Extra Space >> Global into other grid
--------------------------------------------------------------------------------*/
.container_16 .grid_9 .grid_3_into_9  {width: 17.333333333%;}
.container_16 .grid_9 .grid_6_into_9  {width: 34.666666667%;}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;
	margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}

/*
-------------------------------------------------------------------
PERSONNALISATION
-------------------------------------------------------------------
*/

/* -------------------------Version mobile----------------------------------------------- */
@media screen and (min-width: 1281px) and (max-width: 1680px) {

}

@media screen and (min-width: 1025px) and (max-width: 1280px) {

}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.container_16 .grid_11 {width: 66.75%;}
	.container_16 .grid_5 {width:29.25%;}
	.container_16 .grid_3 {width:23%;}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.container_16 .grid_11 {width:58%;}
	.container_16 .grid_5 {width:38%;}
	.container_16 .grid_4 {width:48%;}
	.container_16 .grid_3 {width:31.333%;}
}

/* Smartphones (landscape) horitzontal panoràmic ----------- */
@media only screen and (min-width : 321px) and (max-width: 480px) {
	.container_16 .grid_10 {width:100%;}
	.container_16 .grid_7 {width:100%;}
	.container_16 .grid_5 {width:98%;}
	.container_16 .grid_3 {width:48%;}
	.container_16 .grid_4 {width:48%;}
	.container_16 .grid_3 {width:48%;}

	/* Destacats */
	#navTop{display:none}
	/* Slide Images */
	#fluid_container {display:none;}
}

/* Smartphones (portrait) retrat ----------- */
@media only screen and (max-width : 320px) {
	.container_16 .grid_10 {width:98%;}
	.container_16 .grid_9 {width:98%;}
	.container_16 .grid_7 {width:98%;}
	.container_16 .grid_6 {width:98%;}
	.container_16 .grid_5 {width:98%;}
	.container_16 .grid_4 {width:98%;}
	.container_16 .grid_3 {width:98%;}

	/* Destacats */
	#navTop{display:none}
	/* Destacats */
	#destacats{display:none}
	/* Slide Images */
	#fluid_container {display:none;}
}