body{
    margin:0px;
    background: #fff;
    font-family:Arial,Verdana,sans-serif;
    color:#444;
    }
a{
    color:#666;
    text-decoration:none;
    font-size:12px;    
    }
a:hover {
/*    color:#3399cc;*/
color:#1f90ef;
    }    
a:focus { 
    outline: 0;    
    }
em{
	color:#000;
	font-style:normal;
}    
img{
    border:0;
    }            
ul, li { 
    list-style:none; 
    list-style-type:none; 
    }    
.ocult{    
    display:none;
    }
	
h3{
    padding:0;
    margin:0 0 5px 0;
	letter-spacing:-1px;
    text-transform:uppercase;
    color:#333;
    font-size:14px;
    margin-top:10px;
    /*border-bottom:1px solid #888;*/
	height:25px;
    }
h3 a{
	font-size:14px;
	color:#666;
	}
h5{
	float:left;
	width:100%;
    padding:0;
    margin:40px 0 10px 0;
	letter-spacing:-1px;
    text-transform:uppercase;
    color:#1f90ef;
    font-size:12px;
    }
.shadow{
 	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc; 
	}	


.notfound{
	float:left;
	width:50%;
	padding:30px 50px 10px 50px;
	border:1px solid #999;
	background:#B3DAFC;
	-webkit-box-shadow: 0px 0px 1px 1px #ccc;
	-moz-box-shadow: 0px 0px 1px 1px #ccc;
	box-shadow: 0px 0px 1px 1px #ccc; 	
	
	}
.notfound h1{
	font-size:38px;
	text-shadow: 1px 1px 1px #ddd;
	margin-bottom:0;
	color:#666666;
	filter: dropshadow(color=#ddd, offx=1, offy=1); 	
	}
.notfound p{ margin-top:0; 	text-shadow: 1px 1px 1px #ddd;}		
.notfound div.link{ margin-top:100px; float:left;}	
.notfound a{ color:#1f90ef; }
.notfound a:hover{ text-decoration:underline; }
.notfound span{ font-size:10px; color:#666; margin:0 10px; position:relative; top:-2px;}

/* ---- passos per la compra on line ----*/	
ul.mark{
	float:left;
	width:auto;
	margin:0;
	padding:0;
	}
ul.mark li{ 
	float:left;
	width:auto;
	color:#999;	
	text-align:left;	
	font-size:.8em;
	color:#d0d0d0;
	margin:0 20px 0 0 ;
	}	
ul.mark li.act{
	color:#1f90ef;
	}     
#lateral{
	float:right;
	width:230px;
	border:0;
	}
#lateral a.banner{
    float:right;
    width:230px;
    height:auto;
    margin-bottom:10px;
    border:1px solid #ccc;
	margin-right:0;
	clear:both;
    }        
#lateral.info{
	float:right;
	width:230px;
	margin-top:92px;
	background:#eee;
	font-size:11px;
	padding:10px;
	line-height:1.4em;
    } 
#lateral p a{
	font-weight:bold;
	}   	        
#lateral ul li{
    list-style-type: circle;
    margin:0 0 3px 0;
    padding:0;
	} 
#lateral ul li a{
	border:0;
	padding:0;
	margin:2px 0 0 0;
	}  
.bannerSuperior{
    margin-bottom:20px;
    border:1px solid #ccc;
    }                
.gradient_a{
	background: #f5f5f5;
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #e0e0e0), color-stop(0.7, #f1f1f1));
	background: -moz-linear-gradient(bottom, #e5e5e5, #f1f1f1 70%);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e0e0e0');
    border:1px solid #e5e5e5;
	}    
.gradient_b{	
	background: #f5f5f5;
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #ddd), color-stop(0.3, #f1f1f1));
	background: -moz-linear-gradient(bottom, #ddd, #f1f1f1 30%);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#dddddd');
    border:1px solid #d0d0d0; 		
	}
.gradient_c{
	background: #f5f5f5;
    border:1px solid #e5e5e5;
	}    
.gradient_d{
	background: #333;
   	border:1px solid #333;
	color:#ccc;
	}    
.gradient_e{
	background: #ebffd2;
    border:1px solid #c6e4a3;
	}    

hr.separa{
	margin:50px 0;
	height:0px;
	border-top:1px solid #000;
	border-bottom:1px solid #666;	
	}


#listCat{
	float:left;
	width:100%;
	}
#listCat ul{
	float:left;
	width:650px;
	margin:0;
	padding:10px;
	background:#e5e5e5;
	}	
#listCat ul li{
	float:left;
	width:45%;
	margin:5px 0 5px 0px;
	}		

#listCat ul li input{
	float:left;
	width:auto;
	margin:3px 10px 0 0;
	font-weight:bold;
	}		
#listCat ul li label{
	float:left;
	width:auto;
	cursor:pointer;	
	padding:0;
	margin:0;
	font-weight:bold;
	}		

	
