/* Layout Stylesheet */ 
body, html {
 height:100%;
}

body {
 margin:20px;
 background:#FFFFFF;
 color: #00276D;
 text-align:center;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 padding:0;
 margin:0;
 }

#outer {
 text-align:left;
 border:0px solid #000000;
 margin:auto;
 padding:20px;
 background-image:url(../images/topos.jpg);
 background-position:top center;
 background-repeat:no-repeat;
 min-width:900px;
 }

#hdr {
 height:103px;
 color: #333333;
 background-repeat:no-repeat;
 }
 
#menublock {
  height:70px;
  width:900px;
  padding-top:10px;
}

#menublock1 {
  text-align:left;
  float:left;
  width:310px;
}

#menublock2 {
  text-align:left;
  float:left;
  width:285px;
}

#menublock3 {
  text-align:left;
  float:right;
  width:285px;
}

.label_menu {
  width:275px;
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#9694B3;
}

a.menu-link{
  display:block;
  width:135px;
}
a.menu-link-doble:link, a.menu-link-doble:active, a.menu-link-doble:visited{
  display:block;
  width:135px;
  height:38px;
  color:#E4E4E8;
}

.bt_marcat {
  text-align:left;
  float:left;
  width:135px;
  height:17px;
  padding-top:2px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:1px;
  padding-left:5px;
  color:#E4E4E8;
  background-image:url(../images/bt_menu.gif);
  background-color:#4C7CCE;
  cursor:default
}

.bt_marcat_doble {
  text-align:left;
  float:left;
  width:135px;
  height:38px;
  padding-top:2px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:1px;
  padding-left:5px;
  color:#E4E4E8;
  background-image:url(../images/bt_menu_doble.gif);
  background-color:#4C7CCE;
  cursor:default
}

.bt_menu {
  text-align:left;
  float:left;
  width:135px;
  height:17px;
  padding-top:2px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:1px;
  padding-left:5px;
  color:#5F7296;
  background-image:url(../images/bt_menu.gif);
}

.bt_menu_doble {
  text-align:left;
  float:left;
  width:135px;
  height:38px;
  padding-top:2px;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:1px;
  padding-left:5px;
  color:#5F7296;
  background-image:url(../images/bt_menu_doble.gif);
}

#menublock1 .bt_menu {
  background-color:#CBCAD8;
}

#menublock2 .bt_menu {
  background-color:#DBE1ED;
}

#menublock3 .bt_menu_doble {
  background-color:#00276D;
}


#bodyblock {
 color: #00276D;
 width:900px;
 padding:0;
 text-align:left;
 }

#ftr {
 width: 900px;
 clear:both;
 height:25px;
 color: #685C67;
 background-image:url(../images/separador.jpg);
 background-repeat:no-repeat;
 padding-top:5px;
 }

/* Presentation Stylesheet */ 

hr {
  height: 0;
  border-style: dashed;
  border-width: 1px 0 0 0;
  border-color: #9899AF;
}

/*
hr {
border : none;
border-top : dashed 1px #9899AF;
color : #FFFFFF;
background-color : #FFFFFF;
height : 1px;
}
*/

p {
  margin:0px 0px 10px 0px;
  color:#333333;
}

h1 {
  margin:10px 0px;
  font-size:16px;
  color:#00276D;
}
h2 {
  margin:0px;
  font-size:16px;
  color:#FFFFFF;
}
h3 {
  margin:10px 0px;
  font-size:14px;
  color:#00276D;
}

h4 {
 margin:0; 
 padding: 5px 0;
 color:#4C7ECE;
 font-size:12px;
 }

h5 {
 margin:0; 
 padding: 5px 0;
 color:#6A6F97;
 font-size:12px;
 }

.txt_rosa {
 color:#E42B6B;
 font-weight:bold;
 }

.div_banner {
  width:220px;
  float:left;
  padding:3px;
}

a.link_banner:link, a.link_banner:active, a.link_banner:visited, a.link_banner:hover {
  text-decoration:none;
  color:#00276D;
}

a.link_banner2:link, a.link_banner2:active, a.link_banner2:visited, a.link_banner2:hover {
  text-decoration:none;
  color:#00276D;
  display:block;
  width:100%;
  margin:0px;
  padding:5px 0px 5px 10px;
}

a.link_banner3:link, a.link_banner3:active, a.link_banner3:visited, a.link_banner3:hover {
  text-decoration:none;
  color:#333333;
  display:block;
  width:100%;
}

