html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td {
  margin:     0px;
  padding:    0px;    
}

a {
	cursor : pointer;
}

html, body {		
  border:           0; 	 
  background-color: white;
  font-family:      Verdana;
  height:           100%;    
}

html {
	overflow:         auto;
}

body {
	overflow-y:		scroll;
	margin:				0 0 1;
}

#centrador {	
  display:          block;
  width:            850px;  
  clear:            both;    
  margin-left:      auto;
  margin-right:     auto;
  margin-top:       2px;
  margin-bottom:    2px;
  padding:					0px; 
  background-color: white;  
}

#centrador-os {
  
  display:          block;   
  width:            auto;
  clear:            both;
  margin:           0px;  
  height:           7px;  
  background-color: white;     
}

#centrador-oi {  
  display:          block;    
  width:            auto;
  clear:            both;
  margin:           0px;  
  height:           7px;  
  background-color: white;     
}

#centradori {
	width:            auto;
  clear:            both;
  margin-left:      11px;
  margin-right:     0px;  
}

#fotocett {
  display:          block; 
  background:       url(/totcett/images/fotocett.jpg?1) center top repeat-x;  
  width:            623px;
  height:           223px;  
  clear:            left;
  float:            left;      
  background-color: white;
  margin-bottom:    4px;
}

#esquerra {
  display:          block;
  clear:            left;
  float:            left;
  width:            200px;
  margin-top:       10px;
  font-size: 				12px;
}

#dreta {
  display:          block;
  clear:            right;
  float:            right;
  width:            192px;
  margin-top:       10px;
  font-size: 				12px;
}


#principal {
  display:           block;
  float:             left;
  clear:             right;  
  width:						 629px;  
  margin:						 0px;
  margin-top:        6px;
  margin-left:       10px;    
  margin-bottom:     4px;
  background-color:  white;  
}

#fotologin {
	display:          block;  
  width:            auto;
  height:           223px;
  clear:            both;  
  margin-top:       4px;
  margin-bottom:    4px;  
}

#cercalogin {	
	text-align: right;   
  float:      right;  
  clear:      right;
  font-size:  14px;
  margin-top: 6px;
  padding:    4px;  
}

#capcelera {
  display:          block; 
  width:            auto;
  clear:            both;
  margin-top:       4px;
  margin-bottom:    4px;    
}
div#capcelera a {
  color:           black;
  text-decoration: none; 
}

div#capcelera h1 a {
	float: 				left;
	background:   url(/totcett/images/logo.gif) center center no-repeat;
  display:      block;
  width:        263px;
  height:       28px;
  margin-left:  -5px;
  text-indent:  -9999px;
}

div#topnav {		
		float: 				right;
		clear: 				right;			
		bottom: 			0px;
		margin-top:   9px;
		font-weight:	bold;
		font-size:    12px;
}

ul#topnav {
  float:            left;  
  display:          block;
  list-style:       none;     
  text-align:       right;        
}

ul#topnav li {
	float: left;
	clear: right;
}

ul#topnav li a {	
  float:           left;    
  text-align:      center;  
  padding:         1px 10px 1px 10px;
  text-decoration: none;
  border-left:     2px solid black;    
}

ul#topnav li a:hover {
	color:            white;
	background-color: black;
}

ul#topnav li#first a {  
}

ul#topnav li#last a {
	border-right:     2px solid black;
}

div#principal div#titol {
	display:          block;
	width:            100%;
	float:            left;
	clear:            both;
	border-bottom:    1px solid black;
	margin-bottom:    10px;  	
}

div#principal div#titol div#texttitol {	
  float:            left;  
  clear:            right;  	
	font-size:        14px;
	padding:          3px;
	padding-left:     10px;
	padding-right:    10px;
	background-color: black;	
	color:            white;	
}

div.selector_idioma {
  display:          block;
  clear:            left;
  float:            left;
  width:            200px;
  margin-top:       10px;
  font-size: 				12px;
	width: 100%
	background: blue;
	text-align: center;
}

div.selector_idioma ul {
  list-style: none;
	text-align: right;
}

div.selector_idioma li {
	font-color: 		#666;
	float: left;
	clear: right;
  padding:         1px 5px 1px 5px;
  border-left:     1px solid #666;    
}

div.selector_idioma li a{
	text-decoration: none;
	color: #666;
}

div.selector_idioma li a:hover {
	font-weight: bold;
	color: #666;
}

div.selector_idioma li a:visited {
	color: #666;
}

div.selector_idioma li#last {
	border-right:     1px solid #666;
}

span.idioma {
	font-size: 8;
}

span.cett {
  color: #0074a0;
  font-weight:   bold;
}