/* =========================== */	
#paraules{
	position:absolute;
	top:20%;
	background:#fff;
	width:400px;
	height:300px;
	border:1px solid #999;
	padding:0px;
	z-index:1000;
	}
#paraules h4{
	font-weight:bold;
	font-size:15px;
	margin:0;
	padding:20px;
	background:#f3f3f3;
	width:360px;
	cursor:move;
	border-bottom:1px solid #999;
	padding-bottom:20px;
	background: #b8e1fc; /* old browsers */
	background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* ie */	
	}
#close{
	position:absolute;
	right:20px;
	top:17px;
	cursor:pointer;
	font-weight:bolder;
	border:1px solid #90bff0;
	padding:0px 8px 3px;
	}
#close:hover{
	background: #f6f8f9; /* old browsers */
	background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* ie */
 	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999; 		
	}
#pdades{
	width:360px;
	height:200px;
	padding:20px;
	overflow:auto;
	}

ul#social{
	float:right;
	width:auto;
	margin:8px 0 0 0;
	}
ul#social li{
	float:left;
	width:auto;
	margin:0 0 0 10px;
	font-size:12px;
	line-height:1.3em;
	color:#999;
	}	
ul#social li span{
	float:left;
	width:1px;
	margin:0 0 0 4px;
	}	
.social{
	float:right;
	width:14px;	
	height:14px;		
	margin:0 0 0 10px;
	text-indent:-10000px;
	}
.fac{
	background:url(../img/facebook.gif);
	}	
.twi{
	width:12px;	
	height:16px;	
	background:url(../img/twitter.gif);
	}	
span.separa{
	float:left;
	width:1px;
	height:15px;
	background:url(../img/separa.gif);
	}	
.fons{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#000;
	}
.nota{
    left: 50%;
	top:50%;
    margin-left: -410px;
    margin-top: -25px;	
    position: absolute;
	padding:40px;
	font-size:16px;
    width: 820px !important;
	height:50px;
	border:1px solid #555;
	background:#eee;
 	-moz-box-shadow: 0 1px 3px #666;
	-webkit-box-shadow: 0 0 2px #666;
	box-shadow: 0 0 2px #666; 		
	z-index:1000;
	}	
.nota a{
	font-size:15px;
	color:#1f90ef;
	}		
/* =========================== */	


.shadowbox{
 	-moz-box-shadow: 0 1px 3px #666;
	-webkit-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999; 	

	}
.roundedbox { 
    -webkit-border-radius:4px; 
    -moz-border-radius:4px; 
    border-radius:4px; 
    }
.roundedbox2 { 
    -webkit-border-radius:2px; 
    -moz-border-radius:2px; 
    border-radius:2px; 
    }    
.roundedbox12 { 
    -webkit-border-radius:12px; 
    -moz-border-radius:12px; 
    border-radius:12px; 
    }    
    
.roundedbottom{
    -webkit-border-bottom-right-radius:4px; 
    -webkit-border-bottom-left-radius:4px; 
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-bottomleft:4px;  
    border-bottom-right-radius:4px; 
    border-bottom-left-radius:4px; 
    }
	
.roundedtop{
    -webkit-border-top-right-radius:4px; 
    -webkit-border-top-left-radius:4px; 
    -moz-border-radius-topright:4px;
    -moz-border-radius-topleft:4px;  
    border-top-right-radius:4px; 
    border-top-left-radius:4px; 
    }	    

   
#fletxa {
	position:absolute;
	bottom:-11px;
	left:25%;
	width:20px;
	height:11px;
	background:url('../img/fletxa2.png') no-repeat;
	
	}   
#msg_recorda{
    position:relative;
	background:#fff;
    top:0px;
	bottom:0px;
    display:block;
    }   	
#msg{
    position:absolute;
	background:#fff;
    top:0px;
	bottom:0px;
    display:block;
    }   	
#msglog{
    background:#f0e2b1;
    padding:10px 20px;
    position:absolute;
    width:auto;
    left:0;
    white-space: nowrap;
    text-shadow: 0 1px 1px white;
    color: #7F5401;   
    -moz-box-shadow: 0 0 5px #111;
    -webkit-box-shadow: 0 0 5px #111;
    box-shadow: 0 0 5px #111;    
background: -moz-linear-gradient(top, #F0E2B1 0%, #E7D07F 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0E2B1), color-stop(100%,#E7D07F)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0E2B1', endColorstr='#E7D07F',GradientType=0 ); /* ie */
border:1px solid #cdb664;  
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;    
    font-size:13px;
    top:20px;
	
    }   
.error {
    background       : #f1d5d5 url(../admin/img/Block.png) no-repeat 11px 11px;
    color            : #666;
	border			 : 1px solid #cc0000;
    text-indent      : 40px;
    margin           : 0 auto;
    padding          : 1em;
    }
.notice { 
	background		: #EAF7D9 url(../admin/img/s_success.png) no-repeat 15px 16px; 
	color			: #666;
	border			: 1px solid #afd184;
	text-indent		: 30px;
    margin           : 0 0 10px 0;
    padding          : 1.0em;
    text-align       : left;       
	} 
