@charset "UTF-8";

* { margin:0; padding:0; }
body {font-family:Verdana, Arial, Geneva, sans-serif; font-size:14px; color:#666}
a {outline:none}

article p {margin-bottom:15px; text-align:justify}
article h2 {margin-bottom:15px}

#container {margin:0 auto; width:100%; display:block}
#header {width:100%; display:block; height:138px; background-color:#d5d5d5}
	#contentHeader {width:903px; height:138px; margin:0 auto; display:block; background:url(/img/header.jpg); padding-left:3px}
	#contentHeader #menuOp {margin-top:110px; float:left}
	#contentHeader #menuOp li { list-style:none; float:left; margin-right:15px; height:21px; padding-top:7px}
	#contentHeader #menuOp li a {color:#666; text-decoration:none}
	#contentHeader #menuOp li a:hover {text-decoration:underline}
	#contentHeader #menuOp li.home a {color:#FFF}
	#contentHeader #menuOp li.home { background:url(/img/backbtnhome.jpg) no-repeat; width:56px; padding-left:13px}
	#contentHeader #menu {float:right; margin-top:100px; padding-right:46px}
	#contentHeader #menu li {list-style:none; float:left; font-size:14px}
	#contentHeader #menu li.last {border-right:none; padding-right:0}
	#contentHeader #menu li a {color:#666; text-decoration:none}
	/*#contentHeader #menu li a:hover {background-color:#330000}*/
	#contentHeader #menu li.first {
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-topleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	}
	#contentHeader #menu li.last {
	-moz-border-radius-bottomright: 5px; 
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}
	#contentHeader #menu li.last a {color:#d0403a; font-weight:bold !important}
	#contentHeader #menu li.last a:hover {color:#fff !important}
	
	#contentHeader #menu li a:hover.sub  {background-color:#330000}
#display {width:100%; height:384px; display:block; background:url(/img/franjadisplay.jpg) repeat-x center top}
	#contentDisplay {width:904px; height:384px; margin:0 auto; display:block; background:url(/img/fondodisplay.jpg) no-repeat; padding-left:2px}
	#contentDisplay img.fotoDisplay {margin-left:1px}
	#contentDisplay.web-multimedia, #contentDisplay.web, #contentDisplay.multimedia, #contentDisplay.disseny-grafic  {display:block; background:url(/img/fondodisplay2.jpg) no-repeat; color:#333}
	#contentDisplay.web-multimedia strong {color:#ccc; font-weight:normal}
#content {margin:0 auto; width:906px; margin-top:20px; display:block; border:solid 1px #F90}

