﻿/* ================================
    css styles for commerce starter kit 
    v1.0, 10/2002
   ================================
*/   

body
{
}

/* */
.homehead
{
	color: #999966;
    	font-family: verdana, arial;
    	font-size: 20px;
    	font-weight: bold;
    	height: 35px
}

/* */
.contenthead
{
    	background-color: #dddca3;
    	color: dimgray;
    	font-family: verdana, arial;
    	font-size: 20px;
    	font-weight: bold;
    	height: 35px
}

/* */
.subcontenthead
{
    	background-color: #C1D78E;
    	color: dimgray;
    	font-family: verdana, arial;
    	font-size: 18px;
    	font-weight: bold;
    	height: 30px
}

.subcontenthead2
{
    	background-color: #F2BA06;
    	color: dimgray;
    	font-family: verdana, arial;
    	font-size: 18px;
    	font-weight: bold;
    	height: 30px
}

/* */
.unitcost
{	
    	color: #808080;
    	font-family: verdana, arial;
    	font-size: 15px;
    	line-height: 20pt
}

/* */
.modelnumber
{
    	color: #808080;
    	font-family: verdana, arial;
    	font-size: 11px;
    	line-height: 20pt
}

/* */
.errortext
{
    	color: red;
    	font-family: verdana, arial;
    	font-size: 12px;
    	line-height: 20pt
}
.mostpopularhead
{
    	background-color: #94B94D;
    	color: white;
    	font-family: verdana, arial;
    	font-size: 11px;
    	font-weight: bold
}

a.mostpopularitemtext, a.mostpopularitemtext:link, a.mostpopularitemtext:visited
{
    	color: black;
    	font-family: verdana, arial;
    	font-size: 11px;
    	text-decoration: none
}

a.mostpopularitemtext:hover
{
    	color: red;
    	font-family: verdana, arial;
    	font-size: 11px;
    	text-decoration: underline
}

.productlisthead
{
    	color: black;
    	font-family: verdana, arial;
    	font-size: 12px;
    	font-weight: bold;
    	line-height: 14pt;
    	text-decoration: underline;
}
.productlistitem
{
    	color: black;
    	font-family: verdana, arial;
    	font-size: 10px
}

.cartlisthead
{
    	background-color: #f9e19b;
    	border-bottom: dimgray;
    	border-left: dimgray 1px solid;
    	color: black;
    	font-family: verdana, arial;
    	font-size: 11px;
    	font-weight: bold;
    	line-height: 20pt;
    	padding-left: 5px
    	align : center
}

.cartlistitem
{
    	background-color: #ffffff;
    	border-bottom: dimgray;
    	border-left: dimgray 1px solid;
    	color: black;
    	font-family: verdana, arial;
    	font-size: 11px;
    	padding-left: 5px
}

.cartlistitemalt
{
    	background-color: #f2f2f2;
    	border-bottom: dimgray;
    	border-left: dimgray 1px solid;
    	color: black;
    	font-family: verdana, arial;
    	font-size: 11px;
    	padding-left: 5px
}

.cartlistfooter
{
    	background-color: #f9e19b;;
    	line-height: 10pt
}

/* text style for the links */
a.sitelink, a.sitelink:link, a.sitelink:visited
{
    	font-family: verdana, helvetica, sans-serif;
    	text-decoration: none;
    	color: #dddddd;
    	font-size: 11px;
}   

a.sitelink:hover    
{
    	text-decoration: underline;
    	color: white;
}

a.sitelinkbold, a.sitelinkbold:link, a.sitelinkbold:visited
{
    	color: #dddddd;
    	font-family: verdana, helvetica, sans-serif;
    	text-decoration: none;
    	font-size:  11px;
    	font-weight: bold
}

a.sitelinkbold:hover
{
    	color: white;
    	text-decoration: none;
}

/* */
a.menuunselected, a.menuunselected:link, a.menuunselected:visited
{
    	color: black;
    	font-family: verdana, helvetica, sans-serif;
    	text-decoration: none;
    	font-size:  14px;
    	font-weight: bold;
    	line-height: 14px;
    	align=right;
}

a.menuover:hover
{
    
    	background-color:#88bb21;
}

a.menuunselected:hover
{
    	color: white;
    	text-decoration: underline;
    	background-color:#88bb21;
    	align=right;
}
a.menuselected
{
    	color: white;
    	font-family: verdana, helvetica, sans-serif;
    	text-decoration: none;
    	font-size:  14px;
    	font-weight: bold;
    	line-height: 14px;
    	background-color:#88bb21;
    	align=right;
}