#logon{
    position:absolute;
    left:0;
    right:0;
    top:0;
    }
#conexio{
	background:#222;
	background: -moz-linear-gradient(top, #333333 0%,  #222222 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000), color-stop(100%,#222222));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );
	border-bottom:1px solid #000;
    }
#iniciar{
	float:right;
	position:relative;
	width:480px;
    }
#actLogin{
    height:60px;
	position:relative;
    background:#222;
    border-top:1px solid #333;
    }    
div.mostrar{
    float:right;
	width:auto;
    margin:18px 0 0 0;
    height:32px;
    color:#ccc;
    font-size:12px;
    }
div.mostrar a#desc{
	background:#000;
	padding:4px 10px;
	color:#ccc;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 	
	}
div.mostrar a#desc:hover{
	background:#cc0000;
	}
a.registre{
	position:relative;
	left:635px;
	top:0;
	font-size:13px;
	color: #7f4920;
	border: solid 1px #b75f1d;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7bb58), to(#f47a20));
	background: -moz-linear-gradient(top,  #f7bb58,  #f47a20 70%);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bb58', endColorstr='#f47a20');
	text-shadow:0px 1px 1px #f1a267;	
	}
a.registrat{
	left:5px;
	color:#7f4920 !important; 
	}	
a.registre:hover {
	color:#723200;
	text-shadow:0px 1px 1px #f1a267;	
	background: #f47c20;	
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}
a.registre:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#f7bb58));
	background: -moz-linear-gradient(top,  #f47a20,  #f7bb58);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#f7bb58');
	}	
a.registrat{
	left:5px;
	color:#7f4920;
	}
#init{
	position:relative;
	top:-5px;
	}
a.inisessio{
	position:relative;
	left:885px;
	top:0;
	font-size:13px;
	color: #fff;
	border: solid 1px #222;
	}
a.inisessio:hover{
	border: solid 1px #2e2e2e;
	background:#2e2e2e;
	text-shadow:0px 1px 1px #000;		
	}
a#recordar{
    float:left;
    margin:22px 0 0 0px;
	color:#666;
	text-shadow: 0 1px 1px black; 	
	}	
a#recordar:hover{
	color:#1f90ef;
	}
div.init{
	float:right;
	z-index:100;
    position:relative;
	top:10px;
	padding:5px 0;
	width:100%;
	margin:0px;
    color:#ccc;
    font-size:12px;	
	}
div.welcomeuser{
	float:right;
	z-index:100;
    position:relative;
	top:-10px;
	background:url(../img/menu_login.png) no-repeat right 5px;
	padding:5px 25px 5px 10px;
	width:auto;
	min-width:80px;
	margin:15px 0 10px 0;
    color:#ccc;
    font-size:12px;	
    border:1px solid #ddd;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    border-radius:4px;	    
    cursor:pointer;
    background-color:#ddd;	
     color:#000;
	}
div.welcomeact{
	z-index:100;
    position:relative;
    color:#000;
	background-color:#ddd;	
	border:1px solid #ddd;
	/*
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:0px solid #333;	
	*/
    -moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;	
						
	}
div.welcomeuser ul.opcions{
	width:100%;
	margin:10px 0 5px 0; 
	padding:0;	
	}
div.welcomeuser ul.opcions li{
	margin:0;
	padding:0;
	}	
div.welcomeuser ul.opcions li a{
	float:left;
	width:100%;
	margin:4px 0 4px 0;
	color:#666;
	}	
div.welcomeuser ul.opcions li a:hover{
	color:#1f90ef;
	}	
#conexio label{
    color:#eee;
    }
#login a:hover {    
    color:#222;
    }    
fieldset{
	width:480px;
    margin:0px auto; 
    padding:70px 0px 20px 0px; 
	border:0;
    }
.block{
	float:left; 
	width:668px; 
	margin:10px 0 0 0; 
	padding:20px 20px 10px 20px;
	}
.block .entrada{
	width:440px;
	}	
.block.cont{
	width:450px; 
	margin-right:0;
	}
.block .cont .entrada{
	width:440px;
	}		
.separador_camps{
	float:left;
	width:100%;
	margin:20px 0 0 0 ;
	height:0px;
	border-top:1px solid #bbb;
	border-bottom:1px solid #fff;	
	}		
.entrada, .prefixe{
	float: left;
	width: auto;
	margin: 0;
	border: 1px solid #bbb;
	padding	: 5px; 
	font-size: 1.0em;		
	color: #444444;
	clear: both;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	}
select.entrada{
	width:100%;
	}	
.log{
	float:left;
	width:155px;
	clear:none;
	margin-right:10px;
	color:#000;
	font:bold 15px Arial, Verdana;
	z-index:10;
	}
.label{
	position:absolute;
	width:auto;
	color:#cdcdcd;
	font-weight:bold;
	z-index:100;
	}
#userLabel{
	top:76px;
	left:10px;
	}
