/* ------------------------------------------------------
   ArenaPCShop CSS Styles
------------------------------------------------------ */

/* 
Resetting default browser styles on all elements 
No funca en IE 4.0 
*/
*{margin:0px;padding:0px;}

/* Removing borders from linked images */ 
a img{border:none;}

/* removing extra margin from form elements */
form{ margin:0px; }

/* default font */
body, h1, h2, h3, h4, h5, h6, td{font: 11px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;}

/* Headlines : h1 is used for the main (top) headline/contecnt section
h2 is used for the rest of the content headlines */
h1, h2{margin-bottom:5px;font-size:1.8em;line-height:1em;}

h4 {margin-bottom:2px; margin-top:2px; font-size:17px; padding:5px; line-height:0.7em; text-decoration:none; color:#1D8309;}

/* used for right columns which should be closer to the dotted lines */
.tight {padding-left:9px;}


.navscheme1 h4 {color:#B97F85;}
.navscheme1b h4 {color:#B97F85;}
.navscheme1c h4 {color:#B97F85;}
.navscheme1d h4 {color:#B97F85;}
.navscheme1e h4 {color:#B97F85;}
.navscheme1f h4 {color:#B97F85;}

.navscheme2 h4 {color:#3399FF;}
.navscheme3 h4 {color:#339999;}
.navscheme4 h4 {color:#AE966C;}
.navscheme5 h4 {color:#98B8C3;}
.navscheme6 h4 {color:#669900;}
.navscheme7 h4 {color:#8A98C0;}

.navscheme1 .altcol {background:#FFF9E1;}
.navscheme1b .altcol {background:#FFF9E1;}
.navscheme1c .altcol {background:#FFF9E1;}
.navscheme1d .altcol {background:#FFF9E1;}
.navscheme1e .altcol {background:#FFF9E1;}
.navscheme1f .altcol {background:#FFF9E1;}

.navscheme2 .altcol {background:#E3F3FF;}
.navscheme3 .altcol {background:#E4F0F1;}
.navscheme4 .altcol {background:#F5F0E8;}
.navscheme5 .altcol {background:#F1F5F8;}
.navscheme6 .altcol {background:#EDF5D0;}
.navscheme7 .altcol {background:#FFFFCC;}


/* Common text elements */
p{margin: 4px 0px;line-height:1.4em;padding:0px}

/* Colores para Link sobre fondo blanco */
a:link{color:#666666;text-decoration: underline; }
a:visited{color:#666666;text-decoration:underline;}
a:hover{color:#1D8309;text-decoration: none;}
a:active{color:#000000;text-decoration:none;}

a.noline {text-decoration:none;}
a.noline:visited  {text-decoration:none;}
a.noline:visited  {text-decoration:none;}
a.bold {font-weight:bold;}

a.pedir:link{color:#1D8309;font-weight:bold;text-decoration: underline; }
a.pedir:visited{color:#1D8309;font-weight:bold;text-decoration:underline;}
a.pedir:hover{color:#666666;font-weight:bold;text-decoration: none;}
a.pedir:active{color:#000000;font-weight:bold;text-decoration:none;}

/* para links */
a.h4 {margin-bottom:5px;margin-top:2px; font-size:18px;line-height:1em;text-decoration:none;}
a.h4:link{text-decoration:none;}
a.h4:visited{text-decoration:none;}
a.h4:hover{text-decoration:none;}
a.h4:active{text-decoration:none;}

.navscheme1 a.h4 {color:#000000;}
.navscheme1b a.h4 {color:#000000;}
.navscheme1c a.h4 {color:#000000;}
.navscheme1d a.h4 {color:#000000;}
.navscheme1e a.h4 {color:#000000;}
.navscheme1f a.h4 {color:#000000;}

.navscheme2 a.h4 {color:#3399FF;}
.navscheme3 a.h4 {color:#339999;}
.navscheme4 a.h4 {color:#AE966C;}
.navscheme5 a.h4 {color:#98B8C3;}
.navscheme6 a.h4 {color:#669900;}
.navscheme7 a.h4 {color:#8A98C0;}

/* Ordered and unordered list elements */
li{margin-bottom:5px 0px}
ul,ol{margin-left:25px}

/* ------------------------------------------------------
   Blue sky and white plate centering
------------------------------------------------------ */

#globalcontainer{
	text-align:left;
	margin: 0px auto;
	margin-bottom: 7px;
	width:767px;
	height:95%;
}

/* Banners */
#supercontainer{
	text-align:left;
	margin: 0px auto;
	width:767px;
	height:100%;

}

#globalrightbannerbar {
	text-align:left;
	float:left;
	width:220px;
	margin-left:5px;
}
/* ------------------------------------------------------
   Encabezado de página
------------------------------------------------------ */

/* Top curve image - rounded corners*/
#globaltopcurve{
	background-image: url(../images/base/topcurve.gif);
	height:12px;
	width:767px;
	overflow:hidden;
}

/* Header container box */
#globalheader{
	background-image: url(../images/base/header_back.gif);
	border-left:1px solid #000;
	border-right:1px solid #000;
	height:76px;
	width:auto;
}

/* Lycos logo - remember height and width! */
#globallogo{
	float:left;
	width:265px;
	height:49px;
	margin-right:50px;
	margin-top:12px;
}

/* 468x60 banner box space */
#globalbanner{
	float:left;
	width:450px;
	height:63px;
	text-align:left;
/*	background:#FFF; */
	overflow:hidden;
	margin-top: 0px;
  line-height:25px;
	}

#globalbannerborder{
	border-top: 0px solid #B1B3B2;
	border-left: 0px solid #B1B3B2;	
	border-bottom: 0px solid #FFF;
	border-right: 0px solid #FFF;		
}

/* ------------------------------------------------------
   Navegación Superior (Top) (Tabs y submenu)
------------------------------------------------------ */

/* Posiciona el fondo del submenú y fija bordes de topnav */
#globalnavigation{
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color :#fff;
	border-left:1px solid black;
	border-right:1px solid black;
	height: 38px;
	width: auto;	
}

/* Imagen de fondo para el sub menu (no se usará en ArenaMACShop)  */
.navscheme1 #globalnavigation{background-image: url(../images/base/topnav/submenu_back_1.gif)}
.navscheme1b #globalnavigation{background-image: url(../images/base/topnav/submenu_back_1.gif)}
.navscheme1c #globalnavigation{background-image: url(../images/base/topnav/submenu_back_1.gif)}
.navscheme1d #globalnavigation{background-image: url(../images/base/topnav/submenu_back_1.gif)}
.navscheme1e #globalnavigation{background-image: url(../images/base/topnav/submenu_back_1.gif)}
.navscheme1f #globalnavigation{background-image: url(../images/base/topnav/submenu_back_1.gif)}

.navscheme2 #globalnavigation{background-image: url(../images/base/topnav/submenu_back_2.gif)}
.navscheme3 #globalnavigation{background-image: url(../images/base/topnav/submenu_back_3.gif)}
.navscheme4 #globalnavigation{background-image: url(../images/base/topnav/submenu_back_4.gif)}
.navscheme5 #globalnavigation{background-image: url(../images/base/topnav/submenu_back_5.gif)}
.navscheme6 #globalnavigation{background-image: url(../images/base/topnav/submenu_back_6.gif)}
.navscheme7 #globalnavigation{background-image: url(../images/base/topnav/submenu_back_7.gif)}

/* Imagen de fondo para los tabs: según cual esté activa  */
.navscheme1 div div #globaltab1{background-image: url(../images/base/topnav/tab_active_1.gif)}
.navscheme1b div div #globaltab1{background-image: url(../images/base/topnav/tab_active_1.gif)}
.navscheme1c div div #globaltab1{background-image: url(../images/base/topnav/tab_active_1.gif)}
.navscheme1d div div #globaltab1{background-image: url(../images/base/topnav/tab_active_1.gif)}
.navscheme1e div div #globaltab1{background-image: url(../images/base/topnav/tab_active_1.gif)}
.navscheme1f div div #globaltab1{background-image: url(../images/base/topnav/tab_active_1.gif)}

.navscheme2 div div #globaltab2{background-image: url(../images/base/topnav/tab_active_2.gif)}
.navscheme3 div div #globaltab3{background-image: url(../images/base/topnav/tab_active_3.gif)}
.navscheme4 div div #globaltab4{background-image: url(../images/base/topnav/tab_active_4.gif)}
.navscheme5 div div #globaltab5{background-image: url(../images/base/topnav/tab_active_5.gif)}
.navscheme6 div div #globaltab6{background-image: url(../images/base/topnav/tab_active_6.gif)}
.navscheme7 div div #globaltab7{background-image: url(../images/base/topnav/tab_active_7.gif)}


/* Default inactive tab background image */
#globaltabs div{background-image: url(../images/base/topnav/tab_inactive.gif)}

/* Tabs Font */
#globaltabs div a{color:#000;line-height:32px;text-decoration:none;}

/* Active tab font styling - this is applied on the active tab depending on which navscheme is used */
.navscheme1 div #globaltab1 a, .navscheme2 div #globaltab2 a, .navscheme3 div #globaltab3 a, .navscheme4 div #globaltab4 a, .navscheme5 div #globaltab5 a, .navscheme6 div #globaltab6 a, .navscheme7 div #globaltab7 a{font-weight: bold;}
.navscheme1b div #globaltab1 a,.navscheme1c div #globaltab1 a,.navscheme1d div #globaltab1 a,.navscheme1e div #globaltab1 a,.navscheme1f div #globaltab1 a, {font-weight: bold;}

/* Box containing the tabs - remember width for IE 4 compliance - Margin used  for indenting */
#globaltabs{margin:0px 15px;width: 735px;}

/* Box containing the individual tabs */
#globaltabs div{
   width:105px;
   height:31px;
   overflow:hidden;
   float:left;
   text-align:center;
   list-style-type: none;
}

/* hover color */
/*
#globaltab1.tabhover{background-image: url(../images/base/topnav/tab_hover_1.gif)}
#globaltab2.tabhover{background-image: url(../images/base/topnav/tab_hover_1.gif)}
#globaltab3.tabhover{background-image: url(../images/base/topnav/tab_hover_1.gif)}
#globaltab4.tabhover{background-image: url(../images/base/topnav/tab_hover_1.gif)}
#globaltab5.tabhover{background-image: url(../images/base/topnav/tab_hover_1.gif)}
#globaltab6.tabhover{background-image: url(../images/base/topnav/tab_hover_1.gif)}
#globaltab7.tabhover{background-image: url(../images/base/topnav/tab_hover_1.gif)}
*/

/* 
Styling of the tab links,
using display:block and width to make the whole area clickable, 
not functional in IE 4, but nice in others
*/
#globaltabs div a{display:block;}

/* The sub menu */
#globalsubmenu {margin-left:5px;}
#globalsubmenu a{display:block; float:left; margin: 0px 5px;text-decoration:none;color: #000;line-height:4px;}

#globalsubmenu a.active{font-weight: bold;}
#globalsubmenu a:hover{text-decoration: underline;}


/* ---------------------------------------------------
Estilo de 3 columnas (contenido- izq, der &  central)
--------------------------------------------------- */

/* Seteos por defecto para las 3 columnas qeu contienen:
2 columnas laterales y al área central de contenido
*/
#globalcontentleft,#globalcontentright, #globalcontentcenter{
/*   text-align:center;*/
   float:left;
   width:134px;
   margin-bottom:2px;   
}

/* Sobrescribe el ancho del área central para expandir y resetear el padding */
#globalcontentcenter{
  width:488px;
  height:100%;
  padding:0px;
  margin:0px;
}

#globalcontentright{
	width:133px;
	margin:0px;
}



/* ------------------------------------------------------
Colored plate area styling
------------------------------------------------------ */

/* Container holding the content area below the pageheader 
"Summer Yellow" used for fallback color if not overwrited */
#globalcontent{
   border-left:1px solid #000;
   border-right:1px solid #000;
   padding-top: 0px;   /* Separación desde el pie del cabezal hasta dónde comience la parte de contenido */
	width:auto;
	height:100%;
}
/* Establece el fondo dependiendo del esquema de navegación (navscheme) */
/* .navscheme1 #globalcontent{background:#F9C0C7;}
/* .navscheme2 #globalcontent{background:#9FD2FF;}
/* .navscheme3 #globalcontent{background:#A7CDD0;}
/* .navscheme4 #globalcontent{background:#DCCEB3;}
/* .navscheme5 #globalcontent{background:#D5E1EA;}
/* .navscheme6 #globalcontent{background:#C4DF62;}
/* .navscheme7 #globalcontent{background:#FFF799;} old*/
.navscheme1 #globalcontent{background:#eeeeee;}
.navscheme1b #globalcontent{background:#eeeeee;}
.navscheme1c #globalcontent{background:#eeeeee;}
.navscheme1d #globalcontent{background:#eeeeee;}
.navscheme1e #globalcontent{background:#eeeeee;}
.navscheme1f #globalcontent{background:#eeeeee;}

.navscheme2 #globalcontent{background:#eeeeee;}
.navscheme3 #globalcontent{background:#eeeeee;}
.navscheme4 #globalcontent{background:#eeeeee;}
.navscheme5 #globalcontent{background:#eeeeee;}
.navscheme6 #globalcontent{background:#eeeeee;}
.navscheme7 #globalcontent{background:#eeeeee;}


/* ------------------------------------------------------
Estilos para Área Central (contenido)
------------------------------------------------------ */

/* The area containing the content elements */
#globalcontentcentercontent{
   background:#ffffff;
   border-left:1px solid #838383;
   border-right:1px solid #838383;
	width:auto;
 }

/* The footer below the content elements this creates
the rounded cornes on the white content center area box */
#globalcontentcenterfooter{
   background-image: url(../images/base/contentroundedbottom.gif);
   height:9px;
   margin-bottom:3px;
   overflow:hidden;
}
#tablecontent{
   WIDTH:100%; 
   HEIGHT:100%;
   border-left:1px solid #000;
   border-right:1px solid #000;
}
#cellborder {
   border-left:1px solid #DDDDDD;
   border-right:1px solid #DDDDDD;
   border-top:1px solid #DDDDDD;
   border-bottom:1px solid #DDDDDD;
}

/* ====================================================
The section header including breadcrumb
==================================================== */

/* Styling for the content center header containing the 
headline for the channel/section. This is the default 
styling and should be overwritten by a "local" css file
to display the correct background image and similar */
#sectionhead{
   width:auto;
   text-align:left;
	margin:0px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
}

#sectionhead p{
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	letter-spacing: 1px;
	line-height:46px;
	height:46px;
	overflow:hidden;
}

/* The breadcrumb container below the channel header*/
#globalcontentcenterbreadcrumb{
   border-left:1px solid #838383;
   border-right:1px solid #838383;
   text-align:right;
   
   padding: 0px 9px 5px 9px; 
   color:#666666;
	width:auto;
	line-height:15px;
	font-size:10px;
	height:15px;
	overflow:hidden;
	background-color:transparent;
}

/* The breadcrumb link styling */
#globalcontentcenterbreadcrumb a, #globalcontentcenterbreadcrumb a.current{
   color:#666666;
   font-size:10px;
   text-decoration:none;
}

/* breacrumb styling for the item currently viewed*/
#globalcontentcenterbreadcrumb a.current{font-weight:bold;}


/* ------------------------------------------------------
 Page Footer
------------------------------------------------------ */
/*  Bottom of page */
#globalfooter {
	background-color:#FFFFFF;
	border-top:1px solid #000000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding-top:6px;
	text-align:center;
	width:auto;
}

/* Footer links */
#globalfooter a {
	color:#666666;
	text-decoration: none;
}	
#globalfooter a:link {
	color:#666666;
	text-decoration: underline;
}	
#globalfooter a:visited {
	color:#666666;
	text-decoration: underline;
}	
#globalfooter a:hover {
	color:#000000;
	text-decoration: none;
}	


/* Highlight */
#globalfooter .highlight {
	color:#CC0000;
	font-weight:bold;
}

/* Copyright text */
#globalcopyright{
	font-size:11px;
	color:#999999;
	text-align: center;
	margin-top:8px;
}

#globalbottomcurve{
	background-image: url(../images/base/bottomcurve.gif);
	height:15px;
	width:767px;
	overflow:hidden;
}

.rotationBox a {	font-weight:bold;	}
.rotationBox h3 {	padding-top:4px; padding-left:5px; font-weight:normal; font-size:9px; color:#666;	}
.rotationBox h4 {	color:#000; margin-left:6px; margin-top:0px;	}
.rotationBox img {	width:110px; height:110px; margin-left:auto; margin-right:auto; display:block;	}
.rotationBox div div {	padding:0 5px 0 5px; margin-bottom:5px;	}
.rotationBox div div div { text-align:right; padding-right:4px;	}

/* ------------------------------------------------------
Bar boxes - classes used to generate the bar boxes
------------------------------------------------------ */

/* Crea el box del cabezal */
.cbar h3{
	font-weight:bold;
	/* background-image:url(../images/base/boxtop.gif); */
	background-position: top left;
	margin:0px 3px;
	text-align:left;
	padding: 9px 8px 3px 8px;
	line-height:13px;
}


/* Creates a box containing the bottom - used together with the h3 header*/
.cbar .box {
	background-image:url(../images/base/boxbottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0px 3px 3px 3px;
	text-align:left;
	width:126px;
	padding-bottom:5px;
	overflow:hidden;
}

/* Contenedor del Menú */
.box .menu{
	list-style-type: none;
	margin:0px 5px 0px 5px;
}

/* Estilo de los ítems del menú - Crea la línea punteada */
.box .menu li{
	background-image:url(../images/base/dot.gif);
	background-repeat: repeat-x;
	padding: 3px;
}

/* Contenedor del submenú */
.box .menu li div ul{
	margin:3px 0px 0px 0px;
	list-style: none;
}

/* Item de Submenu */
.box .menu li div ul li{
	background-image: none;
	margin:0px 0px 5px 0px;
	padding: 0px;
	line-height: 12px;
}

/* Remueve underline en items de menú */
.box .menu a {text-decoration:none;}

/* class used for setting a menu item to be active*/
.box .menu .active {font-weight:bold;}

/* Colores de Link para items de menu */
.box .menu a:link{color:#000;}
.box .menu a:visited{color:#000;}
.box .menu a:hover{color:#1D8309;text-decoration: underline;}
.box .menu a:active{color:#870101;}

/* Flechas bullet para menues */
.textlink_arrow{
	background-image: url(../images/base/bullet_arrow.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height:14px;
}

.box .textlink a {text-decoration:none;}

/* arrow bullet for menues */
.menu li div{
	background-image: url(../images/base/bullet_arrow.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height:14px;
}

/* hides all submenus */
.menu li ul { display: none }

/* ------------------------------------------------------
 Working class' (used for different fixes and generel stuff)
------------------------------------------------------ */
/* used for breaking flows */ 
.breaker{
	overflow:hidden;
	height:1px;
	clear:both;
}

/* removes margin */
.nomargin{margin:0px;}

/* inserts a dotted line 1px height, breaks the flow and 
adds margin if inside content area */
.hr{background-image:url(../images/base/dot.gif);height:1px;overflow:hidden;clear:both;margin:0px;padding:0px;}
#globalcontentcentercontent .hr{margin: 9px 8px 8px 8px;width:auto;}

.hrsmall{background-image:url(../images/base/dot.gif);height:1px;overflow:hidden;clear:both;margin:4px 0px 4px 0px;padding:0px;}

.hrblack{background-color:#000000;height:1px;overflow:hidden;clear:both;margin:20px 0px 4px 0px;padding:0px;}

/* Class' used for floating images around text */
img.left{float:left;margin: 0px 8px 0px 0px}
img.right{float:right;margin: 0px 0px 0px 8px}


/* ------------------------------------------------------
 Class' used for creating columns inside the center content area
------------------------------------------------------ */

/* shouldn't be used but.. */
.columns .col1 {margin-left:9px;margin-right:9px;}

/* General Column styling */
.columns1,.columns2,.columns3,.columns2add, .columns3spray, .columns2l, .columns2r{
	text-align:left;
	margin:0px 0px 0px 0px;
/*	width:1090px;*/
}


/* 1 Column styling */
.columns1{width:465px;}

.columns1 .col1header {padding:0px 5px 0px 15px;}
.col1header img {margin-left:10px;}

/* 2 Column styling - using floating */
.columns2{
	background-image: url(../images/base/columns2_back_spray.gif);
	background-repeat: repeat-y; 
	background-position: top center;	
}

.columns2 .col1{
   width:318px;
   float:left;
   padding-left:4px;
/*   margin-left:2px;*/
}

.columns2 .col2{
	width:146px;
	float:left;
	margin-left:10px;
}

/*3 Column styling - using floating */
.columns3{
	background-image: url(../images/base/columns3_back.gif);
	background-repeat: repeat-y;
	background-position: top center;
	width:483px;

}

.columns3 .col1,.columns3 .col2, .columns3 .col3{
	width:125px;
	float:left;
	margin:0;padding:0;
}

.columns3 .col1{width:145px;padding-left:15px;}
.columns3 .col2{width:150px;padding-left:9px;}
.columns3 .col3{width:140px;padding-left:15px;}


/* 2 columns inside columns2 */
.col1columns2 {
	background-image:url(../images/base/columns3_back.gif);
	width:328px;
	margin:0px;
	padding:0px;
	background-color:#EEEEEE;
/*	margin-left:3px;*/
}

.col1columns2col1 {
	width:165px;
/*	padding-left:8px;*/
/*
	margin-right:10px;
	margin-left:15px;
	*/
	float:left;
}
.col1columns2col2 {
	margin-left:1px;
	width:162px;
	float:left;
}

/* 2 columns with big add */
.columns2add{
	background-image: url(../images/base/columns2_back_spray.gif);
	background-repeat: repeat-y; 
	background-position: top center;
	width:483px;
}

.columns2add .col1{
	width:328px;
	float:left;
/*	margin-right:10px;*/
/*	padding-right:9px;*/
/*	text-align:center;*/
}

.columns2add .col2{
	width:155px;
	float:left;
}

.columns2add .col1{margin-left: 0px; padding-left:0px;}

/* 2 columns with big add */
.columns3spray{
	background-image: url(../images/base/columns2_back_spray.gif);
	background-repeat: repeat-y; 
	background-position: top center;	
	width:483px;
}

.columns3spray .col1{
	width:158px;
	float:left;
	padding-left:5px;
	padding-right:2px;
}

.columns3spray .col2{
	width:158px;
	float:left;
	padding-right:2px;
}
/*col1 + col2 = 325*/

.columns3spray .col3{
	width:147px;
	float:left;
	margin-left:8px;
}

/* ------------------------------------------------------
   Full color box
------------------------------------------------------ */
/* color box */

/* default settings for the colorbox */
.colorbox{width:100%;margin:0px;padding:0px;overflow:hidden;}
.colorbox h4 {color:#000000;}
.colorbox .breaker{height:1px;background:#fff;}

/* colorsettings depending on the navscheme */
.navscheme1 .colorbox{background:#B4E2FF;}
.navscheme1b .colorbox{background:#B4E2FF;}
.navscheme1c .colorbox{background:#B4E2FF;}
.navscheme1d .colorbox{background:#B4E2FF;}
.navscheme1e .colorbox{background:#B4E2FF;}
.navscheme1f .colorbox{background:#B4E2FF;}

.navscheme2 .colorbox{background:#C8E7FF;}
.navscheme3 .colorbox{background:#C9E2E3;}
.navscheme4 .colorbox{background:#EBE2D1;}
.navscheme5 .colorbox{background:#E4EBF1;}
.navscheme6 .colorbox{background:#DCECA1;}
.navscheme7 .colorbox{background:#EFF1FB;}
.navscheme1 .colorbox .breaker {background:#B4E2FF;}
.navscheme1b .colorbox .breaker {background:#B4E2FF;}
.navscheme1c .colorbox .breaker {background:#B4E2FF;}
.navscheme1d .colorbox .breaker {background:#B4E2FF;}
.navscheme1e .colorbox .breaker {background:#B4E2FF;}
.navscheme1f .colorbox .breaker {background:#B4E2FF;}

.navscheme2 .colorbox .breaker {background:#C8E7FF;}
.navscheme3 .colorbox .breaker {background:#C9E2E3;}
.navscheme4 .colorbox .breaker {background:#EBE2D1;}
.navscheme5 .colorbox .breaker {background:#E4EBF1;}
.navscheme6 .colorbox .breaker {background:#DCECA1;}
.navscheme7 .colorbox .breaker {background:#FFF799;}


.colorbox .topleft, .colorbox .topright, .colorbox .bottomleft, .colorbox .bottomright{
width:9px;
height:9px;
line-height:1px;
overflow:hidden;
}

/* Remember to set heigh equal to the corner gif*/

.colorbox .topleft{float:left;background-image:url(../images/base/colorbox_topleft.gif);}
.colorbox .topright{float:right;background-image:url(../images/base/colorbox_topright.gif);}
.colorbox .bottomleft{float:left;background-image:url(../images/base/colorbox_bottomleft.gif);}
.bottomright{float:right;background-image:url(../images/base/colorbox_bottomright.gif);}

.content{clear:both;width:auto;padding-right:10px;margin:0px 0px 0px 10px;}


/* ------------------------------------------------------
   Small header in boxes (sometimes)
------------------------------------------------------ */

/* default settings for the small header */
.smallheader{width:100%;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
.smallheader .whitecontent{clear:both;width:auto;padding-right:10px;margin:0px 0px 0px 0px;}

/* Remember to set heigh equal to the corner gif*/
.smallheader .breaker{height:1px;background:#fff;}

.smallheader .hdrleft, .smallheader .hdrright {
	background-position: top left;
	background-repeat: no-repeat;
	font-size:10px;
	font-weight:bold;
	/*overflow:hidden;*/
}

.smallheader .hdrleft{
	float:left;
	background-image:url(/images/base/smallheader_left.gif);height:15px; width:4px;
	padding:0px 3px 0px 5px;
	width:auto;
}
.smallheader .hdrright{float:left;
	background-image:url(/images/base/smallheader_right.gif);
	height:15px;
	width:20px;
}

.smallheaderbrk{
	overflow:hidden;
	height:0px;
	clear:both;
}

.smallheader .blue {background-color:#B4E2FF;}
.smallheader .blueline {border-top:1px #B4E2FF solid; background-color:#FFFFFF;padding-top:1px;}

.smallheader .brown {background-color:#DCCEB3;}
.smallheader .brownline {border-top:1px #DCCEB3 solid; background-color:#FFFFFF;padding-top:1px;}

.smallheader .pink {background-color:#F9C0C7;}
.smallheader .pinkline {border-top:1px #F9C0C7 solid; background-color:#FFFFFF;padding-top:1px;}

.smallheader .green {background-color:#C4DF62;}
.smallheader .greenline {border-top:1px #C4DF62 solid; background-color:#FFFFFF;padding-top:1px;}

.smallheader .titaniumblue {background-color:#D5E1EA;}
.smallheader .titaniumblueline {border-top:1px #D5E1EA solid; background-color:#FFFFFF;padding-top:1px;}



/* people online right now */
#onlinelist {padding:0px 13px 0px 4px;}
#onlinelist .left {float:left;}
#onlinelist .right {float:right;}


#textlinks {margin-left:9px;}
#textlinks a {}
#textlinks div {margin-left:0px;padding-bottom:0px; padding-right:0px; padding-left:0px;}

.withpadding {padding-left:15px;padding-right:9px;}

/* ------------------------------------------------------
   Buttons
------------------------------------------------------ */

div.button{}

div.button .btnleft, div.button .btnright{
height:20px;
width:5px;
background-image: url(../images/base/button_left.gif);
float:left;
}
div.button .btnright{background-image: url(../images/base/button_right.gif)}
div.button .btncenter{
	float:left;
	height:20px;
	background-image: url(../images/base/button_center.gif);
	overflow:hidden;
}
div.button .btncenter a{
	text-decoration: none;
	line-height: 22px;
	padding: 0px 6px;
/*	font-weight:bold;*/
}

div.button .btncenter a:hover{color:#000}

/* styling an input button */
div.button .btncenter input{
	text-decoration: none;
	border:0px solid #000;
	background: transparent;
	font: 12px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;color: #000;
	cursor: pointer;
	margin-top:2px;
	height:19px;
}



/* 2 Column styling small left - using floating */
.columns2l{
   background-image: url(../images/base/columns2l_back.gif);
   background-repeat: repeat-y; 
	background-position: top center;	
}

.columns2l .col1{
margin-right: 19px;
width:147px;
float:left;
}

.columns2l .col2{
width:315px;
float:left;
}


/* 2 Column styling small right - using floating */
.columns2r{
	background-image:url(../images/base/columns2r_back.gif);
	background-repeat:repeat-y;
	background-position:top center;
	margin-left:9px;
	width:471px;
}

.columns2r .col1{
margin-right: 19px;
width:309px;
float:left;
}

.columns2r .col2{
width:137px;
float:left;
}


/* MICRO TEXT (like the one in the breadcrumb */

.microtext{
	color:#666666;
	line-height:15px;
	font-size:10px;
	background-color:transparent;
}

/***********************************************/
/* Estilos para objetos de formulario          */
/***********************************************/
.combo150   { font-family: verdana, arial; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; width: 150px; height:18px;  clip:  rect(   ); color: #1D8309; background-color: #eeeeee}
.combo130   { font-family: verdana, arial; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; width: 130px; height:18px; clip:  rect(   ); color: #1D8309; background-color: #eeeeee}
.combo120   { font-family: verdana, arial; font-size: 7pt; font-style: normal; font-weight: normal; text-decoration: none; width: 120px; height:18px; clip:  rect(   ); color: #1D8309; background-color: #ffffff}
.combo100   { font-family: verdana, arial; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; width: 100px; height:18px; clip:  rect(   ); color: #1D8309; background-color: #eeeeee}
.combo50  { font-family: verdana, arial; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; width: 50px; height:18px; clip:  rect(   ); color: #1D8309; background-color: #eeeeee}
.combo70  { font-family: verdana, arial; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; width: 70px; height:18px; clip:  rect(   ); color: #1D8309; background-color: #eeeeee}
.combo_search   { font-family: verdana, arial; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; width: 110px; height:18px; clip:  rect(   ); color: #1D8309; background-color: #eeeeee}

.combobox 					{ width: 115px; font-family: arial; font-size: 10px; font-style: normal; font-color:#47b5b4; font-weight: normal; text-decoration: none; clip:  rect(   ); background-color: #ecfbfb}
.combo_mini 				{ width: 70px; font-family: arial; font-size: 10px; font-style: normal; font-color:#47b5b4; font-weight: normal; text-decoration: none; clip:  rect(   ); background-color: #ecfbfb}
.combo_medio 				{ width: 125px;  font-family: arial; font-size: 11px; font-style: normal; font-color:#47b5b4; font-weight: normal; text-decoration: none; clip:  rect(   ); background-color: #ecfbfb}
.combo_fotos 				{ width: 120px;  font-family: arial; font-size: 10px; font-style: normal; font-color:#47b5b4; font-weight: normal; text-decoration: none; clip:  rect(   ); background-color: #ecfbfb}

.textbox180 { width: 180px; height:16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; color: #1D8309; background-color: #eeeeee; border-color: #333333 #333333 #333333 #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.textbox150 { width: 150px; height:16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; color: #1D8309; background-color: #eeeeee; border-color: #333333 #333333 #333333 #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.textbox120 { width: 120px; height:16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; color: #1D8309; background-color: #eeeeee; border-color: #333333 #333333 #333333 #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.textbox65 { width: 65px; height:14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; color: #1D8309; background-color: #ffffff; border-color: #333333 #333333 #333333 #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.textbox80 { width: 80px; height:17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; color: #1D8309; background-color: #ffffff; border-color: #333333 #333333 #333333 #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.textbox35 { width: 35px; height:16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; color: #1D8309; background-color: #eeeeee; border-color: #DF5D06 #DF5D06 #DF5D06 #DF5D06; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 3px}
.textbox25 { width: 25px; height:16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; color: #1D8309; background-color: #eeeeee; border-color: #333333 #333333 #333333 #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.textboxmultiline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	width: 300px;
	color: #000000;
	background-color: #eeeeee;
	border-color: #333333 #333333 #333333 #333333;
	height: 110px;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 1px;
}
.textarea_contactus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	width: 218px;
	color: #000000;
	background-color: #eeeeee;
	border-color: #333333 #333333 #333333 #333333;
	height: 110px;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 1px;
}
.textarea {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; width: 280px; clip:    rect(   ); background-color: #dddddd; border: 1px outset; border-color: #666666 #000000 #000000 #666666}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/***********************************************/
/* Estilos para Menú expandible                */
/***********************************************/
#menuizq
{
width: 128px;
/* despliega la lista horizontalmente */
font-family: sans-serif;
margin: 0 0 0 0px;
border-top: 0px #000 solid;
border-left: 0px #000 solid;
border-right: 0px #000 solid;
}

#menuizq a
{
width: 99.99%;
color:#1D8309;
/* extend the sensible area to the maximum with IE5 */
display: block;
height:17px;
background-color: #eeeeee;
border-bottom: 1px #cccccc solid;
text-align: left;
text-decoration: none;
font-size: 8pt;
padding-left:4px;
}

#menuizq a:hover { background-color: #dddddd;}
#menuizq a:visited {color:#1D8309;}


#parentX {
	cursor:pointer;
	font-family:'Trebuchet MS', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	background:#f2f2f2;
	height:16px;
	padding-left:3px;
	margin-bottom:2px;
	margin-top:2px;
}
#parentX:hover {
	color:white;
}

/* childX no se usa para ArenaPCShop   */
#childX {
	font-family:'Trebuchet MS', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-left:8px;
	background-image:url(../images/bg_menues.gif);
	text-align:left;
	margin-bottom:2px;
	margin-top:2px;

#childX:hover {
	font-family:'Trebuchet MS', Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-left:8px;
	background-image:url(../images/bg_menues_over.gif);
	text-align:left;
	margin-bottom:2px;
	margin-top:2px;
}
#childX a {
	color:#000000;
	text-decoration:none;
}
#childX a:hover {
	color:#1D8309;
	text-decoration:none;
}

#menuizq li {
display: inline;
/* for IE5 and IE6 */
}

/* ---------------------------------------*/