/*** Elements genèrics: ***/

body {
	position: absolute;
	left: 0; top: 0; bottom: 0; right: 0;
	_width: 100%; _height: 100%;
	margin: 0; padding: 0;
	background: #7cb2d8;
	overflow: hidden;
}
body, table {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #505050;
}

#encaix {
 	position: absolute;
 	left: 50%; top: 50%;
 	width: 940px;
 	height: 490px;
 	margin-left: -475px;
 	margin-top: -250px;
 	padding: 5px;
 	overflow: hidden;
 	background: white;
}

.tancador {
	line-height: 1px;
	clear: both;
	display: block;
}

img {
	border: 0;
}

a, a:link {
	text-decoration: none;
	color: #6396BF;/*#7db1d8;*/
	font-weight: bold;
	outline-style: none;
}
a:hover {
	color: #e76a6e;
}

/*** manteniment i informació: ***/

#manteniment, #info, #publicInfo {
	position: relative;
	overflow: hidden;
    height: 250px;
	background: #c7d9e7;
	padding: 50px 20px 0 20px;
	width: auto;
	/*font-family : Georgia, "Times New Roman", times, serif;*/
	font-size: 14px;
	color: black;
	text-indent : 2px;
}
#publicInfo {
	background: none;
}
#manteniment .titular, #info .titular, #publicInfo .titular {
	font-size: 20px;
	font-style: italic;
	padding-bottom: 10px;
}
#manteniment {
	/*background: black url(../grafics/ico_alerta.jpg) 10px center no-repeat;
	padding-left: 80px;*/
}

/* capçal */

#head {
    z-index: 2;
	position: relative;
	width: 100%;
	height: 121px;
	/*overflow: hidden;*/
}

#head #logo_gv {
	position: absolute;
	top: 5px;
	left: 5px;
}
#head #logo {
	position: absolute;
	top: 26px;
	right: 266px;
	z-index: 2;
}
#head #logo a:hover {
 	filter: alpha(opacity=80); opacity: 0.80;
}

#head #subMenu {
    position: absolute;
	top: 64px;
	left: 0px;
}
#head #subMenu .lang {
    position: relative;
    width: 70px;
    float: left;
	overflow: hidden;
	background: #c7d9e7;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#head #subMenu .lang a {
    padding: 3px 0;
	display: block;
}
#head #subMenu .lang a:hover {
	color: white;
	background: #7cb2d8;
}


#head #subMenu #titSec {
	position: relative;
	float: left;
	overflow: hidden;
	background: #7cb2d8;
	padding: 3px 10px;
	font-size: 12px;
	color: white;
	margin-left: 2px;
}


#head #deco {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	z-index: 1;
}

/* Menu */

#head #menu {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 31px;
	background: #7cb2d8;
}

#head #menu .title {
	position: absolute;
	top: 0;
	left: 850px;
	width: 80px;
	overflow: hidden;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	padding: 3px;
}
#head #menu .title strong {
	font-size: 20px;
}

#head #menu .sect {
    position: absolute;
    top: 0;
    left: 0;
    background: #c7d9e7;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 13px;
}
#head #menu .sect ul {
	margin: 0;
	padding: 0;
}
#head #menu .sect li {
	position: relative;
	float: left;
	white-space: nowrap;
	margin: 0;
	padding: 0 0 5px 0;
	background: #7cb2d8 url(../grafics/back_menu_2.gif) center bottom no-repeat;
}

#head #menu .sect li a {
	display: block;
	padding: 5px 14px;
}


/* VARIANTS DE COLOR */

#head #menu .verd a {
	background: #6ebd9f;
	color: white;
}
#head #menu .violet a {
	background: #9b8eb9;
	color: white;
}
#head #menu .mora a {
	background: #af7a91;
	color: white;
}
#head #menu .rosa a {
	background: #da8eb7;
	color: white;
}
#head #menu .pist a {
	background: #a6aa8a;
	color: white;
}
#head #menu .groc a {
	background: #efd74e;
	color: white;
}
#head #menu .taron a {
	background: #eda65c;
	color: white;
}
#head #menu .roig a {
	background: #f38482;
	color: white;
}


