/*
	reseteo
*/
* {
	margin: 0;
	padding: 0;
	font-family: "Kozuka Gothic Pro R", "Calibri", "Myriad pro", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
}

html {
	font-size: 75%;
}


/*
	clases utiles
*/

.clear{
	clear: both;	
}
.hidden{
	display: none;	
}
.fleft{
	float: left;	
}
.fright{
	float: right;	
}
.tleft{
	text-align: left;	
}
.tcenter{
	text-align: center;	
}
.tright{
	text-align: right;	
}


/*
	estilos generales
*/
h2{
	margin: 1em 0 0;
}

h3{
	margin: 1em 0 .5em 0;
}

h4, h5{
	margin: 1em 0 .5em 0;
}

a img{
	border: none;	
}

p {
	margin: .5em;
}


table{
	width: 100%;
	margin: 1em auto;
	border-collapse: collapse;
}
	table th{
		padding: 1em .5em;
		color: #eeeeec;
		background: #555753 url(/layout/img/bg-light-s.png) repeat-x top center;
	}
		table th a{
			color: #eeeeec;
		}
	table td{
		padding: .5em .2em;
		color: black;
		background: #eeeeec url(/layout/img/bg-light-m.png) repeat-x top center;
		border-bottom: solid 1px #aaaaab;
		text-align: center;
	}
	table .altrow td{
		background: #cccccb url(/layout/img/bg-light-m.png) repeat-x top center;
	}
	
dl{
	margin: 1em;	
}
	dl dt{
		margin-top: 1em;
		padding: 1em .5em;
		color: #eeeeec;
		background: #555753 url(/layout/img/bg-light-s.png) repeat-x top center;
	}
	dl dd{
		padding: 1em .5em;
		background: #d3d7cf;	
	}

form{
	padding: 1em;
	/*	border-top: solid 1px #babdb6; */
	border-bottom: solid 1px #babdb6;
}
	form fieldset{
		margin: 1em 0em;
		padding: .5em;
		color: #333;
		background: #eeeeec;
		border: solid 1px #ded7cf;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	form legend{
		color: #2e3436;
		font-size: 1.2em;
		font-weight: bold;
		padding: 0 .5em;
	}
	form div.input{
		margin: 1.2em .5em;
	}
	form div.input label{
		display: block;
	}
	form div.input input, 
	form div.input select,
	form div.input textarea{
		width: 20em;
		padding: .2em;
		font-size: 1.1em;
		background: white url(/layout/img/input-bg.png) repeat-x top center;		
		border: solid 1px #BABDB6;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;		
	}
	form div.input select{
		width: 20.5em;
	}
	form div.date select{
		width: 8em;
	}
	form div.checkbox input{
		width: auto;
		margin: 0 .5em 0 0;
	}
	form div.checkbox label{
		display: inline;
	}
	
	form div.input input.form-error,
	form div.input select.form-error,
	form div.input textarea.form-error{
		border: solid 1px #cc0000;
	}
	
	form div.input .error-message,
	form div.input div.form-error{
		color: #cc0000;
	}
	
	form div.required label{
		font-weight: bold;
	}
	form div.submit{
		clear: both;
		margin-top: 1em;
	}
	form div.submit input{
		x-width: 8em;
		margin-right: 1em;
		padding: .5em 2em;
		color: white;
		background: #306090 url(/layout/img/bg-dark-s.png) repeat-x top center;
		border: solid 1px #212A38;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	form fieldset div.submit input{
		margin-left: 13em;
	}

/*
	estilos para de cakephp
*/
.message {
	margin: 1em;
	padding: 1em;
	color: black;
	background: #fff1a8;
	border: solid 1px #edd400;
}
.notice {	
}

.info{
	margin: 1em;
	padding: 1em;
	background: #eeeeec;
	border: solid 1px #ded7cf;	
}
	.info h3{
		margin: 0;
	}

.success {
	color: white;
	background: green;
}

.success a {
	color: #ddd;;
}

.paging{
	text-align: right;	
}
	.paging div{
		display: inline;
	}
	.paging div.disabled{
		color: #888a85;
	}

.actions{
	height: 1em;
	margin: 1em;
}
	.actions a{
		color: #555;
		text-decoration: none;
	}
	.actions ul{
		float: right;
		list-style: none;
		clear: both;
	}
	.actions li{
		float: left;
		width: 10em;
		margin: .1em .25em;
		padding: .25em;
		color: #555;
		background: #ddd url(/layout/img/bg-light-s.png) repeat-x top center;
		border: solid 1px #BABDB6;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		text-align: center;
	}
	.actions li:hover{
		background: #bbbbbc url(/layout/img/bg-light-s.png) repeat-x top center;;
	}
	
	.actions ul li ul{
		position: absolute;
		display: none;
		margin-top: .25em;
		padding: 0 .25em .25em .25em;
		background: #BABDB6;
	}
	.actions ul li:hover ul{
		display: block;
	}
	.actions ul li ul li{
		float: none;
		width: 8.5em;
	}
	.actions ul li ul li:hover{
		background: #eeeeec;
	}

	
td.actions{
	
}
	td.actions ul{
		list-style: none;
	}


#debug-separator{
	margin: 3em 0;	
}

/*
	Attachments
*/

.attachments_list{
	list-style: none;
}
	.attachments_list li{
		margin: .5em 1em;
		padding: .5em;
		background: #D3D7CF;
	} 
		.attachments_list li div.thumbnail{
			float: left;
			margin-right: 8px;
			padding: 3px;
			background: #eef;
			border: solid 1px #BABDB6;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
		}
			.attachments_list li div.thumbnail img{
				width: 35px;
			}	
		.attachments_list li h4{
			font-weight: bold;
		}
		.attachments_list li p{
			margin: 0;
			color: #555;
			font-size: .8em;
		}
		.attachments_list .attachment_input{
			display: none;
		}
		.attachments_list .attachment_input input{
			width: 16em;
			display: block;
		}
		
		
.attachments_input{
	margin: 2em 0 0 1em;
}
	
	/*.attachments_input .attachment_id,*/
	.attachments_input .attachment_name{
		display: none;
	}