/* Stylesheet for the 'ADIVIT' */

/*INITS ////////////////////////*/
html,
body {
    background-color: #fff;
    font-family: 'Arimo', sans-serif;
    color:#333;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    margin:0;
    padding:0;
    height:100%;
}

.home {
    background-color: #ebebeb;
}

/*position bottom fotter //////////////// */
#container-content {
    min-height:100%;
    position:relative;
}

#container-main {
    padding:0 10px 380px;
    /*background-color: #fff;*/
}

#footer {
    position:absolute;
    bottom:0;
    width:100%;
}

/*.top-bar-section .dropdown li .js-generated {
    display: none;
}

.top-bar-section .dropdown .title.back.js-generated:first-child {
  display: none;
}*/

.field-name-field-dosis .field-label {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Dosis', sans-serif;
    font-weight:normal;
}

.h3 {
    font-family: 'Dosis', sans-serif;
    font-size: 1.6875em;
    margin-bottom: 0.5em;
    margin-top: 0.2em;
    display: inline-block;
}

.h4 {
    font-family: 'Dosis', sans-serif;
    font-size: 1.4375em;
    margin-bottom: 0.5em;
    margin-top: 0.2em;
    display: inline-block;
}

.h5 {
    font-family: 'Dosis', sans-serif;
    font-size: 1.125em;
    margin-bottom: 0.5em;
    margin-top: 0.2em;
    display: inline-block;
}

ul li ul, ul li ol {
    margin-left: 0;
}
ul {
    list-style-position: inside;
}

a{
    color: #00917A;
}

a:hover, a:focus {
    color: #04685a;
}

.clear {
    clear:both;
}

.line{
    padding:2em 0;
}
.smallLine{
    padding:0.8em 0;
}

.center{
    text-align:center;
}

.smallmargin {
    margin-bottom:0.5em;
}

.mediummargin {
    margin-bottom:1.5em;
}

.largemmargin {
    margin-bottom:2.5em;
}

.date {
    font-size: 0.9em;
}

.separador {
    width: 100%;
    height:40px;
    background-position:center;
    /*background-repeat:no-repeat;*/
    display:block;
}

.greenborder {
    border:1px solid #00917a;
    border-radius:5px;
}

img.right {
    margin:0 0 1em 1em;
}

hr {
    margin: 1.25em auto 1.1875em;
    max-width: 960px;
}


/*pagination //////////////// */
ul.pagination li.current a {
    background: none repeat scroll 0 0 #00917A;
    color: #fff;
    cursor: default;
    font-weight: bold;
}

/*button //////////////// */
button, .button {
    background-color: #00917A;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 1.25em;
    position: relative;
    text-align: center;
    text-decoration: none;
    border-radius:0.4em;
    box-shadow: none;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #04685a;
    border:none;
}

.button.grey {
    background-color: #eee;
    color:#222;
}

.button.grey:hover, .button.grey:focus {
    background-color: #ddd;
    border:none;
}

