body{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   text-align: center;
   margin:0px;
   padding:0px;
   height:100%;
   width:100%;
	 background-color:#FFFFCC;
}
               
html{
   margin:0px;
   padding:0px;
   height:100%;
   width:100%;
}

img, #hstitle{ 
	   behavior: url(../script/iepngfix.htc);
		 border:0;
}

h1{
	color:#FFF;
	font-size: 11px;
}
h2{
	font:bold 18px geneva,helvetica,verdana,arial;
	text-transform:uppercase;
	display:inline;
}

sup{	font:small-caps 70% "Small Fonts",arial,verdana; } /* "Small Fonts" */
sup#big{
  font:small-caps 50% arial,verdana;
  /* Firefox y los dem�s */
	_font:small-caps 70% arial,verdana;
	/* Internet Explorer 7 e inferiores */
}


#textbox{    
width: 450px;		
    
_width:400px;		
  
}

#bg1{behavior: url(../script/iepngfix.htc);}

div#container{
   width:780px;
   margin:0 auto 0 auto;  /* top left bottom right */
	 padding:0px;
}

div#containeradm{ /* conainer admin */
   width:780px;
   margin:0 auto 0 auto;  /* top left bottom right */
}

td#header{
	background:#FFF;
	height:100px;
}
td#body{
	background:#FFF;
	overflow: auto;
	padding:5px;
	background-image:url(../images/bkg01.jpg); /* admin only */
	background-repeat:no-repeat;
}
/* ########## header ############################## */
/* RIGHT MENU START ******** */
.topmenu{
	background-color:none transparent;
}
#header_right{float:right; width:620px; height:140px; }
.right_menu{
	margin-top:5px; /* distance from lang sel and menu */
	float:right;
	clear:both;
}
.right_menu a{
	float:right;
	clear:both;
	font:bold 12px sans-serif,arial,verdana;
	cursor:pointer;
	margin-right:10px;
}

.right_menu a div{ /*  common css */
	text-align:center;
	padding-top:6px;
	width:130px;
	height:25px;
}
html>body .right_menu a div{ height:19px; }

.right_menu a       div.right_nosel{	color:#660000;	background:url(../img/right_btn_yellow.png); }
.right_menu a       div.right_sel  {	color:#FDFBC9;	background:url(../img/right_btn_red.png);    }
.right_menu a:hover div.right_nosel{  color:#FDFBC9;  background:url(../img/right_btn_red.png);    }
/* END RIGHT MENU */
/* RIGHT MENU START *********************** */
.right_menu{
	margin-top:5px; /* distance from lang sel and menu */
	float:right;
	clear:both;
}
.right_menu a{
	float:right;
	clear:both;
	font:bold 12px sans-serif,arial,verdana;
	cursor:pointer;
	margin-right:10px;
}

.right_menu a div{ /*  common css */
	text-align:center;
	padding-top:6px;
	width:130px;
	height:25px;
}
html>body .right_menu a div{ height:19px; }

.right_menu a       div.right_nosel{	color:#660000;	background:url(../img/right_btn_yellow.png); }
.right_menu a       div.right_sel  {	color:#FDFBC9;	background:url(../img/right_btn_red.png);    }
.right_menu a:hover div.right_nosel{  color:#FDFBC9;  background:url(../img/right_btn_red.png);    }

/* LEFT MENU START *********************** */

ul#lfmenu, ul#lfmenu li { list-style-type:none; margin:0px; padding:0px; }
ul#lfmenu li a {	cursor:pointer; }

ul#lfmenu li a div{
	width:160px;
	height:40px; /* ie */
	margin-left:0px; /* ie*/
	text-align:center;
  font-weight:600;
	font-style: sans-serif,arial,verdana;
	color:#660000;
}
html>body ul#lfmenu li a div{height:35px; margin-left:0px; } /* other browsers  */

ul#lfmenu li a       div.lf_nosel{  color:#660000;  background:url(../img/left_btn_yellow.png); }
ul#lfmenu li a       div.lf_sel  {  color:#FDFBC9;  background:url(../img/left_btn_red.png); position:absolute; z-index:1;}
ul#lfmenu li a       div.lf_sel  {   margin-left:-13px; margin-top:13px; } /* IE hack dont delete */
ul#lfmenu li a:hover div.lf_nosel{  color:#FDFBC9;  background:url(../img/left_btn_red.png);    }
ul#lfmenu li a       div.lf_sel2 {  color:#FDFBC9;  background:url(../img/left_btn_red.png); }
ul#lfmenu li a div.spotlg{ 	font-size:15px;  padding-top:15px;	}/* ie */

/* lagoon */
ul#lfmenu li a       div.lg_nosel{  background:url(../img/lagoon_btn_yellow.png); }
ul#lfmenu li a       div.lg_sel  {  background:url(../img/lagoon_btn_red.png);    }
ul#lfmenu li a:hover div.lg_nosel{  background:url(../img/lagoon_btn_red.png);  color:#FDFBC9;  }
ul#lfmenu li a div.lagoon{  font-size:12px;  padding-top:18px; }
ul#lfmenu li a div.lagoon b{ margin-right:24px;}

/* bojeux */
ul#lfmenu li a       div.lb_nosel{  background:url(../img/bojeux_btn_yellow.png); }
ul#lfmenu li a       div.lb_sel  {  background:url(../img/bojeux_btn_red.png);    }
ul#lfmenu li a:hover div.lb_nosel{  background:url(../img/bojeux_btn_red.png);  color:#FDFBC9;  }
ul#lfmenu li a div.bojeux{ font-size:12px;  padding-top:18px;}
ul#lfmenu li a div.bojeux b{ margin-right:24px;}

/* social */
ul#lfmenu li a       div.ls_nosel{  background:url(../img/warning_btn_yellow.png); }
ul#lfmenu li a       div.ls_sel  {  background:url(../img/warning_btn_red.png);    }
ul#lfmenu li a:hover div.ls_nosel{  background:url(../img/warning_btn_red.png); color:#FDFBC9;   }
          ul#lfmenu li a div.social{ font-size:13px;	padding-top:10px;	line-height:13px;}
html>body ul#lfmenu li a div.social{ height:40px;} /* 38+12 =50 */

/* new on scene */
          ul#lfmenu li a div.nscene{ font-size:11px;  padding-top:18px;}
html>body ul#lfmenu li a div.nscene{ height:32px; } /* 36+14 =50 */				

html>body ul#lfmenu li a div.lf_sel{ margin:0px; } /* other browsers  */ /* IE hack dont delete */
/* END LFMENU ------------------------------ */

/* logos ---- */
div#header_menu{
  width:780px; 
	height:140px; 
	position:relative;
	overflow:hidden;
}
div#header_logo{
	float:left;  
	width:160px; 
	height:140px;
}
div#header_logo a{float:left; margin-top:10px; font:bold 9px arial; color:#999;} /* logout */
div#header_logo a:hover{color:#000;}

div#header_logo div{ margin-left:20px; } /* logo margin left */

/* balls menu ---*/ 
#menucon{
	position:fixed; 
	top:0px; 
	left:0px; 
	width:100% ; 
	padding:0px;
	margin:0px;
	height:0px;
	background:yellow;
}
html>body #menucon{
	position:absolute;
}
#menucon ul{
	position:relative;
	margin:-60 auto 0 120px; /* ie browser */
	width:380px;
	height:50px;
	padding:0px;
	list-style: none;
}
html>body #menucon ul{ /* all browser */
	margin:75px auto 0 250px;
}
#menucon ul li{
	float:left;
	height:45px;
	font-size:9px;
	margin:0 11 0 0;  /*distance between icons*/
	list-style: none;
	position:inline;
}
#menucon ul li a:hover{font-weight:bold;}
#lngtxt{
  visibility:hidden; color:#FFF; font:bold 11px verdana,arial; float:right;
}

