/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* tunejat per EACAT agost 2013*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block}
audio, canvas, video {display: inline-block;*display:inline;*zoom:1}
audio:not([controls]) {display: none;height: 0}
[hidden] {display:none}
html {font-size: 100%;-ms-text-size-adjust: 100%;	-webkit-text-size-adjust: 100%;}
html, button, input, select, textarea {font-family:"Lato","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}
body {margin: 0}
a:focus {outline: thin dotted}
a:active, a:hover {outline: 0}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 500;line-height: 1.1;margin: 0;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1em;}
h5 {font-size: .83em;}
h6 {font-size: .67em;}
abbr[title] {border-bottom: 1px dotted}
b, strong {font-weight: bold}
blockquote {margin: 1em 40px}
dfn {font-style: italic}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0}
mark {background: #ff0;color: #000}
p, pre {margin: 0.5em 0}
code, kbd, pre, samp {font-family: monospace, serif;_font-family: 'courier new', monospace;	font-size: 1em}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}
q {quotes: none}
q:before, q:after {content: '';content: none}
small {font-size: 80%}
sub, sup {font-size: 75%;line-height: 0;position: relative;	vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
dl, menu, ol, ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}
menu, ol, ul {padding: 0 0 0 40px;}
nav ul, nav ol {list-style: none;list-style-image: none}
img {border: 0;vertical-align: middle;-ms-interpolation-mode: bicubic}
svg:not(:root) {overflow: hidden}
figure {margin: 0}
form {margin: 0}
fieldset {border: 0;margin: 0;padding: 0}
legend {border: 0;padding: 0;white-space: normal;*margin-left:-7px}
button, input, select, textarea {margin: 0;vertical-align: baseline;*vertical-align:middle}
textarea {resize: vertical;}
button, input {line-height: normal}
button, select {text-transform: none}
button, html input[type="button"], input[type="reset"], input[type="submit"] {	-webkit-appearance: button;cursor: pointer;*overflow:visible}
button[disabled], html input[disabled] {cursor: default}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*height:13px;*width:13px}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}
textarea {overflow: auto;vertical-align: top}
table {border-collapse: collapse;border-spacing: 0}
/*! FI: normalize.css v1.1.2 | MIT License | git.io/normalize */


/* ==========================================================================
   CSS genèric MB
   ========================================================================== */

html,button,input,select,textarea {color: #4b4b4b;}
/* peu sota */
html, body{height: 100%;margin:0}
.web-container {min-height: 100%;height: auto !important;height: 100%;margin:0 auto -6em}
.footer-container, .push {height: 6em;}
/* FI: peu sota */
input,select,textarea {border:1px solid #d9d9d9;}
a {text-decoration:none;color:#0d8ed1;}
a:hover, a:focus {text-decoration:underline;}
body {
	position: relative;
	background: #efefef;
}
.placeholder { color: #aaa; }
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
.wrapper{padding: 0 2%;}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* Capçalera */
.header-container{background-color:#FFF}
.footer-container:before,.footer-container:after {content: " ";display: table;}
.footer-container:after {clear: both;}
.footer-container {*zoom: 1;}

/* Contingut principal */
.main-container{padding:0 0 20px 0}
.main-container a{text-decoration:underline}
.footer-container:before,.footer-container:after {content: " ";display: table;}
.footer-container:after {clear: both;}
.footer-container {*zoom: 1;}

/* Peu */
.footer-container{font-size:70%}
.footer-container:before,.footer-container:after {content: " ";display: table;}
.footer-container:after {clear: both;}
.footer-container {*zoom: 1;}

.peuMB{color:#9a9a9a;border-top:1px solid #616161;padding-top:5px}
.peuMB_nav {float:right}
.peuMB_nav ul{margin-top:5px;}
.peuMB_nav li {list-style:none;float:left;background:url(../img/barra.png) no-repeat scroll right;padding:0 4px}
.peuMB_nav li:last-child{background:none}
.peuMB_nav a{color:#9a9a9a;}
.peuMB_nav a:hover, .peuMB_nav a:focus{text-decoration:underline}
.peuMB_cont{float:left}
.peuMB_cont p{padding:1px 0;margin:0}
.peuMB .logoCAOC{}





/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 150%;}
/*Add the .ir class to any element you are applying image-replacement to. When replacing an element's content with an image, make sure to also set a specific background-image: url(pathtoimage.png);, width, and height so that your replacement image appears.*/

.hidden {display: none !important;visibility: hidden;}
/*Add the .hidden class to any elements that you want to hide from all presentations, including screen readers. It could be an element that will be populated later with JavaScript or an element you will hide with JavaScript. Do not use this for SEO keyword stuffing. That is just not cool.*/

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
/*Add the .visuallyhidden class to hide text from browsers but make it available for screen readers. You can use this to hide text that is specific to screen readers but that other users should not see. About invisible content, Hiding content for accessibility, HTML5 Boilerplate issue/researc.invisible {visibility: hidden;}
/*Add the .invisible class to any element you want to hide without affecting layout. When you use display: none an element is effectively removed from the layout. But in some cases you want the element to simply be invisible while remaining in the flow and not affecting the positioning of surrounding content.*/

.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}