/* Float //////////////// */
.floatbutton {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.floatbutton:hover, .floatbutton:focus, .floatbutton:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

/*bgimage //////////////// */
/* Evitar imatges tallades */
div.product-img-container{text-align:center;}
div.product-img-container img.product-image{display:block;max-width:220px;max-height:160px;vertical-align:middle;margin:0 auto;}


.bgimage {
    background-position: center center;
    background-size: cover;
    display: block;
    min-height: 7em;
    width: 100%;
    background-repeat: no-repeat;
    /*margin-bottom:0.5em;*/
}
.list .bgimage {
    min-height: 10em;
}
.fitxa .bgimage {
    min-height: 15em;
}


.destacats .bgimage {
    height: 7em;
}

.gallerySection .bgimage,
.news .bgimage {
    height: 9em;
}

.newsSection .bgimage,
.imageSection .bgimage,
.redSection .bgimage {
    height: 12em;
}


/*img-list //////////////// */
ul.img-list {
    list-style-type: none;
    text-align: center;
}

ul.img-list li {
    position: relative;
}

ul.img-list .bgimage,
span.text-content{
    min-height: 300px;
}

ul.img-list-productes .bgimage,
ul.img-list-productes span.text-content{
    min-height: 200px;
    height: 200px;
}

ul.img-list .bgimage {
    position:relative;
    overflow: hidden;
}

span.text-content {
    background: rgba(0,0,0,0.8);
    color: white;
    cursor: pointer;
    display: table;
    height: 300px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

span.text-content h3{
    color:#fff;
}

span.text-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding:1.5em;
}

ul.img-list li span.more {
    display: block;
    height: 61px;
    width: 61px;
    position: absolute;
    top: 40%;
    left: 40%;
}

ul.img-list li:hover span.text-content {
    opacity: 1;
}

ul.img-list li:hover span.more {
    opacity: 0;
    -webkit-transition: opacity 50ms;
    -moz-transition: opacity 50ms;
    -o-transition: opacity 50ms;
    transition: opacity 50ms;
    width: 61px;
    height: 61px;
}


.txt-2-cols {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

/* ==========================================================================
   MENU
   ==========================================================================*/
.top-bar {
    margin-top: 1em;
    border-radius:3px;
}

@media only screen and (min-width: 940px) {
	.top-bar .title-area{display: none;}
}
.top-bar.expanded .title-area {
    background: none repeat scroll 0 0 #027b68;
}

.top-bar.expanded .toggle-topbar a span {
    box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;
}

.top-bar.expanded .toggle-topbar a {
    color: #fff;
}

.top-bar-section .divider, .top-bar-section [role="separator"] {
    border-bottom: 0;
}

/*.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
    border-color: -moz-use-text-color #027b68 -moz-use-text-color #03b095 !important;

}*/

.top-bar-section>ul>.divider,.top-bar-section>ul>[role="separator"]{border-right:solid 1px #027b68;border-left:solid 1px #03b095;}

.top-bar {
    font-family: 'Open sans', sans-serif;
    border-radius: 5px;
    background: none repeat scroll 0 0 #00917a;
}

.top-bar.expanded .top-bar-section li a:not(.button) {
    background: none repeat scroll 0 0 #00917a !important;
}

@media only screen and (max-width: 1001px) {
	.top-bar-section li a:not(.button) {
		padding-left: 5px !important;
		padding-right: 30px !important;
	}
}

.top-bar-section li a:not(.button) {
    background: none repeat scroll 0 0 transparent !important;
    font-weight: 400;
    padding-left: 16px;
    padding-right: 10px;
    text-transform: uppercase;
}

.top-bar-section li a:hover:not(.button),
.top-bar-section ul li.active > a {
    background: none repeat scroll 0 0 #1aa992 !important;
    /*opacity: 0.9;*/
}

.top-bar-section ul {
    background-color: #00917a;
    position: relative;
    left: 5px;
}

.top-bar-section .dropdown li a {
    background: none repeat scroll 0 0 #04685a !important;
}

/* ==========================================================================
   HEADER
   ==========================================================================*/

/*HEAD-BAR //////////////// */
.head-bar{
    background: url("../images/bg-headbar.jpg") repeat-x scroll 0 0 #f8f8f8;
    min-height:172px;
    border-top:3px solid #01a38c;
    padding:2em 0;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(48, 50, 50, 0.38);
    -moz-box-shadow: 0px 3px 2px 0px rgba(48, 50, 50, 0.38);
    box-shadow: 0px 3px 2px 0px rgba(48, 50, 50, 0.38);
}

/*LANGUAGES //////////////// */
.languages{
    text-align: right
}

.languages span{
    margin-right:1em;
    font-size:0.9em;
}

.languages a{
    color:#bbbbbb;
}

.languages a:hover,
.languages a.active{
    color: #047767;
}

ul.language-switcher-locale-url {
    margin: 5px 10px;
}

ul.language-switcher-locale-url li {
    list-style: none;
    float: left;
    margin-left: 10px;
    font-size: 14px;
}

/*SEARCH //////////////// */
.search .button{
    border-radius: 0;
    background: #00917a;
    text-transform: uppercase;
}


/*SLIDE PORTADA //////////////// */
.orbit-container {
    background-color: #f2f2f2;
    height: 436px;
}

.orbit-container .orbit-slides-container > * {
    min-height: 436px;
    position: absolute;
    top: 0;
    width: 100%;
}

.orbit-container .orbit-slides-container > * .orbit-caption {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    display: block !important;
    font-size: 1.4em;
    margin: 0 auto;
    max-width: 545px;
    padding: 1em;
    position: relative;
    text-align: center;
    width: auto;
    margin-top: 5em;
}

.orbit-caption .descript {
    font-size:1.9em;
    font-family: 'Dosis', sans-serif;
    display: block;
}

.orbit-bullets {
    top: -30px;
    z-index: 1000;
    margin: 0;
    text-align: center
}

.orbit-bullets li {
    display:inline-block;
    text-align: center;
    float: none;
    cursor: pointer;
    background: none repeat scroll 0 0 #fff;
    border: 4px solid #fff;
    border-radius: 1000px;
    height: 1.3em;
    margin-right: 6px;
    width: 1.3em;
}

.orbit-bullets li:hover,
.orbit-bullets li.active {
    background: none repeat scroll 0 0 #01a38c;
}

.orbit-container .orbit-prev,
.orbit-container .orbit-next,
.orbit-container .orbit-prev:hover,
.orbit-container .orbit-next:hover {
    background: none repeat scroll 0 0 transparent;
}

.orbit-container .orbit-prev > span{
    background: url("../images/prev-arrow.png") no-repeat scroll 0 0 transparent !important;
    border:0;
    width: 70px !important;
    height: 70px !important;
}

.orbit-container .orbit-next > span{
    background: url("../images/next-arrow.png") no-repeat scroll 0 0 transparent !important;
    border:0;
    width: 70px !important;
    height: 70px !important;
}

.orbit-container .orbit-next > span {
    left: 0;
}

.orbit-container .orbit-timer .orbit-progress {
    background-color: rgba(255, 255, 255, 0.6);
}

.orbit-container .orbit-timer > span {
    border-color: #fff;
}

/*SLIDE interior //////////////// */
.capcaleraSeccio {
    background-color: #f2f2f2;
}

.capcaleraSeccio .bgimage {
    min-height: 245px;
    padding: 4em 0;
}

@media only screen and (max-width:768px){
	.capcaleraSeccio .slide-caption{
		padding: 1em 0.5em 0.1em 0.5em !important;
	}
	.capcaleraSeccio .slide-caption h1{
		font-size: 2em !important;		
	}
	.capcaleraSeccio .slide-caption .descript {
		font-size:1.2em !important;
		margin-top:20px;
	}
	.head-bar{
		padding:0;
	}
	.capcaleraSeccio .bgimage {
		min-height:0;
		padding: 0;
		background: #555 !important;
	}
	.sub-nav li{
		margin-left: 0 !important;
	}
	
}

.capcaleraSeccio .slide-caption {
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 1em;
    margin: 0 auto;
    max-width: 1000px;
    padding: 1em;
    text-align: center;
    width: auto;
}

.capcaleraSeccio .slide-caption h1 {
    color:#fff;
    font-weight: 700;
    font-size: 3.5em;
    margin:0;
}

.capcaleraSeccio .slide-caption .descript {
    font-size:1.9em;
    font-family: 'Dosis', sans-serif;
    display: block;
    line-height:1.3em;
}

/*SUBMENU //////////////// */
.lineSubmenu {
    padding:1em 0;
    background-color: #dbe7e5;
}

.sub-nav {
    margin: 0;
    padding-top: 0;
    text-align: center
}

.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    color: #047767;
    text-decoration: none;
}

.sub-nav dt, .sub-nav dd, .sub-nav li {
    display: inline-block;
    float: none;
    font-size: 1em;
    margin-left: 2.5em;
    margin-bottom: 0.325em;
}

.sub-nav ul.active a, .sub-nav li.active a, .sub-nav li.active-trail a {
    background: none repeat scroll 0 0 #01a38c;
    border-radius: 0;
    color: #fff;
    cursor: default;
    display: block;
    font-weight: normal;
    padding: 0.5em 0.8em;
}


/* ==========================================================================
   CONTAINER-MAIN
   ==========================================================================*/

/*NEWS*/
.itemNew {
    margin-bottom:1.5em !important;
}

.itemNew .date{
    font-style: italic;
    font-size:0.9em;
}

span.title {
    display:inline-block;
}

.rss {
    background: url("../images/rss.jpg") no-repeat scroll 0 0 transparent;
    height:28px;
    width:28px;
    margin-left:1em;
    display:inline-block;
}

/*volver //////////////// */
.volver {
    margin-top:1.9em;
}

/*banners home //////////////// */
.bannersHome {
    padding-top:1.5em;
}

.bannersHome .bannerHome{
    padding-bottom:1em;
}

/*tick list //////////////// */
.tick li {
    background: url("../images/tick.jpg") no-repeat scroll 0 5px transparent;
    list-style: none outside none;
    margin-bottom: 1em;
    padding-left: 3em;
}

/*form //////////////// */
.form {
    background-color: #f0f0f0;
    padding:2em;
    min-height:20em;
    border-radius: 1em;
    text-align: center;
}


/*formSearch //////////////// */
.formSearch {
    background-color: #444444;
    padding:1em 1em 0;
}

.formSearch label {
    font-family: 'Dosis',sans-serif;
    font-size: 1.5875em;
    font-weight: normal;
    color: #fff;
}

.formSearch .button {
    text-transform: uppercase;
}

/*formFilter //////////////// */
.formFilter {
    background-color: #dbe7e5;
    border-radius:1em;
    padding: 1em 1em 0.1em;
}

.formFilter .descrip {
    font-size: 0.95em;
    line-height: 1.4em;
}

.formFilter .border {
    border-right: 1px solid #b6d3ce;
}

.formFilter .border:last-child {
    border:none;
}

.formFilter li.disabled {
    border-bottom: 1px solid #ddd;
    color: #222 !important;
    font-weight: bold;
    margin-top: 0.3em !important;
}

.formFilter .button {
    margin-right:1em;

}

/*lineSubmenu.formFilter //////////////// */
.lineSubmenu.formFilter {
    border-radius:0;
}

.lineSubmenu.formFilter img {
    max-width: 30px;
}

.lineSubmenu.formFilter .button {
    margin-top: 3em;
}

/*fitxa producte  //////////////// */
.fitxa .icon img{
    max-width: 40px;
}

.especie img {
    max-width: 45px;
    margin-right:0.2em;
}

.especie .has-tip,
.especie .has-tip:hover,
.especie .has-tip:focus {
    border-bottom: medium none !important;
}

/*banners //////////////// */
.banner {
    background-color: #dbe7e5;
    border-radius: 0.5em;
    display: block;
    font-family: 'Open sans',sans-serif;
    font-size: 0.9em;
    margin-bottom: 1em;
    padding: 0.5em 1em;
}

.banner.green {
    background-color:#00917a;
}

.banner.green,
.banner.green:hover {
    color:#fff;
}

/*Export //////////////// */
.accordion .h4 {
    font-size: 1.2375em !important;
    padding: 0.3em 0.8em 0.1em !important;
}

.accordion .content {
    font-size: 0.9em !important;
}

.accordion .title{
    border-color:#fff !important;
}

.accordion .title .h4{
    color:#fff !important;
}

.title.europa{
    background-color: #70C4E6 !important;
}

.title.america{
    background-color: #0a509e !important;
}

.title.africa{
    background-color: #00967f !important;
}

.title.asia{
    background-color: #57CE96 !important;
}


/*Contactar //////////////// */
.contact {
    font-size:0.9em;
}

.contact img {
    max-width: 20px;
}

.contact .directContact span{
    float:left;
}




/* ==========================================================================
   FOOTER
   ==========================================================================*/
#footer {
    background-color: #c1e0dc;
    border-top: 2px solid #00917a;
    padding: 1em 0;
}

#footer a{
    display:block;
}