.langselection{	font:normal 9px arial,verdana; }
.langselection div {width:48px; display:inline; text-align:left; float:right;}
.langselection div a{color:#FC0;}
.langselection div a:hover{color:#FFF;}

/* ################################################# End Header ############# */


div#footer{
	width:780;
	margin:0 auto 0 auto;  /* top left bottom right */
	padding:0px;
}
div#footer table tr td#footertext{
	  width:641px;
	  font-size:10px; 
		padding-top:5px;
		color:#FFFFCC;
		background:#000066;
}
div#btn_container{ 
  height:45px;
	text-align:center;
	width:450px;
	float:right;
	margin-right:10px;
}

div#btn_container div{
	float:left;
	display:block;
	width:60;
	height:55;
	font-size:9px;
}


div#btn_container div a:hover{font-weight:bold;}

div#imgthumbborder  { display:block; height:2px; background:#900; width:700px; overflow:hidden; }
/* div#imgthumbborder b{ display:block; height:2px; background:#900; overflow: hidden; } */

.imagesmenu a img{
	width :43px;
	height:43px;
	margin-right:5px;
	margin-left :5px;
	margin-top  :0px;
	float: center;
}

.list_left{
	width:140px;
}
.list_right{
	color:red;
}
/* Info of LIST TABLES --------------------------------*/
table.tableData{  background : #0054E3;	 width  :100%;}


a {text-decoration: none; color:blue; }
 
tr.line1 td{     height:25px; font-size:10px; background:#FFFFFF; color:#000000; padding:1px;}
tr.line2 td{     height:25px; font-size:10px; background:#E5E5E5; color:#000000; padding:1px;}
.line3     {     height:25px; font-size:10px; background:#CDDDF0; color:#000000; font-weight:bold; padding:1px; cursor:pointer; }
/* --- column title ---*/
tr.lineTitle  td{ height:20px; font-size: 9px;  background:#0054E3; color:#FFFFFF; font-weight:bold;text-transform:uppercase; text-align:center; vertical-align:middle;}
tr.lineTitle2 td{ height:17px; font-size: 11px; background:#0054E3;opacity:.80;filter:alpha(opacity=80); -moz-opacity: 0.8; color:#FFFFFF; font-weight:bold;text-transform:uppercase; text-align:center; }



/*** HEADER ABOUT ***/
td.imgtxtheader{
	text-align:right;
	height:40px;
	padding-right:5px;
}
td.imgtxtheader a{
	font-size:9px;
	font-weight:bold;
  color:#156B81;
}
   /*    ----horizontl menu -------     */
	 /*     <div id='hmenu'>              */
	 /*        <a href='#'>opc1 </a>      */
	 /*        <a href='#'>opc2 </a>      */
	 /*     </div>                        */
div#hmenu           {	font-size:11px; font-weight:bold; text-align:center;}
div#hmenu a         {  display: inline; text-decoration: none; padding: 3px; border: 0px;}
div#hmenu a:link    {  color: #000000;  }
div#hmenu a:visited {  color: #000000;  }
div#hmenu a:hover   {  color: #BACDEA;   background-color: #000000;opacity:.50;filter:alpha(opacity=50); -moz-opacity: 0.5;}
div#hmenu a:active  {  color: #FF0000;   background-color: #000000;opacity:.50;filter:alpha(opacity=50); -moz-opacity: 0.5;}
/*** END HEADER ABOUT ***/


table#options                 {  text-align: left; font-style: normal; font-weight: bold; font-size: 11px; font-weight: bold; width:120px; color: #FFF; }
table#options tr td a:link    {  display: block; padding: 4px; border: 0px;color: #000000;  text-decoration: none; }
table#options tr td a:visited {  display: block; padding: 4px; border: 0px;color: #000000;  text-decoration: none; }
table#options tr td a:hover   {  display: block; padding: 4px; border: 0px;color: #BACDEA;  text-decoration: none; background-color: #000000;opacity:.50;filter:alpha(opacity=50); -moz-opacity: 0.5;}
table#options tr td a:active  {  display: block; padding: 4px; border: 0px;color: #FF0000;  text-decoration: none; background-color: #000000;opacity:.50;filter:alpha(opacity=50); -moz-opacity: 0.5;}

/* temp */
#example4{ padding:10px 20px; margin:0 0 30px 0;  background:#555; display:block; text-align:left;}
#example4 .inner div{color:#CCC;  font-weight:bold;}

/* -------------------- */
#special_r{
	background-repeat:no-repeat;
	text-align:center;
	float:right;
	padding-top:30px;
	font:italic bold 16px cursive,Helvetica,arial;
	word-spacing:-0.5ex;
	cursor:pointer;
	behavior: url(../script/iepngfix.htc);
}
#special_l{
	background-repeat:no-repeat;
	text-align:center;
	float:left;
	padding-top:30px;
	font:italic bold 16px cursive,Helvetica,arial;
	word-spacing:-0.5ex;
	cursor:pointer;
	behavior: url(../script/iepngfix.htc);
}
div#special_l a { color:red;}
div#special_l a:hover{color:blue;}
div#special_r a{color:yellow;}
div#special_r a:hover{color:blue;}

/**** only in the help window ************/
.hlp{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-align: left;
}
.hlp tr td{ 	padding: 5px;}

/* ---------------------------------------- */
.b      { font-weight:bold;}
.bold   { font-weight:bold; }
.normal { font-weight:normal; }
.center { text-align:center;   }
.right  { text-align:right; }
.left   { text-align:left; }
.cblack { color:#000;}
.cgray  { color:#2D2D2D;}
.cred   { color:red; }
.cgreen { color:#75D866;}
.cwhite { color:white;}
.cgold  { color:#F3B548;}
.mousec { cursor:pointer;}
.cursor { cursor:pointer;}

.noborder{border:0;}
.upper{text-transform:uppercase;}
.capital{text-transform:capitalize;}
.monospace{ font-family: monospace;}
.underl{text-decoration: underline;}
.geneva   { font-family:Geneva, Arial, Helvetica, sans-serif;}
.vbot{vertical-align:bottom;}
.vtop{vertical-align:top;}


.big{font-size:14px;}
.f8 {font-size :8px;}
.f9 {font-size :9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}

.h10 { height:10px; }
.h15 { height:15px; }
.h18 { height:18px; }
.h20 { height:20px; }
.h30 { height:30px; }
.h40 { height:40px; }
.h50 { height:50px; }
.h60 { height:60px; }
.h80 { height:80px; }
.h90 { height:90px; }
.h100{ height:100px;}
.h115{ height:115px;}
.h300{ height:300px;}

.w30{ width:30px;}
.w20{ width:20px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w80{ width:80px;}
.w100{ width:100px;}
.w120{ width:120px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w220{ width:220px;}
.w300{ width:300px;}
.w350{ width:350px;}
.w400{ width:400px;}
.w500{ width:500px;}
.w550{ width:550px;}
ml10{margin-left:10px;}
m10{margin:10px;}
.pr5 { padding-right:5px; }
.pl5 { padding-left:5px; }
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}
.pl60{ padding-left:60px;}
.pl80{ padding-left:80px;}
.pl100{padding-left:100px;}

/***** INPUTS OPTIONS *********/

  /* id title in admin text input */
.vname{
	border:0;
	color:red;
	background-color:#333;
	height:15;
	font-size:13px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.input2{
   border-style:solid;
   border-color:#000000;
   border-width:1px;
	 padding-left:15px;
	 padding-right:15px;
	 text-align:center;
	 text-transform:uppercase;
	 cursor:pointer;
}
.input3{
	margin:3px;
	border:1px solid #FDDEC5;
	background:#FFFFFF;
	font-size:12px;
	color:#3F42F9;
	padding:3px;
	font-weight:bold;
}
/***** END INPUTS OPTIONS *********/
.formtxt{
	font-size:9px;
	font-weight:bold;
	color:#FFFFCC;
}
/* form01 datos de entrada en nuevo usuario  */
/* ----------------------------------------  */

/* transparency for the administration frame */
.modframe {
    width: 100%;
		background:none transparent;
	/*	background: #999999; opacity:.80;filter: alpha(opacity=80,FinishOpacity=0); -moz-opacity: 0.8; */
}
/* transparency for the list --------------- */
.tableframe{
	background: #999999; opacity:.80;filter:alpha(opacity=80); -moz-opacity: 0.8;
}
/* transparenci for pagination ------------- */
.tablepag{
}
.tablepag tr td{
	background:  #0054E3; opacity:.80;filter:alpha(opacity=80); -moz-opacity: 0.8;
  font-size:10px;
	color:#FFF;
}

/* table for properties categories --------- */
div#tableAdm2{	padding:0px;	background:none transparent;}
div#tableAdm2 table{
	width: 100%;
	background: #999999; opacity:.80;filter: alpha(opacity=80,FinishOpacity=0); -moz-opacity: 0.8;
}
div#tableAdm2 table tr td{ 
	 color:#000;
	 font-size:10px;
	 font-weight:bold;
	 vertical-align:top;
}
div#tableAdm2 table tr td.title{
	background-color:#333;
	padding:3px;
	vertical-align:middle;
	color:#FFF;
	font-size:12px;
}
/* administration properties --------------- */
div#tableAdm{	padding:0px;	background:none transparent;}
div#tableAdm table{
	width: 100%;
	background: #999999; opacity:.80;filter: alpha(opacity=80,FinishOpacity=0); -moz-opacity: 0.8;
}
div#tableAdm table tr td{ 
	 color:#000;
	 font-size:10px;
	 font-weight:bold;
	 vertical-align:top;
}
div#tableAdm table tr td.title{
	background-color:#333;
	padding:3px;
	vertical-align:middle;
	color:#FFF;
	font-size:12px;
}
div#tableAdm table tr td.data{   	  padding:2px; }
div#tableAdm table tr td.errorAdm{  padding:3px;  text-align:left; color:red;}
/*--------------------- buttoms fron the admin table --------------------------*/
.buttonAdm{
	 font-family:Verdana,sans-serif;
   font-weight:bold;
   background-color:#FF6600;
   border-style:solid;
   border-color:#000000;
   border-width:1px;
	 padding-left:15px;
	 padding-right:15px;
	 text-transform:uppercase;
	 cursor:pointer;
}
.imputAdm{
	height:20px; padding-left:3px; padding-right:3px; font-size:10px; background-color:#FFFFFF; font-weight: bold;
}
 /*div#tableAdm table tr td input { } */
div#tableAdm table tr td select{ height:20px; padding-left:3px; font-size:10px; background-color:#FFFFFF; }
/* rounded coins  moz 1 = solid*/
b.rndblue    { display:block;}
b.rndblue b  { display:block;background:#0054E3;opacity:.80;filter:alpha(opacity=80); -moz-opacity: 0.8; height: 1px; overflow: hidden; }
b.rndgray    { display:block;}                                     
b.rndgray b  { display:block;background:#999999;opacity:.80;filter:alpha(opacity=80); -moz-opacity: 0.8; height: 1px; overflow: hidden; }
b.rndyellow  { display:block;}                                     
b.rndyellow b{ display:block;background:#FFFFC5;opacity:.80;filter:alpha(opacity=80); -moz-opacity: 0.8; height: 1px; overflow: hidden; }
b.rndorange  { display:block;}
b.rndorange b{ display:block;background:#FF6633; height: 1px; overflow: hidden; }
b.rndwhite   { display:block;}
b.rndwhite  b{ display:block;background:#FFFFFF; height: 1px; overflow: hidden; }
b.rndpro     { display:block;}
b.rndpro    b{ display:block;background:#515998; height: 1px; overflow: hidden; }
b.rndyel2    { display:block;}
b.rndyel2   b{ display:block;background:#EAEABC; height: 1px; overflow: hidden; }
b.rndblue2   { display:block;}
b.rndblue2 b { display:block;background:#000066; height: 1px; overflow: hidden; }
b.rndgray    { display:block;}
b.rndgray  b { display:block;background:#EEEEEE; height: 1px; overflow: hidden; }

b.r1{margin: 0 3px} 
b.r2{margin: 0 1px}
b.r3{margin: 0 1px}

b.brd  { display:block;}
b.brd b{ display:block; width:1px; overflow: hidden; }
b.brd1{background:#A5E3E3;} 
b.brd2{background:#D3F1F1;}
b.brd3{background:#E5F7F7;}

.geneve{
  font-family:Geneva, Arial, Helvetica, sans-serif;
}

/* ################ form01 es usado por text.php ############################ */
.form01{
  background: #A8CFFF;
  margin: 0 auto;
  color:#000;
}

.form01 tr td{
  background: #FFFFFF;
  font-weight: bold;
  text-align: left;
  padding: 3px;
}

.form01 tr td#info{
  font-weight: normal;
  text-align: left;
}

.form01 tr td input{
  border:0;
  background:#DDDDDD;
}
.form01 tr td textarea{
  border:0;
  background:#DDDDDD;
}

.form01 tr td select{
  border:0;
  background:#EEE;
  font-weight: bold;
}

.form01 tr td input#button{
  background: #FF6F6F;
  border:1px;
  color:#FFF;
  cursor:pointer;
}
/* ############# IMAGE module ###################################*/
iframe.hidden {
	visibility: hidden;
	width:0px;
	height:0px;
}
#imgmain {
	overflow: hidden;
	width: 756px;
	height:150px;
	border-style: solid;
	border-width: 1px;
	background-color:#CCCCFF;
}
#images {
	width: 96%;   /* remeber the st**id scroll */ 
	height:110px; /* 100 + 5 + 5 */
	margin: 5px;
	background-color:transparent;
}
#images div {
	margin: 5px;
	width: 100px;
	height:100px;
	border-style: solid;
	border-width: 1px;
	border-color: blue;
	float: left;
	display:inline;
	overflow: hidden;
	background-color:transparent;
}
#images2{ /* the preview image in administration */
	margin: 5px;
	width: 100px;
	height:100px;
	border-style: solid;
	border-width: 1px;
	border-color: blue;
	float: left;
	display:inline;
	overflow: hidden;
	background-color:transparent;
}
/* border mouse over */
#images div:hover{ border-color:red; }
/* margin little image loading */
#images img.load{margin:40px;}

.titleproduct{
	font-weight:bold;
	font-size:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
  padding-left:20px;
	color:#FFC;
}
.imgprodescr{
	background:#515998;
}
.productdesc{
	background:#515998;
	color:#FFF;
	padding:10px;
}
.productextra{
	background:#515998;
	vertical-align:top;
	color:#FFF;
}
/* deprecated */
.imgp{ /* for list product 4 category */
	border:1px solid  #FDDEC5;
	width: 130px;
	height:150px;
  background-color:transparent;
	float:left;
	display:inline;
	margin:7px;
	padding:4px;
	text-align:center;
	color:#666;
}
.catimg{
	border: 2px solid #000066; 
	background:#000066;
}
.imgw{ /* for categories : category image view  */
	text-align:center;
/* 	background-color:#FFF;*/
	border:4px solid  #006;   /* borde imagen categorias 515998*/
	margin:3px 3px 12px 3px; /* top left bottom right */
	padding:0px;
	width: 150px; /* FF ie7 */
	font:bold 12px arial,verdana;
}
.imgw a{ cursor: pointer; outline: none; color:#FDF8C9; }
.imgw a img { border: 2px solid #006; /*515998*/  }
.imgw a:hover img { border: 2px solid #C5C5D8;}
.imgw a:hover{color:red;}


html>body .imgw{ width: 154px;} /* ie 6 */
.imgwtxt{ height:22px; width: 154px; padding:4px; background-color:#006; /* 515998*/ }
.imgwtxt a {color:#FDF8C9; }
.imgwtxt a:hover{color:red;} /* category view */
html>body .imgwtxt{ width:150px; } /* ie 6 */



.imgwhalf{
	border:4px solid  #006;   /* borde imagen categorias 515998*/
	margin:3px 3px 12px 3px; /* top left bottom right */
	width: 70px; /* FF ie7 */
}
.imgw100{ width: 100px; }
html>body .imgw100{ width: 104px;} /* ie 6 */

.imgx{ /* imagenes adicionales de producto */
	border:1px solid  #FDDEC5;
	width:50px;
	height:50px;
  background-color:white;
	margin:5px;
	padding:5px;
	float:left;
	display:inline;
	cursor:pointer;
}
/* catalog icons */
/* define the text top start */
.img_icon #tspace{width:0px; height:45px; position:relative;}
.img_icon{
	width :50px;
	height:50px;
	margin:5px;
	font-size  :9px;
	text-align :center;
	font-weight:bold;
  color:#FFFFCC;
	float:left;
	background-repeat:no-repeat;
	background-position:top center;
	cursor:pointer;
}
/* catalog icons --sames as icon but float right */
/* define the text top start */
.img_icon_l #tspace{width:0px; height:45px; position:relative;}
.img_icon_l{
	width :50px;
	height:50px;
	margin:5px;
	font-size  :9px;
	text-align :center;
	font-weight:bold;
  color:#FFFFCC;
	float:right;
	background-repeat:no-repeat;
	background-position:top center;
	cursor:pointer;
}

/* rules icons */
/* define the text top start */
.img_rules #tspace{width:0px; height:30px; position:relative;}
.img_rules{
	font-size:9px;
	width:30px;
	height:30px;
	margin-left:5px;
	margin-right:5px;
  text-align:center;
  color:#FFFFCC;
	float:left;
	background-repeat:no-repeat;
	background-position:top center;
	font-weight:bold;
	cursor:pointer;	
}

/* product details icons */
/* define the text top start */
.img_prdet #tspace{width:0px; height:20px; position:relative;}
.img_prdet{
	border:1px solid  #FFF7E3;
	font-size:9px;
	width:100px;
	height:50px;
	margin:5px;
  text-align:right;
  color:#FFFFCC;
	float:left;
	background-repeat:no-repeat;
	background-position:2px center ;
	padding:2px;
	font-weight:bold;
	cursor:pointer;	
}

.imgy{
	border:2px solid  #0B5D91;
	width:50px;
	height:50px;
  background-color:#FFF;
	float:left;
	display:inline;
	margin:5px;
	padding:5px;
	text-align:center;
	color:#666;
}
.imgz{
	border:1px solid  #FFF7E3;
	width:90px;
	height:40px;
  background-color:transparent;
	float:left;
	display:inline;
	margin:5px;
	padding-top:5px;
	text-align:left;
	color:#666;
}
.imgz table tr td a{ 
	font-size:9px;
	color:#FFFFCC;
}

/* PRODUCT container 2 
---------------------------
|       |                 |
| img   |   product's name|
|100x100|                 |
---------------------------
*/
.prd_container2{
	margin-bottom:5px;
	margin-left:5px;
	border:1px solid  #000099;
 	float:left;
	display:inline;
  width: 280px;  /* for browsers with no escapes at all */
 \width: 280px;  /* for IE5/Win */
 w\idth: 282px;  /* for good browsers = n+2 */
}
.prd_container2 table tr td a{
	font-size:12px;
	font-weight:bold;
	color:#FFC;
}
.prd_container2 table:hover{
	background-color:#000047;
}
/* PRODUCT container 3
***************************prd_container3*****
*  ___TABLE____________________________     *
*  | -------------    -------------    |    *
*  | |           |    |           |    |    *
*  | |    img    |    |    img    |    |    *
*  | |  150x150  |    |  150x150  |    |    *
*  | -------------    -------------    |    *
*  | |  product  |    |  product  |    |    *
*  | |    name   |    |    name   |    |    *
*  | -------------    -------------    |    *
*  ____________________________________     *
*                                           *
*  ___TABLE_2__________________________     *
*  | -------------    -------------    |    *
*  | |           |    |           |    |    *
*                                           *
*********************************************
*/
.prd_container3{
	margin-bottom:15px;
	margin-left:5px;
  width: 175px;  /* for browsers with no escapes at all */
	height:254px;
	background:#FFFFCC;
	-webkit-border-radius:3px;	
	-khtml-border-radius: 3px;	
	-moz-border-radius:   3px;	
	border-radius:        3px; 
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.6);	
	-moz-box-shadow:    2px 2px 3px rgba(0,0,0,0.6);
	font:normal 10px verdana,arial;
}
.prd_container3 a{
	font:bold 12px verdana,arial;
	color:#333;
	text-decoration:none;
}
.prd_container3 div#ptxtbox{
	margin:3px;overflow:hidden; overflow-y:hidden; 
}

.prd_halfconta3{
  margin-bottom:15px;
	margin-left:5px;
  width: 80px; 
}
/* ======================= */
.leftimg{
	border:1px solid  #94DEDE;
	width:120px;
	height:30px;
  background-color:white;
	margin:7px;
	padding:5px;
	cursor:pointer;
  color:#156B81;
}

.leftmenuvspace{
	height:20px;
}

/*
                          [ submenu in left bar options ]
|-leftm_options---
| |leftm_title--|
| |             |
| |submenu------|
| |             |
| |-------------|
|_________________
*/
.leftm_options{
	position:relative;
	clear:both;
	margin-bottom:20px; /* slide opc */
}
.leftm_title{
  position:absolute;
	right:-2px;
	z-index:1;
}

ul.submenu{
	position:relative;
	z-index:0;
	top:33px;
	list-style:none;
	margin-bottom:15px;
	margin-left:12px;   /* only way this works.. ! */
	padding:5 0 0 0;
	
  *background:transparent;
  *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#EE000033,endColorstr=#EE000033);
  *zoom:1;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAPSURBVHjaYmBgML4JEGAAAUQBDafoVk8AAAAASUVORK5CYII=); /* 000033 85% */
  background:rgba(00,00,33,.85);
  width:131px;
	-webkit-border-radius:3px;	
	-khtml-border-radius: 3px;	
	-moz-border-radius:   3px;	
	border-radius:        3px; 
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.6);	
	-moz-box-shadow:    2px 2px 3px rgba(0,0,0,0.6); 
	border:solid 2px #42698C;
	display:none; /* slide opc */
}
ul.submenu li{ list-style:none; margin:0; padding:0;}
ul.submenu li a{
  font:bold 13px cursive,Helvetica,Verdana,arial;
	word-spacing: -0.3ex;
}
ul.submenu li.catsel  a{color: #C52925;}
ul.submenu li.catnsel a{color: #FFCB51;}
ul.submenu li a        {text-decoration: none; }
ul.submenu li a:hover  {color:red;}

.buttonsite{
	 font-family:Verdana,sans-serif;
	 font-size:10px;
   font-weight:bold;
	 text-transform:uppercase;
   background-color:#FA924C;
   border-style:solid;
   border-color:#F86808;
   border-width:1px;
	 padding-left:12px;
	 padding-right:12px;
	 margin:4px;
	 cursor:pointer;
}
/* ----------table whit rules in languages ---------*/
.trules{	background-color:#000047; }
.trules tr{font-size:9px; color:#FFFFCC; text-align:center;}
.trules tr#ruledata  td{ background-color:#000066; padding:2px 5px; }
.trules tr#ruletitle td{ background-color:#0B5D91; color:#FFF; padding:2px 5px; font-weight:bold; }

/* ################### de aqui pa abajo no se ha evaluado ####################### */
/*
---------------780------------------------
******************************************
*              |                         *
*             140                        *
*              |                         *
******************************************
*---160----*-----------600-------------*r*
*          *                           *i*
* bkg   &  *          principal        *g*
* leftmenu *                           *h* ->20<-
*          *                           *t*
*          *                           *c*
*          *                           *o*
*          *                           *l*
******************************************
*                                        *
******************************************

*/

/*  menus */
.leftmenu{
  float: left;
	width:160px;
}
.leftmenu a img{ 
}

.bkgleftmenu{
	width:0px;  /* dont touch this !! */
	vertical-align:top;
}

div#principal{
	width:600px;
	height:100%;
	vertical-align:top;
	background-color:#000066;
	display:block;
}
div#principal_2cols{
	width:750px;
	margin-left:10px;
	overflow: auto;
	vertical-align:top;
	display:block;
}
.ppalbgcolor{
	background-color:#000066;
	vertical-align:top;
}
.rightcol{ /* right col in the main windows  */
	width:20px;
	height:100%;
	background:transparent url(../EN/background/side-border.gif) repeat-y;
	overflow: hidden;	
}

.flg_cont{
  width:310px;
	height:80px;
	float:left;
	margin:10 0 0 30;
	font: normal 11px arial, verdana, helvetica;
  text-align:left;
	color:#FFF;
}

.flg_img{
  width:110px;
	height:80px;
	float:left;
}
/*
------- list of products or categories ---------------------------
*/
.product_list{ }
.product_list div#tree_product,#banner{
	font :bold 11px Arial, Helvetica, sans-serif;
	height: 95px;
	background-position:top right;
	background-repeat:no-repeat;
	text-transform:uppercase;
	color:#156B81;
}

div#tree_product a:link, div#tree_product a:visited {text-decoration: none; color: #156B81; }
div#tree_product a:hover{	color:#F3B548; }
/*
--end--- list of products or categories ---------------------------
*/

.subcat{
	margin:5px;
	padding-left: 5px;
}
.subcatfont{
	font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:     12px;
  font-weight:   bolder;
	text-transform:uppercase;
	color:#156B81;	
}

.ptitle{
  padding-left:  5px;
  font-size:     10px;
  font-weight:  bold;
	color:#156B81;
}

.paginationcat{
	font-size  : 9px;
	font-weight: bold;
	color      : #F3B548;
	height     : 20px;
}
.npageact{	color:red;    }
.npagedis{  color:#156B81;}
.admpgdis{  color:white;  }

/*
table show in the a-z results as in search -------------------------------------
*/
.prd_container{
	margin-bottom:5px;         /* space between tables */
	border:1px solid  #000099; /* because the border width change */
  width: 575px;  /* for browsers with no escapes at all */
 \width: 575px;  /* for IE5/Win */
 w\idth: 577px;  /* for good browsers */
}
/* IE only supports :hover on the <a href="blahblah"></a> tag. */
.prd_container table:hover{
	background:#000047;
}

.header_cat{
	font-size  :10px;
  color      :#FFFFCC;	
}
.header_cat tr td#cat_image{	width: 80px;	text-align:left; }
.header_cat tr td#cat_descr{ }               /* width to maximum */
.header_cat tr td#cat_optio{	width: 250px; \width: 255px; }/* (60 * 4)+ 10! see: img_icon */
.header_cat tr td#cat_lang{ width: 70px; }
.header_cat tr td#cat_optio span{width:62px; text-align:center;}

.header_cat tr td#cat_img_2{ width: 110px;	text-align:left; }
.header_cat tr td#cat_des_2{ font-size:12px; line-height:1.4;}
.header_cat tr td#cat_opt_2{ width:63px; }/* for awards only */

.prd_container_2{
	margin-bottom:15px;         /* space between tables */
	border:1px solid  #000099; /* because the border width change */
  width: 575px;  /* for browsers with no escapes at all */
 \width: 575px;  /* for IE5/Win */
 w\idth: 577px;  /* for good browsers */
}

.prd_text_title{	color:#FFFFFF; font-weight:bold;  }
.prd_text_desc{   letter-spacing:.7px; font:normal 10px Arial,verdana; color:#FFC;  }

/*
END table show in the a-z results as in search ---------------------------------
*/


/*
letter-spacing:110%;
text-align:justify;
title_m: used un titles of a href:
-advaced search
-print this page / send to a friend
*/
a.title_m{	color:#F3B548; font:normal 11px arial,verdana;}
a.title_m:hover{	text-decoration:underline; color:yellow;}
/*
 title_d: used in titles of descriptions.
  - product detail
  - product detail html
*/
.title_d { font: bold 14px cursive,arial,verdana; color:#FFC; }
.title_d2{ font: bold 13px arial,verdana; 	line-height:14px; }

/* -end menus --  */
.tablesearch{
	font-size:10px;
	color:#F3B548;
}

.margin_5 { margin-left:5px; }
.margin_10{ margin-left:10px;}
.margin_15{ margin-left:15px;}
.margin_20{ margin-left:20px;}
.margin_25{ margin-left:25px;}
.margin_30{ margin-left:30px;}

.titleintro{
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	margin:15px; 
	line-height:1.4; 
	letter-spacing:110%;
}

.tabout tr td{
	color:#FFF;
  font-weight:bold;
	font-size:12px;
  line-height:1.6; 
	letter-spacing:110%;
	padding:3px;
}
/*
 ###################################################image-slideshow

<------------ imgthumbcontainer = 700 ---------------------------->
*******************************************************************
* TheImages                                                 |     *
*          [img][img][img]....[img][slideend]          (75-border)*
*           <-------------------until 10000 -------->       |     *
*******************************************************************
*/
#imgthumbcontainer{
	width: 700px;           /* all browsers */
	height:71px;            /* Height of the images + 2  see border */
	position:relative;
	left:0px;
	overflow:hidden;
	background-color:#01022F;
}
#theImages{
	position:absolute;
	height:71px;     /* Height of the images + 2  see border */
	left:0px;        /* = arrow left height */
	width:10000px;    /* max 100 imgs        */
}
/*slideEnd permite saber el ancho de la lista de imagenes*/
#theImages #slideEnd{ float:left; }

#theImages img{
	float:left;
	padding:1px;
	cursor:crosshair,pointer;
	filter: alpha(opacity=50);
	opacity: 0.5;
	height:71px;
	width:75px;
}
#theImages .imageCaption{
	display:none;
}
/*
################################### menu desplegable #############
*/
.menudes{
	/* margin-left:5px;  */
	/* margin-right:5px; */
}
.menudes tr td#mdtitle{
	background:#000066;
	font:Bold 13px Arial,Verdana,Helvetica; 
}
.menudes tr td#mdtitle a{ color:#F3B548;}
.menudes tr td div{
	margin:3px;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	letter-spacing:110%;
}

.tmarket{
	font-size:10px;
	font-weight:bold;
	color:#FFF;
}
.tpackaging{
	font-size:10px;
	font-weight:bold;
	color:#FFF;
}
.tpackaging tr td small{
	font-size:9px;
	font-family: arial,Verdana;
}
.tpackaging tr td input{
	font-size:9px;
	font-weight:bold;
	font-style:Arial,Helvetica;
	width:115px;
	text-align:right;
	background:#FFFFFF; /*#747BB4; */
  border:0px solid #7E85BA;
  color:#000000;	
	margin:2px;
	padding-right:1px;
}
/*
#### seller view
*/
.sellerhtml{width:95%; margin:0 auto 0 auto; text-align:center; }
.sellerhtml table tr td{ color:#333;	font-size:10px;	font-weight:bold; }

.menutop{
	font-size:10px;
	font-weight:bold;
	font-size:12px;
  font-family: Helvetica;
	font-variant: small-caps;
	text-align:center;
}

.menutop div{
	cursor:pointer;
	width:140px;
	height:20px;
	border:1px solid #0B5D91;
	text-align:center;
	display:inline;
	margin:4px;
	padding:4px;
}
.menutop div ul{display:inline; margin: 0;	padding: 0; }
.menutop div ul a{color:#F3B548; }
.menutop div ul a:hover {	color: #FFF;}
.menutop div ul a:active{	color: red;}

/* Tree menu */
#sitemap span{color:#FFF;}
#sitemap img { border: 0px; height: 18px; vertical-align: text-bottom;}
#sitemap a { color:#FFC; text-decoration: none; white-space: nowrap; font: small-caps 14px Verdana,Arial;  }
#sitemap a.tree_join{ color:#FFF; font: normal 13px monospace,Arial;}
#sitemap a.tree_join:hover{color:red;}
#sitemap a.tree_categ{ color:#F3B548;font: small-caps 12px Verdana,Arial;  }
#sitemap a.tree_categ:hover {  font-weight:bold; color:#FFF;}
#sitemap a.tree_prodc{ color:#F3B548;font: 11px Verdana,Arial;  }
#sitemap a.tree_prodc:hover {  font-weight:bold; color:#FFC; }

#sitemap_title {font:bold 12px Arial,verdana,helvetica; color:#FFF; margin:10px 0px 10px 0px; }

/* color:#C32B28; */
.tgplink{
	font:bold 22px cursive, arial, verdana;
	color:#75D866;
}
.tgplink:hover{
	color:red;
}
/* ---- light version */
#btn_light{	text-decoration: none;	}
#btn_light div{
	color:#660000;
	background:#F4A32A;
	border:2px outset #C07705;
  width:140px;
	height:25px;
	font:bold 14px hevetica, verdana;
	text-transform:uppercase;
    text-align:center;
}
#btn_light:hover div{ 
	color:#FFFFCC;
	background:#C52925;
	border:2px inset #992521;
  cursor:pointer;	
}
#left_cat_light{
	font:bold 13px cursive,serif,verdana,arial; 
	color:##FEFEE2; 
	margin-left:15px;
	word-spacing: -0.3ex;
}
#left_cat_light div{	margin-left:5px;}
#left_cat_light div#catnsel a{color:#F3B548;}
#left_cat_light div#catnsel a:hover{color:red;}
#left_cat_light div#catsel  a{color:#FEFEE2;}
#left_cat_light div#catsel  a:hover{color:red;}

#btn_light2{	text-decoration: none;	}
#btn_light2 div{
	color:#660000;
	background:#F4A32A;
	border:1px outset #C07705;
	width:140px;
	height:15px;
	font:bold 11px hevetica, verdana;
	text-transform:uppercase;
  text-align:center;
  margin-top:4px;
}
#btn_light2:hover div{ 
	color:#FFFFCC;
	background:#C52925;
	border:1px inset #992521;
  cursor:pointer;	
}

#menulight ul li {}
#menulight{	position:fixed;	top:0px;	left:0px;	width:100%;	padding:0px; margin:0px; height:0px;}
html>body #menulight{	position:absolute;}
#menulight ul{
	position:relative;
	margin:-60 auto 0 100px; /* ie browser */
	width:450px;
	height:20px;
	padding:0px;
	list-style: none;
}
html>body #menulight ul{ /* all browser */
	margin:90px auto 0 200px;
}
#menulight ul li{
	float:left;
	height:45px;
	font-size:9px;
	margin:3px;  /*distance between icons*/
	list-style: none;
	position:inline;
}
#menulight ul li a{	text-decoration: none;	}
#menulight ul li a div{
	color:#FFFFCC;
	background:#666666;
	border:1px outset #C07705;
	width:50px;
	height:18px;
	padding-left:3px;
	padding-right:3px;
	font:bold 11px hevetica, verdana;
	text-transform:uppercase;
  text-align:center;
  margin-top:10px;
	display:inline;
}
#menulight ul li a:hover div{
	color:#FFFFCC;
	background:#C52925;
	border:1px inset #992521;
  cursor:pointer;
}
##########################


.lang_light{
	width:45px;
	display:inline; 
	text-align:center; 
	float:right;
	font:bold 10px Arial,helvetica,verdana;
}
.lang_light a{color:#FFF;}
.lang_light a:hover{color:#F00;}

/* ------------------  */
.rulesmlink{ font:normal 10px arial;color:orange;}
.rulesmlink a{color:#666;}
.rulesmlink a:hover{color:red;}
/* -----------------------  */
/* Product view detail page */
/* -----------------------  */
.rborder2{
  -webkit-border-radius:2px;
	-khtml-border-radius: 2px;	
	-moz-border-radius:   2px;	
	border-radius:        2px;
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	-moz-box-shadow:    2px 2px 3px rgba(0,0,0,0.6);
}
.rborder3{
  -webkit-border-radius:3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius:   3px;	
	border-radius:        3px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
	-moz-box-shadow:    2px 2px 4px rgba(0,0,0,0.6);
}

.rborder4{
  -webkit-border-radius:4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius:   4px;	
	border-radius:        4px;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	-moz-box-shadow:    2px 2px 6px rgba(0,0,0,0.6);
}

#imageppalv{
	float:left;
	width:300px; 
	height:300px;
	margin-right:5px;
	background:#FFF;
}

#descrppalv{
	background:#515998; 
	padding:5px;
	font: bold 13px arial,verdana; 	
	line-height:14px;
	color:#FFF;
}
#descrppalv b{font: bold 14px cursive,arial,verdana; color:#FFC;}

#iconsopts{
 	background:#515998; 
	vertical-align:middle;
	height:80px;
	margin-top:5px;
	padding-top:5px;
	margin-bottom:10px;
}
#store_locator{
 	background:#515998; 
	height:auto;
	padding:5px;
	margin-bottom:10px;
	color:#FFF;
	font: bold 13px arial,verdana;
}
.store_results{
}
.store_results tr th{
	color:#FFFFCC;
	font:bold 12px verdana,arial;
	border-bottom:solid 1px #FFF;
}
.store_results tr td{
	color:#FFF;
	font:bold 10px verdana,arial;
}
.store_results tr:hover{
 	 background-color: #5D65A8;
 }

.descret{
 	background:#515998;
	padding-bottom:5px;
}
.descret h3 a {
	color:#FBC40B; margin-left:5px;
}
/* ------------------------ */
/* gallery image style
/* ------------------------ */
 ul.gallery {
  list-style: none;
  margin: 0px;
	padding:0px;
	text-align:left;
 }
 /* --- only small images -- */
 ul.gallery li {
  display: block;
  float: left;
  margin: 5px 0 0 5px;
 }
 ul.gallery li a {
	padding: 2px;
	display: block;
	border: 1px #262A2C solid;
	line-height: 0;
	background:#FFF;
 }
 ul.gallery li a:hover { border: 1px #313739 solid; }
 
 ul.g_wide li{
  margin: 15px 0 0 15px; 
 }
 /* ------------------------ */
 .pricelist{
	 color: #111;
 }
 .pricelist tr th{
	 font:bold 12px verdana,arial;
 }
 .pricelist tr td{
	 height:60px;
	 text-align:center;
	 font:normal 10px verdana,arial;
	 border-top:solid 1px #888;
 }
 .pricelist tr td a{
  color: #666;
 }
 .pricelist tr td a:hover{
  color: #000;
	font-weight:bold;
 }
/* ------ fb like button -------- */
.fb_btn{
	float:left;
	margin-right:3px;
}
.fb_btn a{
	display:inline-block;
	height:17px; 
	padding-left:20px; 
	padding-right:2px;
	margin-left:2px;
	margin-right:2px;
	padding-top:4px;
	font:normal 11px arial,verdana; 
	color:#000;
}
.print{
	background:#EFEFF7 url(icons/print.png) no-repeat;
  background-position:3px center;
}
.share{
	background:#EFEFF7 url(icons/mail.png) no-repeat;
  background-position:3px center;
}
.cellp{
	background:#EFEFF7 url(icons/cellp.png) no-repeat;
  background-position:3px center;
}
/* ------ footer menu ----------- */
#menu-footer, #menu-footer li{list-style:none; margin:0px; padding:0px;	text-align:right;}
#menu-footer{
  position:absolute; 
  top:  0px; 
  right:0px; 
  font:normal 9px arial,verdana;
}
#menu-footer li a{color:#F3B548;}
#menu-footer li a:hover{color:#ff0000;}
/* ----- facebook on footer --- */
#fb_container{position:absolute; top:-5px; left:0px;}