#passLabel{
	top:76px;
	left:200px;
	}	
.entrada[readonly], .prefixe{
	background:#edfdff;
	}	
.entrada:focus{
	border				: 1px solid #467c9e;
	box-shadow			: #36a2ea 0 0 5px;
	-webkit-box-shadow  : #36a2ea 0 0 5px;
	-moz-box-shadow	    : #36a2ea 0 0 5px;
	border-color 	    : #5c90b3;
	}
textarea.entrada{
	font-family:Arial, Helvetica, sans-serif;
	width:340px;
	}	
select.entrada{
	font-size:.9em;
	}
label{
	float 		:left;
	width 		:100%;
	margin 		:10px 0 0 0;
	padding 	:5px 0px;
	color 		:#666;
	}		





/* ----  fi botons ----- */


.boto.cancel:hover {
    background:#990000;
    }    
a.logout{
    position:absolute;
    top:8px; 
    left:0;
    text-transform:none;
    color:#999;
    background:#212121;
    padding:3px 15px;
    -webkit-border-radius:3px; 
    -moz-border-radius:3px;
    border-radius:3px;    
    }    


a.logout_marc:hover{text-decoration:underline;} 

a.logout_marc{
		font-size:12px;
		color:#1f90ef;
		font-weight:bold;
		font-variant:small-caps
    }  



/*		Botons Generals		*/
.botons{
	float:right;
	width:auto;
	margin:15px 0 5px 0;
	cursor:pointer;		
	padding:4px 15px;
	font-size:13px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    border-radius:4px;  	
	color:#1d85d8;
	font-weight:bold;
	border:1px solid #8BC8F9;
	background: #8BC8F9; /* old browsers */
	background: -moz-linear-gradient(bottom, #8BC8F9 0%, #cbebff 100%, #B3DAFC 100%); /* firefox */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#8BC8F9), color-stop(100%,#cbebff), color-stop(100%,#B3DAFC)); /* webkit */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbebff', endColorstr='#8BC8F9');		
	text-shadow:0px 1px 1px #FFFFFF;
	}
.botons:hover{
	background: -moz-linear-gradient(bottom, #7fc3ff 0%, #b3dafc 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #b3dafc), color-stop(1, #7fc3ff));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fc3ff', endColorstr='#b3dafc');	
	}
.botons:active{
	background: -moz-linear-gradient(bottom, #b3dafc 0%, #b3dafc 100%);
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #b3dafc), color-stop(0.4, #b3dafc));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3dafc', endColorstr='#b3dafc');		
	}	
.acces {
	float:left;
	margin-top:0px;
	padding:7px 15px 6px;
	}
.boto {
	display: inline-block;
	outline: none;
	cursor: pointer;
	margin:0;
	height:14px;
	text-align: center;
	text-decoration: none;
	font:bold 12px/100% Arial, Helvetica, sans-serif;
	padding:6px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
		

.esq{
	float:left;
	}
	
/* -------------------------------------------- Principals    */        
#capcelera{
    position:relative;
    height:70px;
    *margin-top:30px;
    margin-bottom:30px;
    z-index:1;
    }
#content.container{
    position:relative;
    }
#contingut{
    float:left;
    width:100%;
    margin:0;
    padding:0px;
    }    
#logo{
    margin:10px 0 0 0;
    }

#principal{
	font:13px/18px Arial, Helvetica, sans-serif;
	}
#principal h4{	
	font-size:13px;
	}


/* -------------------------------------------- Menu    */    
ul#menu{
    position:absolute;
    z-index:10;
    top:0px;
    right:0px;
    width:auto;
    padding:0;
   	border: solid 1px #555;
    }
ul#menu li{
    float:left;
    padding:0px;
    margin:0px;
    }       
ul#menu li a{
	float:left;
	width:110px;
	text-align:center;
	padding:8px 0 10px 0;
    text-decoration:none;
    font-size:.8em;
	letter-spacing:-1px;
	color: #fff;
    margin:0;  	
    border-right: solid 1px #555;
	background: #888;
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #888888), color-stop(0.5, #666666), color-stop(0.5, #777777), color-stop(1, #999999));
	background: -moz-linear-gradient(bottom, #888, #666 50%, #777 25%, #999);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#666666');
	text-shadow:0px 1px 1px #FFFFFF;
	}
ul#menu li a.last{
	 border-right: 0px;
	} 
ul#menu li a:hover {
	color:#fff;
	background: #555;
	background: -webkit-gradient( linear, left bottom, left top,  color-stop(0, #666), color-stop(0.5, #444), color-stop(0.5, #555), color-stop(1, #777));
	background: -moz-linear-gradient(bottom, #555, #333 50%, #444 25%, #666);	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444');
	}
ul#menu li a:active, ul#menu li a.act {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#555));
	background: -moz-linear-gradient(top,  #000,  #555);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#555555');
	}
	    
    



/* --------------------------------------------    Mes vistos */
ul#mesvistos{
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
    }
ul#mesvistos li{
    float:left;
    width:345px;
    padding:0px;
	margin-left:.0;
	margin-bottom:10px;	
    font-size:0.8em;
    background:#fff;
    border:1px solid #e5e5e5;
    }
