@charset "utf-8";
/* CSS Document */

#header, #page {clear:both;}
#header { margin:15px 0 10px 10px; }
.container { width:100%; max-width:1100px; margin:auto; padding: auto;}
.left { float:left; }
.right { float: right; }
.inner_content { width:100%; }
.center_side { width:68%; float:right; }
.left_side { width:31%; min-width:340px; float:left; }
.marI { margin:10px 0 0 10px; }
.marII { margin: 0 0 0 10px; }
.marIII { margin: 10px 10px 0 0; }
.marIV { margin: 0 10px 10px 0; }
.main_title { text-align:left; padding:0 0 0 358px; }
.sgeo1, .sgeo2 { width:42%; float:left; margin:2%; padding:10px; }

@media only screen and (max-width: 1099px) {
	.center_side, .left_side { width:100%; min-width:100%; max-width:100%; }
	.marI { margin:10px 10px 0 10px; }
	.marII { margin: 0 10px 10px 10px; }
	.marIII { margin: 10px 10px 0 10px; }
	.marIV { margin: 0 10px 10px 10px; }
	.main_title { text-align:center; padding:0; }
}
@media only screen and (max-width: 800px) {
	.sgeo1, .sgeo2 { width:96%; margin:2%; } 
}


/* css por joan */

@media (max-width: 1099px) {
  body {
    margin: 0px ;
  }
  
  .center_side div:first-child  {
      /*padding: 6px 18px 6px 10px !important;*/
	  /*padding: 2% !important;*/
      width: 98% !important; /*98*/
  }
  
  .marIV,
  .marI,
  .marII {
        margin:0px !important;
    }
    
    
}