body.inicial{
	margin-top: 	150px;
	background-color: black;
	color: white;
	text-align: center;
}
body.inicial div{
	margin-top: 50px;
}
body.inicial div a{
	margin: 20px;
}
a img { 
	border: none;
}
div.menuLateral{
	position: absolute;
	top: 75px;
	left: 0px;
	padding-top: 	20px ;
    	width:	129px;
	background-color: gray;
	color: white;
	background-image:url('./_Recursos/Grafics/FonsBotonera.gif');
	background-repeat: repeat-y;	
}

div.menuLateral div{
	visibility: visible;	
	text-align: left; 
	background-repeat:no-repeat;
}

div.menuLateral div a.botoPRItxt, a.botoNORtxt, a.botoSUBtxt{
	color: white;
    	font-family:   	"COMIC SANS MS",arial,sans-serif;
    	font-weight: 	bold;
    	text-decoration:none ;
    	text-align: 	left; 
	visibility: 	visible;
}
div.menuLateral div a.botoPRItxt, a.botoNORtxt{
    	font-size: 	13px;
}

div.menuLateral div  a.botoSUBtxt{
    	font-size: 	12px;
}

div.menuLateral div.DIVSeparador{
	height:40px;
}

div.menuLateral div.botoSUBllum{
	background-image:url('./_Recursos/Grafics/botoSUBllum.gif');
	height:20px;
	padding-left:22px;	
}
div.menuLateral div.botoSUBrepos{
	background-image:url('./_Recursos/Grafics/botoSUBrepos.gif');
	height:20px;
	padding-left:22px;	
}
div.menuLateral div.botoNORllum{
	background-image:url('./_Recursos/Grafics/botoNORllum.gif');
	height:26px;
	padding-left:8px;		
}
div.menuLateral div.botoNORrepos{
	background-image:url('./_Recursos/Grafics/botoNORrepos.gif');
	height:26px;
	padding-left:8px;	
}
div.menuLateral div.botoPRIrepos{
	background-image:url('./_Recursos/Grafics/botoPRIrepos.gif');
	height:26px;
	padding-left:8px;	
}
div.menuLateral div.botoPRIobert{
	background-image:url('./_Recursos/Grafics/botoPRIobert.gif');
	height:26px;
	padding-left:8px;	
}

div.menuLateral div a.botoPRItxt:hover{ 	
    	color:#00FF00;
}
div.menuLateral div a.botoNORtxt:hover{ 	
    	color:#00FF00;
}
div.menuLateral div a.botoSUBtxt:hover{ 	
    	color:#FFD000;
}

span.superiorAnagrama{
	position: absolute;
	top: 0px;
	left: 0px;
    	width:	540px;
    	height: 75px;
	background-image: url('./_Recursos/Grafics/anagrama.gif');
	background-repeat:no-repeat;
	background-color: white;    	
	visibility:visible;
}
span.superiorIdiomes{
	position: absolute;
	top: 0px;
	left: 540px;	
    	height: 75px;
    	visibility:visible;
	background-color: white;    	
}
span.superiorIdiomes .idioma{
	position: relative;
	top:20px;
}
body.dreta{
	background-image:url('./_Recursos/Grafics/FonsBotonera.gif');
	background-repeat: repeat-y;
	background-color: white;
	text-align: 	justify;
	font-size: 	100%;
}
body.RespostaTPV{
	background-color: #F2F2F2;
	text-align: 	justify;
	font-size: 	100%;
}
body.ajuda{
	background-color: #F2F2F2;
	text-align: 	justify;
	font-size: 	100%;
}
div.cosVirtual{
	margin-left: 130px;
	margin-top:  76px ;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 10px;			
}
div.contingut{
	position: relative;
	top:0px;
	left: 0px;
	padding:  3%;
	background-color: #F2F2F2;
	color: black;
	border: solid 1px #CACACA ;	
	font-family : arial,sans-serif,verdana;
	font-size: 	90%;
	width: 93%;
}
div.contingut img.fotodecoracio{
	float:right;
	display:inline;
	margin-left:   20px;
}
img.fotodecoracio2{
	float:left;
	display:inline;
	margin-right:   20px;
}

