*{
margin:0;
padding:0;
}

body{
font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
color:#333;
font-size: 76%;
background: #E7EAF1 url('../img/fondo.jpg') top left repeat-x fixed;
}

/* General Style Info */
a{
color:#003d4c;
text-decoration:underline;
}
a:hover,
a:focus {
color:#003d4c;
text-decoration:none;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #002369;
margin:1em 0 .3em;
font-size: 180%;
}

h2{
color:#c6c65b;
padding-top: 1em;
margin:0.3em 0;
font-size: 150%;
}

h3{
color:#c6c65b;
padding-top:2em;
font-size: 140%;
}

h4{
color:#c6c65b;
padding-top:0.5em;
font-weight:normal;
}

ul, li {
margin: .3em 12px;
}

ul, ol {
padding-left: 2em;
}

/* Layout */

#container{
text-align:left;
width: 95%;
margin: auto;
border: 1px solid #4D6496;
background-color: #fff;
}

#cap{
clear:both;
padding: 0 20px;
margin: auto;
overflow: hidden;
}

#cap h1{
color: #F9D12A;
display: inline;
float: left;
}

#cap h2{
color: #4D6496;
float: right;
font-size: 1.4em;
}
.admin{
background:#F9D12A;

}
#articles {
clear:both;
width: 68%;
margin: 1% 0 3em 3%;
color: #333;
float: left;

}

#menu {
clear:both;
float:left;
margin:0;
padding:0;
background-color:#4D6496;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
width:100%;
}

#submenu {
margin:1% 0 3em 73%;
width:24%;
background:#e7ebf1;


}
#menuadmin {
background: #fff;
padding: 0px;
border-bottom: 1px solid #eee;
}

#barra{
background:black;
padding:5px;

}

  #barra h3{
  text-align:right;
  padding:0;
  font-size:12px;
  }

  #barra h3 strong{
  position:absolute;
  left:3%;
  }

#feedum{
background:white;

padding:1.5%;
border: 1px solid #eee;
}

#usuari{
background:white;
float:right;
margin:0;
padding:1.5em;
}
#candidat{
background: white url(../img/candidat2.jpg) no-repeat fixed;
padding: 167px 0 0;
margin: 10px 0 0;
}

#peu{
margin: 5px 2%;
clear:both;
padding: .8em 10px;
text-align: center;
border-top: 1px solid #4D6496;
}

/* tables */

table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}

th a:hover {
	background-color: #ccc;
	color: #333;
	text-decoration: none;
}

table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr.altRow td, table tr.alt td{
background: #f4f4f4;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 400px;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #eee;
margin:40px 1em;
padding:.2em;
font-weight: bold;
border: 2px solid #999;
}
.error-message {
clear: both;
color:#900;
font-size: 16px;
font-weight: bold;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/* forms */

form {
margin-top: 2em;
}
form div{
vertical-align: text-top;
margin-left: 1em;
margin-bottom:2em;
overflow: auto;
}
form div.date{
margin-left: 0em;
}
label {
display: block;
/* float:left; 
width: 140px; */
font-size: 14px;
padding: .5em 1em;
}
input[type=checkbox] {
float: left;
clear: left;
margin: 2px 6px 7px 2px;
}
input, textarea {
clear: both;
display:block;
font-size: 14px;
font-family: inherit;
}
select {
clear: both;
vertical-align: text-bottom;
font-size: 14px;
font-family: inherit;
}
option {
font-size: 14px;
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
padding: 6px;
margin: 1.5em 0 0 1em;
}
.required{
clear: both;
color:#222;
font-weight:bold;
}
.optional{
clear: both;
color:#555;
}
.submit {
clear: both;
margin-top: 40px;
margin-left: 140px;
}
.nom {
font-size: 1.3em;
border:1px solid #ccc;
background: #eee;
padding: 4px;
color: #002369;
}
/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre {
	background: #f0f0f0;
	padding: 1em;
}
.form_error {
background: #fee;
}

#menu ul {
margin:0;
padding:0;
background-color: #4D6496;
float: left;
width: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
}
#menu li {
list-style-position:outside;
list-style-type:none;
display: inline;
}

#menu li a {
padding: 0.4em 2.00em;
background-color: #4D6496;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
margin:0px 0px 0px 0px;
}

#menu li input {
display: inline;
border:0;
padding: 0.1em .4em;
margin: .3em;
background-color: #e7ebf1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #17377a;
}

#menu li a:hover,
#menu li a:focus {
background-color: #e7ebf1;
color: #17377a;
}

#submenu h2 {
color: #17377a;
border-bottom:2px solid #666;
margin-bottom:0;
letter-spacing: 1px;
font-size: 1.5em;
padding:1em .3em .2em;
font-weight:bold;
}

#categories{
padding:.5em;
}

#categories ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 1.2em;
}

#categories li {
line-height: 1.5em;
border-bottom: 1px solid #ccc;
list-style-type: none;
margin: 0;

}

#categories li a {
display: block;
text-decoration:none;
padding: 0 6px;
color: #17377a;
}

#categories li a:hover,
#categories li a:focus {
color: #002369;
font-weight:bold;
background:#F9D12A;
}

#articles h2,
#articles h3 {
margin:0;
padding: .4em 0 0 .3em;
color:#002369;
}

#articles ol {
margin:2em;
}

#articles ol li {
margin: .5em .3em;
}

#articles p {
font-size:1.1em;
margin: .5em;
}

.firma {
color:#aaa;
font-style:italic;
padding:1.5em;
}
pre.cake_debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 18px;
	margin: 4px 2px;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 4px 2px;
	padding: 4px;
	font-size: 120%;
	line-height: 18px;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	border: 1px dotted #606060;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 5px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FF0;
}
.afegir {
background: #e7ebf1 url('../img/add.png') 10px center no-repeat;
margin: 30px 5px 5px;
padding:8px 30px 10px 42px;
border: 1px solid #ccc;
color:#002369;
font-size:150%;
display:block;
}
.afegir:hover {
background-color: #fff;
}
.editar .esborrar {
border: 1px solid #ccc;
}

#feedum a {
display:block;
font-size: 1.3em;
margin-top: 1em;
}
/* PAGINACIO */

.paginacio { text-align: center; margin-top: 20px; }
.paginacio { font-size: 12px; padding-top: 10px; margin:20px auto 0;/* padding-bottom: 10px;  background-image: url(http://l.yimg.com/www.flickr.com/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */ }
.paginacio a, .pageList .aqui { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginacio a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginacio .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.paginacio .prev { margin-right: 20px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; font-weight:bold;}
.paginacio .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paginacio .next { margin-left: 20px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; font-weight:bold;}
.paginacio .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: #fff; color: #aaa; }
.paginacio .aqui {padding: 2px 6px; border-color: #4D6496; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color:  #4D6496; }
.paginacio a:hover {color: #fff; background: #4D6496; border-color: #036; text-decoration: none;}
/* 
.paginacio .ranking {display: block; margin-top: 0.5em; font-weight: bold;}
.paginacio .ranking a {padding: 0; border: 0; background: transparent;} 
*/
.Pages div.Results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }