* { font-family: Tahoma, Verdana; color: #666666; font-size:14px; margin: 0px; }


	/* hide from ie on mac \*/
	html {
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	
	#flashcontent {
		height: 95%;
	}

	#flashcontent2 {
		height: 5%;
	}

	#htmlcontent {
		height: 91%;
		min-width: 500px;
		max-width: 800px;
		margin: auto;			
		padding: 1% 15% 1% 15%;
		overflow: auto;
	}

	/* end hide */

	body {
		height: 100%;
		margin: 0;
		padding: 0;
	}



a, a:link { font-size: 16px; text-decoration: none; color: #AA3377; }
a:hover { color: #000066;  text-decoration: underline; }
a:visited { color: #444444; }

a h3 { font-size:14px; color:#3355DD; background: #EEEEEE; width: 100%: text-decoration: none; }
a:hover h3{ color: #000066;  text-decoration: underline; }
a:visited h3 { color: #444444; }


h1, 
h1 a, 
h1 a:visited,
h1 a:hover
{ font-size:21px; color:#AAA;  text-decoration: underline }



h2, h2 a { font-size:18px; color:#3355DD; background: #EEEEEE; width: 100%:  }
h3, h3 a { font-size:14px; color:#3355DD; background: #EEEEEE; width: 100%:  }



p { color: #097688;  font-size: 15px;  display: block;  text-align: justify; font-style: normal; }

body { background: #FFFFFF;
	   font-size:12pt;
}

b {  font-weight: bold;
     font-size: 15 px;
     color: #666699; 
     display: inline;
}


	#imagenPrincipal {		
		height: 200px;
		overflow:hidden;
		position: absolute;
		left:40px;
		bottom: 30px;
		z-index: -1;
	}	

	#imagenPrincipal img{		
		width: 200px;
		text-align: center;
		align: center;
		z-index: -1;
		v-align: middle;
		position: relative;
		bottom: 0px;
	}	


	#logo {		
		position: absolute;
		left:20px;
		bottom: 50px;
		width: 30%;
		height: 30%;
	}	

	.idiomas {		
		position: absolute;
		top: 25px;
		left:70px;
		padding: 3px;
		background: #DDD;
	}
	
	.idiomas a {
		font-size: 85%;
		font style: italic;
	}


	.nav {				
		border: 10px solid #FFE; 
		position: absolute;
		width: 18%;
		height: 35%;
		min-width: 70px;
		top: 95px; 
		left: 00px; 
		background: #FFF;			
	}

	 ul { 
		list-style-type: none;
		width: 70%;
		height: 100%;
		margin: 1em;
		margin-left: 0px;				
	 }	
 	 .nav li a {
		display: block;
		background: #EEE;
		padding: 5px 5px 5px 5px;
		margin-bottom: 5px;
	 }

	.nav li a:hover { 
		background: #FFF; 
		border: 1px solid #AAF;
	}	



#content {
	position: relative;
	top: 5px;
	align: right;
	float: right;
	width: 80%;
	height: 81%; /* importante para mantener el contenido */ 
	min-width: 500px;
	background: #eee;
	overflow: auto;
}


	.header  {
		position: relative;
		float: left;
		background: #eee;
		/* border: 1px solid #FFEEEE; */
		height: 60px;		
		text-align: center;
		padding: 1%;
		margin: auto;
		width: 100%;
		align: center;
		display: block;
	}

	.header h1 {
		padding-top: 6px:
		padding-bottom: 2px;
	}

	.footer {
		position: absolute;		
		text-align: left;
		color: blue;
		bottom:0px;
		width: 100%;
		background: #AAA;				
	}
	.footer div a {	font-size: 10px; }
	.footer div { 		
		background:   url("img/br.jpg");
		margin-left: 10px;
	}
	



.section {
	min-width: 500px;
}

.text {
	padding: 2em;
	width: 70%;
	margin: auto;	
	background: #FFF;
}

	
	.article
	{
		width: 18%;
		height: 295px;
		border: 1px solid #FFAAEE;
		float: left;
		align: center;
		text-align: center;
		background: #feFfFf;
		overflow: hidden;
		margin: 4px;
	}
	
	

	.article2
	{
		width: 23%;
		height: 300px;
		border: 1px solid #FFAAEE;
		float: left;			
		align: center;
		text-align: center;
		background: #feFfFf;
		overflow: hidden;
		margin: 5px;
	}
	

		.article div h3, .article2 div h3  {
			height: 35px;
			padding: 2px;
			margin: 2px;
		}
	
		.caratula {	
			height: 125px;
			overflow:hidden;
		}
	
		.caratula img {		 
			padding: 1% 1% 1% 1%; 
			margin:  1% 1% 1% 1%; 
			width: 140px;
			text-align: center;
			align: center;
			border: 1px solid #EEE;
		}
		
		
		.info {		
			height: 90px;
			display: block;
			color: #3355DD;
			font-size: 85%;
			padding: 3px;
			overflow: auto;
		}
	
		
		.info2 {		
/*			height: 35px;  */
			display: block;
			color: #3355DD;
			font-size: 85%;
			padding: 3px;
			background: #FFE;
/*			overflow: auto; */
		}
		
.news {text-decoration:blink}

		.tema,
		.tipus,
		.autor,
		.isbn,
		.editorial,
		.pags {
			align: left;
			font-size: 75%;
		}
		.tema  { color: darkslategray; text-align: right; padding-right: 10px; }
		.autor { color: orange; margin-top: 5px;}
		.tipus { color: darkred; 	font-size: 65%; }
	
.hseparator {
	height: 1%;
	display: block;
}







.input-textarea,
.input-linea {
	color:#3355DD;
	text-align: left;
	padding: 4px;
	margin: 4px;
}

.input-linea {	
	width: 300px;
	hieght: 40px;
}
.input-textarea {
	width: 400px;
	height:150px;
}