div.contingut div.fotodecorcentre{
	text-align: center;
}
div.contingut div.fotodecorcentre img{
	padding-left: 10px;
	padding-right: 10px;
}

div.contingut div.BlocCaratules{
	position: relative;
	height: 520px;
}
div.contingut div.BlocCaratules img.imgPetita {
	display: block;
	margin-left: 4%;
	padding: 3px;
	margin-bottom: 4px;
	border: none;
}

div.contingut div.BlocCaratules img.imgGran {
	position: absolute;
	top:   0px;
	left:  0px;
	margin-left: 27%;
}

p {text-indent: 1em; }
h1, h2, h3 ,h4 { 
	font-family : arial,sans-serif,verdana;  
	color : #008800;
}
h1{font-size: 140%}
h2{font-size: 100%}
h3{font-size: 100%}
h4{font-size: 90%}
table.confirmaEx input.confirmar {	
	visibility:hidden;
}
table.confirmaEx input {
	font-size: 100%;
	font-weight: bold ;
	padding-right:20px;
	padding-left: 20px;
}
input.quantitat {
	border: inset 2px ; 
	text-align: right ;
}
input.client {
	border: inset 2px; 
	text-align: left;
}

input.PaisNom{
	border: groove 2px;
	text-align: left ; 
	font-weight: bold ; 
	font-stretch: expanded;
}
input.preu{
	border: none;
	text-align: right; 
	font-weight: bold;
}
input.total{
	border: groove 2px;
	text-align: right ; 
	font-weight: bold ; 
	font-stretch: expanded;
}
input.missatge{
	border: groove 2px;
	text-align: center; 
	height: 30px;
	font-size: 18px;
	font-weight: bold; 
	font-stretch: expanded;
	visibility:visible;	
}

.confirmaEx {
	line-height: 	100%;
	width:	     	100%;
	font-family: 	arial,sans-serif,verdana;
	font-size: 	90% ;
	background-color: #C0C0C0; 
	border-color: 	green ; 
	border: 	2px; 
	border-style: 	groove ;
}
td.mitjans {
     padding-right: 5px; 
     padding-left: 5px; 
     padding-top:5px;
     padding-bottom:5px;
     text-align:center;
  }
td.mitjans p {
     text-indent: 0px;
     font-weight: bold;
     font-size:85%;
     padding-bottom:0px;
     text-align:center;
     margin-bottom:0px;
 }

table.comandaInput{
	border-collapse: collapse;
	line-height: 	100%;
	width:	     	100%;
	font-size: 90% ;
	font-family :	arial,sans-serif,verdana;
}
textarea{
	font-size: 90% ;
	font-family :	arial,sans-serif,verdana;
}
table.factura{
	border-style: 	solid;

}
table.ticket{	
	border-style: 	none;
}

table.factura, table.ticket{	
	border-color:   black;	
	border: 	2px;
	font-size:      80%;
	font-family :	arial;
	width:		600px;
}

table.factura td.bloc,table.ticket td.bloc{
	border-color:   #666666;
	background-color: #FFFFFF;
	padding-left:     5px;
	padding-right:    5px;	
	border-style: 	  solid;
	border: 	  1px;
}
table.factura td.numFT,table.ticket td.numFT {
	font-size:     120%;
	font-weight:   bold;
}
table.factura table.interior, table.ticket table.interior{
	border-style: 	none;
	width:	     	600px;
	border-collapse: collapse;
}
table.interior tr.inicidades td,table.interior tr.dades td,table.interior tr.finaldades td{
	border-style: 	dashed;
	border: 	1px;
	border-color:   #AAAAAA;
}
table.factura table.interior tr.inicidades td,table.ticket table.interior tr.inicidades td{
	border-top:	none;
	border-left:	none;
	border-right:   none;
}
table.factura table.interior tr.dades td, table.ticket table.interior tr.dades td{
	border-top:	none;
	border-bottom:	none;	
}
table.factura table.interior tr.finaldades td,table.ticket table.interior tr.finaldades td{
	border-bottom:	none;	
	border-left:	none;
	border-right:   none;
}


table.total {
	border:  	 none;
	border-collapse: collapse;
	margin-top: 	 1em;
	margin-bottom: 	 1em;	
	width:		100%;
}


table.total td{	
	text-align:     center;
	border-color:   #AAAAAA;
	border-width: 	 1px;
}

