/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node /* Node wrapper */ {
}

.node-sticky /* A sticky node (displayed before others in a list) */ {
}

.node-unpublished /* Unpublished nodes */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node-unpublished div.unpublished,
.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. */ {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.node-by-viewer /* A node created by the current user */ {
}

.node-teaser /* A node displayed as teaser */ {
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page /* Page content node */ {
}

.node-type-story /* Story content node */ {
}

.node h2.title /* Node title */ {
}

.marker /* "New" or "Updated" marker for content that is new or updated for the current user */ {
  color: #c00;
}

.node .picture /* The picture of the node author */ {
}

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.node .meta /* Wrapper for submitted and terms data */ {
}

.node .submitted /* The "posted by" information */ {
}

.node .terms /* Node terms (taxonomy) */ {
}

.node .content /* Node's content wrapper */ {
}

.node ul.links /* Node links. See also the ul.links declaration in the pages.css. */ {
}

.preview .node /* Preview of the content before submitting new or updated content */ {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}


/* fotos dels nodes */

div.fieldgroup {
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 25px;

}


.group-primer-grupo-fotos{

 background-color: #E2E2E2;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
	border:none
	}
	
.group-segundo-grupo-fotos {
 background-color: #E2E2E2;
    margin-bottom: 10px;
    margin-top: -50px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
	border:none
	}

.field-field-foto-1 {
float:left;
margin-right:30px;
margin-top:10px;
margin-bottom:6px}

.field-field-foto-2 {
float:left;
margin-right:30px;
margin-top:10px}

.field-field-foto-3 {
float:left;
margin-top:10px}



.field-field-foto-4 {
float:left;
margin-right:30px;
margin-top:20px;
margin-bottom:6px}

.field-field-foto-5 {
float:left;
margin-right:30px;
margin-top:20px}

.field-field-foto-6 {
float:left;
margin-top:20px}



div.fieldgroup .content {
    padding-left: 0px;
	clear:both
}


/* node home */

.front h1 {
font-size:20px;
font-weight:normal;
margin-top:5px
}


/* nformulari contacte */
#webform-client-form-26,
#webform-client-form-27{
 background-color: #E2E2E2;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
	border:none
	}