#head #menu .sect li a:hover {
	color: white;
	background: #7cb2d8;
}
#head #menu .sect li a.up {
	color: #6396bf;
	background: #c7d9e7;
}
#head #menu .sect li a.up:hover {
	color: white;
}


/* submenus: */

#menu .submenu {
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	left: -8px;
	top: 31px;
}

#menu .submenu .lista {
	position: relative;
	overflow: hidden;
	background: #c7d9e7;
	margin: 0 8px 8px 8px;
}

#menu .submenu .lista ul {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
#head #menu .submenu .lista li {
	position: relative;
	float: none;
	background: #c7d9e7;
	margin: 0;
	padding: 0;
	_height: 20px;
}
#head #menu .submenu li a {
	overflow: hidden;
}
#head #menu .submenu li.up a {
	background: none;
 	color: #6396bf;
	background: #c7d9e7;
	font-weight: bold;
}
#head #menu .submenu li.up a:hover {
	color: white;
}

#head #menu .submenu .ombra {
	position: absolute;
	overflow: hidden;
	top: 0; left: 0;
	width: 300px;
	height: 500px;
	background: black;
	filter: alpha(opacity=5); opacity: 0.05;
}


/* VARIANTS DE TAMANY */

#head #menu .verd {
    width: 65px;
}
#head #menu .violet {
	width: 105px;
}
#head #menu .mora {
    width: 150px;
}
#head #menu .rosa {
    width: 140px;
}
#head #menu .pist {
	width: 80px;
}
#head #menu .groc {
    width: 300px;
}
#head #menu .taron {
    width: 190px;
}
#head #menu .roig {
    width: 100px;
}

#head #menu .verd .submenu {
}
#head #menu .violet .submenu {
	width: 300px;
}
#head #menu .mora .submenu {
    width: 150px;
}
#head #menu .rosa .submenu {

}
#head #menu .pist .submenu {
	width: 150px;
}
#head #menu .groc .submenu {
}
#head #menu .taron .submenu {
}
#head #menu .roig .submenu {
    width: 200px;
}






/* Cos */

#cos {
    z-index: 1;
	position: relative;
	width: 100%;
	height: 300px;
	margin-top: 5px;
	overflow: hidden;
}

#cos #capsule {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#cos #left, #cos #center, #cos #right {
	position: relative;
	height: 300px;
	background: #c7d9e7;
	overflow: hidden;
	float: left;
}
#cos #right {
	float: right;
}

#cos #all {
	position: relative;
	width: 100%;
	height: 300px;
	background: #c7d9e7;
	overflow: hidden;
}



/* VARIANTS DE COLOR */

#cos.verd #left, #cos.verd #center, #cos.verd #right {
	background: #d8eee5;
}
#cos.violet #left, #cos.violet #center, #cos.violet #right {
	background: #ded7ee;
}
#cos.mora #left, #cos.mora #center, #cos.mora #right {
	background: #efd1de;
}
#cos.rosa #left, #cos.rosa #center, #cos.rosa #right {
	background: #efd4e2;
}
#cos.pist #left, #cos.pist #center, #cos.pist #right {
	background: #e5e8d4;
}
#cos.groc #left, #cos.groc #center, #cos.groc #right {
	background: #efd74e;
}
#cos.taron #left, #cos.taron #center, #cos.taron #right {
	background: #f5e6d7;
}
#cos.roig #left, #cos.roig #center, #cos.roig #right {
	background: #f6dcdc;
}

#cos.mora a.up {
	color: maroon;
}
#cos.mora a.up:hover {
	color: #e76a6e;
}

#cos .boxFoto {
	width: 348px;
	text-align: center;
}
#cos .boxFoto img {
	border: 5px solid #7cb2d8;
}

#cos .boxFoto .infoFoto {
	position: absolute;
	left: 50%;
	width: 320px;
	margin-left: -160px;
	text-align: center;
	bottom: 5px;
	padding: 5px;
	background: white;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	filter: alpha(opacity=80); opacity: 0.80;
}

#cos #right.boxFlash {
	background: black;
}


/* VARIANTS DE COLOR */