table.total thead td.totalfact {	
	border:  	 none;
}
table.total tbody td.totalfact {
	border:  	 solid;
}

table.factura table tr.general td, table.ticket table tr.general td{
	border:	none;	
}
table.factura table tr.totals td.ttt, table.ticket table tr.totals td.ttt{
 	border: none;
	padding-left: 20px;
	padding-right: 20px;	
}

table.factura table.titol, table.ticket table.titol{
	font-size:      150%;
	width: 100%;
}
table.factura table.peu,table.ticket table.peu {
	width: 100%;
}
table.factura table.peu td, table.ticket table.peu td{
	text-align:     center;
	font-size:      90%;
}
table.comandaConfirma{
	line-height: 	100%;
	width:	     	100%;
	font-size: 80% ;
	font-family :	"Courier new",monospace, arial;
}
table.general{
	line-height: 	100%;
	width:	     	80%;
	font-size: 90%;
	font-family :	arial,sans-serif,verdana;
	margin-left: 10%;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px; 
	border-style: groove ;
	border-collapse: collapse;
}
table.general td, table.general th {
	padding-left:  10px;
	padding-right: 10px;
	border-bottom: 1px;
	border-bottom-style: dashed;
	text-align: left;
}


table.comandaConfirma td{
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	text-align: left;
}
table th.xifra{
	text-align: right;
}
table th.centra{
	text-align: center;
}
table td.xifra{
	text-align: right;
}
table td.centra{
	text-align: center;
}
table.comandaConfirma hr{
	width:100%;
	height:1px;
}
table.comandaInput td{
	margin: 0px;
	border-style: none;
	border-width: 0px;
}

table tr.pijama1{
	background-color: #E0FFE0;
}
table tr.pijama2{
	background-color: #F2F2F2;
}
table tr.pijamab1{
	background-color: #FFD0D0;
}
table tr.pijamab2{
	background-color: #FFF0F0;
}

table.comandaInput tr.pijama1 input.preu{
	background-color: #E0FFE0;
}
table.comandaInput tr.pijama2 input.preu{
	background-color: #F2F2F2;
}