a.menuselected:hover
{
    	color: white;
    	font-family: verdana, helvetica, sans-serif;
    	text-decoration: none;
    	padding-left: 10px;
   	align=right;
}

/* general */

/* text style used for most text rendered by modules */
.normal
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: normal;
    	line-height: 12px    
}

.normaldouble
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: normal;
    	line-height: 20px    
}

/* text style used for textboxes in the admin pages, for nav compatibility */
.normaltextbox
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 1.2em;
    	font-weight: normal;
}

/* text style used for selects in the admin pages, for nav compatibility */
.normalselect
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 1.2em;
    	font-weight: normal;
}

/* text style used for textboxes in the edit pages, for nav compatibility */
.edittextbox
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 1em;
    	font-weight: normal;
    	border-style: solid;
    	border-width: 1px;
    	border-color: #999966;
    	width: 100%;
}

/* text style used for controls in the admin and edit pages, for nav compatibility */
.normalcontrol
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for nav compatibility */
.normalcheckbox
{
    	margin-left: -4px;
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for nav compatibility */
.normalradio
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: normal;
    	text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for nav compatibility */
.normalbutton
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: normal;
    	text-indent: -5px;
/*    	border-style: solid;
    	border-width: 1px;
    	border-color: #cccc99; */
    	background-color:#ccccaa;    
}

.normalred
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: bold;
    	color: red
}

.normalbold
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: bold;
    	line-height: 12px    
}

.normalitalic
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: bold;
    	line-height: 16px    
}


.largebold
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 13px;
    	font-weight: bold;
    	line-height: 13px    
}

.smallbold
{
    	font-family: verdana, helvetica, sans-serif;
    	font-size: 10px;
    	font-weight: bold;
    	line-height: 12px    
}

a:link  
{
    	text-decoration: none;
    	color:  black;
}

a, a:hover 
{
    	text-decoration: underline;
    	color:  black;
}

small   
{
    	font-size:  8px;
}

big 
{
    	font-size:  14px;
}

blockquote, pre 
{
    	font-family:    lucida console, monospace;
}


ul li   
{
    	list-style-type:    square ;
}

ul li li    
{
    	list-style-type:    disc;
}

ul li li li 
{
    	list-style-type:    circle;
}

ol li   
{
    	list-style-type:    decimal;
}

ol ol li    
{
    	list-style-type: lower-alpha;
}

ol ol ol li 
{
    	list-style-type: lower-roman;
}

hr 
{
    	height:1pt;
    	text-align: left
}

#principal 
{
    	visibility: visible; 
	margin: auto; 
	width: 100%; 
	position: relative; 
	height: 100%
}
body 
{
	padding-right: 0px; 
	padding-left: 0px; 
	scrollbar-face-color: #ffffff; 
	padding-bottom: 0px; margin: 0px; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #ffffff; 
	scrollbar-3dlight-color: #88bb21; 
	scrollbar-arrow-color: #88bb21; 
	padding-top: 0px; 
	scrollbar-track-color: #ffffff; 
	scrollbar-darkshadow-color: #88bb21; 
	scrollbar-base-color: #ffffff
}
.fields 
{
	border-right: #067430 1px solid; 
	border-top: #067430 1px solid; 
	font-size: 10px; 
	overflow: hidden; 
	border-left: #067430 1px solid; 
	border-bottom: #067430 1px solid; 
	font-family: verdana, arial, helvetica, sans-serif; 
	background-color: transparent
}

.boton1 
{
	border-right: #fd9a02 2px solid; 
	border-top: #fd9a02 2px solid; 
	font-size: 8pt; 
	border-left: #fd9a02 2px solid; 
	border-bottom: #fd9a02 2px solid; 
	font-family: verdana; 
	background-color: #fdda06
}

.boton2 
{
	border-right: #455d29 2px solid; 
	border-top: #455d29 2px solid; 
	font-size: 8pt; 
	border-left: #455d29 2px solid; 
	border-bottom: #455d29 2px solid; 
	font-family: verdana; 
	background-color: #45ac40
}

.boton3 
{
	border-right: #fd5202 2px solid; 
	border-top: #fd5202 2px solid; 
	font-size: 8pt; 
	border-left: #fd5202 2px solid; 
	border-bottom: #fd5202 2px solid; 
	font-family: verdana; 
	background-color: #ffa63c
}

