body{background-color: #000;font-size: 14px;font-family: "Calibri" , Verdana, Helvetica, Sans-Serif;
    margin: 0;padding: 0;color: #222222;background-image: url('Images/bg.jpg');
    background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
    background-size: cover;background-attachment: fixed;}
strong{color: #0089b5;}
a, a:link{color: #0089b5;text-decoration: none;}
a:visited{color: #0089b5;}
a:hover {text-decoration: underline;color: #006688;}
p, ul{line-height: 1.6em;font-size: 14px;}
header,footer,nav,section {display: block;}
.clearfix {clear: both;}
.orange {color: #FF9933;}
.white {color:#fff}
.black {color:#000}
.blue {color:#0083a9}

.center {text-align: center}
.left {text-align: left}	
	
	
/* HEADINGS */
h1, h2, h3, h4, h5, h6{font-size: 1.5em;}
h1 {font-size: 2em;padding-bottom: 0;margin-bottom: 0;}
h2 {padding: 0;color: #222;font-size: 1.1em;}
h3{font-size: 1.3em;color: #0083a9;font-weight: normal;}
h4{font-size: 1.1em;color: #0083a9;}
h5, h6 {font-size: 1em;}
.translate{float: right;margin-top: 30px;}
.nopad { padding: 0; margin: 0}
.typo {font-family: 'kaffeesatzregular';text-transform: uppercase;font-weight: normal}

/* Menu */
ul#menu {width: 980px;padding: 0 0 2px;position: relative;margin:0;text-align: center;background: #000;}
ul#menu li {display: inline;list-style: none;  font-family: 'kaffeesatzregular';}
ul#menu li a{padding: 14px 16px 10px 16px;text-decoration: none;line-height: 2.1em;color: #fff;
             font-size: 23px;text-transform: uppercase;}
ul#menu li a:hover{color: #0083a9;}
ul#menu li a:active {color: #0083a9;}
ul#menu li.selected a {color: #0083a9;}

.access {float:right; margin:10px 5px 0 0}
.social {float:right;}

/* PRIMARY LAYOUT ELEMENTS */
.page {width: 980px;margin: 10px auto;}
header, #header{position: relative;margin-bottom: -3px;padding: 5px;}
#main{padding: 0 10px;background-color: #fff;}

/* Left Elements*/
.content{float: right;width: 695px;}
.content img{border: solid 2px transparent;}

/*#content img:hover{border: solid 2px #009AB2;}*/
#content-full img{border: none;}
.content-full img{border: none;}

.entry{padding: 5px 20px 20px 20px;margin-top: 10px;
       width: 695px;float: right; background-color: #f9f9f9;}    
.entry ul{margin-left: -25px;}
.entry li{margin-top: 4px;text-align: left;}
#content-full {width: 940px;float: left;}
.entry-full{padding: 5px 20px 15px 20px;margin-top: 10px;width: 920px;
    float: left;background-color: #f9f9f9;}
.entry-full ul{margin-left: -25px;}

/* Notícies blog*/
.entry-noticies{padding: 0 20px 20px 20px;margin-bottom: -5px;margin-top: 10px;width: 690px;float: right;    
    background-color: #f9f9f9;}
.img-noticia{width: 240px;height: 160px;float: right; overflow: hidden;margin-top:-10px; }
.entry-noticies h4 a {text-decoration: none;font-size: 15px;}
.text-noticia{width: 415px;float: left;}
.text-noticia p{margin-top: -10px}
.date{font-weight: bold;margin-top: -12px; margin-bottom: 15px}

/* Notícies home*/

.entry-inici{padding: 1px 15px 8px 15px;margin-bottom: -3px;margin-top: 10px;width: 677px;
   float: right;background-color: #f9f9f9;}
.entry-inici h4 a{text-decoration:none;font-size: 22px;font-family: 'kaffeesatzregular';text-transform: uppercase; font-weight: normal}
.img-inici{width: 220px; height: 147px;float: right;margin-bottom: 10px;overflow: hidden;margin-top:15px;}
.text-inici{width: 425px; float: left;font-size:13px;}
.text-inici p{margin-top: -10px;}
.read { float: right; margin-top: -18px}

/* widgets home*/
.widgets{padding: 15px;margin-bottom: -3px;
    margin-top: 10px;width: 677px;float: right;background-color: #0089b5;}

.block1 {float: left;width: 239px;margin-left: 3px;}
.block2 {float: left;padding: 3px 3px 0 3px;margin: 0 0 0 6px;width: 225px; background-color: #f9f9f9;position: relative}
.block2bis {float: left;width: 230px; margin: 0 0 0 6px; } 
.block2bis img { width: 230px; }

/*.block2:hover {background-color: #0089b5;}*/

.block3 {float: left;padding: 3px 3px 0 3px;margin: 0 7px 0 6px;width: 224px;background-color: #f9f9f9;position: relative;}
.block3bis {float: left;width: 229px;margin: 0 8px 0 7px;} 
.block3bis img { width: 229px; }

/*.block3:hover {background-color: #0089b5;}*/
.block4 {float: left;width: 200px;}   
.block2 p, .block3 p  {position: absolute;top: 10px;left: 20px;width: 100%;}
.block2 p span, .block3 p span {color: yellow;font-size: 14px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); padding: 6px 10px;}


/* Esdeveniments */
.entry-esdv {padding: 2px 0 ;margin-top: 6px;width: 952px;float: right;}
.entry-esdv img{border: solid 2px transparent; margin-right: 2px}
.entry-esdv img:hover{border: solid 2px #009AB2;opacity:0.9;filter:alpha(opacity=90);}
.entry-esdv a{text-decoration: none; float: left}
.esdeveniment  {margin: 15px 0 10px 10px ;float: right;width: 375px;height: 154px;}
.contacte  {margin: 15px 0 10px 10px ;float: right;}
.recorreguts {float: left;margin-right: 20px;margin-bottom: 20px;width:315px;height:244px;}

/* Calendari i taules admin*/
.taula {line-height:22px;width:80%;}
.taula td, th{border-bottom: 1px dashed #009AB2;}
.taula th{color: #222;}
.taula a {text-decoration: none;display: block;}
.taula a:hover {text-decoration: underline;}
.taula .nohover:hover {background-color: #f9f9f9;color: #fff;}

/* Club NEM*/
.modalitatsclub { width: 100%;border-spacing: 10px;text-align:center;
    border-collapse:  collapse; margin-bottom:25px }
    .modalitatsclub th { background: #009AB2;color: white;border: 1px solid #009AB2;padding: 8px}
.modalitatsclub td {border: 1px solid #009AB2;padding: 8px; width:25%}

/* Lliga NEM*/
.punts { width: 100%;border-spacing: 10px;text-align:center;
    border-collapse:  collapse; margin-bottom:25px }
    .punts th { background: #009AB2;color: white;border: 1px solid #009AB2;padding: 8px}
.punts td {border: 1px solid #009AB2;padding: 8px; width:25%}

  .classificacio {
        background-color: #0083a9;
        color: #fff;
        border: 0;
        cursor: pointer;
        font-size: 24px;font-family: 'kaffeesatzregular';text-transform: uppercase;
        padding: 7px 10px;
        width: auto;
        float: left;
        margin-top:20px; margin-right:40px;
  }
  .classificacio:hover { color: #000;}
 .classificacio a { text-decoration: none; color:#fff }
  .classificacio a:hover { text-decoration: none; }




/* Dades personals */
.personal {width:100%;line-height:25px;}

/* Fotos petites a editar fotos */
.editar-fotos{width: 100%;border-top-style: solid;border-top-width: 1px;border-top-color: #f9f9f9;border-bottom-style: solid;
    border-bottom-width: 1px;border-bottom-color: #f9f9f9;}
.editar-fotos td{padding-top: 5px;padding-bottom: 3px;}

/* Detalls al peu de les notícies en administració */
.newsdetails1{width: 100%;color: #f9f9f9;line-height: 8px;border-top-style: solid;border-top-width: 1px;border-top-color: #f9f9f9;}
.newsdetails2{width: 100%;color: #f9f9f9;line-height: 8px;}

/* Sidebar */
.sidebar {width: 200px;float: left; padding: 0 10px 0 10px;clear: left;text-align: left;  }
.sidebar p{text-align: left}
.sidebar h4 { margin-bottom: 0;font-size: 22px;font-family: 'kaffeesatzregular';text-transform: uppercase; font-weight: normal}
.sidebar ul{list-style: none;padding: 0; margin-top: 5px}
.sidebar li {padding: 5px 10px 5px 0;border-bottom: 1px solid #00AFEA;text-align: left;}    
.sidebar li a{text-decoration: none;color: #222222;  padding: 5px 10px 5px 0;}
.treeview li li a { padding-left: 20px}
.sidebar li a:hover{color: #0083a9;}
.sidebar li.selected a{color: #0083a9; font-weight: bold} 
.sidebar li ul {padding-left: 20px;}
.sidebar li ul li {border: none;  padding: 2px 0;}

/* Sidebar banners */
.banner {width: 200px;float: left;clear: left}
.banner:hover {opacity:0.9;filter:alpha(opacity=90);}

/* Sidebar Inici */
.sidebar-inici {float: left; padding: 0 0 5px 0;margin-top:0;clear: left;}
.sidebar-inici img{border: solid 2px transparent;}
.sidebar-inici img:hover{border: solid 2px #0089b5;opacity:0.9;filter:alpha(opacity=90);}
.image {position: relative;width: 100%;margin-bottom:-1px;}
.image p {position: absolute;top: 90px;left: 150px;width: 100%;}
.image p span {color: yellow;font-size: 14px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); padding: 6px 10px;}

 
/* Footer */
footer{width: 950px;background-color: #000;color: #999;padding: 15px;text-align: center;
       line-height: 20px;margin: 0 0 50px 0;}
footer a:link{color: #0099AE;}
footer a:visited{color: #0099AE;}
footer a:hover{color: #2DE4FF;}
    footer li {list-style:none; text-align:left;}
.colfooter {margin-top:15px; float: left; width:33%}




/* FORM LAYOUT ELEMENTS */
fieldset {padding: 0 1.4em 1.6em 1.4em;margin: 0 0 1.5em 0;border: none;}
legend {font-size: 1.2em;font-weight: bold;}
textarea {min-height: 75px;}
input[type="password"] {border: 1px solid #ccc;padding: 2px;color: #444;width: 200px;}
select {border: 1px solid #ccc;padding: 2px;color: #444;}

.blue-button {
        background-color: #ff8100;
        color: #fff;
        border: 0;
        cursor: pointer;
        font-size: 24px;font-family: 'kaffeesatzregular';text-transform: uppercase;
        padding: 7px 10px;
        width: auto;}
  .blue-button:hover { color: #000;}
 .blue-button a { text-decoration: none; }
  .blue-button a:hover { text-decoration: none; }
  
  .blue-button-small {
        background-color: #ff8100;
        color: #fff;
        border: 0;
        cursor: pointer;
        font-size: 18px;font-family: 'kaffeesatzregular';text-transform: uppercase;
        padding: 7px 10px;
        width: auto;}
  .blue-button-small:hover { color: #000;}
 .blue-button-small a { text-decoration: none; }
  .blue-button-small a:hover { text-decoration: none;}





/* MISC*/
.error{color: #FF428D;}
nav, #menucontainer {margin-top: 0;}
div#title {margin-top: 5px;margin-left: -4px;float: left;text-align: left;}
#logindisplay {display: block;text-align: right;color: #000; margin-top: 30px}
#logindisplay a:link{color: #000;text-decoration: none;margin-left: 10px;font-family: 'kaffeesatzregular';
                     text-transform: uppercase;font-weight: normal;font-size: 20px}
#logindisplay a:visited{color: #000;}
#logindisplay a:hover{color: #fff}

#_LangPicker {display: block;text-align: right;color: #000;font-family: 'kaffeesatzregular';text-transform: uppercase;font-weight: normal;font-size: 18px}
#_LangPicker a:link{color: #000;text-decoration: none;margin-left: 10px;}
#_LangPicker a:visited{color: #000;}
#_LangPicker a:hover{color: #000;  text-decoration: underline;}


/* Styles for validation helpers*/
.field-validation-error {color: #FF0066;}
.field-validation-valid {display: none;}
.input-validation-error {border: 1px solid #FF0066;background-color: #ffeeee;}
.validation-summary-errors{font-weight: bold;color: #FF0066;}
.validation-summary-valid {display: none;}

/* Styles for editor and display helpers*/
.display-label, .editor-label {margin: 1em 0 0 0; }
.display-field, .editor-field {margin: 0.5em 0 0 0; }
.text-box {width: 30em;}
.text-box-subject {width: 650px; }
.text-box.multi-line {height: 6.5em; }
.tri-state {width: 6em}
.message {width: 600px;height: 100px; font-family: Arial; } 
.addicional {width: 650px;height: 100px; font-family: Arial; } 
.volunteer {width: 400px;height:90px; font-family: Arial; } 
.post {width: 750px;height: 200px; font-family: Arial; } 
.summary {width: 900px;height: 100px; font-family: Arial; } 
.name {width: 200px} 
.small {width: 100px} 
.xsmall {width: 60px} 

/*WaitingDialog*/
/*LoadingScreen*/
#loadingScreen {background: url('/Content/Images/ajax-loader.gif') no-repeat 5px 8px;padding-left: 25px;}
/* hide the close x on the loading screen */
.loadingScreenWindow .ui-dialog-titlebar-close {display: none;}


/*Calendar*/
.doitEvent {
    -ms-opacity:0.4; 
    opacity:0.4; 
    /* ReSharper disable once InvalidValue */
    -webkit-filter:alpha(opacity=40);
     -moz-filter:alpha(opacity=40);
      -o-filter:alpha(opacity=40); 
     filter:alpha(opacity=40);
}

/* LLISTA D'IMATGES ORDENABLE */

ul#images ul {margin-left: 0;padding-left: 0;list-style: none;}
ul#images li {padding: 8px 0 8px 0;border-bottom-style: dashed;border-bottom-width: 1px;border-bottom-color: #ccc;list-style: none;}
ul#images li img.handle {cursor: move;}
table#images tr td img.handle {cursor: move;}

/* Visualització articles botiga */

.catalog-item { float: left; width: 223px; margin-bottom: 20px;}
.name-item{margin-top: 5px;}
.name-item a {text-decoration:none;font-size: 18px;font-family: 'kaffeesatzregular';text-transform: uppercase; font-weight: normal}
.price {margin-top: -12px;font-size: 20px;font-family: 'kaffeesatzregular'; font-weight: normal}

/* Slider */
#slider-details { width:320px; height: 410px; padding:0; margin:0; float:left;}
#slideshow-details { margin:0 auto; width:300px; float:left; }
#slideshow-details img { width:300px;  height: 390px; }
.slider-item { height: 390px; margin:0 auto; padding:0; background-color: white }
.slider_content_inner img { border: none; margin:0 auto; }

#slider_thumbnails {float: left; margin-top: 17px; width: 320px; overflow: hidden;}
#slider_thumbnails img {width: 70px; height: 92px; border: 2px solid #f9f9f9; }
#slider_thumbnails ul { margin:0 auto; padding:0; }
#slider_thumbnails ul li { background:none; margin: 0; padding: 0; list-style: none; }
#slider_thumbnails ul li { float: left;  }
#slider_thumbnails ul li a:hover img,
#slider_thumbnails ul li a.activeSlide img { border: 2px solid #0083a9; }


/*Awesome controls*/

.multilookupLarge .awe-display {
    width: 300px !important;
}
 /* fonts
    ----------------------------------------------------------*/
@font-face {
    font-family: 'kaffeesatzregular';
    src: url('/content/fonts/yanonekaffeesatz-regular-webfont.eot');
    src: url('/content/fonts/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'),
         url('/content/fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'),
         url('/content/fonts/yanonekaffeesatz-regular-webfont.svg#kaffeesatzregular') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'kaffeesatzbold';
    src: url('/content/fonts/yanonekaffeesatz-bold-webfont.eot');
    src: url('/content/fonts/yanonekaffeesatz-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/fonts/yanonekaffeesatz-bold-webfont.woff') format('woff'),
         url('/content/fonts/yanonekaffeesatz-bold-webfont.ttf') format('truetype'),
         url('/content/fonts/yanonekaffeesatz-bold-webfont.svg#kaffeesatzbold') format('svg');
    font-weight: normal;font-style: normal;}