/* @override 
	http://fuerapapel.desarrollo/assets/css/fuerapapel-userSites.css
	http://www.fuerapapel.com/assets/css/fuerapapel-userSites.css
*/

/**
 * fuerapapel-userSites
 * -----------------------------------------------------------------
 *
 * author:               Alcaraz & Estevez Consultores
 * projectId:            
 * version:              0.1
 * revision:             $Rev: 17184 $
 * creation date:        14-06-2010
 * modification date:    $Date: 2010-12-01 18:21:55 +0000 (Wed, 01 Dec 2010) $
 * description:          
 * notes:                
 *
 * -----------------------------------------------------------------
 *
 *	general page structure
 *	----------------------------
 *
 *		div#wrapper
 *		|
 *		|__div#header
 *		|	|
 *		|	|__#branding
 *		|	|	|
 *		|	|	|__h1
 *		|	|	|
 *		|	|	|__.secondaryLogo
 *		|	|
 *		|	|__#siteDescription
 *		|		|
 *		|		|__ul **
 *		|
 *		|
 *		|__ul#nav
 *		|
 *		|__div#contents
 *		|	|
 *		|	|__#tab0
 *		|	|
 *		|	|__#tab1
 *		|	|
 *		|	|__#tabN
 *		|
 *		|__div#footer
 *		|
 *		|__#globalFooter
 *
 *
 *	**: optional
 *
 * -----------------------------------------------------------------
 *
 *	index:
 *	----------------------------
 *
 *	- imports
 *	- generics
 *	- utilityClasses
 *	
 *	- pageStructure
 *		- wrapper
 *		- header
 *		- contents
 *		- nav
 *		- footer
 *		- other
 *	
 *
 *
 */



/* @group imports
-------------------------------------------------------------------------------------------*/
@import url("/assets/css/reset.min.css");
@import url("/assets/css/jquery-ui-1.8.custom.css");
@import url("/assets/css/jquery.fancybox-1.3.1.css");

/* @end */




/* @group generics
-------------------------------------------------------------------------------------------*/

html, body{ height: auto; }

body
{
	color: #000;
	background: #fff;
	font: 62.5% arial, helvetica, sans-serif; /* sets font to 10px */
}

a
{
	color: #000;
	background-color: inherit;
	text-decoration: underline;
}

