/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #0B498E; }
a:visited { color: #0b498e; }
a:hover { color: #5d9de5; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; color:#0B498E; }

p { text-align:justify;}

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
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: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
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-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; clear:both; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
   
body {font-family: Verdana, Geneva, sans-serif;  }   

#cap{width:100%; float:left; background-image:url(../imatges/gradient_cap2.jpg); background-position:top left; background-repeat:repeat-x;}

#cap-contingut{width:978px; margin:0 auto; height:300px; overflow:hidden; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#0b498e; position:relative;}

div.idiomes { position:absolute; right: 26px;  bottom: 175px; } 

#main { margin:0 6px; }

#logo{width:214px; height:127px; float:left;}

#div-navegacio{width:736px; float:right; margin-top:15px; text-align:right; height:16px;}

a.navegacio:active,
a.navegacio:visited,
a.navegacio:link{font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#0b498e; text-decoration:none;}a.navegacio:hover{text-decoration:underline;}

.separador-navegacio{margin:0 10px;}

.num-paginacio{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; text-decoration:none; }	
a.num-paginacio:active, a.num-paginacio:visited, a.num-paginacio:link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0B498E; text-decoration:none; }
a.num-paginacio:hover{ text-decoration:underline;  }

#div-dia{width:736px; float:right; margin-top:15px; text-align:right;}

#div-cercador{width:736px; float:right; margin-top:25px; text-align:right;}

.camp-cercador{width:150px; height:20px; border:1px solid #bfbebf; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#0b498e; padding:0 4px; margin:0 5px;}

#div-menu{width:978px; margin:4px auto 10px auto; height:28px;}

a.menu:active,
a.menu:visited,
a.menu:link{font-family:Verdana, Geneva, sans-serif; font-size:15px; font-weight:normal; color:#0b498e; text-decoration:none;}a.menu:hover{color:#5d9de5;}

.separador-menu{margin:0 6px 0 5px;}

/* CONTINGUT CENTRAL */

#part-contingut{width:100%; float:left; /*overflow:hidden;*/}

div.text-alert-no-resultats { text-align:center; margin:8px auto; background-color:#f2dede; padding:10px; }

#div-central{width:978px; margin:0px auto; overflow:hidden;}

#div-left{width:230px; float:left; overflow:hidden;}

#div-menu-left{width:230px; float:left; margin-top:20px; background-color:#F0F0F0; overflow:hidden; padding-top:5px; font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#0b498e; border-radius:3px;}

.separador-menuleft{margin:5px 0;}

.serveis_lateral {list-style-type:none; margin:2px 0px 20px 0px; padding:0; float:left; padding:0;}
	
.serveis_lateral li {width:226px; margin:3px 0px 3px 0px; padding:4px 0px 0px 4px;  font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#0b498e;   list-style:none;}
	
.serveis_lateral li a {font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#0b498e; text-decoration:none;}
	
.serveis_lateral li a:hover {color:#5d9de5;}

.titolar-left{padding-left:10px; float:left;}

.destacat-left{background-color:#f4f4f4; width:230px; min-height:22px; border-bottom:1px solid #0b498e; border-top:1px solid #0b498e;}

.padding-top{padding-top:4px;}

#div-dades-left{width:210px; padding:10px; float:left; margin:20px 0px; background-color:#F0F0F0; overflow:hidden; padding-top:5px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#0b498e; border-radius:3px;}

a.link-left:active,
a.link-left:visited,
a.link-left:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#0b498e; text-decoration:none;}a.link-left:hover{text-decoration:underline;}

#div-right{width:733px; float:right; /*overflow:hidden;*/}

#div-breadcrumb{width:733px; float:left; height:15px; padding-bottom:5px; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#333333;}

a.breadcrumb:active,
a.breadcrumb:visited,
a.breadcrumb:link{font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#333333; text-decoration:none;}a.breadcrumb:hover{color:#0b498e;}

#div-slide{width:733px; height:179px; background-color:#F0F0F0; float:left; margin-bottom:20px; border-radius: 4px;  }

.noticies {list-style-type:none; /*width:726px;*/ margin:2px 0px 20px 4px; padding:0; float:left; text-align:justify;}

.noticies li.mes-agenda {  margin:12px 0px 0px 0px; padding:4px 0px 0px 0px; border-bottom:none; }
	
.noticies li {width:726px; margin:2px 0px 1px 0px; padding:4px 0px 4px 0px;  font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#333333; border-bottom:1px solid #d1d1d1;}
	
.noticies li a {font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#0b498e; text-decoration:none;}
	
.noticies li a:hover {color:#5d9de5;}

.titol-noticies{text-align:right; color:#333333;}

.ico-noticies{float:left; margin:0 10px 10px 0;}

#btn-mes-noticies{width:733px; float:left; text-align:right; height:22px; margin-bottom:25px;}

#carrusel{width:733px; float:left; height:157px;}

#div-titol-contingut, .div-titol-contingut{width:100%; background-color:#F0F0F0; float:left; margin-bottom:0px; border-bottom:2px solid #0b498e; font-family:Verdana, Geneva, sans-serif; font-size:16px; font-weight:bold; color:#0b498e; text-align:right; padding:6px 0px;}

#div-txt-contingut{width:733px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#000000; text-align:justify;}

.img-contingut{float:right; margin:0 0 10px 10px; border:1px solid #0b498e;}

h1{font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#0b498e; margin:1px 0 5px 0;}

#div-lightbox{width:733px; float:left; margin:10px 0px;}

#div-documents{width:703px; float:left; background-color:#f4f4f4; border:1px solid #0b498e; margin-bottom:10px;}

#titol-documents{width:683px; background-color:#F0F0F0; padding:6px 10px 6px 10px; font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#0b498e; text-align:right;}

.documents {list-style-type:none; width:703px; margin:10px 0px 10px 0px; padding:0; float:left; text-align:justify;}
	
.documents li {width:683px; margin:2px 0px 1px 0px; padding:4px 10px 4px 10px; float:left;}
	
.documents li a {font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#0b498e; text-decoration:none;}
	
.documents li a:hover {text-decoration:underline;}

/*MENU DESPLEGABLE */

.container{
	width:200px;
	float:right;
	text-align:right;
	}
	
/* CSS Document */

body{}
/*ul, li{margin-right:25px; padding:0; list-style:none;}*/
ul.container-slider, li.container-slider{ margin:0px; padding:0px;}

.menu_head{border:1px solid #187543;}

.menu_body {display:none; width:200px;}
.menu_body li{background:#d5d5d5;}   
.menu_body li.alt{background:#e9e9e9;}
.menu_body li a{font-family:Arial, Helvetica, sans-serif; color:#0c4928; text-decoration:none; padding:7px; display:block;}
.menu_body li a:hover{padding:10px 7px; font-weight:bold;}

.caixa-menu{ position:absolute; width:235px; background:#07458b; z-index:1300; padding:6px 10px 6px 10px; margin-top:10px; }

a.link-desple-menu:active,
a.link-desple-menu:visited,
a.link-desple-menu:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFFFFF; text-decoration:none; padding-left:3px;}a.link-desple-menu:hover{color:#A9BFD4;}

.padding-desple{padding:3px 0px;}

td{padding:0; margin:0;}

/* PEU */

#peu{width:964px; background-color:#f3f3f3; padding:10px; margin:10px auto; border-top:1px solid #e1e1e1; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#333333; overflow:hidden;}

#div-dades-peu{width:450px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333;}

a.mail-peu:active,
a.mail-peu:visited,
a.mail-peu:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; text-decoration:none;}a.mail-peu:hover{text-decoration:underline;}

#div-firma-peu{width:400px; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; text-align:right;}

a.firma:active,
a.firma:visited,
a.firma:link{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#234f95; text-decoration:none;}a.firma:hover{text-decoration:underline;}

.campo-txt{width:49%; padding:3px 1px 4px 4px; border:1px solid #bfbfbf; font-size:10px; font-weight:normal; color:#000000; margin-bottom:6px;}
.map{ width:100%; height:330px; margin:10px 0px 10px 0px; }

/* Calendari */
#div-calendari h2 { color:#843730; text-align:right; padding-right:10px; margin: 5px 5px 5px auto; font-size:17px; }
h2.calendari{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0B498E; margin-bottom:7px; margin-top:10px; }
h2.calendari2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0B498E; margin-bottom:0px; margin-top:10px; }
.cela_agenda { vertical-align:top; }	
.taula-agenda{ background-color:#dddddd; border:0.0625em solid #cfcfcf; width:100%; }
table.cal_taula {width:95%; margin: 5px auto 5px auto; border:0.0625em solid #CCCCCC; border-collapse:collapse; }
tr.cal_nom_dia {font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; font-weight: bold;	font-size:10px; text-align:center; padding:3px; margin:0; }
td.cal_mes,td.cal_mes {	font-size: 13px; font-weight:bold; color:#fff /*#000*/; background-color:#0B498E /*#d0d0d0*/; border-bottom:1px solid #cfcfcf; padding:3px; margin:0; text-align:center; }
td.cal_dia_ocupat {	padding:0; 	background-color: #fff; }
a.cal_dia_ocupat {font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color:#000;	text-decoration:none; display:block; font-weight: bold; padding:3px; text-align: center; margin:0; }
a.cal_dia_ocupat:hover {background-color:#000; text-align: center; font-size: xx-small; color: #fff; display:block;	padding:3px; margin:0; }
td.cal_dia_lliure {	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #666666; background-color:#ffffff; 	text-align: center; padding:3px; margin:0; }
td.cal_cela_buida {	background-color: #ffffff; margin:0; padding:3px; font-size: xx-small; }

.dreta{ float:none; text-align:right; padding-right:7px; padding-bottom:5px;}
.esquerra{ float:left; padding-left:7px; padding-bottom:5px;}

/* slider  */
.caixa-slider { position:relative;  margin:0; padding:2px 5px; width:695px; height:175px; clear:both; background-color:#eee; z-index:1; border-radius: 3px; } 
.ie6 .caixa-slider { height:218px; } 
.container-slider ul { display:block; clear:both; background-color:#eee; margin:0; padding:0; width:685px; height:198px; overflow:hidden;}
.container-slider li { display:block; width:685px; height:173px; float:left; }
.container-slider li div { display:block; width:685px; height:161px; margin:5px; color:#000; overflow:hidden; }
.container-slider p.data { margin: 2px 0 5px 0; font-size:11px; color:#777; }
.container-slider h1 {color:#0B498E; margin-bottom:3px; font-size:16px;}
.container-slider li img { float:left; }
.container-slider div.slider-dreta { width:420px; padding-left:10px; overflow:hidden; font-size:14px; }
.container-slider div.text-slider { height:137px; margin:0; width:100%; overflow:hidden; font-size:13px; }
.container-slider div.llegirmes { height:20px; margin:0; width:100%; overflow:hidden; }
.nav { position:absolute; height:20px; background-color:#eee; right:0px; bottom:4px; z-index:10; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}
.ie6 .container-slider div.slider-dreta,.ie7 .container-slider div.slider-dreta { width:336px; padding-left:10px; overflow:hidden; }
#pager a { font-size:12px; color:#444; margin:2px 4px; padding-top:2px; text-decoration:none;}
#pager a.activeSlide { font-size:12px; color:#444; font-weight:bold;  }
.nav img  { margin: 0px 4px 0px; display:inline; }
#prev {display:block; float:left; }
#next {display:block; float:right; }
#pager {  text-align:center; margin:auto; padding-top:2px; display:inline-block; }

.titol-agenda {font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#0b498e; text-decoration:none;}
.valida_ok{ background-color:#093; color:#FFF; text-align:center; font-size:15px; font-weight:bold; padding:10px; margin-bottom:15px;}
.invalid { color:#FF0000; background-color:#FCC;}

div.llegirmes a { text-decoration:none; font-size:11px; } 

.contenidor-galeria{width:683px;  padding:10px 0px 10px 0px; text-align:left; /*background-color:#f9f9f9; border:1px solid #dad9d9;*/ clear:both;}
.gallery { }
.gallery ul { list-style: none; padding:0px; margin:0px;}
.gallery ul li { display: inline;}
.gallery ul img {border: 1px solid #ccc; margin-bottom:15px; margin-right:4px}
.gallery ul a { text-decoration:none;}
.gallery ul a:hover img {border: 1px solid #0B498E; color:#0B498E;}
.gallery ul a:hover { color:#0B498E; }
.aliniar-dalt{vertical-align:top;}
.aliniar-dreta{text-align:right;}
.aliniar-esquerra{text-align:left;}
.aliniar-centre{text-align:center;}
.senseborde{border-width:0px;}

/*  Light box */ 
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 10px 10px 10px 10px; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: normal; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }			
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }	

#google_translate_element{ display:none; text-align:right; padding-right:200px; background-color:#F4F5FD; }

/* Elastislide Style */
.es-carousel-wrapper{ background: #F0F0F0; padding:10px 37px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative; clear:both; }
.es-carousel{ overflow:hidden; background:#F0F0F0; }
.es-carousel ul{ display:none; padding-left:0px; }
.es-carousel ul li{ height:100%; float:left; display:block; }
.es-carousel ul li a{ display:block; border-style:solid; border-color:#F0F0F0; margin-right:15px; }
.es-carousel ul li a img{ display:block; border:none; max-height:100%; max-width:100%; }
.es-nav span{ position:absolute; top:50%; left:12px; background:transparent url(../images/nav.png) no-repeat top left; width:14px; height:26px; 	margin-top:-13px; text-indent:-9000px; cursor:pointer; opacity:0.8; }
.es-nav span.es-nav-next{ right:12px; left:auto; background-position:top right; }
.es-nav span:hover{ opacity:1.0; }

/* Estils del mapaweb */
ul.mapaweb { padding-left:20px; }
ul.mapaweb li { list-style: none; padding: 3px 2px; width: 92%; margin-left: 10px; margin-top:5px; margin-bottom:5px; }
ul.mapaweb ul { padding-left: 0px; margin-left: 10px; margin-top:5px; margin-bottom:0px; }

/* Formulari de contacte */
.taula-contingut-vertical{ width:100%; margin:20px auto 0px auto; }
#taula_contacte{ background-color:#eeeeee; width:100%; padding: 6px; margin:0px 3px 0px 0px; font-size:11px; font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:13px; }
#taula_contacte div { padding:5px;}
#taula_contacte input,#taula_contacte textarea { width:98%; margin-right:2%; }
#taula_contacte input[type="checkbox"] { margin:auto; width:auto; }
#taula_contacte h2 { margin:0px 0px 0px 10px; padding:8px; font-size:14px; }
.dades-contacte{ width:48%; padding:5px; text-align:center;}
.container-formulari{ width:100%; background-color:#cccccc; }
.taula-formulari{ width:100%; padding:5px 20px; margin:0px auto 0px auto; background-color:#cccccc; }
#taula_contacte td { padding-right:4px; padding-top:4px;}

.cercador_cursos { background-color:#F0F0F0; border-bottom:2px solid #0b498e; padding:10px 5px; text-align:right; margin-bottom:0px; margin-top:10px; overflow:hidden; }
.cercador_cursos + .cercador_cursos { margin-top:0px; margin-bottom:20px }
.cercador_cursos_dreta { background-color:#F0F0F0; padding:10px 5px; float:right; width:47%; text-align:right; margin-bottom:20px; margin-top:10px; overflow:hidden; }
.cercador_cursos_esquerra { background-color:#CCC; padding:10px 5px; text-align:left; float:left; width:47%; margin-bottom:20px; margin-top:10px; overflow:hidden; }
.cercador_cursos_esquerra ul { padding-left: 20px; }
.cercador_cursos_esquerra h3 { margin-top:0;}
.cercador_cursos_esquerra li { list-style:none; padding-left:0px; }

/* gallerific */
div.content { display: none; float:inherit; width: 100%; }
div.content a, div.navigation a { text-decoration: none; }
div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; }

div.controls { margin-top: 5px; height: 23px; }
div.controls a { padding: 4px; }
div.ss-controls { float: right; }
div.nav-controls { float: right; }
div.slideshow-container { position: relative; clear: both; height: 396px; }

div.loader { position: absolute; top: 0; left: 0; background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 396px; }
div.slideshow { }

div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; /*left: 0; */
	width:100%; }
div.slideshow a.advance-link { display: block; /*width: 550px; */
	width:100%; height: 396px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 396px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; }
div.slideshow img { vertical-align: middle; border: 1px solid #ccc; }

div.download { float: right; }

div.caption-container { position: relative; clear: left; height: 75px; }
span.image-caption { display: block; position: absolute; width: 550px; top: 0; left: 0; }
div.caption { padding: 12px; }
div.image-title { font-weight: bold; /*font-size: 1.4em; */
	font-size:12px; color:#0B498E; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }
div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 5px 8px 5px 0; list-style: none; }
a.thumb { padding: 2px; display: block; border: 1px solid #ccc; }
ul.thumbs li.selected a.thumb { background: #0B498E; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; }
div.pagination { clear: both; }
div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc;  font-size:12px; color:#0B498E; }
div.pagination a:hover { background-color: #eee; text-decoration: none; }
div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }

.prev img, .next img, .play img, .pause img { border:0; }

.imatges-peu { padding: 10px; overflow:hidden; clear:both; margin-bottom:10px; }
.imatges-peu img {  max-width: 216px; margin:17px 11px; }
.imatges-peu a:first-child img {  margin-left: 0; }
.imatges-peu a:last-child img {  margin-right: 0; }
.imatges-peu .right { /*float:right;*/ }



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*Forma't*/
.majuscules { text-transform:uppercase; }
div.curs { margin: 0 0 10px 0; padding: 3px; overflow:hidden; cursor:pointer; }
div.div-titol-contingut { margin-bottom: 6px; padding-left:2px; clear: both; width: 100%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
div.curs .curs_nom {  font-weight: bold; text-align:left; padding:4px 0 4px 2px; }
div.curs .linia { padding: 2px 0px 0px 160px; overflow:hidden }
div.curs .curs_docs { float: right; width: 150px; padding: 5px 10px; background-color: #eee; border-radius: 1px; margin-left:5px; }
div.curs .curs_docs div { padding: 2px 4px;  color: #0b498e; font-weight: bold; border-bottom: 1px solid #0b498e;  }
div.curs ul { margin: 0; padding: 0;}
div.curs li { margin: 0; padding: 5px 0px; list-style: none; background-image: url(arrow_down.png); background-repeat: no-repeat; background-position: 120px 6px; }
div.curs li:hover { background-color: #0b498e; color: white; background-image: url(arrow_down2.png); }
div.curs a { text-decoration: none;}
div.curs li a { display: block; padding-right: 20px; padding-left: 2px;   }
div.curs li:hover a { color: white; }

div.actiu { background-color: #eee;}
div.actiu div.curs .curs_docs { border-bottom: 1px solid #0b498e;}

.img-cap-cursos { width:733px; }
.ico { float:right; margin:0 0px 5px 5px; max-width:35%;  } 



.caixa_info { text-align:left; width:82%; float:left; padding-left:5px; }

.caixa_info li { text-transform:uppercase; }

/* Marxes */
div#div-llistat-marxes { width:100%; overflow:hidden; }
div.marxa-esquerra { width:49%; float:left; overflow:hidden; }
div.marxa-dreta { width:49%; float:right; overflow:hidden; }
table.dades-marxa { width:100%; text-align:left; }
table.dades-marxa td { padding:3px 0px; }
table.dades-marxa b { color:#000; }
.label { border-radius:0.25em; color:#fff; display:inline; font-size:75%; font-weight:700; line-height:20px; padding:0.2em 0.6em 0.3em;     text-align:center; vertical-align:baseline; white-space: nowrap; background-color: #357ebd; margin-bottom:1px;  }
.llistat-imatges { float:right; text-align:right; margin-right:5px;}


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  /*a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }*/
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  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; }
  #div-menu-left { display:none; }
  #div-right { width:100%; float:none; }
  #peu { width:100%; }
  #div-menu { display:none; }
  #ccbm-div-acces-rapid { display:none }
  #cap-contingut{ width:100%; clear:both; }
  #div-navegacio  { display:none;}
  #div-cercador { display:none; } 
  #div-titol-contingut,.noticies,#btn-mes-noticies { width:100%; clear:both; }
  #div-firma-peu  { display:none; }
  #div-dades-left,.skiptranslate { display:none; }
  #div-documents,#titol-documents,#div-central,.noticies li { width:98%; clear:both; }
  #cap { float:none; }

  .noprint, div.curs .curs_docs,  .cercador_cursos_esquerra, .cercador_cursos_dreta { display: none; }
}