div.llistat_revista {
	width:         100%;
	float:         left;
  clear:         left;
  margin-bottom: 10px;
  padding-top:   10px;
  border-top:    2px solid;
  font-weight:   bold;
  font-size:     13px;  
}

div.llistat_revista:first-child{
  padding-top:   0;
  border-top:    0;  
}

div.llistat_revista h1 {	
	floar: left;
	color:     #0074a0;
	font-size: 20px;
	padding-bottom: 10px;		    	
}

div.llistat_editar {
	font-size: 14px;
	float:     right;
	clear: 		 right;
}
div.llistat_revista h2 {
	float: none;	
  font-size:   18px;
  font-weight: normal;
}
div.llistat_revista h3 {  
  font-size:   16px;
  font-weight: normal;
}

div.llistat_portada {	
	float:            left;
	width:            150px;
	height:           200px;
	margin-right:     10px;
	margin-bottom:    10px;
	text-align:       center;
}

div.llistat_revista a {
	color:           #666;	
	text-decoration: none;
}

div.llistat_revista a:hover {
	color:           black;	
}

div.llistat_categoria {
	  font-size:       12px;	
		margin-left:	   10px;
		text-align:      left;
		font-weight:     bold;
		text-decoration: none;		
		width: 				   auto;							
}

span.llistat_article {
	  afont-weight:     bold;	  				
}

span.llistat_article a:hover {	
		acolor: 					 black;
    afont-weight:     bold;       
}

div.llistat_peurevista {
	 height:     100%;
	 float:      right;
	 margin-top: 10px;
	 bottom:     0px;	 
}

div.llistat_peurevista a:hover {	 
	 scolor:			 black;
}


div.llistat_revista_titol {
	
  floar: left;
  color:     #0074a0;
  font-size: 19px;
  padding-bottom: 10px;         
	
}

div.llistat_revista_opcions {
	float:right;
	clear:right;
}

div.llistat_revista_data {  
}

div.sumari_categoria {
	font-size: 		  	18;
	font-family:      Verdana;			
	margin:			  		5px;	
	text-decoration:  none;
	color: 			  		black;	
	float:						left;
	clear:						left;	
}

div.sumari_entry {
	padding-left:     20px;
	font-size: 		  	14px;
	font-family:      Verdana;		
	margin:			  		2px;		
	text-decoration:  none;
	color: 			  		#004C68;	
	float:						left;
	clear: 						left;		
}

div.sumari_entry:hover {
	color: 			  	 black;
	font-weight:     bold;	
}

div.sumari_text {	
	align:						center;	
	padding:					1px;
	padding-left: 		10px;
	float:						left;
	clear: 						left;			
}

div.sumari_sinopsis {
	clear:						both;
	color:						#666666;
	padding-left: 		30px;
	padding-bottom:		10px;
	font-size: 				12px;
	font-family:    	Verdana;
	text-align:				justify;
	font-weight: 			bold;
	background-color: white;
}

div.home_seccio {
	display:          block;
	width:            100%;
	float:            left;
	clear:            both;
	border-bottom:    1px solid black;
	margin-bottom:    10px;
	margin-top:    		10px;  	
}

div.home_seccio_text {	
  float:            left;  
  clear:            right;  	
	font-size:        16px;
	padding:          1px;
	padding-left:     10px;
	padding-right:    10px;
	background-color: black;	
	color:            white;	
}

div.home_entry {	
	font-size: 		  	14px;
	font-family:      Verdana;			
	text-decoration:  none;
	color: 			  		#666;	
	float:						left;
	clear: 						left;
	font-weight:      bold;	
	width:						100%;	
}

div.home_entry:hover {
	color: 			  	 black;
	font-weight:     bold;	
}

div.home_text {	
	align:						center;	
	padding:					3px;
	padding-left: 		10px;
	float:						left;
	clear: 						left;	
}

div.home_sinopsis {
	clear:						both;
	color:						#666666;
	padding-left: 		30px;
	padding-bottom:		10px;
	font-size: 				12px;
	font-family:    	Verdana;
	text-align:				justify;
	font-weight: 			bold;
	background-color: white;
}

div.home_sumari {
	font-size: 		  	16px;
	font-family:      Verdana;			
	text-decoration:  none;		
	font-weight:      bold;
	margin-top:				10px;
	width: 						100%;
	text-align:				right;		
}

div.home_sumari a {				
	text-decoration:  none;
	color: 			  		#666;
}

div.home_sumari a:hover {	
	color: black;			
}


div.article_titol {
	clear:					left;
	float:					left;
	font-size: 			12px;
	font-family:    Verdana;
	text-align:     justify;
	margin-right:   10px;	
}
div.article_opcions {
	float:					right;
	clear:					right;
	font-size: 			28px;
	font-family:    Verdana;
	padding:				4px;	
}