a:hover{ color: #2593bb; background-color: inherit; }

address{ font-style: normal; }

acronym, abbr
{
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

strong{ font-weight: 700; }

em { font-style: normal; }

p{ margin-bottom: 1em; }

input[type=text],
input[type=password],
textarea
{
	border: solid 1px #ccc;
	color: #666;
	background: #fff;
}

input[type=text].error,
input[type=password].error,
textarea.error
{
	border: solid 1px red;
}
	
input[type=text]:focus,
input[type=password]:focus,
textarea:focus
{
	border: solid 1px #2593bb;
	color: #000;
	background: #fff;
}

p.error, span.error{ color: red; }

input[type=submit]{ cursor: pointer; }

textarea{ overflow: auto; }

label[for*="ubmit"]{ height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }

label.error
{
	display: block;
	color: red !important;
	font-weight: normal !important;
}

sup, sub
{
	font-size: 80%;
	position: relative;
	display: inline-block;
	padding: 0 .12em;
}

sup{ top: -.5em; }

sub{ bottom: -.5em; }

.vcard, .vcard a
{
	color: #a26d16;
	background-color: inherit;
}

.vcard .fn, .vcard .org{ text-transform: uppercase; }

.vcard dt
{
	float: left;
	margin-right: .5em;
}

p img { padding: 0; max-width: 100%; }

a img { border: none; }

small
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}

code { font-family: 'Courier New', Courier, Fixed; }

/* @end */




/* @group utilityClasses
-------------------------------------------------------------------------------------------*/
.block{ display: block; }
.inline{ display: inline; }

.clearL{ clear: left; }
.clearR{ clear: right; }
.clear{ clear: both; }

.floatL	{float: left;}
.floatR	{float: right;}
.floatN	{float: none;}
.definetelyNoFloat	{float: none !important;}

.centeredFloatingChilds { margin: auto; overflow: auto; max-width: 80%; }
.centeredFloatingChilds li.twoCols { width: 40%; }

.l{ text-align: left; }
.r{ text-align: right; }
.c, .center{ text-align: center; }

.mt{ margin-top: 1em; }
.mb{ margin-bottom: 1em; }

p.error, .warn{ color: red; background-color: inherit; }

.highlight { color: #009900; background-color: inherit; }

input.error,
textarea.error,
select.error{ border: solid 1px red !important; }

.highlightBlock{ color: inherit; background-color: #e5e2e2; }

.h, .hidden, .hiddenLang
{
	/*display: none !important;*/
		
	/*
 	* els principals screen readers (JAWS, Window Eyes i IBM Home Page Reader)
 	* no llegeixen els elements amb un display:none o visibility:hidden, encara
 	* que el css estigui destinat a medis visuals (@media: screen), ignorant la
 	* especificació oficial...
 	*/
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
}

.errorPopUp
{
	position: absolute;
	top: 40%;
	left: 50%;
	width: 60%;
	max-width: 600px;
	margin-left: -30%;
	z-index: 20;
	cursor: pointer;
}

.errorPopUp .ui-state-error, .errorPopUp .ui-state-highlight{ padding: 1.5em; font-size: 1.3em; }
.errorPopUp .ui-state-error p, .errorPopUp .ui-state-highlight p{ margin-bottom: 0; }
.errorPopUp .ui-icon{ float: left; margin-right: .3em; }

.even, .alt{ border-left: 1px solid #ddd; }

span.required { color: red !important;}


	/* @group images
	------------------*/
	img.centered
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	img.alignright
	{
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
	}

	img.alignleft
	{
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
	}

	.alignright { float: right; }
	.alignleft { float: left; }
	
	/* @end */

/* @end */



/* @group pageStructure
-------------------------------------------------------------------------------------------*/
html, body{ height: 100%; }
body{ color: #333; background: #b0b0b0 url(/assets/images/userSites/bg.jpg) repeat-x top; }


	/* @group wrapper
	---------------------------------------------------------------------------------------*/
	#wrapper
	{
		position: relative;
		width: 978px;
		min-height: 100%;
		height: auto !important;
		margin: 10px auto -6em; /* margin-bottom == footer height */
		z-index: 1;
	}
	
	* html #wrapper{ height: 100%; }
	
	/* @end */
	
	
	
	/* @group header
	---------------------------------------------------------------------------------------*/
	#header {
	
	}
	
	#branding {
		overflow: hidden;
		height: 112px;
	}
	
	#branding h1 {
		float: left;
		height: 100%;
		width: 35%;
		background-repeat: no-repeat;
		background-position: top left;
		text-indent: -999em;
	}
	
	#branding h1 a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	#branding .secondaryLogo {
		float: right;
		height: 100%;
	}
	
	#siteDescription {
		clear: both;
		padding: 14px;
		margin-top: 2px;
		color: #fff;
		background: #444;
		text-transform: uppercase;
		font-size: 3em;
		line-height: 42px;
	}
	
	#siteDescription ul {
		position: relative;
		padding: 0 5px;
	}
	
	#siteDescription li {
		width: 100%;
		padding-top: 8px;
	}
	
	
	/*body.jsfixed */
	#siteDescription {
		height: 42px;
		overflow: hidden;
	}
	
	body.jsfixed #siteDescription li {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	
	
	/* @end */
	
	
	
	
	/* @group contents
	---------------------------------------------------------------------------------------*/
	#contentsWrapper,
	#contents,
	#contents > div
	{ position: relative; }

	#contentsWrapper {
		overflow: hidden;
		width: 978px;
	}

	#contents {
		overflow: auto;
	}

	#contentsWrapper,
	#contentsWrapper #contents { height: 644px; }

	#contentsWrapper .contentPanel,  /* IE fix */
	#contentsWrapper #contents > div
	{
		float: left;
		width: 930px;
		height: 624px;
		padding: 10px 24px;
		overflow: auto;
		font-size: 1.2em;
		line-height: 1.4em;
		background: #fff;
	}
	
	/* @end */
	
	
	
	
	/* @group nav
	---------------------------------------------------------------------------------------*/
	#nav {
		clear: both;
		overflow: auto;
		margin: 12px 0;
	}
	
	#nav li {
		float: left;
		margin-right: 10px;
	}
	
	#nav a {
		display: block;
		padding: 15px 30px;
		font-size: 1.4em;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		background-color: #444;
	}
	
	/* @end */
	
	
	
	
	/* @group footer
	---------------------------------------------------------------------------------------*/
	#footer {
		clear: both;
		overflow: auto;
		padding: .7em 1.5em;
		font-size: .9em;
	}
	
	#footer, #footer a {
		color: #fff;
		background: #444;
	}
	
	#footer a { text-decoration: none; }
	
	#footer ul { float: right; }
	
	#footer li { float: left; }
	
	#footer li:before {
		float: left;
		display: block;
		padding-right: 10px;
		content: "·";
	}
	
	#footer li:first-child:before { content: ""; }
	
	/* @end */
	
	
	/* @group globalFooter
	---------------------------------------------------------------------------------------*/
	.clearFooter{ height: 6em; clear: both; }
	
	.clearFooter{ border: none; padding: 0; margin: 0; }
	
	
	#globalFooter {
		position: relative;
		height: 2em;
		margin-top: 4em;
		padding: .2em 2em;
		color: #fff;
		background: rgba(0, 0, 0, 0.5);
		overflow: hidden;
		position: relative;
		z-index: 1;
	}
	
	#globalFooter a { text-decoration: none; color: #fff; }
	
	#powered {
		float: right;
		display: block;
		width: 92px;
		height: 14px;
		margin-top: 3px;
		color: inherit;
		background: transparent url(/assets/images/logos/fueraPapel-smallLogo.png) no-repeat !important;
		text-indent: -900em;
	}
	
	#copyright {
		line-height: 2em;
		margin: 0;
		float: left;
		
		height: 0 !important;
		width: 0 !important;
		overflow: hidden !important;
		position: absolute !important;
	}
	
	
	/* @end */

