/* 
    Document   : style
    Created on : 09-dic-2009, 13:50:46
    Author     : Tuatara Aplicacions TIC

    Paleta de colors:
        #281B12 - marro fosc
        #EAE6DA - blanc amarronat
        #EAE6DA - blanc grisos
        #829B23 - verd pistatxo
*/

body
{
    /*
    Plantilla base
    background: #281B12 url('../img/boix.png') top center no-repeat;
    */
    background: #EAE6DA url('../img/header-bg.jpg') top left repeat-x;
    font-family: 'Trebuchet MS',Helvetica,Verdana;
}

/* PLUGINS -------------------------------------------------------------------*/

/* tabs base */

ul.tabstrip {
    height:1%; /* fixing IE 6  - from blueprintcss tab */
    margin:0; padding:2px 10px 0;
    list-style:none; font-size:93%;
    line-height:normal; border-bottom:1px solid #ccc; overflow:auto;
}
ul.tabstrip li {
    cursor:pointer;
    padding:0; margin:0 3px 0 0;
    float:left; font-weight:bold;
    border:1px solid #ccc; border-bottom:none;
}
ul.tabstrip a {
    float:left; display:block;
    color:#777; text-decoration:none;
    padding:2px 4px 2px 4px; background:#ddd;
    border:1px solid #eee; border-bottom:none; line-height:18px;
}
ul.tabstrip ul { display:none }
ul.tabstrip img { vertical-align:middle; }
ul.tabstrip a:hover { color:#333; }
ul.tabstrip .selected  { cursor:default; }
ul.tabstrip .selected a {
    color:#fff; background:#666; cursor:default;
    border:1px solid #777; border-bottom:none;
}

/**
 * header-menu (tabs modificats)
 */
ul.tabstrip.header-menu {
    border:none;
    margin-top: 23px;
}
ul.tabstrip.header-menu li {
    border:none; padding:0 0 0 9px;
    background:url("../img/headermenu/tab_off.png") no-repeat left top;
}
ul.tabstrip.header-menu a {
    color:#EAE6DA; border:none;
    padding:5px 15px 4px 6px;
    background:url("../img/headermenu/tab_off.png") no-repeat right top;
}
ul.tabstrip.header-menu a:hover { color:#EDEDED; }
ul.tabstrip.header-menu .selected  {
    cursor:default;
    background:url("../img/headermenu/tab_on.png")  no-repeat left top;
}
ul.tabstrip.header-menu .selected a {
    color:#281B12; border:none;
    background:url("../img/headermenu/tab_on.png") no-repeat right top;
}

/* GENERAL -------------------------------------------------------------------*/

#zone-widget
{
    margin-top: 25px;
    color: white;
}

#zone-widget a
{
    color: white;
    text-decoration: none;
}

#zone-widget a.active
{
    text-decoration: underline;
}

#header
{
    height: 129px;
}

#header-logo
{
    position: relative;
    top: 28px;
    left: 28px;
}

#header h2
{
    margin: 28px 28px 0px 0px;
    padding: 7px 7px 0px 7px;
    font-size: 1.4em;
    color: #FEFEFE;
    font-weight: normal;
}

#header h3
{
    margin: 0;
    padding: 0px 7px 0px 7px;
    font-family: 'Trebuchet MS',Helvetica,Verdana;
    font-size: 1.3em;
    color: #FEFEFE;
    font-weight: normal;
}

#content
{
    background-color: #EAE6DA;
    color: #281B12;
    padding-bottom: 11px;
}

#footer
{
   background-color: #281B12;
   border-top: 10px solid #829B23;
   height: 80px;
}

#footer span
{
   display: block;
   padding: 10px 0px 4px 6px;
   color: #EAE6DA;
   font-size: 0.9em;
   text-align: center;
}

/* PRODUCTES -----------------------------------------------------------------*/

#products-banner
{
    background: #EAE6DA url('../img/producte-adob-natural.jpg') left top no-repeat;
    height: 224px;
}

.bloc-destacat h1
{
    color: #281B12;
    font-size: 1.5em;
    margin: 50px 0 5px 0;
    padding: 0;
}

.bloc-destacat p
{
    color: #281B12;
    font-size: 1.25em;
    padding-right: 40px;
}

.product-item
{
    width: 295px;
    float: left;
    margin-right: 10px;
}

.product-item-primer
{
    margin-left: 25px;
}

.product-item-info
{
    background: #EAE6DA url('../img/producte-bg.jpg') left top no-repeat;
    padding: 0px 25px 0px 25px;
    width: 245px;
    height: 238px;
    overflow: hidden;
}

.product-item-info img, .product-item-info-thumb img, .product-detail-description img
{
    padding: 2px;
    background-color: #EDEDED;
    border: 1px solid #CCC;
}


.product-item-info p
{

}

.product-item-link
{
    display: block;
    padding-top: 20px;
    padding-bottom: 5px;
    font-size: 1.5em;
    color: #281B12;
    text-decoration: none;

}

.product-item-more
{
    display: block;
    background: #EAE6DA url('../img/producte-footer.jpg') left top no-repeat;
    padding: 18px 25px 15px 25px;
    height: 23px;
    color: white;
    text-decoration: none;
}

.product-item-more:hover
{
    color: #EDEDED;
}

.product-detail-type
{
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 2.5em;
    color: #281B12;
    font-weight: bold;
    text-transform: none;
    padding: 25px 0px 0px 59px;
    margin: 25px 0 0 0;
}

.product-item-info-thumb
{
    background: #EAE6DA url('../img/producte-bg.jpg') left top no-repeat;
    padding: 0px 25px 0px 25px;
    width: 245px;
    height: 178px;
    overflow: hidden;
}

.product-item-more-thumb
{
    display: block;
    background: #EAE6DA url('../img/producte-footer-thumb.jpg') left top no-repeat;
    padding: 8px 25px 10px 25px;
    height: 15px;
    color: white;
    text-decoration: none;
}

.product-item-more:hover
{
    color: #EDEDED;
}

.envases-bg
{
    background: #EAE6DA url('../img/envases-bg.gif') no-repeat left top;
}

.product-detail-title
{
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 2.5em;
    color: #281B12;
    font-weight: bold;
    text-transform: none;
    background: #EAE6DA url('../img/bullet-gran-marro.gif') no-repeat left top;
    margin: 0;
    padding: 5px 5px 5px 25px;
}

.product-detail-description
{
    font-size: 1.2em;
    padding: 10px;
}

.product-detail-other h3
{
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #281B12;
    margin: 0;
    padding: 5px 0px 5px 0px;
}

.product-detail-other ul
{
    margin: 0 0 20px 0;
    padding-left: 15px;
}

.product-detail-other ul li
{
    list-style-image: url('../img/bullet-petit-marro.gif');
}

.product-detail-other ul li a
{
    font-weight: bold;
    color: #281B12;
    text-decoration: none;
    font-size: 1.1em;
}
.product-detail-other ul li a:hover
{
    text-decoration: underline;
}

.product-detail-more-info h4
{
    font-size: 1.2em;
    font-weight: bold;
    color: black;
    margin: 10px 0 0 0;
    padding: 3px;
}

.product-detail-more-info ul
{
    margin: 0;
    padding-left: 17px;
}

.product-detail-more-info ul li
{
    color: #333;
}

/* CONTACTE / LOCALITZACIO */

.img-mapa
{
    border: 3px solid #829B24;
    padding: 2px;
}

/* CERCADOR */

.cercador ul li
{
	list-style-type:none;
}

.cercador ul li a
{
	color:#281B12;
	text-decoration:none;
}

.cercador ul li a:hover
{
	text-decoration:underline;
}


/* GALERIA */

#galleries-menu .album-bullet
{
    margin: 0px 5px 0px 5px ;
}

#galleries-menu
{
    background-color: #E8E4D8;
    border: 1px solid #D4CBBC;
    overflow: hidden;
}

#galleries-menu ul
{
    margin: 0;
    padding: 0;
}

#galleries-menu ul li
{
    list-style-type: none;
    border-bottom: 1px solid #D4CBBC;
    background-color: #D9D6C5;
    margin: 1px;
    padding: 2px;
}

#galleries-menu ul li a
{
    display: block;
    color: #000;
    text-decoration: none;
}

#galleries-menu ul li a:hover, #galleries-menu ul li a.active
{
    background-color: #98AA4D;
}

/* EMPRESA */
#imatge-empresa
{
    position: relative;
    top: 1x;
    left: 1px;
}
#empresa-imatge
{
    background: #EAE6DA url('../img/empresa.jpg') left top no-repeat;
    height: 237px;
}
.empresa-text
{
    padding: 0px 15px 0px 15px;
    width: 170px;
    height: 350px;
    overflow: hidden;
}
.empresa-item
{
    width: 200px;
    float: left;
    margin-right: 10px;
}
.border-pistatxo
{
border-bottom: 1px solid #829B23;
padding-bottom: 7px;
margin-bottom: 7px;

}
.bloc-destacat-empresa p
{
    color: #281B12;
    font-size: 1.25em;
    padding-right: 0px;
}

.btn-submit-search
{
    border-style: solid;
    border-color: Gray;
    border-width: 1px;
    width: 20px;
	vertical-align: bottom;
	margin-bottom:6px;
}

/* GLOSSARI */
.link-glossari
{
    display: block;
    /*padding-top: 14px;*/
    /*padding-bottom: 3px;*/
    font-size: 1.0em;
    color: #281B12;
    text-decoration: none;
}


/* CONSELLS */

.consells-text
{
    padding: 0px 15px 0px 15px;
    width: 200px;
    height: 170px;
    overflow: hidden;
}
.consells-item
{
    width: 230px;
    float: left;
    margin-right: 5px;
}

/* TRANSPORTS */

.transports-item
{
    width: 300px;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}