#footer .enllacos,
#footer .develop {
    font-size:0.9em;
}

#footer .enllacos a,
#footer .develop a {
    display:inline;
}

#footer .itemicon {
    background-color: transparent;
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding-left: 2em;
    font-size: 0.95em;
}

#footer .direct {
    background-image: url("../images/direct.png");
}

#footer .mail {
    background-image: url("../images/mail.png");
}

#footer .phone {
    background-image: url("../images/phone.png");
}

#footer .skype {
    background-image: url("../images/skype.png");
}



/* ==========================================================================
   Media Queries
   ==========================================================================*/

/* We use this media query to add styles to any device that supports media queries */
@media only screen {}

/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media only screen and (max-width: 768px) {

    .center{
        display:block;
    }

    #container-main {
        padding-bottom: 50px;
    }

    .inline {
        display:block;
    }

    /*submenu*/
    .sub-nav dt, .sub-nav dd, .sub-nav li {
        display: block;
        float: none;
        font-size: 1em;
        margin-left: 2.5em;
    }

    /*slider*/
    .orbit-container .orbit-slides-container > * .orbit-caption {
        font-size: 1.1em;
        max-width: 325px;
    }

    /*right img*/
    img.right {
        display: block;
        float: none !important;
        margin: 0 auto 20px;
        text-align: center;
    }

    /*footer*/
    #footer {
        position:relative;
    }

    #footer .row .columns{
        margin-top:0.5em !important;
        padding-top:0.5em !important;
        text-align: center;
        border-top:1px solid #88c9c1;

    }

    #footer .row .columns:first-child {
        border-top:none;
    }

    #footer .direct,
    #footer .phone,
    #footer .mail,
    #footer .skype {
        background-image: none;
    }

}