/* @end */


/* @group pages (content panels)
-------------------------------------------------------------------------------------------*/

	/* @group home
	---------------------------------------------------------------------------------------*/
	.home {
		width: 978px !important;
		height: 644px !important;
		padding: 0 !important;
		background: transparent !important;
	}
	
	.home .lCol,
	.home .rCol,
	.home .mainCol {
		float: left;
		position: relative;
		height: 448px;
		padding-top: 12px;
		background: #fff;
	}
	
	.home .colWrapper {
		overflow: auto;
	}
		
		/* @group mainCol
		-----------------------------------------------------------------------------------*/
		.home .mainCol {
			width: 506px;
			margin: 0 9px;
			overflow: hidden;
			background: #ccc;
		}
		
		.home .mainCol .publicationCover {
			display: block;
			width: 292px;
			margin: 0 auto;
			padding: 0;
		}
		
		#publicationInfoOverlay {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 470px;
			padding: 12px 18px 10px;
			text-align: right;
			color: #fff;
			background: rgba(0, 0, 0, 0.7);
		}
		
		#publicationInfoOverlay h2 {
			border-bottom: solid 1px #fff;
			padding: 0 18px .4em;
			margin: 0 -18px .6em;
			font-weight: bold;
		}
		
		#publicationInfoOverlay a {
			color: #fff;
			background: transparent;
		}
		
		#publicationInfoOverlay .btn {
			padding: .2em 1.6em;
			color: #fff;
			background: #808080 url(/assets/images/userSites/btnMarker.png) no-repeat right center;
			border: solid 2px #fff;
			text-decoration: none;
			font-weight: bold;
		}
		
		#publicationInfoOverlay .btn:hover {
			background-color: #2593bb;
		}
		
		/* @end */
		
		
		/* @group lCol
		-----------------------------------------------------------------------------------*/
		.home .lCol {
			width: 169px;
			padding-left: 20px;
			padding-right: 38px;
			overflow: auto;
			color: #000;
			background: #fff;
		}
		
		.home .lCol h2 {
			font-weight: normal;
			font-size: 2.3em;
			line-height: 1em;
			margin-bottom: .5em;
		}
		
		/* @end */


		/* @group rCol
		-----------------------------------------------------------------------------------*/
		.home .rCol {
			width: 170px;
			padding-left: 28px;
			padding-right: 28px;
			overflow: auto;
			color: #454445;
			background: #fff;
			
		}
		
		.home .rCol h2 {
			font-weight: bold;
			font-size: 1.3em;
			line-height: 1.4em;
			margin-bottom: .3em;
		}
		
		.home .rCol p + h2 {
			margin-top: 2em;
		}
		
		/* @end */
		
		
		/* @group publicationsList
		-----------------------------------------------------------------------------------*/
		#publicationsList {
			clear: both;
			margin-top: 6px;
			height: 170px;
			overflow: hidden;
		}
		
		#publicationsListData {
			width: 900px;
			margin: 0 auto;
			overflow: hidden;
		}
		
		#publicationsListData li {
			float: left;
			margin-right: 5px;
		}
		
		/* @end */
		
	/* @end */
	
	