ul#mesvistos li:hover {
 	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc; 

	border:1px solid #ccc;     

    }
ul#mesvistos li div.serie{
	float:left;
	width:325px;
	background:#f5f5f5;
	font-weight:bold;  
	padding:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
	}    
ul#mesvistos li:hover div.serie{
	border-bottom:1px solid #ccc;
	}   	
ul#mesvistos li div.serie span{
    font-style:italic;
     color:#999;
     font-weight:normal;
	}
ul#mesvistos li a{
    float:left;
    width:120px;
    margin:0 0 10px 10px;
    }        
ul#mesvistos li a img{
    float:left;
    width:120px;
    height:120px;
    }    
ul#mesvistos li .info{
	position:relative;
    float:left;
    width:195px;
    height:120px;
    margin:0 0 0 10px;
    }

ul#mesvistos li .info a.video{
	float:left;
	width:auto;
    font-size:1em;
    color:#666;
    font-weight:bold;
    margin-top:0;
    margin-bottom:4px;
    margin-left:0;    

    }    
ul#mesvistos li .info a.video:hover {    
    color:#1f90ef;
    }
ul#mesvistos li .info a.ponent {
    float: left;
	width:auto;
    color:#999;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    font-size:.9em;    
    color:#999;
    margin-top:0px;
    margin-left:0;    
    }
ul#mesvistos li div.info a.ponent:hover {
    color:#1f90ef;
    }    
ul#mesvistos li .info a.cat{
    position:absolute;
	width:auto;
    bottom:0;
    left:0;
    font-size:0.9em;
	padding:2px 6px;
	color:#555;
	text-transform:normal;
	font-weight:bold;
	font-weight:normal;
	border:1px solid #96cdfc;
	background:#b3dafc;
	margin:0;
    }
ul#mesvistos li .info a.cat:hover {
    color:#3484c6;
    }
ul#mesvistos li div.mesdades{
    float:left; 
    width:100%;
    margin:0;     
    padding:5px 0;
    display:block;
    }    
ul#mesvistos li div.estrella{
    float:left; 
    width:auto;
    height:19px;
    font-size:0.8em;
    color:#999;
    margin:0 0 0 20px;
    padding:2px 0 0 15px; 
    }
ul#mesvistos li div.temps{
    float:left;
    width:auto;
    font-size:0.8em;
    padding:2px 0 0 0;
    color:#999;
    }        





/* --------------------------------------------    Llistat de series per categories o presenters */
.bloc{
    position:relative;
    float:left;
    padding-bottom:10px;
    margin:10px 0 0 0;  
    /*
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999; 	  
	*/
	border:1px solid #ddd;
	background:#f5f5f5;
    }
.bloc:hover{    
	background:#eee;
	border:1px solid #ccc;	
	}


/*MARC*/

.titol {
    width:670px;
    height:55px;
    margin:10px 0 0 0;
    }    


.titol a img  {

   height:48px;

   width:48px;    }      

img.pdf_logo{

  position:relative;

  width:16px;

  top: 5px;

  left:0px;

   

}

a.pdf {

  position:absolute;

  top:0px;

  left: 0px;

}

div.div_pdf{

  position:absolute;

  top: 5px;

  right:40px;

  width:140px;

}

span.div_pdf_title{

  position:relative;

  top: 0px;

  left:20px;

  font-size:12px;

  font-weight:bold;
}

.titol img {

   float:left;

   width:50px;

   margin:0 0 0 10px

   }  
       

 
.titol h3{

   float:left;

   width:510px;

   cursor:pointer;

   font-size:1.0em;

   margin: 0 0 0px 10px;

    border-bottom:0px solid #ccc;

   text-transform:none;

   padding:0;
   }


.titol h3 span{

    position:absolute;

    right:10px;

    top:10px;

    color:#ddd;

    font-weight:bold;

    text-align:center;

    height:20px;   

    width:20px;

    color:#999;

    font-size:18px;
    }  


.titol a{

   float:left;

   width:620px;    

   color:#898989;

   margin: 1px 0 0px 10px;

   font-size:13px;

   font-style:italic;

   width: auto;

   position:relative;
   }  

/*marc*/
          
.titol a:hover {
    color:#1f90ef;
    }    
.next, .prev {
    position: absolute; 
    right: 5px;  
    bottom: 0; 
    top: 45%; 
    width: 22px; 
    height: 22px; 
    background: url(../img/next.png) no-repeat; 
    z-index: 20; 
    overflow: hidden; 
    text-indent: -9999px; 
    outline: none; 
    cursor: pointer;
	}
.prev {
    background: url(../img/prev.png) no-repeat; 
    right: auto; 
    left: 5px;
	}
.prev-disable, .next-disable{ 
	background:none;
	}    