/* Used to alter styles for screens at least 1280px wide. */
@media only screen and (max-width: 1280px) {}

/* Used to alter styles for screens at least 1440px wide. */
@media only screen and (min-width: 1440px) {}

/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) {}

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) {}

/* We also use Modernizr to add a .touch class to the body when applicable */
/* You can prepend this class to anything and it will style only for touch devices */
.touch .your-element {}

/* MPAMPOLS */
.search .form-item-search-block-form {
    width: 215px !important;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
}

.search button {
    display: inline-block !important;
    float: right !important;
    width: 100px !important;
}

.lineSubmenu .sub-nav .menu {
    margin-bottom: 0
}

.pane-node-field-galeria-de-im-genes .field-type-image > a {
	margin-right: 1.0em;
}

.page-noticias .large-7.columns.left h3 {
	margin-top: 0
}

.page-noticias .large-3.columns img {
	margin-top: 5px;
}

#modalContainer {
    text-align: left !important
}

.slider-button {
    margin: 0 auto;
    text-align: center;
    margin-top: 1.5em;
}

#views-exposed-form-productos-lamons-nacionales-page select,
#views-exposed-form-productos-lamons-export-page select {
    padding: 7px 5px;
    font-size: 13px;
}

#views-exposed-form-productos-lamons-nacionales-page button.form-submit,
#views-exposed-form-productos-lamons-export-page button.form-submit {
    width: 100%;
    margin-top: 56px;
    padding: 7px 0px;
}