table.cesta 
{
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	width: 100%; 
	border-top-style: solid; 
	border-top-color: #92aa62; 
	padding-top: 0px; 
	border-right-style: solid; 
	border-left-style: solid; 
	border-collapse: collapse; 
	border-bottom-style: solid; 
	border-spacing: 0px
}

table.noborde 
{
	border-top-width: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	padding-bottom: 0px; 
		width: 100%; 
	padding-top: 0px; 
	border-collapse: collapse; 
	border-right-width: 0px; 
	border-spacing: 0px
}

table.borde 
{
	border-right: thin solid; 
	padding-right: 0px; 
	border-top: thin solid; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	border-left: thin solid; 
	width: 100%; 
	padding-top: 0px; 
	border-bottom: thin solid; 
	border-collapse: collapse; 
	border-spacing: 0px
}
table.borde2
{
	border-right: thin solid; 
	padding-right: 0px; 
	border-top: thin solid; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	border-left: thin solid; 
	width: 100%; 
	padding-top: 0px; 
	border-bottom: thin solid; 
	border-collapse: collapse; 
	border-spacing: 0px
}

img 
{
	display: block; 
	margin: 0px
}

a 
{
	border-right: medium none; 
	border-top: medium none; 
	border-left: medium none; 
	color: #000000; 
	border-bottom: medium none; 
	text-decoration: none
}

a:link img 
{
	border-right: medium none; 
	border-top: medium none; 
	border-left: medium none; 
	border-bottom: medium none; 
	text-decoration: none
}

a:hover img 
{
	border-right: medium none; 
	border-top: medium none; 
	border-left: medium none; 
	border-bottom: medium none; 
	text-decoration: none
}

a:active img 
{
	border-right: medium none; 
	border-top: medium none; 
	border-left: medium none; 
	border-bottom: medium none; 
	text-decoration: none
}

a:visited img 
{
	border-right: medium none; 
	border-top: medium none; 
	border-left: medium none; 
	border-bottom: medium none; 
	text-decoration: none
}

a:hover 
{
	border-right: medium none; 
	border-top: medium none; 
	border-left: medium none; 
	color: #4a770a; 
	border-bottom: medium none; 
	text-decoration: none
}

a:active 
{
	border-right: medium none; 
	border-top: medium none; 
	border-left: medium none; 
	border-bottom: medium none; 
	text-decoration: none
}

a:link 
{
	border-right: medium none; 
	border-top: medium none; 
	border-left: medium none; 
	border-bottom: medium none; 
	text-decoration: none
}

.smallcursive 
{
	font-size: 9px; 
	color: #000000; 
	font-family: verdana; 
	font-style: italic
}

.normal8
{
	font-size: 8px; 
	color: #020000; 
	font-family: verdana
}

.normal9
{
	font-size: 9px; 
	color: #020000; 
	font-family: verdana
}

.normal10
{
	font-size: 10px; 
	color: #020000; 
	font-family: verdana
}

.normal11 
{
	font-size: 11px; 
	color: #020000; 
	font-family: verdana
}

.normal12 
{
	font-size: 12px; 
	color: #020000; 
	font-family: verdana
}

.normal13 
{
	font-size: 13px; 
	color: #020000; 
	font-family: verdana
}

.titol11
 {
	font-size: 11px; 
	color: #4a770a; 
	font-family: verdana
}

.titol12 
{
	font-size: 12px; 
	color: #4a770a; 
	font-family: verdana
}

.titol13 
{
	font-size: 13px; 
	color: #4a770a; 
	font-family: verdana
}

.titol14 
{
	font-size: 14px; 
	color: #4a770a; 
	font-family: verdana; 
	line-height: 18pt
}
.titol16
{
	font-size: 16px; 
	color: #4a770a; 
	font-family: verdana; 
	line-height: 18pt
}

.titol18
{
	font-size: 18px; 
	color: #4a770a; 
	font-family: Arial Black;
	line-height: 22pt
}
.nota11 
{
	font-size: 11px; 
	color: #4a770a; 
	font-family: verdana
}
.nota13
{
	font-size: 13px; 
	color: #4a770a; 
	font-family: verdana
}

.nota15
{
	font-size: 13px; 
	color: #4a770a; 
	font-family: verdana
}

/* */
.preu 
{
	font-size: 20px; 
	color: #020000; 
	font-family: verdana
}

/* */
.titolcat 
{
	font-size: 22px; 
	color: #8c8d8d; 
	font-family: verdana
}

