/*
 Theme Name:   BPdisseny
 Description:  Tema per BPdisseny
 Author:       Laia Jutglà / misefectos. Adaptació del tema INK
 Author URI:   http://misefectos.com
 Template:     inkthemetrust
 Version:      1.0.0
*/

@import url("../inkthemetrust/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */


#header, #footer {
	background: #58595b ;
}
.home #header, .home #footer{
    background: #e4312a ;
}
.ocult{ display:none!important;}


#logo {
    margin-bottom: 50px;
}

#pageHead {
    padding: 0 30px;
    border:transparent
}
.single .one_half, .page .one_half{
padding-right:0;
    padding-top:1em;
}

.single .one_half p,.page .one_half p{
font-size:15px;
    line-height:1.3em;
    color:black;
}
.single .one_half.last{

}
.single .one_half.last p, .page .one_half.last p{
font-size:12px!important;
}

.sobre{
    background:url(css/sobre.gif) left top no-repeat;
    display:block;
    width:558px; height:407px;
    /*margin-top:250px;*/
    margin-left: 70px;
    text-align:center;
    position:relative;
}
.page .sobre .one_half{
    width:100%; display:block; 
    

}
img.nosang{
width:none!important; /*intent de sobre escriure auto*/
}
.page .sobre .one_half:first-child{
height: 63%;
padding-top: 2em;
}
.page.reticula .sobre h2{
    font-weight:bold;margin-bottom:0;line-height:1.2em;color:black;font-size:1.313em;
}
.page.reticula .sobre p, .page.reticula .sobre a{
    font-size:1.313em;line-height:1em;
}
.page .sobre .one_half.last{
text-align:center;
}
/*tipos*/
#mainNav ul a {
	display: block;
	padding: 15px 0;
	
	
}
#filterNav li a, #mainNav ul a {
    line-height: 1em;	
	color: white;
	font-size: 1em;	
    /*font-size:1.375em;*/
	font-weight: normal;
}
#mainNav ul li.active a, #mainNav ul li.active a:hover, #mainNav ul li.active a .idiomes{ /*color:#e4312a!important;*/
color:red!important;
}
#mainNav ul li.current-menu-item  a, #mainNav ul li.current-menu-item  a:hover, #mainNav ul li.current-menu-item  a .idiomes{ /*color:#e4312a!important;*/
color:red!important;
}
.home #mainNav ul li.active a, .home #mainNav ul li.active a:hover, .home #mainNav ul li.active a .idiomes{ /*color:#000!important;*/color:black!important; } 
.home #mainNav ul li.current-menu-item  a, .home #mainNav ul li.current-menu-item  a:hover, .home #mainNav ul li.current-menu-item  a .idiomes{ /*color:#000!important;*/color:black!important; } 


#mainNav ul a .idiomes, #filterNav li a .idiomes{ /*font-size:0.789em;*/font-size:0.818em; /*color:#c6b89c; */color:white;}

.home #mainNav ul li.sfHover a, .home #mainNav ul li a:hover, .home #mainNav ul li:hover {
    color: #000 !important;
}

#filterNav li a{
padding:0 30px!important;
}
#content #filterNav{
/*padding:.5em 15px 0 !important;*/
    padding:1em 15px .65em!important;
}
#pageHead h1 {
    font-size: 1.375em;
    line-height: 1.1em;
}
.wp-caption-text {
     line-height: 1.2em;
}

  

.single #pageHead h1, .page #pageHead h1{ font-weight:bold; color:black; padding:1.2em 0 0; }
.single #pageHead h1{ text-transform:uppercase; }

.page #pageHead h1 .idiomes{ font-size:0.789em; font-weight:normal; color:grey;}

body.reticula{ background: url(css/reticula.gif) repeat 250px 0 #57585b ; }
body.reticula{ background: url(css/reticula.gif) repeat 250px 78px #57585b ; }
img.attachment-projectes-gran{ max-width: 100%; height:auto;}
/*media queries*/



@media all and (min-width:769px){
html, body {
     margin: 0;
     padding: 0;
     height: 100%;
}
#container {
     display: table;
     height: 100%;
     width: 100%;
     margin: 0;
   }
   #header, .page-id-24 #main {
    display: table;
     height: 100%;
    /* width: 100%;*/
}
#header{ margin:0; }
#header .inside, .page-id-24 #main #content {
     display: table-cell;
     vertical-align: middle;
     position: relative;
}

/* \*/
 * html #header .inside{
     top: 50%;
     left: 0;
     height: 1px;
}

 * html #header .inside  #inner{
     position: relative;
     top: -50%;
     margin-top:0;
}

  /* */
#header .inside{	
	/*padding: 190px 33px 20px 33px ;*/
   /* padding: 321px 33px 20px 33px ;*/
   padding:20px 33px;
}
    .single .one_half.last p, .page .one_half.last p{
    padding-left:4%;
    }
    #filterNav li a, #mainNav ul a {
        font-size:1.375em;
    }
    #pageHead{
    margin: 0px 40px !important;
    }
}
@media all and (max-width:768px){
.sobre {
    background-size:cover;
    margin: 0 auto;
    }
    }
@media all and (max-width:360px){
.sobre {
    background-image:none;
    display: block;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    padding-bottom:100%;
    }
	
}