div.article_sinopsis {
	clear:          both;
	font-size:			12px;
	font-family:    Verdana;
	color:					#0074A0;
	border-top:			solid 2px black;
	border-bottom:	solid 2px black;
	padding-top:		10px;
	padding-bottom:	10px;
	margin-top:			20px;
	margin-bottom:	20px;
	text-align:			justify;
	width:					100%;		
}

div.article_contingut {
  clear:          both;
	font-size:			10px;
	font-family:    Verdana;		
	text-align:			justify;
}

div.formulari {
	font-size:      10px;
  font-family:    Verdana;    
}

div.formulari_sup td {
	padding: 2px;
	margin:  2px;		
}

div.formulari_sup th {
  text-align:     right;
  vertical-align: top;
  padding:        2px;
  margin:         2px;  
  padding-right:  10px;
}

div#menu_lat {
	font-size: 10px;
}

div#menu_lat h1 {
	clear: left;
	font-size: 12px;  
  font-weight: bold;
}

div#menu_lat ul {
  list-style: none;
}

div#menu_lat li {
	font-weight:   bold;
	color:         #666666;
	padding-left:  12px;
	background:    url(/totcett/images/trimenul.gif?0) left 4px no-repeat;
}

div#menu_lat_top {
	font-size: 10px;
}

div#menu_lat a {
  color:           #666666;
  text-decoration: none; 
}

div#menu_lat a:hover {
  color:           black;
  text-decoration: none; 
}
/*--------------------------------------------------
  Articles
  --------------------------------------------------*/
  
div.article_titol_cerca {
	width:          100%;
	clear:          both;
	font-size:			12px;
	font-family:    Verdana;
	color:					black;
	text-align:			justify;
	margin-top:			8px;
	margin-bottom:	8px;
	width:					100%;
}

div.article_titol_cerca a {
	font-weight:     bold;
  color:           #666;
  text-decoration: none;	
}

div.article_titol_cerca a:hover {
	color: black;
}


div.article_sinopsis_cerca {
	width:          100%;
	clear:          both;	
	font-size:			10px;
	font-family:    Verdana;
	color:					black;
	padding-top:		2px;
	text-align:			justify;
	width:					100%;	
}

ol.article_com {
	padding-top:		10px;
	padding-bottom:	10px;
	list-style-type: none;
	font-size:			8px;
}

ol.article_com li {
	border-top:   	1px solid #999;
	padding:				4px;
	padding-top:		10px;
	padding-bottom:	10px;	
}

ol.article_com li {
	border-top:   	1px solid #999;
	padding:				4px;
	padding-top:		10px;
	padding-bottom:	10px;	
}

ol.article_com li a {
	text-decoration: none;
	color:					 #0074A0;
}

ol.article_com li#last {
	border-bottom:	1px solid #999;	
}

ol.article_com li.article_com_cap {
	margin-top:   	10px;
	border-top:   	5px solid #999;
	boder-bottom: 	1px solid #999;
	text-align:   	justify;
	font-size:			10px;	
}

ol.article_com li:hover{
	background: #CEF2FF;
}

div.article_ulink {
        width:          100%;
        clear:          both;
        font-size:      8px;
        font-family:    Verdana;
        color:          black;
        padding-top:    2px;
		padding-right:  5px;
        text-align:     right;
}

div.article_ulink a {
	text-decoration: none;
	color: black;
}

div.article_ulink a:visited {
	text-decoration: none;
	color: black;
}


/*--------------------------------------------------
	Formularis
	--------------------------------------------------*/

div.formulari_inf {
  margin-top: 10px;  
}
	
.form_ajuda {
	font-family:     Verdana;
	font-size:			 10px;
	color: 					 #0074a0;
	text-decoration: none;	
}

.form_ajuda a {
	color: 					 #0074a0;
	text-decoration: none;
}

.form_ajuda a:hover {
	color: 					 black;
	text-decoration: none;
}

.form_titol {
	font-size:	 		16px;
	font-weight: 		bold;
  vertical-align: top;
  padding: 				10px;	
}

.form_navega {
	width: 						auto;
	font-size:				10px;
	padding:				  2px;
	background-color: #0074a0;
	color: 						white;
}

.form_navega a {
	color: 						white;
	text-decoration:  none;
}

ul.error_list {
	list-style-type: none;
	font-size: 10px;
	color: red;
}

table.form_table th {
	white-space:		nowrap;
	padding:		 		3px;	
	font-size:	 		10px;
	font-weight: 		bold;	
	text-align:  		right;			
}

table.form_table td {
	padding:		 		3px;
	font-size:	 		10px;
	font-weight: 		bold;	
	text-align:  		left;	
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
 
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}