body {
    color: rgba(0,0,0,0.87); /*#888888;*/
    font-family: 'Open Sans', sans-serif, Helvetica, Arial;
}
h1, h2, h3, h4, h5 {
    font-family:  'Open Sans Condensed', sans-serif;
    font-weight: 600;
}

h1.titolHead 
{
   font-family:  'Open Sans Condensed', sans-serif;
   font-weight: 600;
   font-size:40px;
   color:#FFFFFF; 
}

h2.titolA {
    color:#000000;
}
.divNotaError{
    padding: 10px;}

.titolColorA {color: #3c9d8f;
}

a {color: #e06666;}   
.separador {border-right:1px solid #a6e5da} /*#d7a5a5*/
 
 

   
/*head*/
.head {
  height: 100vh;
  min-height: 150px;
  max-height: 300px;
  /*background-image: url('../img/images/CapObres.jpg');*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*OAC360*/
.OAC360{
  height: 100vh;
  min-height: 150px;
  max-height: 375px;
  background-image: url('../img/cabecera/bg_OAC360_2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.imgLogo {
    width:100%;
    max-width:700px;    
}

/*footer*/
.col_white_amrc { color:#cccccc;} /*#FF*/
footer { width:100%; background-color:#263238; min-height:250px; padding:10px 0px 25px 0px ;color:#888888;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.footer a{ color:#cccccc;} /* #de4f67*/
.footer a:hover{ color:#fff; text-decoration:none;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#cccccc;} /* #de4f67*/
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.footer_logo 
{
    margin: 15px auto 0 auto; /* Centrado horizontal y separación superior */
    /*margin-top:15px;*/
    width: 200px;
    height: 75px;
    background-image: url(../img/logo/AJCORNELLA_NEGATIU_HORIZONTAL_TRANS.svg);
    background-size: contain;
    background-repeat: no-repeat;
}


.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}

/* input validació */  
#formulari input.invalid, select.invalid, checkbox.invalid, textarea.invalid { border: 1px solid red;}
.form-group input.invalid { border: 1px solid red;}
.form-control checkbox.invalid { border: 1px solid red;}
.form-group span.invalid { border: 1px solid red;}

#formulari input.valid, select.valid, checkbox.valid, textarea.valid { border: 1px solid green;}
.form-group input.valid { border: 1px solid green;}
.form-control checkbox.valid { border: 1px solid green;}
.form-group span.valid { border: 1px solid green;}

/* divider */
hr.dashed {
    border-top: 2px dashed #999;
}

hr.dotted {
    border-top: 2px dotted #999;
}

hr.solid {
    border-top: 2px solid #999;
}
hr.hr-text {
  position: relative;
    border: none;
    height: 1px;
    background: #999;
}

hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: #f0f0f0;
    font-weight: 100;
    /*font-size: 2rem;*/
    color: #000000;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* MEDIA */
@media (max-width: 640px) {/*640x960 DVGA - iPhone*/
h1.header, p.header, span.header{font-size:0.7em;}
}

/* **************************************** MEDIA QUERIES ************************************************* */
@media screen (min-width: 800px) {
     .pictureInfo {
         width:100px !important;
      }
}

@media screen (min-width: 1200px) {
     .pictureInfo {
         width:600px !important;
      }
}