.gallery {
    left:0px; 
    clear:both; 
    float:left; 
    width: 708px;
    position:relative; 
    padding-bottom:45px;
    }
ul.paging{
    position:absolute; 
    bottom:5px; 
    left:45px; 
    margin:0; 
    padding:0;
    }
ul.paging li{
    float:left; 
    margin:0 10px 0 0;
    }    
ul.paging li a{
    float:left; 
    padding:0 5px; 
    text-indent:-5000px;
     background:url(../img/punt.gif) no-repeat;
    }    
.paging li a.active {
    background:url(../img/punt.gif) no-repeat 0 -20px;
	}
.gallery .holder {
    width: 648px; 
    position: relative; 
    left:30px; 
    top:0px; 
    margin:0; 
    padding:0; 
    overflow: hidden; 
    z-index: 2;
	}
.gallery .holder ul {
    margin: 0; 
    padding: 0; 
    list-style: none; 
    width: 30000px;
	}
.gallery .holder ul li {
    float: left; 
    width: 240px; 
    padding: 0 1px 1px 0;
	}
.gallery .holder ul li p{
    padding: 0 0 0 10px; 
    margin:0; 
    color:#ccc;
	}
.gallery .holder ul li img { 
	display: block; 
	}
.gallery-fade { 
	width: 240px; 
	}
.gallery-fade .holder ul {
	width: 100%; height: 180px;
	}
.gallery-fade .holder ul li {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 180px;
	}    
ul#list{
    float:left; 
    position:relative; 
    z-index:0;
    }
ul#list li{
    float:left; 
    width:140px; 
    height:225px;  
    padding:10px; 
    margin:10px 0px 10px 0; 
    font-size:0.8em; 
	border:1px solid #f5f5f5;
    }    
.bloc:hover ul#list li{
	border:1px solid #eee;
	}   
.bloc:hover ul#list li:hover, ul#list li.act{
	border:1px solid #ccc;
	background: #e5e5e5; /* old browsers */
	/*
	background: -moz-linear-gradient(top, #ffffff 0%, #EDEDED 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#EDEDED));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EDEDED',GradientType=0 );
	*/
    }
ul#list li img{
    float:left; 
    width:130px; 
    height:120px; 
    margin:5px 0 0 5px;
    }
ul#list li p{
    float:left; 
    width:125px; 
    margin:5px 0 0 5px; 
    padding:0;  
    color:#333;
    }
ul#list li a{
    font-size:11px;   
    color:#1f90ef; 
    }    
ul#list li div.temps{
    float:left; 
    padding:0; 
    margin:10px 5px 0 5px; 
    color:#999; 
    font-size:0.9em;
    }

.mis{
	float:left;
	width:100%;
	background-color:#666666;
	}    
.missatge{
	float:left; 
	margin:20px;
	padding:50px 20px; 
	width:628px;
	font-size:16px;
	}
.missatge:first-child{
	margin-bottom:0px;
	}	    
.missatge a.access{
	margin-left:5px;
	color:#fff;
	font-size:13px;
	}
.missatge a:hover{
	}	
    
    
/* --------------------------------------------    Noticies */
.right{ 
	float:right;
    }
ul#noticies{
    float:left;
    width:100%;
    margin:0 0 20px 0;
    padding:0px;
    }
ul#noticies li{
    float:left;
    width:100%;
    display:block;
    cursor:pointer;
    margin:0;
    padding:10px 0 10px 0;
    font-weight:bold;    
        border-bottom:1px dotted #ccc;
    }    
ul#noticies li a{
    float:left;
	width:auto;
    margin:10px 0 0 0;
    color:#666;
    }    
ul#noticies li:hover a{
    color:#1f90ef;
    }        
ul#noticies li a:first-child{
	margin:0;
	}
ul#noticies li div.cal{
	float:left;
	border:1px solid #ddd;
	background:#fff;
	width:auto;
	padding:0;
	margin:0 10px 0 0px;
	}
ul#noticies li:hover div.cal{
	border:1px solid #bbb;
	}
ul#noticies li:hover div.cal span.mes{
	background: #e0e0e0; /* old browsers */
	background:#b3dafc,7p340pw;
	}
ul#noticies li div.cal span.day{
	float:left;
	width:20px;
	font-size:11px;
	padding:10px 4px ;
	margin:0;
	color:#666;
	text-align:center;
	border-right:1px solid #ddd;	
	}

ul#noticies li div.cal span.mes{
	float:left;
	width:30px;
	padding:10px 5px 9px;
	margin:0;
	color:#666;
    -webkit-border-top-right-radius:4px; 
    -webkit-border-bottom-right-radius:4px; 
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px;  
    border-bottom-right-radius:4px; 
    border-top-right-radius:4px;	
	font-size:12px;
	text-transform:uppercase;
	text-align:center;		
	background: #f5f5f5; /* old browsers */
	}    