#edit-field-nacional-o-export-value .form-item {
    width: 50%;
    float: left;
}

.page-productos-lamons .formSearch .form-item {
    margin: 0;
}

section.block-search {
    position: relative;
	overflow: hidden;
    width: 95%;
}

@media only screen and (max-width: 1001px) and (min-width: 768px){
	section.block-search .form-item-search-block-form{
		width: -webkit-fill-available;
		max-width: 60%;
		box-sizing:border-box;
	}
	section.block-search button{
		max-width: 35%;
		box-sizing:border-box;
	}
}

@media only screen and (max-width:767px){
	div.languageselect{float:left;width:35%;box-sizing:border-box;margin-top:15px;}
	div.searchbar{float:right;width:65%;box-sizing:border-box;margin-top:15px;}
	div.languages{display: table; margin: 0 auto;}
	section.block-search .form-item-search-block-form{width:65% !important;}
	section.block-search .form-item-search-block-form input{border-top-left-radius:0.4em;border-bottom-left-radius:0.4em;}
	section.block-search button{width:35% !important;left: -3px;border-top-left-radius: 0;border-bottom-left-radius: 0;}
}

@media only screen and (max-width:494px){
	div.searchbar{padding-top:10px;}
}


.node-webform .links.inline,
.field-name-field-mostrar-formulario-alianza {
    display: none !important;
}


article#node-104 button{margin-top:1em;}
article#node-105 button{margin-top:1em;}
#lightbox #imageDataContainer #imageDetails{display:none !important;}