table.confirmaEx td{
	text-align:center;
}
table.general2{
	width:	     	90%;
	margin: 	5%;
	font-size: 90%;
	font-family :	arial,sans-serif,verdana;
	background-color: white;   
	border: solid;
	border-width:1px;
	border-color: #BBBBBB;	
	border-collapse: collapse;
}
table.general2 caption {
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
	border-width: 1px;
}
table.general2 td {
	border: solid;
	border-width: 1px;
	border-color: #BBBBBB;	
	background-color: white; 
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
table.general2 td.titol{
	font-weight: bold;
	color: black;	
}
table.general2 td.dades{
	color: green;
}
.notaComandaInput,.notaPeu, .notaDalt{
	font-size: 90%;
	font-style: normal;
	color: green;

}
.notaComandaInput{
	padding-bottom: 1em;
	text-align: left;	
}
p.notaDalt{
	text-align: left;
	text-indent: 0px;
	padding-left: 1em;
	padding-right: 1em;
}
a.notaDalt{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-top: 2px;
	color: blue;
	border: solid;
	border-width: 1px;
	border-color: #BBBBBB;
	background-color:#FCFCFC;	
}
.obli{
	color: red ;
	font-size: 130%;
	font-weight: bold;
	text-align: right;
}

div.tincAlert,div.tincAlert2, div.tincAlert3  {
	position: relative;
	cursor: help;
}
div.tincAlert div.textBase{
	text-align: center;
}

div.tincAlert .textBase{
	font-style: italic;
	color: #9F0000;
	text-decoration:underline;
}

div.textAlert , div.textAlert2,div.textAlert3{
	position: absolute;
	padding: 0.5em;
	border: 2px solid #9F0000;
	background-color: #FFDFDF;
	color: black;
	visibility: hidden;
	width: 15em;
	text-align: left; 
}
div.textAlert{
	top: -1em;
	right: 100%;
}
div.textAlert2{
	bottom: 0em;
	right: 100%;
}
div.textAlert3{
	bottom: 0em;
	left: 10em;
	width: 4em;
}


div.tincAlert .textAlert .data{
	text-indent: 0em;
	text-align: center;
	font-weight: bold;
}

div.tincAlert3 div.textMassaLlarg{
	color: #FF5050;
	}

div.faq,div.biblio,div.enllas,div.producte,blockquote,table.general{
	background-color: #E8FFE8;   
	border: solid 1px;
	border-color: #BBBBBB;			
}

blockquote{
	margin: 2%;
	padding: 2%;
	width: 91%;	
}
blockquote p.textCita{
        margin-bottom: 0px;
}
blockquote p.autorCita{
	text-decoration:none;
	text-align:	right;
	font-weight: 	bold;
        margin-top: 	0px;
}
div.producte{
	height:   150px;
	margin-top: 1em;
	padding: 2%;
	width: 95%;		
}
div.producte img.foto{
	float:left;
	margin-right:   10px;
}
div.producte div.descripcio h4{
	margin-top: 20px;	
}
div.producte div.descripcio {
	padding-right: 20px;
}
div.producte div.descripcio p.durada {
	text-indent: 0em;
	font-size: 85%;
	color: #008800;	
}

div.linksHoritzontals{
	margin-top:    1em;
	margin-bottom: 1em;
	text-align:	center;
}
div.linksHoritzontals a{
	margin-left: 	10px;
	margin-right: 	10px;
}

div.enllas{
	margin-top: 15px;
	padding: 2%;
	width: 95%;		
}
div.enllas h4{
	margin-bottom:0px;
}
div.enllas span.idiomes{
	margin-left:	3em;
	font-size: 80%;
	font-style: italic;
	color: green;	
}
div.enllas div.descripcio{
	margin-top:	1ex;
}
div.enllas div.descripcio a{
	float:left;
	margin-right: 10px;		
}
div.enllas div.descripcio p{
	margin-top:0px;
	text-indent: 0px;
}

div.biblio{
	margin: 5px;
	padding-left: 15px ;
	padding-right:15px;
	padding-top:   5px ;
	padding-bottom:5px;

	width: 91%;	
}
div.biblio p{
	margin:0px;
	text-indent: 0px;
}
div.biblio p.llibre{
	font-size: 100%;	
	font-weight: 	bold;
	color:black;
}
div.biblio p.autor{
	padding-left: 50px;
	font-size: 80%;	
	color:#008800;
}
div.biblio p.editorial{
	padding-left: 50px;
	font-size: 80%;
	color:black;
}
div.faq{
	margin-top: 10px;
	padding: 2%;
	width: 95%;	
}
div.faq p{
	margin:0px;
}
div.faq p.pregunta{
	font-size: 100%;	
	font-weight: 	bold;
	color:green;
}
div.faq p.resposta{
	font-size: 100%;	
	color:black;
}
div.signatura{
	text-align: center;
	font-size: 70%;
	color:black;	
	margin-top: 50px;
	margin-bottom: 20px;
}

div.signatura{
	text-align: center;
	font-size: 70%;
	color:black;	
	margin-top: 50px;
	margin-bottom: 20px;
}
p.saltPagina { 
	page-break-after: always; 
} 		


div.promocioPetit {
	position: absolute;
	z-index: 3;
	top: 65px;
	left: 40px;
	background-image:url('./_Recursos/Grafics/promocio.gif');
	background-repeat:no-repeat;
  padding-top:18px;	
	width: 130px;
	height:65px;
  font-size: 	13px;
  font-weight: 	bold;
  font-family:   	"COMIC SANS MS",arial,sans-serif;
  text-align: center; 
 	color: black;
  visibility: 	visible;
  
}


div.promocioGran {
	position: absolute;
	top: 100px;
	left: 190px;
	background-image:url('./_Recursos/Grafics/promocio_gran.gif');
	background-repeat:no-repeat;
	padding-top:15px;
	padding-bottom:15px;
	padding-right:20px;
	padding-left:70px;
	height:181px;
	width: 471px;
  font-size: 	22px;
  text-decoration:none; 
  font-family:   	"COMIC SANS MS",arial,sans-serif;
 	color: black;	
  visibility: 	hidden; 		
}
div.promocioGran td{
	padding-top:6px;
	padding-bottom:6px;
}
div.promocioGran td.validfins{
  font-size: 	12px;
}
