/* MAIN NAVIGATION */
.main .main-navigation img{float:none;}

/* MAIN CONTENT */
.main-content h1.pagetitle, .main-content2 h1.pagetitle {margin:0 0 25px 0; padding:4px 0 0 6px; font-family:"trebuchet ms",arial,sans-serif; color:#000099; font-weight:bold; font-size:200%; width:630px; border-bottom:4px solid #000099;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2, .main-content2 h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:#000; font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:130%;}

.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:130%;}
.main-content p.center {text-align:center;}
.main-content p.right, .main-content2 p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {clear:both; width:600px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {list-style-image:url(bullet.gif); margin:0 0 0 15px; padding:10px 0pt 0pt; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.contactform {width:560px; margin:2.0em 0 0 38px; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform p{padding:4px 0; font-size:14px;}
.contactform fieldset {padding:10px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:160px; margin:0 0 0 10px; padding:2px; font-size:110%; color:#52514E;}
.contactform select.combo {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:350px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:350px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.contactform span.field_required{color:red;}

/*  COMMON CLASSES  */
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.no-border {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:0;}
.main img.no-border2 {clear:none; float:left; margin:3px 10px 7px -5px; padding:1px; border:0;}
.main img.center {clear:both; float:none; margin-left:0px; padding:1px; border:0;}
.main img.right {clear:none; float:right; margin:3px 0 3px 10px; padding:1px; border:1px solid rgb(150,150,150);}

.main a {font-weight:bold; text-decoration:none; color:#192666;}
.main a:hover {color:#CD2625;}
.main-content h1 a, .main-content2 h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}

.main a img {border:0;}
.main a:hover img {}
.main a img.no-border{border:0;}

.main-navigation a{border:0;}
.main-navigation a:hover{border:0;}
.main-navigation a img {}
.main-navigation a:hover img {}

div.separator{height:25px;}
p{text-indent:20px; text-align:justify;}
p.center{text-align:center;}
.contactform p, p.no-indent{text-indent:0;}
.bold{font-weight:bold;}
.remark{font-weight:bold; color:#000; /*#CD2625;*/}

div.notes{font-size:80%;}
div.notes h2{font-weight:bold;}

div.clear{clear:both;}

#map{margin:40px 0 20px 0;}
#map a{border:0;}
#map a:hover{background:none;}


/* Per plegar i desplegar continguts */
.search_box_expand{margin:30px 0 0 180px;}
.toggle_adv_simple p a{margin-left: 20px;}
.menuExt, .menuExtALL, .toggle_adv_simple p a{background: url("ico_expand.jpg") no-repeat; background-position: 0px 2px; padding:0 0 0 15px;}
.menuCom, .menuCon, .menuComALL, .toggle_adv_simple p a.menuCom {background: url("ico_collapse.jpg") no-repeat; background-position: 0px 2px; padding:0 0 0 15px;}
.menuExtALL, .menuComALL{margin-left: 30px;}
a.menuExtALL , a.menuComALL{font-size:10px; color:#000;}


/* galeries JS */
.js-gallery{margin:10px 0 0 0; clear:both;}
.js-gallery .mosaic-image{float:left; clear:none; margin:0 0 0 -12px !important; margin:0 0 0 -7px; overflow:hidden; text-align:center;}/*height:120px; width:160px; */
.js-gallery .mosaic-image img{float:none;}/*width:140px;*/
.js-gallery .mosaic-image a:hover{background-color:transparent;}

/* galeria de fotos gran */
.gal-fotos-big{margin-left:20px;}
.gal-fotos-big .mosaic-image{width:190px; float:left; height:140px; text-align:center; overflow:hidden; padding-top:10px;}
.gal-fotos-big .mosaic-image img{width:160px; float:none; height:120px; padding:0; margin:0;}



/*projectes*/
.catalogue_item h2{color:#CD2625; text-align:center; margin:25px 0;}
.column1-unit p{padding:0;}
.column1-unit h2{font-size:18px;}
.column1-unit img{height:106px;}

.ttt-image{padding:15px; font-size:14px;}
.catalogue_menu ul.cats{clear:both;}

/* Noticies */
.news_block{margin:20px 20px 0 10px;}
.news_block .item{margin-top:40px;}
.news_block h2.title{font-weight:bold; border-bottom:1px solid #C8CCCF; padding-bottom:3px;}
.news_block p.news_date{text-align:right; font-weight:bold; font-size:10px;}
.news_block .item p.news_date{text-align:left; font-weight:bold; font-size:10px;}
.news_block h1{font-size:16px; font-weight:bold; clear:none;}
.news_block h1 span.remark{color:#505050; font-style:italic;}
.news_block h2{font-size:14px; clear:none;}
.news_block .news_category{clear:both; margin: 30px 0 0 0; background:url(top_bg.png);}
.news_block .news_category p{padding:10px 10px 5px 10px;}
.news_block .news_category a{color:#000;}
.news_block img.no-border{border:0;}
.news_block p.link_more{margin-top:20px;}


/* Caixeta Noticies */
.news_box  {margin:20px 0 20px 13px;}
.news_box p.rss_link img{margin:6px 0 6px 118px; border:0;}
.news_box p.rss_link a:hover img{border:0;}
.news_box h4.boxtitle{color:#000099; font-size: 13px; text-align:left; height:17px; vertical-align:middle; padding-left:10px; clear:none; border-bottom:3px solid #000099;}
.news_box ul{font-size:85%; text-align:left;}
.news_box ul li{margin:8px 0 0.2em 2px; padding:0 0 0 10px; background:url(img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em;}


/*Box videoteca*/
.main-navigation .box_item{border:none; margin:30px 0; clear:both;}
.box_item h4.boxtitle{color:#000099; font-size: 13px; text-align:left; height:17px; vertical-align:middle; padding-left:10px; margin-left:20px; clear:none; border-bottom:3px solid #000099;}
.main-navigation .box_item img{width:180px; float:none; margin:15px 0; padding:0;}
.main-navigation .box_item p{font-size:10px; text-align:center; text-indent:0;}


/*videoteca*/
.main-content .catalogue .item-video{background:#D1D1D1; margin:20px 0; padding:1px 0 20px 20px; border:1px dotted #000099;}
.main-content .catalogue .item-video ul{margin:0; padding:0;}
.main-content .catalogue .item-video ul li{background:none; list-style-image:none; font-size:11px; margin:3px 0; padding:0;}
.catalogue .item-video div.game{float:left; width:400px;}
.catalogue .item-video div.video{}
.catalogue .item-video p.players{text-align:center; margin:20px 0 15px 0; text-indent:0; font-weight:bold; clear:both;}
.catalogue .item-video div.downloads{float:left; width:400px;}
.catalogue .item-video div.views{}
.catalogue .item-video h3.title{float:none; clear:none; margin:0; font-size:14px; font-weight:bold;}
.catalogue .item-video hr.clear-contentunit {clear:both; color:#D2D2D2; height:1px; width:1px;}

div.embed-youtube, div.embed-megavideo{display:none;}
div.il div.embed-megavideo, div.il div.embed-youtube{display:block;}


/* paginacio en javascript */
#nav_pager_espais_dos{clear:both; margin:0; padding:7px 0 13px 0; text-align:center; width:600px; margin-left:25px; margin-top:25px;}
#nav_pager_espais_dos a{text-decoration:none; font-weight:bold; margin:0 3px; padding:4px 7px; border: solid 1px #E1E1E1; background-color:#000099; color:#fff;}
#nav_pager_espais_dos a:hover{text-decoration:none; border: solid 1px #263C75; background-color:#92B6E7; color:#263C75;}
#nav_pager_espais_dos a.highlight{font-weight:bold; color:#000; border:0; background:none; margin:0 1px;}


/* Paginacio */
span.field, .main-content p.field{font-weight:bold;}
.pagination{margin:30px 0 15px 0; font-size:90%; text-align:center; clear:both;}
.pagination ul {list-style:none; margin:0;}
.pagination ul li{background:none; display:inline; font-weight:bold; margin:0 4px; color:#000;}
.pagination ul li a{text-decoration:none; font-weight:bold; margin:0; padding:4px 7px; border: solid 1px #E1E1E1; background-color:#000099; color:#fff;}
.pagination ul li a:hover{text-decoration:none; border: solid 1px #263C75; background-color:#92B6E7; color:#263C75;}
.pagination form{margin:24px 0 15px 0;}
.pagination form select{width:50px; border:solid 1px rgb(200,200,200);}
.pagination form input.button_js{margin-left:8px; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); color:rgb(150,150,150); text-align:center;}
.pagination form input.button_js:hover{border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80); cursor:pointer;}


/* putu IE... */
#users-ie {font-family: Verdana, Arial, sans-serif; background: #FFFFDE;color:#000; border-bottom: 2px solid #7F0C00;}
#users-ie p {margin: 0; padding: 5px 0; text-align:center;}
#users-ie a {text-decoration: underline; font-weight: bold; color: #D64411;}


p.pdf-icon{background:url('pdf-ico.jpg') no-repeat left center; height:30px; padding:3px 0 0 15px;}