ul#noticies li div.cal span.any{
	float:left;
	width:25px;
	clear:left;
	background:#cc9999;
	padding:0px 5px 0 5px;
	margin:0;
	font-size:10px;
	text-align:center;		
	}   
h4{
	float:left;
	width:100%;
	font-size:16px;
	}	 
h4 span{
	float:left;
	width:100%;
	color:#888;
	font-size:14px;
	font-weight:normal;
	}
.news{
	float:left;
	width:668px;
	padding:20px;
	margin:0;
	}

.news img{
	margin:0;

	}

    
/* --------------------------------------------    Categories */        



ul.cats{
    float:left;
    width:100%; 
    margin:0px;
    padding:0px;
    }    
ul.cats li{
    float:left;
	width:auto;
    padding:0;
    margin:0 0 10px 0;
	background-image:url(../img/Arrow.png);
	background-repeat:no-repeat;
	background-position: 315px 20px;
    }
ul.cats li.primer{
    margin-right:10px;
	}
ul.cats li.esp{
    background:#e1f2fa;
    }    
ul.cats a{
    float:left;
    width:325px;
    letter-spacing:-1px;
    padding:20px 10px;
    font-size:14px;
    font-weight:bold;
    margin:0;  
    color:#666; 
    text-shadow:0px 1px 1px #fff;    
    }    
.activat, .activat2{
	background:#b3dafc;
    border:1px solid #fff;
 	-moz-box-shadow: 0 0 5px #899fb4;
	-webkit-box-shadow: 0 0 5px #bfdfff;
	box-shadow: 0 0 5px #bfdfff; 	
	}
ul.cats li.activat{    
	background:#b3dafc url(../img/Arrow.png) no-repeat 315px -51px;
    }	

       
/* --------------------------------------------    ponentes */
ul#ponentes{
    float:left;
    width:100%;
    margin:10px 0 0 0;
    padding:0px;
    }   
ul#ponentes li{	
	float:left;
	width:100%;
	margin:0;
	padding:0;
	}	
ul#ponentes li h4{	
	float:left;
    color:#666; 
    text-shadow:0px 1px 1px #fff;    
	padding:16px 0px 16px 10px;
    margin:0 0 10px 0;
	letter-spacing:-1px;
	font-size:14px;
    width:698px;
	background:#f5f5f5 url(../img/Arrow_v.png) no-repeat 675px 18px;
    cursor:pointer; 	
	}	   
ul#ponentes li h4.activat, ul#ponentes li h4.activat2{
	background:#b3dafc url(../img/Arrow_v.png) no-repeat 675px -13px;
	}	 

ul#ponentes li div.inf a img{
	float:left; 
    width:125px;
	margin:4px 0 0 0;
    }   
ul#ponentes li div.inf div.texte{
	float:right;
	background:#fff;
	padding:0;
    color:#555;
    margin:0 0 20px 0;	
	}    
ul#ponentes li div.inf div.texte p{
	margin:0;
	padding:0;
	}
a.links{
    float:right;
    width:auto;
    clear:both;
    margin:30px 0 0 0;
    }  	
a.links:hover{
	color:#1f90ef;
    }  		




    


/* --------------------------------------------    Peu de pàgina */       
#peu{
    position:relative;
    width:100%;
    float:left;
    top:20px;
    padding:15px 0;
    margin:40px 0 20px 0;
    font-size:13px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;    
    }
#subpeu{
	float:left;
	width:100%;
	}
#subpeu a{
	font-size:11px;
	color:#1f90ef;
	}  
#subpeu a:hover{text-decoration:underline;} 
#subpeu p{
	float:right; width:auto; font-size:11px; margin-top:5px; color:#777;
	}
#peu h3 a{
    font-size:0.8em;
    }    
#peu h3 a:hover {
    color:#1f90ef;
    }        
#peu span a{    
    float:left;
    color:#444;
    width:100px;
    background:url(../img/mini_logo.png) no-repeat 0 0;
    text-transform:uppercase;
    text-indent:-5000px;
    height:22px;
    margin-bottom:5px;
    font-size:1.0em;
    }
#peu span a:hover {    
    background:url(../img/mini_logo.png) no-repeat 0 -22px;
    }        
#peu .txtpeu{
     line-height:1.5em; 
     float:left; width:auto; 
     clear:both; 
     margin-bottom:40px; 
     color:#999;
    }  
#peu ul.categories{	
	float:right;
    width:490px;
    margin:0;
    padding:0 0 0 15px;
    }
#peu ul.categories li{
    float:left;
    list-style-type:circle;
    width:225px;
    padding:2px 0;
    margin-right:20px;
    } 
	
   
#peu ul.categories li a{
	float:left;
    color:#999;
    width:100%;
    display:block;
    font-size:11px;
    }    
#peu ul.categories li a:hover {
    color:#1f90ef;
    }    

.catpeu{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;  
	width:auto; 
	float:left; 
	padding:0 0 0 20px;
	}            
.catpeu h3{
	margin-top:0;
	border-bottom:0px;
	}
