* {
	margin:0;
	padding:0;
}

/* General Style Info */

a img {
	border:none;
}
a:link,a:active,a:visited{
color:#333333;
}
a:hover{
color:#333333;
text-decoration:none;
}
a.blanc:link,a.blanc:active,a.blanc:visited{
color:#FFFFFF;
}
a.blanc:hover{
color:#FFFFFFWS;
text-decoration:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
h1 {
	color: #990000;
	font-size: 100%;
	margin: 0.1em 0;
}
h2 {
	color: #990000;
	font-size: 170%;
	margin: 0.3em 0;
	padding-top: 0.8em;
}
h3 {
	color: #990000;
	font-size: 110%;
	padding-top: 0em;
	padding-bottom:5px;
	font-weight: bold;
}
h4 {
	color: #990000;
	font-weight: normal;
	padding-top: 0.5em;
}
ul, li,ol {
	margin: 0 12px;
}

/* Layout */
#container {
	text-align: left;
	width:980px;
	margin:auto;
}

#header{
	padding: 10px 20px;
	background-color:#333;
}
#header h1 {
	background: url('../img/esbalumni.gif') no-repeat left;
	color: #fff;
	padding: 0px 50px;
	line-height:50px;
	font-weight:bold;
}
#header h1 a {
	color: #fff;
	background: #003d4c;
	font-weight: normal;
	text-decoration: none;
}
#header h1 a:hover {
	color: #fff;
	background: #003d4c;
	text-decoration: underline;
}
#content{
	background: #fff;
	clear: both;
	color: #333;
	padding: 10px 20px 40px 20px;
	overflow: auto;
}
#footer {
	clear: both;
	padding: 6px 10px;
	text-align: right;
}

/* Tables */
table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
table.fotos {
	background: transparent;
	border:0;
	border-right:0;
	clear: both;
	color: none;
	margin-bottom: none;
	width: 100%;
}
table.fotos tr td {
	background: transparent;
	border:0;
	padding: none;
	text-align: inherit;
	vertical-align: inherit;
	border-right:0;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging {
	color: #777;
	margin-bottom: 2em;
	margin-top:2em;
}
div.paging a {
	color: #777;
	text-decoration:none;
}
div.paging div.disabled {
	color: #aaa;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
	color:#990000;
}
dd {
	margin-left: 30em;
	margin-top: -2em;
	vertical-align: top;
}

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 100%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 10px;
}
fieldset legend {
	background:#fff;
	color: #333;
	font-size: 120%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	/*clear: both;*/
	margin-bottom: 0;
	padding: 5px;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}

form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	/*display: block;*/
	font-size: 100%;
	padding-right: 20px;
}
input, textarea {
	font-family:  Arial, Helvetica, sans-serif;
	padding: 2px;
	font-size:12px;
}
select {
	clear: both;
	vertical-align: text-bottom;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:12px;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}