#slider {margin-left:1px}
#slider span, #display span {font-size:22px; display:block; margin-left:15px; padding-top:2px; color:#ccc}
#slider p {float:right; color:#ccc; margin-right:40px; padding-top:10px}
	#slider p strong {color:#fff; font-weight:normal}
	#slider span strong {color:#cccccc; font-weight:normal}
	.home #slider span strong {color:#fff; font-weight:normal}
	.displayFooter p strong, .displayFooter span strong {color:#cccccc; font-weight:normal}
#main {width:100%}
	#contentMain {width:903px; margin:0 auto; display:block; padding-top:15px; overflow:hidden; padding-bottom:20px}
	#contentMain h1, .sec-web-multimedia h2, .disseny h2 { color:#666; font-size:26px; font-weight:bold; padding-left:38px; margin-left:20px; margin-bottom:10px; padding-bottom: 1px;}
	#contentMain strong {color:#CA2929}
	#contentMain h1 strong {color:#ca2929}
	#contentMain .disseny, #main #contentMain .web {}
	#contentMain .disseny h1, #contentMain .disseny h2 {background:url(/img/logodisseny.jpg) no-repeat}
	#contentMain .sec-contactar h1 {background:url(/img/logocontactar.jpg) no-repeat}
	#contentMain .sec-comunicacio h1 {background:url(/img/logocomunicacio.jpg) no-repeat}
	#contentMain .sec-comunicacio p {line-height:22px}
	#contentMain .sec-localitzacio h1 {background:url(/img/logolocalitzacio.jpg) no-repeat}
	#contentMain .sec-hosting h1 {background:url(/img/logohosting.jpg) no-repeat}
	#contentMain .llistaNoticies h1,  #contentMain .mainNoticia h1 {background:url(/img/logonoticies.gif) no-repeat}
	#contentMain .sec-disseny-grafic h1 {background:url(/img/logodisseny.jpg) no-repeat}
	#contentMain .sec-avis-legal h1 {background:url(/img/logoavis-legal.jpg) no-repeat}
	#contentMain .sec-web-multimedia h2, #contentMain .sec-web h1 {background:url(/img/logoweb.jpg) no-repeat; margin-bottom: 16px;}
	#contentMain .sec-multimedia h1 {background:url(/img/logomultimedia.jpg) no-repeat; margin-bottom: 16px;}
	#contentMain .sec-web a, #contentMain .sec-multimedia a, #contentMain .sec-disseny-grafic a {color:#666; text-decoration:none}
	#contentMain .sec-web a:hover, #contentMain .sec-multimedia a:hover, #contentMain .sec-disseny-grafic a:hover {color:#330000; text-decoration:underline}
	#contentMain .sec-web a.linkWeb, #contentMain .sec-disseny-grafic a.linkWeb {text-align:center; display:block; background:url(/img/backtitlink.jpg) no-repeat; padding:5px; padding-top:4px}
	#contentMain .sec-web a:hover.linkWeb {color:#fff; background:url(/img/backtitlink2.jpg) no-repeat; text-decoration:none}
	#contentMain .sec-web .colLeft {width:565px; padding-top:10px; display:block}
	#contentMain .sec-web .colRight {width:320px; float:right; padding-top:10px}
	#contentMain .sec-web .colRight p, #contentMain .sec-multimedia .colRight p, #contentMain .sec-disseny-grafic .colRight p {text-align:justify; margin-bottom:15px}
	#contentMain .sec-web .colRight h2, #contentMain .sec-multimedia .colRight h2, #contentMain .sec-disseny-grafic .colRight h2 { margin-bottom:15px; font-size:18px; margin-top:10px} 
	#contentMain .cos {margin-left:60px}
	#contentMain .disseny ul, #contentMain .sec-web-multimedia  ul , #contentMain .sec-disseny-grafic  ul {list-style:none; padding-left:21px; height:180px}
	#contentMain .disseny ul li, #contentMain .sec-web-multimedia ul li, #contentMain .sec-disseny-grafic ul li {float:left; margin-right:12px; margin-bottom:7px}
	#contentMain .disseny ul li img, #contentMain .sec-web-multimedia ul li img , #contentMain .sec-disseny-grafic ul li img {border:solid 4px #999; cursor:pointer}
	#contentMain .disseny ul li p, #contentMain .sec-web-multimedia li p, #contentMain .sec-disseny-grafic li p {text-align:center; color:#666; padding-top:5px; padding-bottom:5px; margin-top:4px; cursor:pointer}
	#contentMain .sec-multimedia .colLeft, #contentMain .sec-disseny-grafic .colLeft {width:300px; padding-top:10px; display:block}
	#contentMain .sec-multimedia .colRight, #contentMain .sec-disseny-grafic .colRight {width:570px; float:right; padding-top:10px}
	#contentMain .sec-localitzacio .colLeft {width:650px; padding-top:10px; display:block}
	#contentMain .sec-localitzacio .colRight {width:225px; float:right; padding-top:10px; background:#fff; padding:10px; margin-top:10px}
	#contentMain .sec-localitzacio .colRight h2, #contentMain .sec-contactar .colRight h2 {color:#CA2929; font-size:16px; padding-bottom:15px; padding-left:15px}
	#contentMain .sec-localitzacio .colRight strong, #contentMain .sec-contactar .colRight strong {color:#666}
	#contentMain .sec-localitzacio .colRight p, #contentMain .sec-contactar .colRight p {margin-bottom:4px; padding-left:10px; padding-left:15px}
	#contentMain .sec-contactar .colLeft {width:480px; padding-top:10px; display:block}
	#contentMain .sec-contactar .colRight {width:400px; float:right; background:#fff;}
	#contentMain .sec-contactar .colRight p {font-size:14px}
	#contentMain .sec-contactar .colRight a { color:#330000; text-decoration:none}
	#contentMain .sec-hosting .colRight {width:256px; float:right; background:#fff;}
	#contentMain .sec-hosting .colLeft {width:620px; padding-top:10px; display:block}
	#contentMain .sec-avis-legal strong {font-weight:normal}
	
	#contentMain .sec-auditories .colRight {width:256px; float:right; background:#fff;}
	#contentMain .sec-auditories .colLeft {width:620px; padding-top:10px; display:block}
	#contentMain .sec-auditories .colLeft a { color:#CA2929; text-decoration:none}
	#contentMain .sec-auditories .colLeft a:hover {text-decoration: underline}
	
#footer {background-color:#330000; width:100%; display:block}
	#footer #contentFooter {background-color:#330000; width:863px; margin:0 auto; display:block; height:154px; padding-left:40px; padding-top:24px; position:relative}
	#footer #contentFooter .menu {height:24px; width:550px; margin-top:6px}
	#footer #contentFooter .menu li {float:left; list-style:none; margin-right:8px}
	#footer #contentFooter .menu a {color:#fff; text-decoration:none; font-weight:normal}
	#footer #contentFooter .menu a:hover { color:#be9292}
	#footer #contentFooter .redesSociales {float:right; color:#fff}
	#footer #contentFooter p.direccion {color:#965e5e; font-size:11px; padding-top:5px; width:550px}
	#footer #contentFooter p.direccion strong {color:#be9292; font-weight:normal}
	#footer #contentFooter .HTML5Logo {position:absolute; left:570px; top:15px}
	#footer #contentFooter .fbkTool, #footer #contentFooter .blocTool { width:70px; height:21px; position:absolute; top:0; left:810px; display:none}
	#footer #contentFooter .blocTool {width:80px; left:845px}
	
#web-multimedia {clear:both; padding-top:15px}
#paginationdemo {overflow:hidden}
#globo { width:213px; height:130px; position:absolute; background:url(/img/globo.jpg) no-repeat; display:none; padding-left:13px; padding-top:5px; z-index:1}
#globo .title {color:#FFF; font-weight:bold; height:38px; padding-top:4px}
#globo .client, #globo .mides , #globo .multimedia {color:#fff; height:22px; font-size:12px}
#globo .client span, #globo .mides span, #globo .multimedia span {color:#ccc}

.sec-web p.btnTornar, .sec-multimedia p.btnTornar, .sec-disseny-grafic p.btnTornar {background:url(/img/btntornar.jpg) no-repeat; padding-left:30px; color:#330000; font-weight:bold; margin-top:15px}

.divAmpliar {position:relative}
.divAmpliar .content { position:absolute; bottom:3px; color:#FFF; width:100%; height:35px; display:none}
.divAmpliar .txt {width:100%; height:30px; position:absolute; z-index:4001; text-align:right; padding-top:10px; color:#fff}
.divAmpliar .back {background-color:#330000; width:100%; height:35px; position:absolute; z-index:4000}
.divAmpliar img {border:solid 1px #CCC}
.divAmpliar img:hover {border:solid 1px #330000}
.sec-multimedia .divAmpliar img {border:solid 1px #fff}
.sec-multimedia .divAmpliar img:hover {border:solid 1px #999}

.sec-contactar input {border:solid 1px #999; height:20px; width:300px; padding:2px; background-color:#eee}
.sec-contactar textarea {border:solid 1px #999; height:80px; width:300px; padding:2px; background-color:#eee}
.sec-contactar input.btn {border:solid 1px #999; height:40px; width:80px; color:#FFF; background-color:#330000; cursor:pointer}
.sec-contactar input.btn:hover { background-color:#666}
.sec-contactar table {color:#330000}
.sec-contactar table td {padding-bottom:8px}

#map_canvas {border:solid 2px #ccc}

	
/* MENU */

#header .disclaimer {
	color: #999;
	padding: 100px 0 7px 0;
	text-align: right;
	display: block;
	position: absolute;
	top: 0; right: 0;
}
#header .disclaimer a {	color: #ccc;}
ul.topnav {
	list-style: none;	
	margin: 0;
	float: left;
	font-size: 1.2em
}
ul.topnav li {
	float: left;
	margin: 0;	
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a {
	padding: 5px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 28px;
	background: #330000;
	padding-bottom:5px;
	display: none;
	float: left;
	width: 190px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #330000;
}
ul.topnav li ul.subnav li {
	margin: 0; padding: 0;
	border-top: 1px solid #470c0c; /*--Create bevel effect--*/
	border-bottom: 1px solid #250101; /*--Create bevel effect--*/
	clear: both;
	width: 190px;
}
ul.topnav li ul.subnav li.first {
	border-top: none;
}
#contentHeader #menu ul.subnav li {
 	padding:0;
	margin:0;
	border-right:none;
	border-left:none;
	display:block
}

#contentHeader #menu ul.topnav li ul.subnav li a {
	float: left;
	width: 160px;
	background: url(/img/engine.gif) no-repeat 3px center;
	padding-left: 25px;
	color:#e1b0b0;
	font-size:12px;
	padding-top:8px;
	padding-bottom:8px
}
#contentHeader #menu ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #470c0c url(/img/engine_hover.gif) no-repeat 3px center; 
	color:#fff
}
#header img {
	margin: 20px 0 10px;
}

#noticia {}
	#cos.noticia .mainNoticia {padding-bottom:10px; margin-bottom:10px}
	#cos .btnnoticia {background: url(/img/btnnoticia.jpg) no-repeat; width:130px; height:23px; display:block; color:#fff; font-size:12px; padding-top:10px; padding-left:32px; float:left; margin-left:8px; margin-bottom:15px}
	#cos.llistaNoticies {padding-bottom:10px; margin-bottom:10px}
	#cos.llistaNoticies ul {margin-left:58px; list-style:none}
	#cos.llistaNoticies li {background:url(/img/rayanoticias.gif) repeat-x bottom; margin-bottom:10px; padding-bottom:8px}
	#cos.llistaNoticies .titulo a {color:#330000; font-weight:bold}
	#cos.llistaNoticies .mesInfo a {color:#D24035; font-weight:bold; text-decoration:none; font-size:12px}
	#cos.llistaNoticies .fecha {color:#d24035; font-weight:bold}
	#cos.llistaNoticies p {margin-bottom:8px}
	#cos .mainNoticia p {margin-bottom:10px; text-align:justify; padding-left:50px}
	#cos .mainNoticia a {color:#CA2929}

/* CSS Document 
	#cos h1 {color:#565602; font-size:28px; padding-top:15px; padding-bottom:15px; padding-left:25px; background:#E4E9DF; margin-top:1px; margin-bottom:15px}
	#cos h2 {color:#72033A; font-size:18px; padding-bottom:9px; padding-left:25px;}
	#cos h2 a {color:#72033A}
	#cos h2 a:hover { text-decoration:underline}
	#cos a {color:#72033A}
	#cos a:hover {color:#666666; text-decoration:underline}
	#cos p {margin-bottom:12px; font-size:14px; padding-left:25px; padding-right:15px; text-align:justify}
	#cos ul {list-style:url(/img/iconolista.jpg); margin-left:55px; margin-bottom:12px}
	#cos ul ul {margin-left:22px; margin-bottom:5px}
	#cos ul ul strong {color:#666}
	#cos ul ul li {list-style:url(/img/iconolista2.jpg);}
	#cos li { padding-left:5px; padding-bottom:3px}
	#cos strong {color:#7b7b11}
	#cos ul.llista a {color:#A5A520}
	#cos ul.llista a:hover {color:#666666; text-decoration:underline}
	

	#banerVisites {background-color:#989800; color:#FFF; font-weight:bold; height:95px}
	
#footer { border-top:solid 6px #d9d9d9; margin-top:1px; background-color:#f1f1f1; padding-bottom:20px; padding-top:14px}

	
#agenda{}
	#cos.agendaMesos, #cos.agenda {background:#F4EBF0; padding-bottom:10px;}
	#cos.agendaMesos ul, #cos.agenda ul {margin-left:0; list-style:none}
	#cos.agendaMesos li, #cos.agenda li {background:url(/img/rayanoticias.gif) repeat-x bottom; margin-bottom:10px; padding-bottom:1px}
	#cos.agendaMesos a {color:#72033A; font-weight:bold}

#mapaWeb{}
	#cos.mapaWeb {background:#F4EBF0; padding-bottom:10px;}*/