a.link_pastilla:link, a.link_pastilla:active, a.link_pastilla:visited, a.link_pastilla:hover {
  text-decoration:none;
  color:#FFF;
  font-size:16px;
  font-weight:bold;
  display:block;
  width:100%;
  line-height:46px;
}

a.link_actualitat:link, a.link_actualitat:active, a.link_actualitat:visited, a.link_actualitat:hover {
  text-decoration:none;
  color:#9899AF;
  font-size:16px;
  font-weight:bold;
  display:block;
  width:100%;
  line-height:40px;
  padding-left:10px;
}

a:link, a:active, a:visited {
  color:#5F7296;
  text-decoration:none;
}

a:hover {
  color:#E4E4E8;
  text-decoration:none;
}
a.link_web:link, a.link_web:active, a.link_web:visited {
  color:#333333;
  text-decoration:underline;
}
a.link_web:hover {
  color:#333333;
  text-decoration:underline;
}
a.link_hdr:link, a.link_hdr:active, a.link_hdr:visited {
  color:#6779A1;
  text-decoration:none;
}
a.link_hdr:hover {
  color:#F8FFFF;
  text-decoration:none;
}
.topo-menu {
  color:#BBBBBB;
  font-size:20px;
  line-height:10px;
}
.topo-menu-marcat {
  color:#E42B6B;
  font-size:30px;
  line-height:10px;
}

/**************************************************************

	Sortable Table
	v 1.4

**************************************************************/

table {
	border: 1px solid #ccc;
	width: 100%;
}

th {
	background-color: #0B35B3;
	background: #0B35B3 url(../images/icon-table-sort.jpg) no-repeat 2px 8px;
	padding: 4px 4px 4px 14px;
	color:#FFF;
}

tr {
	background-color: #DBE1ED;
	padding: 4px;
}

tr.altRow {
	background-color: #fff;
}

td {
	padding: 2 2px;
	border-right: 1px solid #fff;
}

.rightAlign {
	text-align: right;
}



.sortedASC {
	background: url(../images/icon-table-sort-asc.jpg) no-repeat 2px 4px #0B35B3;
	color: #57952F;
}

.sortedDESC {
	background: url(../images/icon-table-sort-desc.jpg) no-repeat 2px 10px #0B35B3;
	color: #57952F;
}

.tableHeaderOver {
	cursor: pointer;
	color: #57952F;
}


/*tr.selected {
	background-color: gold;
	color: #fff;
}*/

tr.over {
	background-color: #78C68A;
	color: #fff;
	cursor: pointer;
}

tr.hide {
	display: none;
}

/***************************/
.tableFilter {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 0 10px 0;
}

input, textarea {
	border: 1px solid #ccc;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

.input_text, .required {
	width:300px;
}

select {
	border: 1px solid #ccc;
}

#myTable td {
	vertical-align: middle;
}

form {
	margin:0;
	padding:0;
}

acronym {
	border-bottom: 1px dotted #57952F;
	cursor: help;
	font-weight:bold;
	color:#57952F;
}

/* Formularis */

#myForm label {
	color:#00276D;
	font-weight:bold;
}

#myForm p {
  margin:0px 0px 5px 0px;
  color:#333333;
}

#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid #F47300;
	margin-bottom: 10px;
	color: #F47300;
	font-weight: bold;
	display: none;
}

#myForm .errorMessage {
	color: #F47300;
	margin-left: 10px;
}

#myForm {
	border: 1px solid #cac9b9;
	padding: 10px;
}

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm .red {
	border: 1px solid #F47300;
}

#myForm label.red {
	border: none;
	color: #F47300;
}

#myForm .customRed {
	border: none;
	color: #F47300;
}

#myForm #submit {
	margin-left: 100px;
}

/* Accordion */

.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: bold;
	background-image:url(../images/plus_taronja.jpg);
	background-position:right;
	background-repeat:no-repeat;
	cursor:pointer;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}

#accordion ul {
	margin-top:5px;
	margin-bottom:0px;
	padding-bottom:5px;
}

.toggler2 {
	color: #6CAF6C;
	margin: 0;
	padding: 7px 0px 0px 10px;
	background: #fff;
	border: 0px;
	font-size: 15px;
	font-weight: bold;
	background-image:url(../images/angles-online-pastilla3.jpg);
	background-position:left;
	background-repeat:no-repeat;
	cursor:pointer;
	height:27px;
	width:500px;	
}

.newsitem a:link, .newsitem a:active, .newsitem a:visited {
  color:#00276D;
  text-decoration:underline;
}

.newsitem a:hover {
  color:#00276D;
  text-decoration:underline;
}

.newsitem img {
  border:0;
}