form#AssociateAltaForm div{
	width:auto;
	clear:both;
}
form#AssociateAltaForm select{
	clear:none;
	
}
form#AssociateAltaForm div.ampla1,form#AssociateRecordarcontrasenaForm div.ampla1{
	width:400px;
}
form#AssociateAltaForm div.ampla2{
	width:215px;
}
form#AssociateAltaForm div.password{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.email,form#AssociateRecordarcontrasenaForm div.email{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.telefon{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.surname{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.dni{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.numero{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.pis{
	float:left;
	clear:none;
	width:90px;
}
form#AssociateAltaForm div.porta{
	float:left;
	clear:none;
	width:95px;
}
form#AssociateAltaForm div.escala{
	float:left;
	clear:none;
	width:110px;
}
form#AssociateAltaForm div.poblacio{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.pais{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.codi_postal{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.data_naixement{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.any_entrada{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.any_sortida{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.study{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.especialitat{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.empresa{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.carrec{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.cc{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.associationtype{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.username input,form#AssociateRecordarcontrasenaForm div.username input{
	width:200px;
	float:left;
}
form#AssociateAltaForm div.username label,form#AssociateRecordarcontrasenaForm div.username label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.password input{
	width:200px;
}
form#AssociateAltaForm div.password label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.password2{
	float:left;
	clear:none;
}
form#AssociateAltaForm div.email input,form#AssociateRecordarcontrasenaForm div.email input{
	width:200px;
	float:left;
}
form#AssociateAltaForm div.email label,form#AssociateRecordarcontrasenaForm div.email label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.telefon input{
	width:200px;
}
form#AssociateAltaForm div.telefon label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.name input{
	width:200px;
}
form#AssociateAltaForm div.name label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.surname input{
	width:200px;
}
form#AssociateAltaForm div.surname label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.data_naixement input{
	width:200px;
}
form#AssociateAltaForm div.data_naixement label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.dni input{
	width:75px;
}
form#AssociateAltaForm div.dni select{
	clear:none;
	float:left;
}
form#AssociateAltaForm div.dni label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.direccio input{
	width:410px;
}
form#AssociateAltaForm div.direccio label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.numero input{
	width:40px;
}
form#AssociateAltaForm div.numero label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.pis input{
	width:40px;
}
form#AssociateAltaForm div.pis label{
	width:30px;
	display:block;
	float:left;
	padding-right:10px;
}
form#AssociateAltaForm div.porta input{
	width:40px;
}
form#AssociateAltaForm div.porta label{
	width:35px;
	display:block;
	float:left;
	padding-right:10px;
}
form#AssociateAltaForm div.escala input{
	width:40px;
}
form#AssociateAltaForm div.escala label{
	width:50px;
	display:block;
	float:left;
	padding-right:10px;
}
form#AssociateAltaForm div.codi_postal input{
	width:50px;
}
form#AssociateAltaForm div.codi_postal label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.poblacio input{
	width:200px;
}
form#AssociateAltaForm div.poblacio label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.pais select{
	width:200px;
	float:left;
}
form#AssociateAltaForm div.pais label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.any_entrada select{
	width:200px;
	float:left;
}
form#AssociateAltaForm div.any_entrada label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.any_sortida select{
	width:200px;
	float:left;
}
form#AssociateAltaForm div.any_sortida label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.study select{
	width:200px;
	float:left;
}
form#AssociateAltaForm div.study label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.especialitat input{
	width:200px;
}
form#AssociateAltaForm div.especialitat label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.profession select{
	width:200px;
	float:left;
}
form#AssociateAltaForm div.profession label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.empresa input{
	width:200px;
}
form#AssociateAltaForm div.empresa label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.carrec input{
	width:200px;
}
form#AssociateAltaForm div.carrec label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.sector select{
	width:200px;
	float:left;
}
form#AssociateAltaForm div.sector label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.cc input#AssociateCcEntitat{
	width:33px;
}
form#AssociateAltaForm div.cc input#AssociateCcOficina{
	width:33px;
}
form#AssociateAltaForm div.cc input#AssociateCcControl{
	width:18px;
}
form#AssociateAltaForm div.cc input#AssociateCcNumero{
	width:85px;
}
form#AssociateAltaForm div.cc input#AssociateCcIban{
	width:200px;
}
form#AssociateAltaForm div.cc label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.associationtype select{
	width:200px;
	float:left;
}
form#AssociateAltaForm div.associationtype label{
	width:120px;
	display:block;
	float:left;
}
form#AssociateAltaForm div.relation select{
	width:170px;
	float:left;
}
form#AssociateAltaForm div.relation label{
	width:150px;
	display:block;
	float:left;
}