ul.menpeu{
	width:220px;; 
	float:left; 
	padding:0 0 0 20px;
	margin:5px 0 0 0;
	}            
ul.menpeu li{
	float:left;
	width:100%;
	display:block;
	margin:0;
	padding:0;
	}	
ul.menpeu li h3{
	margin:0;
	border-bottom:0px;
	padding:0;
	}
ul.menpeu li h3 a{
	float:left;
	width:100%;
	display:block;
	padding:5px;
	}	








form p{
	color:#cc0000;
	padding-top:3px;
	padding-left:0px;
	clear:both;
/*	background: url(../img/error.jpeg) no-repeat 0px 5px;*/
	}
.spinner {
	position: absolute;
	left:0;
	right:0;
	}
.spinner-msg {
	text-align		: center;
	font-weight		: bold;
	}	
.spinner-img {
	background		: url(../img/loading_spinner.gif) no-repeat;
	width			: 43px;
	height			: 43px;
	}	

/* =========================== */	
	
#paraules{
	position:absolute;
	top:20%;
	background:#fff;
	width:400px;
	height:300px;
	border:1px solid #999;
	padding:0px;
	z-index:1000;
 	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999; 	
	}
#paraules h4{
	font-weight:bold;
	font-size:15px;
	margin:0;
	padding:20px;
	background:#f3f3f3;
	width:360px;
	cursor:move;
	border-bottom:1px solid #999;
	padding-bottom:20px;
	background: #b8e1fc; /* old browsers */
	background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* ie */	
	}
#close{
	position:absolute;
	right:20px;
	top:17px;
	text-align:center;
	background:#90bae4;
	cursor:pointer;
	font-weight:bolder;
	border:1px solid #7aa5d1;
	padding:0px 8px 3px;
	}
#close:hover{
	background: #f6f8f9; /* old browsers */
	background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* ie */
 	-moz-box-shadow: 0 0 5px #999;
	
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999; 		
	}
#pdades{
	width:360px;
	height:200px;
	padding:20px;
	overflow:auto;
	}
div.pay {
	float:left;
	width:100%;
	}
div.pay div{
	float:left;
	width:100%;
	padding:10px 0;
	border-bottom:1px dotted #c5c5c5;
	}
div.pay div span{
	float:left;
	width:25%;
	font-weight:bold;
	margin:0 10px 0 0;
	}	
/* =========================== */


.container_invoice{
	margin:20px auto;
	width:990px;
}
.invoice {
	float:left;
	width:950px;
	background-color: #D6D7D7;
	color: #85898B;
	padding: 20px;
	margin-top:20px;
}
.invoice-vettv-addr {
	float: right;
	font-weight: bold;
}
.invoice h2 {
	margin: 0 0 0 10px;
	font-size: 14px;
	font-weight: bold;
}
.invoice h3 {
	margin: 0 0 0 10px;
	font-size: 12px;
	font-style: italic;
}
.invoice p {
	margin: 0 0 0 5px;
	font-size: 12px;
}
table.invoice-box {
	border: 4px solid #989A9C;
	margin: 0 0 10px 0;
	background-color: #ffffff;
}
table.invoice-box td{
	padding: 10px;
	vertical-align: top;
}

ul.factures{
	margin-top:50px;
	margin-bottom:50px;	
}

ul.factures li{
	margin-top:10px;
}


dl{
	float:left;
	width:645px;
	}
dt{
	float:left;
	width:150px;
	padding:0;
	font-weight:bolder;
	}
dd{
	margin-bottom:10px;	
	font-size:17px;	
	}
.tabs {
    height: 33px;
    margin: 0;
}
.tabs li {
	cursor: pointer;
    position:relative;
    float: right;
    margin: 0 10px 0 5px;
    text-align: center;
}
.tabs li.tab {
	background: rgb(253,253,253);
	background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(241,241,241,1)));
	background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(241,241,241,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f1f1',GradientType=0 );
	background: linear-gradient(top, rgba(253,253,253,1) 0%,rgba(241,241,241,1) 100%);
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;        
    border: 1px solid #ccc;
    border-bottom:0;
    color: #999;
    height: 24px;
    padding: 8px 0 0;
    width: 150px;
}
.tabs LI.first {
   float: left;
   margin: 0;
}
.tabs LI.selected {
	font-weight:bold;
    height: 25px;
    color:#555;
}
.tabs LI.selected.code {
	background: rgb(253,253,253);
	background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(241,241,241,1)));
	background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(241,241,241,1) 100%);
	background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(241,241,241,1) 100%);
	background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(241,241,241,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f1f1',GradientType=0 );
	background: linear-gradient(top, rgba(253,253,253,1) 0%,rgba(241,241,241,1) 100%);
}

.tabcontent	{
    background: #F4F5F5;
    display: none;
    margin: 
}
.tabcontent IFRAME	{
    min-height: 500px;
    width: 100%;
}
.tabcontent .block {
   margin: -1px 0 0;    
}
.tabcontent.selected	{
   display: block;
}