/*
	layout generico
*/

body{
	color: white;
	background: #333 url(/layout/img/body-background.png);
}

a{
	color: #341C5E;
}

/*
	cosas para por ahi
*/
.col2{
	float: left;
	width: 48%;
	margin: 1%;
}

/*
	css del layout
*/


#container{
	width: 90%;
	margin: 0 auto;
	color: black;
	background: #f2f2f2;
}

#header{
	padding: 1em;
	color: white;
	background: #306090 url(/layout/img/bg-light-m.png) repeat-x top center;
	border-top: solid 4px #205080;
	border-bottom: solid 2px #205080;
}

#header h1 a{
	text-decoration: none;
}
#header h1 img{
	position: relative;
	top: 8px;
}

#header a{
	color: white;
}

#user_info{
	float: right;
	font-size: .9em;	
}

.menu{
	x-height: 2.3em;
	color: #eee;
	background: #104070 url(/layout/img/bg-light-s.png) repeat-x bottom center;
	border-bottom: solid 3px #306090;
}
	.menu ul{
		list-style: none;
	}
	.menu li{
		position: relative;
		float: left;
		height: 1.4em;
		padding: .5em .5em;
	}
	.menu li:hover{
		background-color: #306090;
	}
	.menu li.separator{
		border-top: solid 1px #205080;
	}
	.menu a{
		color: #eee;
		text-decoration: none
	}
	
	.menu li ul{
		z-index: 100;
		display: none;
		position: absolute;
		top: 2.3em;
		left: 0;
		width: 15em;
		background-color: #306090;
	}
	.menu li:hover ul, .menu li ul:hover{
		display: block;
	}
	
	.menu li ul li{
		position: static;
		float: none;
		height: auto;
	}
	.menu li ul li:hover{
		background-color: #104070;
	}	
	

#content {
	margin-bottom: 2em;
	padding: 1em 2em;
}
	#content h2{
		margin: 1em 0;
		padding: .25em .5em;
		font-weight: normal;
		color: #306090;
		background: #eef url(/layout/img/bg-light-l.png) repeat-x top center;
		border-left: solid 4px #306090;
	}
	#content h3{
		padding: .25em .5em;
		color: #888;
		border-bottom: solid 1px #888;
	}
	#content h2 a, #content h3 a{
		color: #555;
		text-decoration: none;
	}
	#content .body{
		margin: .5em 0;
		padding: 1em;
		font-weight: normal;
		background: #eee;
		border-left: solid 4px #aaa;		
	}

#footer {
	clear: both;
	margin-top: 2em;
	padding: 1em;
	background: #104070 url(/layout/img/bg-light-m.png) repeat-x center center;
	border-top: solid 3px #306090;
}

#footer a {
	color: #eee;
}



.swfuploader{
	text-align: right;
}
.attachments{
	margin-bottom: 1em;
}
.attachment{
	padding: .5em;
	background: #fff url(/layout/img/bg-light-l.png) repeat-x center center;
	border-bottom: solid 1px #aaa;
}
	.queued{ background-color: #FDF5CD;}
	.completed{ background-color: #E1F7CB;}
	.failed{ background-color: #FBCBCB;}
	
	.attachment .icon{
		position: relative;
		top: 3px;
		margin-right: 5px;
	}
	.attachment .file{
	}
	.attachment .upload{
		float: right;
		margin: 5px 1em 0 0;
		font-size: .8em;
	}
	.attachment .upload .delete{
		cursor: pointer;
	}
	.attachment .path{
		margin: 0;
		font-size: .75em;
	}
	
	

ul.albums, ul.photos{
	list-style: none;
}
	ul.albums li, ul.photos li{
		float: left;
		margin: .5em;
		padding: 1em 1em 0 1em;
		background: #eee;
		border: solid 1px #aaa;
		-moz-border-radius: 8px;
	}
	ul.albums .title{		
		font-size: .9em;
		text-align: center;
	}
	
	
	ul.photos li{
		margin: .25em;
		padding: .5em;
	}
	ul.photos li img{
		display: block;
	}