/*
	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: #888 url(/layout/img/bg-light-s.png) repeat-x bottom center;
	}
		table th a{
			color: #eeeeec;
		}
	table td{
		padding: .5em .2em;
		color: black;
		background: #fff url(/layout/img/bg-light-m.png) repeat-x top center;
		border-bottom: solid 1px #aaa;
		text-align: center;
	}
	table .altrow td{
		background: #fff url(/layout/img/bg-light-m.png) repeat-x bottom center;
	}
	
dl{
	margin: 1em;	
}
	dl dt{
		margin-top: 1em;
		padding: 1em .5em;
		color: #eee;
		background: #555 url(/layout/img/bg-light-s.png) repeat-x bottom center;
	}
	dl dd{
		padding: 1em .5em;
		background: #eee;	
	}

form{
	padding: 1em;
}
	form fieldset{
		margin: 1em 0em;
		padding: .5em;
		color: #555;
		background: #eee;
		border: solid 1px #aaa;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	form legend{
		color: #555;
		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: #fff url(/layout/img/input-bg.png) repeat-x top center;		
		border: solid 1px #aaa;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;		
	}
	form div.input select{
		width: 20.5em;
	}
	form div.date select, form div.datetime select{
		width: 7em;
	}
	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: #888 url(/layout/img/bg-light-s.png) repeat-x top center;
		border: solid 1px #888;
		-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: #eee;
	border: solid 1px #aaa;	
}
	.info h3{
		margin: 0;
	}

.success {
	margin: 1em;
	padding: 1em;
	color: white;
	background: green;
}

.success a {
	color: #ddd;;
}

.commands{
	margin: 1em 0;
}
	.commands ul{
		list-style: none;
		text-align: right;
	}
	.commands li{
		display: inline;
		margin-left: .2em;
		padding: .5em 1em;
		background: #fff url(/layout/img/bg-light-m.png) repeat-x bottom center;
		border: solid 1px #aaa;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.commands a{
		color: #333;
		text-decoration: none;
	}
	.commands li:hover{
		background: #fff url(/layout/img/bg-light-m.png) repeat-x center center;	
	}

.actions{
}
	.actions a{
		color: #555;
		text-decoration: none;
	}
	.actions ul{
		display: none;	
		z-index: 5;
		position: absolute;
		margin: -.2em 0 0 .5em;
		list-style: none;		
		background: #fff url(/layout/img/bg-light-l.png) repeat-x bottom center;
		border-left: solid 4px #aaa;
	}
	.actions li{
		width: 8em;
		padding: .25em;
		color: #555;
		background: #eee url(/layout/img/bg-light-m.png) repeat-x top center;
		border-bottom: solid 1px #aaa;
		text-align: left;
	}
	.actions li img{
		position: relative;
		top: 3px;
	}
	.actions:hover{
		background: #ddd url(/layout/img/bg-light-s.png) repeat-x bottom center;
	}
	.actions:hover ul{
		display: inline;
	}	
	.actions ul li:hover{
		background: #eee url(/layout/img/bg-light-s.png) repeat-x bottom center;
	}

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