/* @end */




/* @group other
-------------------------------------------------------------------------------------------*/
#bgDecorator {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 376px;
	background: url(/assets/images/userSites/bgDecorator.png) no-repeat bottom;
}

.formContainer {
	width: 530px;
	margin: 72px auto 1em;
}

.formContainer form { margin-bottom: 2.5em; }

.formContainer li {
	overflow: auto;
	clear: both;
	padding: .4em;
}

.formContainer p {
	font-size: .9em;
}

.formContainer legend {
	font-weight: bold;
	padding-bottom: 1em;
}

.formContainer label {
	display: block;
	float: left;
	width: 24%;
	padding-right: 12px;
	text-align: right;
}

.formContainer textarea,
.formContainer input.text,
.formContainer input[type=text] {
	float: left;
	width: 72%;
	border: solid 1px #bfbfbf;
}

.formContainer input[type=text]:focus,
.formContainer input[type=password]:focus,
.formContainer textarea:focus {
	border: solid 1px #2593bb;
	color: #000;
	background: #fff;
}

.legalCb label {
	text-align: left;
	width: 70%;
	
}

.legalCb input {
	float: left;
	margin-left: 22%;
	
}

.formContainer #fSubmit,
.formContainer #fCSubmit {
	padding: .2em 1.6em;
	color: #fff;
	background: #808080 url(/assets/images/userSites/btnMarker.png) no-repeat right center;
	border: solid 2px #fff;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	
	-moz-box-shadow: 3px 3px 4px #aaa;
	-webkit-box-shadow: 3px 3px 4px #aaa;
	box-shadow: 3px 3px 4px #aaa;
}
		
.formContainer #fSubmit:hover,
.formContainer #fCSubmit:hover { background-color: #2593bb; }

.formContainer .btnContainer {
	text-align: right;
	padding: 10px;
}


#additionalInfo { display: none; }

.fbContent {
	padding: .5em;
	font-size: 1.2em;
}

.fbContent h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #444;
	background-color: transparent;
	margin-bottom: .5em;
}



.multiLang { position: relative; }

.multiLang .langSelector {
	position: absolute;
	right: -6em;
	top: 2em;
	border-left: solid 1px #dedede;
	padding: 10px 0 30px;
}

.multiLang .langSelector li {
	cursor: pointer;
	padding: 0 1em;
	margin-bottom: 3px;
	color: #fff;
	background: #ccc;
}

/* @end */