/*******************************************************************
 * Sistema de Gestión de Websites
 * 2009(c)David Baños Expósito
 * Creation date: 2009-05-14
 * Last modified: 2009-05-15
 *******************************************************************/

/*******************************************************************
 * Reset tags for all browsers
 *******************************************************************/
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu,
	time, mark, audio, video { 
		margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	body { 
		line-height: 1; }
	article, aside, dialog, figure, footer, header,	hgroup, nav, section { 
		display: block; }
	nav ul { 
		list-style: none; }
	blockquote, q { 
		quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { 
		content: ''; content: none; }
	a { 
		margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	ins { 
		background-color: #ff9; color: #000; text-decoration: none; }
	mark { 
		background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
	del { 
		text-decoration: line-through; }
	abbr[title], dfn[title] { 
		border-bottom: 1px dotted #000; cursor: help; }
	table { 
		border-collapse: collapse; border-spacing: 0; }
	hr { 
		display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
	input, select { 
		vertical-align: middle; }
	ul {
		list-style: none; }
		
/*******************************************************************
 * Main styles
 *******************************************************************/
	html { height: 100%; }
	body { background: #000 url('../images/bck-main-worgen.jpg') no-repeat top center; height:100%; font-size: 12px; font-family: arial, helvetica, sans-seriff; }
	input[type=radio], input[type=checkbox] { vertical-align: text-bottom;  border: 0px solid !important; }
	a { text-decoration: none; border-bottom: 1px dotted #0a841a;  }
	a:link, a:visited { border-bottom: 1px dotted #0a841a; color: #0a841a; }
	a:hover, a:active { border-bottom: 1px dotted #900e0e; color: #900e0e; }
	h1 { font-size: 150%; line-height: 150%; }
	h2 { font-size: 130%; line-height: 130%; }
	h3 { font-size: 110%; line-height: 110%; }
	h4 { font-size: 100%; line-height: 110%; }
	h5 { font-size: 100%; line-height: 110%; }
	h6 { font-size: 100%; line-height: 110%; }
	br.clearb { clear: both; }
	br.clearl { clear: left; }
	br.clearr { clear: right; }

/*******************************************************************
 * SGW
 *******************************************************************/
	.phototext { position: absolute; width: 100%; bottom: 0; left: 0; background-color: #000; color: #fff; filter:alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .70; }
	.phototext * { font-size: 10px; font-family: Verdana; line-height: 14px; }
	
	/* Common links styles */
	/*div.pagination-box { float: right; }*/
	div.pagination-box a.pagination { padding: 1px 3px 1px 3px; border: 1px solid #0a841a; background-color: #fff; }
	div.pagination-box a.pagination:hover { background-color: #0a841a; color: #fff; text-decoration: none; }
	div.pagination-box a.paginationselected { background-color: #0a841a; color: #fff; text-decoration: none; padding: 1px 3px 1px 3px; border: 1px solid #0a841a; font-weight: bold; }
	
	/* Quote */
	fieldset.quote { font-size: 11px; line-height: 20px; position: relative; margin: 0 0 0 0; padding: 10px 14px 10px 14px; background-color: #FFF; border: 1px solid #991e1e; }
	fieldset.quote * { font-size: 11px; line-height: 20px; }
	fieldset.quote legend { font-weight: bold; top: -.5em; left: .2em; margin: 0; padding: 0; position: absolute; }
	blockquote { margin-top: 7px; border-left: 2px solid #475b73; margin-bottom: 15px; font-size: 12px; font-style: italic; background: url('../images/quote.gif') no-repeat; background-position: 5px 0; padding-left: 32px; color: #444; margin-left: 10px; }
	blockquote * { font-size: 12px; }
	
	/* Bassic css button style */
	.button { background: url('../images/forum_icons.png'); }
	.button a { border: none; display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
	.button a span { padding-left: 1000px; position: absolute; width: 100%; height: 100%; cursor: pointer; }
	.button:hover { background-position: 0 100%; }
	
	/* Navigation map */
	.navigation-map a { font-weight: bold; }
	
	/* Thumbnails */
	.thumbnail { position: relative; z-index: 0; }
	.thumbnail:hover{ background-color: transparent; z-index: 50; }
	.thumbnail span { position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
	.thumbnail span img { border-width: 0; padding: 2px; width: 1px; height: 1px; }
	.thumbnail:hover span img { border-width: 0; padding: 2px; width: auto; height: auto; }
	.thumbnail:hover span { visibility: visible; top: 0; left: 60px; }

/*******************************************************************
 * Content boxes
 *******************************************************************/
	/* jForm validation */
	.jcorrect { background: #d7f1da; }
	.jwrong { background: #f4d8d8; }

/*******************************************************************
 * Content boxes
 *******************************************************************/
	 /* Common page layout */
	.page { min-height: 100%; position: relative; background: url('../images/main/bck-box-repeat.gif') center repeat-y; }
	.page-top { background: url('../images/main/bck-box-fixed.gif') top center no-repeat; }
	.pageborder { width: 990px; margin: auto; }
	* html .page { height: 100%; }
	* html .layout { height: 1px; }
	.layout { /*background: url('../images/box-repeat.png') top left repeat-y; */ padding-bottom: 51px; height: 100%; }
	.layout:after { content: " "; display: block; clear: both; }
	
	#logo { height: 250px; background: url('../images/logo.png') bottom left no-repeat; }
	#box-head { /*background: url('../images/box-up.png') top left no-repeat; */ height: 21px; }
	#box-bottom { /*background: url('../images/box-bottom.png') top left no-repeat; */ height: 21px; }
	#footer > div { padding: 10px 0; }
	
/*******************************************************************
 * Main content layout
 *******************************************************************/
	.pageborder .content { padding: 0 30px; }
	
/*******************************************************************
 * Login box stylorz
 *******************************************************************/
	#login-protected-box { width: 302px; }
	
	#login-box { width: 302px; }
	#login-box .upper { height: 6px; background: transparent url('../../login/images/login-top.png') top no-repeat; }
	#login-box .middle { height: 175px; background: transparent url('../../login/images/login-middle.png') top no-repeat; }
	#login-box .middle .objects { padding: 10px 15px 10px 15px; }
	#login-box .lower { height: 6px; background: transparent url('../../login/images/login-bottom.png') top no-repeat; }
	
	#login-box .login-info {  }
	#login-box .login-info input[type=text],
	#login-box .login-info input[type=password] { height: 20px; padding: 3px; border: 2px solid #918baf; font-size: 15px; width: 150px; }
	#login-box .login-info input[type=submit] { padding: 3px; border: 2px solid #918baf; font-size: 15px; }
	#login-box .login-info input[type=text],
	#login-box .login-info input[type=submit],
	#login-box .login-info input[type=password] { float: right; }
	#login-box .login-info input[type=checkbox] { vertical-align: text-bottom; }
	#login-box .login-info li { height: 34px; }
	
	.bottom-info { font-size: 11px; margin-top: 10px; text-align: center; }