/* CSS Document */

body {
	background-color: #e5b709;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

img {
	border:none;
}

form {
	padding:0;
	margin:0;
}

LI {
	list-style:none;
	font-size:20px;
	font-weight:bold;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#c81425;
	background:url(images/dash.gif) repeat-x top;
	padding:10px;
}

LI A {
	color:#393939;
	text-decoration:none;
}

LI A:hover {
	color:#c81425;
}

.clear {
	clear:both;
}

.clearHR {
	clear:both;
	border:none;
	height:0px;
	!display:none;
}

#container {
	width:996px;
	min-height:760px;
	text-align:left;
}

#header {
	width:996px;
	height:146px;
	background:url(images/header_bg.jpg) no-repeat;
}
	#logo {
		background:url(images/logo.jpg) no-repeat;
		width:511px;
		height:114px;
		float:left;
		margin-left:55px;
		margin-top:32px;
	}
		
	#login {
		color:#FFFFFF;
		float:right;
		margin:30px;
	}

	#login DIV {
		float:left;
		text-align:right;
		padding:5px;
		width:150px;
	}

	#login A {
		color:#e5b709;
	}


#mainarea {
	width:996px;
	min-height:526px;
	background:url(images/main_center_bg.jpg) repeat-y;
	position:relative;
}

#mainareaTop {
	width:996px;
	height:30px;
	background:url(images/main_top_bg.jpg) no-repeat;
}

#mainareaBot {
	width:996px;
	height:30px;
	background:url(images/main_bot_bg.jpg) bottom no-repeat;
	position:absolute;
	bottom:0px;
}

#navbar {
	width:240px;
	float:left;
}

#navbar IMG{
	padding-left:30px;
	padding-bottom:10px;
}

#main {
	width:620px;
	float:left;
	padding-left:50px;
	padding-right:80px;
	padding-bottom:30px;
	line-height:1.8;
}

#main IMG{
	vertical-align:middle;
}

#sample {
	float:right;
}

#sample2 {
	margin-top:-50px;
	margin-right:50px;
	padding:5px;
	padding-top:0px;
	float:right;
}

#footer {
	width:996px;
	min-height:70px;
	background:url(images/footer_bot_bg.jpg) bottom repeat-y;
	font-size:11px;
	color:#f47b07;
	text-align:center;
	line-height:1.8;
	padding-top:10px;

}

#footer A {
	color:#f47b07;
}





.diez {
	font-size:10px;
}

.thumbnails {
	font-size:12px;
	width:120px; 
	text-align:left; 
	padding:10px; 
	float:left;
}

.nextprev {
	width:120px;
	height:50px;
	float:right;
}

.nextprev A {
	font-weight:bold;
	text-decoration:none;
	color:#c81425; 
}

.preview {
	width:300px; 
	min-height:280px; 
	background:#000; 
	position:absolute; 
	top:10px;
	left:10px;
	visibility:hidden; 
	text-align:left; 
	font-family:'Comic Sans MS'; 
	font-size:16px; 
	color:#FFFFFF; 
	padding:10px;
	z-index:100;
}

.preview UL { padding-left:20px; margin:0px;}

.preview LI{
	list-style:circle;
	text-align:left; 
	font-family:'Comic Sans MS'; 
	font-size:16px; 
	color:#FFFFFF; 
	padding:0px;
	margin:0px;
	background:none;
	font-weight:normal;
}
.preview IMG {
	width:300px;
}

.a1, .a6, .a11 {
	top:70px; 
	left:420px; 
}

.a2, .a7, .a12 {
	top:70px; 
	left:550px; 
}

.a3, .a8, .a13 {
	top:70px; 
	left:240px; 
}

.a4, .a9, .a14 {
	top:70px; 
	left:370px; 
}

.a5, .a10, .a15 {
	top:70px; 
	left:500px; 
}

.composemain {
	width:400px; 
	min-height:300px;   
	text-align:center; 
	font-family:'Comic Sans MS'; 
	font-size:24px; 
	color:#FFFFFF; 
	padding:10px; 
	background:url() no-repeat 10px 10px; 
	background-color:#000000;
	position:relative;
	float:left;
}

.register1 {
	width:150px;
	padding-right:10px;
	text-align:right;
	float:left;
}

.register2 {
	width:400px;
	float:left;
}

#showmore1 {
	background:url(images/flechita.gif) no-repeat 0px -220px #000000; 
}

#showmore2 {
	background:url(images/flechita.gif) no-repeat 0px -160px #000000; 
}

#showmore3 {
	background:url(images/flechita.gif) no-repeat 0px -110px #000000; 
}

#showmore4 {
	background:url(images/flechita.gif) no-repeat 0px -40px #000000; 
}

.showmore {
	width:400px; 
	min-height:300px; 
	position:absolute; 
	top:40px; 
	left:250px; 
	visibility:hidden; 
	text-align:center; 
	font-family:'Comic Sans MS'; 
	color:#FFFFFF; 
	font-size:18px; 
	padding:10px; 
	padding-left:20px;
}