form#AssociateInvitaaunamigoForm div.campo,form#AssociateContactoForm div.campo{
	clear:both;
}
form#AssociateInvitaaunamigoForm div.campo label,form#AssociateContactoForm div.campo label{
	width:150px;
	display:block;
	float:left;
}
form#AssociateInvitaaunamigoForm div.campo label.error,form#AssociateContactoForm div.campo label.error{
	width:2px;
	float:left;
	height:16px;
	padding-left:14px;
}
form#AssociateInvitaaunamigoForm div.campo input#AssociateNombre,form#AssociateContactoForm div.campo input#AssociateNombre{
	width:200px;
	float:left;
}
form#AssociateInvitaaunamigoForm div.campo input#AssociateEmail,form#AssociateContactoForm div.campo input#AssociateEmail{
	width:300px;
	float:left;
}
form#AssociateInvitaaunamigoForm div.campo input#AssociateComentario,form#AssociateContactoForm div.campo textarea#AssociateComentario{
	width:300px;
	float:left;
}

form#AssociateAltaForm div label.error,form#AssociateRecordarcontrasenaForm div label.error{
	/*width:100%;*/
	width:2px;
	float:left;
	height:16px;
	padding-left:14px;
}
form#AssociateAltaForm div input{
float:left;
}
/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	color: #333;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}
label.error{
	background:url(../images/error.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:11px;
	color:#EE0000;
	line-height:14px;
	padding-right:0;
}
label.valid{
	background:url(../images/valid.gif);
	background-repeat:no-repeat;
	clear:none;
	float:left;
	width:16px;
	
}
form#AssociateAltaForm div.error-message{
	background:url(../images/error.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:11px;
	color:#EE0000;
	line-height:14px;
	font-weight:normal;
	width:2px;
	clear:none;
	float:left;
}
.clr{
	clear:both;
	padding:0;
}
#tooltip h3{
color:#AA0000;
padding:3px;
margin:0;
font-size:13px;
}
#login div#mig_login{
/*width:100%;*/
float:right;
}
#login div.inputs{
float:right;
padding:0;
}
#login div.inputs input{
border:1px solid #000000;
margin-right:5px;
float:left;
}
#login div.inputs input.submit{
padding:1px;
padding-left:20px;
padding-right:20px;
color:#FFFFFF;
background-color:#7F7F7F;
}
#login div.submit{
padding:0;
float:left;
margin:0;
clear:none;
}
#login div.links{
text-align:right;
float:right;
padding-bottom:5px;
}
#login div.links a{
color:#333333;
font-size:11px;
text-decoration:none;
}
/*
	SLIDER
*/
/* #scrollup {
	   position: relative;
	   overflow: hidden;
	   border: ;
	   height: 148px;
	   width: 180px
	 }
	 .headline {
	   position: absolute;
	   top: 210px;
     left: 5px;
	   height: 148px;
	   width:170px;
	 }*/
	/* #scrollup22 {
	   position: relative;
	   overflow: hidden;
	   border: ;
	   height: 148px;
	   width: 550px
	 }
	 .headline22 {
	   position: absolute;
	   top: 210px;
     left: 5px;
	   height: 148px;
	   width:550px;
	 }*/
	/* #scrollup2 {
	   position: relative;
	   overflow: hidden;
	   border: ;
	   height: 245px;
	   width:800px;
	 }
	 .headline2 {
	   position: absolute;
	   top: 245px;
     left: 0px;
	   height: 245px;
	   width:800px;
	 }*/
p{
padding-top:5px;
padding-bottom:5px;
text-align:justify;
line-height:17px;
}
#accesos_directos a{
margin-left:10px;
margin-right:10px;
font-size:13px;
text-decoration:none;
color:#990000;
}
#accesos_directos a:hover{
text-decoration:underline;

}
.eventos_masinfo a{
color:#333333;
}
.eventos_masinfo_texto{
display:none;
padding-top:15px;
}
hr{
margin-top:10px;
margin-bottom:10px;
border:0;
border-top:1px solid #AAA;
}
.mas_info{
background:url(../images/mas_info.jpg);
background-repeat:no-repeat;
background-position:center left;
padding-left:15px;
text-decoration:none;
}
.menos_info{
background:url(../images/menos_info.jpg);
background-repeat:no-repeat;
background-position:center left;
padding-left:15px;
text-decoration:none;
}
.gris{
color:#626262;
font-weight:bold;
}
.vermell{
color:#990000;
font-weight:bold;
}