.titolcatsmall
{
	font-size: 16px; 
	color: #8c8d8d; 
	font-family: verdana
}

/* */
.indexcat 
{
	font-size: 12px; 
	color: #00774b; 
	font-family: verdana
}

/* */
.titcesta 
{
	font-size: 18px; 
	color: #f2681f; 
	font-family: verdana
}

/* */
.titcuenta 
{
	font-size: 22px; 
	color: #5e9b2b; 
	font-family: verdana
}

/* */
.titinfo 
{
	font-size: 22px; 
	color: #5e9b2b; 
	font-family: verdana
}

/* */
.titregal 
{
	font-size: 18px; 
	color: #547908; 
	font-family: verdana
}

/* */
table.cuenta 
{
	border-right: #547908 thin solid; 
	padding-right: 25px; 
	border-top: #547908 thin solid; 	
	padding-left: 25px; 
	padding-bottom: 25px; 
	border-left: #547908 thin solid; 
	padding-top: 25px; 	
	border-bottom: #547908 thin solid; 
	border-collapse: collapse; 
	background-color: #f8fae8; 	
	border-spacing: 25px;
	cellSpacing:2px
}

/* */
table.cuenta2
{
	border-right: #547908 thin solid; 
	padding-right: 25px; 
	border-top: #547908 thin solid; 	
	padding-left: 25px; 
	padding-bottom: 0px; 
	border-left: #547908 thin solid; 
	padding-top: 25px; 	
	border-bottom: #ffffff; 
	border-collapse: collapse; 
	background-color: #f8fae8; 	
	border-spacing: 5px;
	line-height: 14pt;
	cellSpacing:2px
}

/* */

table.cuenta3
{
	border-right: #547908 thin solid; 
	padding-right: 25px; 
	border-top: #ffffff; 	
	padding-left: 25px; 
	padding-bottom: 0px; 
	border-left: #547908 thin solid; 
	padding-top: 0px; 	
	border-bottom: #ffffff; 
	border-collapse: collapse; 
	background-color: #f8fae8; 	
	border-spacing: 5px;
	line-height: 14pt;
	cellSpacing:2px
}

.campoform 	  
{  
	font-family: Verdana, "Courier New", Courier, mono; 
	font-size: 8pt; 
	color: #000000; 
	text-decoration: none; 
	clip: rect() 
}

/* Colores de texto */