#cos.verd .boxFoto img {
	border-color: #6ebd9f;
}
#cos.violet .boxFoto img {
	border-color: #9b8eb9;
}
#cos.mora .boxFoto img {
	border-color: #af7a91;
}
#cos.rosa .boxFoto img {
	border-color: #da8eb7;
}
#cos.pist .boxFoto img {
	border-color: #a6aa8a;
}
#cos.groc .boxFoto img {
	border-color: #efd74e;
}
#cos.taron .boxFoto img {
	border-color: #eda65c;
}
#cos.roig .boxFoto img {
	border-color: #f38482;
}


/* llistes */

#cos ul {
	margin: 0 0 0 10px;
	padding: 0;
}
#cos ul li {
	margin: 0 0 5px 10px;
	padding: 0;
}



/* foto dreta efectes a:hover */

#cos #right a:hover {
	background: #7cb2d8;
	display: block;
}
#cos #right a:hover img {
   filter: alpha(opacity=80); opacity: 0.80;
}



/* caixes interiors */

#cos .boxText {
	width: 586px;
	font-size: 12px;
	color: #707378;
}

#cos .colLeft, #cos .colRight {
	position: relative;
	width: 60%;
	float: right;
	overflow: hidden;
}
#cos .colLeft {
	width: 39%;
    float: right;
}

#cos h2, #cos .boxText h3, #cos .boxText h2 {
	background: #7cb2d8;
	color: white;
	font-size: 16px;
	text-align: center;
	padding: 4px;
	margin: 10px;
}
#cos h3, #cos h2 {
    text-transform: uppercase;
}
#cos h2 {
	margin: 0;
	border-bottom: 5px solid white;
}
#cos .boxText h3, #cos .boxText h2 {
	padding: 4px;
	border: 0;
}
#cos .boxText h2 {
	font-size: 14px;
	margin: 5px;
}



/* VARIANTS DE COLOR */

#cos.verd .boxText h3, #cos.verd .boxText h2 {
	background: #6ebd9f;
}
#cos.violet .boxText h3, #cos.violet .boxText h2 {
	background: #9b8eb9;
}
#cos.mora .boxText h3, #cos.mora .boxText h2 {
	background: #af7a91;
}
#cos.rosa .boxText h3, #cos.rosa .boxText h2 {
	background: #da8eb7;
}
#cos.pist .boxText h3, #cos.pist .boxText h2 {
	background: #a6aa8a;
}
#cos.groc .boxText h3, #cos.groc .boxText h2 {
	background: #efd74e;
}
#cos.taron .boxText h3, #cos.taron .boxText h2 {
	background: #eda65c;
}
#cos.roig .boxText h3, #cos.roig .boxText h2 {
	background: #f38482;
}

#cos .boxText h4 {
	width: 95%;
	font-size: 12px;
	padding-bottom: 4px;
	border-bottom: 1px solid white;
}






#cos .boxText .text {
	position: relative;
	margin: 10px;
	overflow: auto;
}

#cos .colLeft .text {
	margin-right: 0;
}


#cos .boxText .logos {
    position: relative;
	margin: 10px 0;
}
#cos .boxText .logos img {
	vertical-align: middle;
	margin-right: 10px;
}



/* Noticies i fulls */

#listNews {}

#listNews .new {
	position: relative;
	width: 100%
	overflow: hidden;
	margin-bottom: 15px;
}

#listNews .new .ref {
	position: relative;
	margin-bottom: 5px;
}
#listNews .new .title {
	font-size: 14px;
	font-weight: bold;
}

/* Galeria */

.listItems {}

.listItems a {
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	background: url(../grafics/ico_lat.gif) 0 center no-repeat;
	line-height: 20px;
}
.listItems a.up {
	color: white;
}

/* Tancament */

#footer {
	position: relative;
	width: 100%;
	height: 59px;
	margin-top: 5px;
	overflow: hidden;
	background: #c7d9e7;
}

#footer #logos {
	position: relative;
	width: 100%;
	margin-top: 5px;
	text-align: center;
}
#footer #legal {
	position: relative;
	width: 100%;
	text-align: center;
	color: #687182;
	font-size: 10px;
}
#footer #legal a {
	color: #4f82a7;
}
#footer #legal a:hover {
	color: white;
}