/**** RESOLUTIONS ****/

div#page {
  width:1200px;
}

div#header {
  padding:0; margin:0;
  margin-top:0px;
  border:0;
}

div#logo {
  width:300px;	
}

div#logo img {
  margin: 0;padding:0;
  float:right;
  width:100%;
  max-width:100%;	
}

/** MENU **/




/*** FRONT PAGE **/


div#topmenu {
  font-size:1.5em;
}

div#topmenu  ul#topmenu-secondlevel {
  top:43px;
  font-size:0.9em;
}


#mobile-menu-button { 
  display:none;
}


/** BLOCK CONTENT COLUMNS */

div.block-content  {
  display:table;
  width:100%;	
}

div.block-content div.columns {
  display:table-row;
}

div.block-content div.columns.mobile {
  display:none;
}



div.block-content  div.columns-3.tipus_2 div.col {
  width:calc(33.33% - 5px);
  display:table-cell;
}

div.block-content  div.columns-3.tipus_2 div.col-medium {
  width:calc(33.33% + 10px);
}


div.block-content  div.columns-3.tipus_2 div.col div.class-object{
  height:500px;
}


div.block-content  div.columns-3.tipus_1 div.col {
  width:42%;
  display:table-cell;
}

div.block-content div.columns-3 div.col div.col-content{
  margin:0px;
}


div.block-content div.columns-3.tipus_1 div.col-first, div.block-content div.columns-3.tipus_1 div.col-last {
  width:29%;
}

div.block-content div.columns-3 div.col-medium div.col-content {
  margin-right: 10px;
  margin-left: 10px;
}

div.columns-2 div.col-first div.col-content {
  padding-right:10px;	
}

div.columns-2 div.col-last div.col-content {
  padding-left:10px;	
}


/* TABLES */
  

td.centrat {
  width:70%;
}




@media (max-width: 1200px) {
  body:after { content: "to 1200"; background-color: hsla(150,50%,40%,0.7); }
  div#page {
    width:100%;
  }

  div#comhofem {
  	  margin-left:-200px;
  }    
}

@media (max-width: 1024px) {
  body:after { content: "to 1024"; background-color: hsla(150,50%,40%,0.7); }

  
  div.class-form div#content_fields {
  	width:100%;
  	float:none;
  	margin-bottom:15px;
  }
  
  div.class-form div#content_image {
    width:100%;
    float:none;
  }

  div.class-form div#content_image div.class-image {
  	margin-left:0px;
  }
  
  div#comhofem {
  	  margin-left:-300px;
  }   	
 	
  
}

@media (max-width: 991px) {
  body:after { content: "to 991"; background-color: hsla(150,50%,40%,0.7); }
  
  div.block-content div.columns-3 div.col-medium {
    display:none !important;
  }

  div.block-content div.columns-3 div.col-first, div.block-content div.columns-3 div.col-last {
    width:50% !important;
  }
  
  div.block-content div.columns-3 div.col-first div.col-content {
  	margin-right:5px;
  }
  	
  div.block-content div.columns-3 div.col-last div.col-content {
  	margin-left:5px;
  }
	
  
  div.block-content div.columns.mobile {
  	display:table-cell !important;
  	padding-top:10px !important;
  }
  
  div.block-content div.columns.mobile div.col-content {
  	padding:0;
  	margin:0;
  }
  
  td.centrat {
    width:100%;
  }
	
  div.quisom {
  	width:calc(100% - 30px);
  }  

  div#comhofem div#peu {
    margin-left:0px;
    #position:relative;
    bottom:auto;	
  }  
}


@media (max-width: 767px) {
  body:after { content: "to 767"; background-color: hsla(150,50%,40%,0.7); }
  
  div.content-view-full div.class-object div.subtitle {
  	width:auto;
  	float:none;
  }
  
  div.content-view-full div.class-object div.attribute-short {
  	width:auto;
  	float:none;
  }  
  
  div.columns-4 div.col {
  	  width:50%;
  }

    
  
}

@media (max-width: 640px) {
  body:after { content: "to 640"; background-color: hsla(150,50%,40%,0.7); }

  div.block-content div.columns-3 div.col {
    width:100% !important;
  }
  
  div.block-content div.columns-3 div.col div.col-content{
    margin:0;
  }
	
  div.block-content div.columns-3 div.col {
    width:100%;
  	margin-bottom:10px !important;
  }
  
  div.block-content div.columns-3 div.col-medium {
    display:none;
  }
  
  div.block-content div.columns.mobile {
  	padding-top:0px;
  }
	
  #mobile-menu-button { 
  	display:block;
  }
  
  div#languages {
  	  float:none;
  }
  
  div#topmenu { 
  	display:none;
  }

  div.columns-2 div.col {
    width:100%;
  }
	
  div.columns-2 div.col div.col-content {
    padding:0;
  }
	
  div.columns-2 div.col-last {
    margin-top:20px;
  }
	
  div.background-image {
    position:relative;
    z-index:0;	
  }  
	
  div.quisom {
  	margin-left:0px;
  	margin-top:-20px;
  	width:calc(100% - 40px);
  }  
	
  div#comhofem {
  	margin-top:-40px;
    margin-left:0px;
    color:#000;	
  }

  div#comhofem h2 {
    color:#ed6a71;	
  }

  div#comhofem div#text {
    margin-left:0px;	
    margin-right:0px;
  }

  div.class-article div.attribute-image {
  	  float:none;
  }  

	
}

@media (max-width: 480px) {
  body:after { content: "to 480"; background-color: hsla(150,50%,40%,0.7); }
   div.columns-4 div.col {
  	  width:100%;
  }
  

  	
}


@media (max-width: 360px) {
  body:after { content: "to 360"; background-color: hsla(150,50%,40%,0.7); }
}

@media (max-width: 320px) {
  body:after { content: "to 320"; background-color: hsla(150,50%,40%,0.7); }
  div.class-frontpage div.content-view-block-item div.class-folder,
  div.class-frontpage div.content-view-block-item div.class-html_object {
    height:300px;	
  }

}

body:after {
  display:none;	
}