.naranja	{color: #ff9011}
.azul 		{color: #165991}
.rojo 		{color: #d63439}
.verde		{color: #426100}
.granate	{color: #C41A1A}
.blanco		{color: #ffffff}
.gris10	{color: #d6dcdd}
.gris9	{color: #999999}
.gris8	{color: #f6f6f6}
.gris6	{color: #b8baba}
.gris5	{color: #ababab}
.gris4	{color: #898E91}
.gris2	{color: #a5a9ac}
.gris1b	{color: #7f8386}
.gris1	{color: #5A656B}
.gris0	{color: #111111}

/* Colores de fondo */

.fmarco, .fmarco2, .fmarco3, .fmarco4, .fmarco5, .fmarco6, .fmarco7, .fmarco8, .fmarco9, .fondo17, .fondo16, .fondo15, .fondo14, .fondo12, .fondo10, .fondo8, .fondo6, .fondo4, .fondo2, .fnegro, .fmenulaterala, .fmenulateralb {font-size: 1pt}

.fmarco 		{background-color: #294D69}
.fmarco2		{background-color: #ff0000}
.fmarco3		{background-color: #E30000}

.fmarco4		{background-color: #4a9e84}
.fmarco5		{background-color: #39ba9c}
.fmarco6		{background-color: #94c79c}
.fmarco7		{background-color: #a5f7de}
.fmarco8		{background-color: #cee7d6}
.fmarco9		{background-color: #eff3ef}

.fondo17		{background-color: #41B9CF}
.fondo16		{background-color: #587587}
.fondo15		{background-color: #525962}
.fondo14		{background-color: #303B41}
.fondo13		{background-color: #484D53}
.fondo12		{background-color: #39444a}
.fondo10		{background-color: #343f45}
.fondo8 		{background-color: #383d42}
.fondo6 		{background-color: #233038}
.fondo4 		{background-color: #121f27}
.fondo2 		{background-color: #0c1a23}
.fnegro 		{background-color: #020304}
.fmenulaterala 	{background-color: #0F2836}
.fmenulateralb 	{background-color: #08151d}

.fondo27		{background-color: #99CCFF} /* Azul claro */
.fondo26		{background-color: #00A8E5} /* Azul */
.fondo25		{background-color: #FEC90B} /* Naranja */
.fondow			{background-color: #ffffff} /* Blanco */
.fondored		{background-color: #d63439} /* Rojo */

/* Tipografia syntax: tipoAABBCC
   AA: tamaño puntos
   BB: letter-spacing pixels (00 = no puesto)
   CC: line-height puntos (00 = normal) */

/* Propiedades comunes */
.tipo070000, .tipo070010, .tipo070012, .tipo070100, .tipo070112, .tipo080000,.tipo080010, .tipo080012, .tipo080100, .tipo080112, .tipo080000,.tipo090000, .tipo090012, .tipo090100, .tipo090112, .tipo110000, .tipo120000, .tipo130000, .tipo140000, .tipo170000, .tipo200000, .tipo400032,
{font-family: Arial, Helvetica, Univers, sans-serif; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}

.bold1 {font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: none}


/* Propiedades especiales */
.tipo070000 {font-size: 7.1pt; letter-spacing: normal; line-height: normal}
.tipo070010 {font-size: 7.1pt; letter-spacing: normal; line-height: 10px}
.tipo070012 {font-size: 7.1pt; letter-spacing: normal; line-height: 12pt}
.tipo070100 {font-size: 7.1pt; letter-spacing: 1px; line-height: normal}
.tipo070112 {font-size: 7.1pt; letter-spacing: 1px; line-height: 12pt}

.tipo080000 {font-size: 8pt; letter-spacing: normal; line-height: normal}
.tipo080010 {font-size: 8pt; letter-spacing: normal; line-height: 10pt}
.tipo080012 {font-size: 8pt; letter-spacing: normal; line-height: 12pt}
.tipo080100 {font-size: 8pt; letter-spacing: 1px; line-height: normal}
.tipo080112 {font-size: 8pt; letter-spacing: 1px; line-height: 12pt}

.tipo090000 {font-size: 9pt; letter-spacing: normal; line-height: normal}
.tipo090010 {font-size: 9pt; letter-spacing: normal; line-height: 10pt}
.tipo090012 {font-size: 9pt; letter-spacing: normal; line-height: 12pt}
.tipo090100 {font-size: 9pt; letter-spacing: 1px; line-height: normal}
.tipo090112 {font-size: 9pt; letter-spacing: 1px; line-height: 12pt}

.tipo110000 {font-size: 11pt; letter-spacing: normal; line-height: normal}
.tipo120000 {font-size: 12pt; letter-spacing: normal; line-height: normal}
.tipo130000 {font-size: 13pt; letter-spacing: normal; line-height: normal}
.tipo140000 {font-size: 14pt; letter-spacing: normal; line-height: normal}
.tipo170000 {font-size: 17pt; letter-spacing: normal; line-height: normal}
.tipo200000 {font-size: 20pt; letter-spacing: normal; line-height: normal}
.tipo400032 {font-size: 40pt; letter-spacing: normal; line-height: 32pt}

.border1 {
	border:1px solid white
}

/* Propiedades preguntas mas frecuentes */

.link_resp, .titulo, .enunciado, .respuesta {
	color: #285D00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
}

.link_resp:link, .link_resp:visited {font-size: 14px; text-decoration: none}
.link_resp:hover, .enunciado {/*color: #593387*/ color: #285D00; font-weight: bold}

.respuesta {
	color: #285D00;
	font-size: 12px; 
	font-weight: normal;
	line-height: 15px;
}

.link_puls:link, .link_puls:visited {color: #285D00; font-weight: bold; text-decoration="none"}
.link_puls:hover {color=#FF0000; font-weight: bold; text-decoration: none}

.datos:link, .datos:visited {font-family: Arial, Helvetica, Univers, sans-serif; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: none; font-size: 11pt; letter-spacing: normal; line-height: normal; color: #ffffff}
.datos:hover {font-family: Arial, Helvetica, Univers, sans-serif; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: none; font-size: 11pt; letter-spacing: normal; line-height: normal; color: #ff0000}

p
{
text-align: center;
color: black
}

p.right {text-align: right}
p.center {text-align: center}

.xl25
{
	border-top:.5pt solid red;
	border-right:1.5pt solid #339966;
	border-bottom:none;
	border-left:none;
	background:yellow}
.xl00
{
	border-top:.5pt solid gray;
	border-right:.5pt solid gray;
	border-bottom:.5pt solid gray;
	border-left:.5pt solid gray;}