body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
	color:#333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

IMG {
    border:0px;
}


INPUT {
border: 1px solid #999999;
width:180px;
}

TEXTAREA {
border: 1px solid #999999;
width:180px;
}

.footer {
color:#FFF;
}

.tituloproductos {
font: bold 12px Arial;
color:#FFFFFF;
}

.titulo {
font: bold 18px Arial;
color: #FF0000;

}

#titulo {
font: bold 18px Arial;
color: #FF0000;
padding-bottom: 5px;
border-bottom: 1px solid #FF0000;
width: 641px;
}


#titulo1 {
font: bold 18px Arial;
color: #FFFFFF;
background-color:#333;
padding-bottom: 5px;
width: 631px;
padding-top: 5px;
padding-left: 10px;
}


.subtitulo {
font: bold 13px Arial;
color: #FF0000;
text-transform:uppercase;
}

A.clase2:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: none;
}
A.clase2:active {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: none;
}
A.clase2:link {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: none;
}
A.clase2:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: underline;
}



A.clase3:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: none;
}
A.clase3:active {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: none;
}
A.clase3:link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: none;
}
A.clase3:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: underline;
}

.tdmain {
border: 10px solid #000;
background-color:#000;
text-align: justify;
padding:10px;
border-right: 5px solid #000;
}


.tdcompania {
border: 10px solid #1A1A1A;
background-color:#FFFFFF;
text-align: justify;
padding:10px;
border-right: 5px solid #00CCFF;
}


.tdubicacion {
border: 10px solid #1A1A1A;
background-color:#FFFFFF;
text-align: justify;
padding:10px;
border-right: 5px solid #00CC00;
}


.tdlicencias {
border: 10px solid #1A1A1A;
background-color:#FFFFFF;
text-align: justify;
padding:10px;
border-right: 5px solid #FFCC00;
}


.tdmarketing {
border: 10px solid #1A1A1A;
background-color:#FFFFFF;
text-align: justify;
padding:10px;
border-right: 5px solid #FF0099;
}


.tdcontacto {
border: 10px solid #1A1A1A;
background-color:#FFFFFF;
text-align: justify;
padding:10px;
border-right: 5px solid #F46800;
}


.tdseccion { 
border:1px solid #CCCCCC;
}

/////////////////////////////////////////////////


.indentmenu{
font: bold 13px Arial;
width: 690px; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: right;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
text-decoration: none;
border: 1px solid #000000; /*dark purple divider between menu items*/
margin-left:5px;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover {
}

.indentmenu ul li .current{
border: 1px solid #FF0000; /*dark purple divider between menu items*/
}

.indentmenu ul li .current:hover{
border: 1px solid #FF0000; /*dark purple divider between menu items*/
}


.indentmenu ul li .english{
text-decoration:none;
padding-top: 11px;
}

.indentmenu ul li .english:hover{
text-decoration:underline;
padding-top: 11px;
border: 1px solid #000000;
}
////////////////////////////////////////////////


.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
font: bold 11px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;

color: #FFFFFF;
background: 000000; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{

}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
color:#ffffff;
border-bottom: 5px solid #FF0000;

}

li.compania a{
border-bottom: 5px solid #00CCFF;
padding: 10px 27px; /*padding inside each tab*/
}

li.ubicacion a{
border-bottom: 5px solid #00CC00;
padding: 10px 27px; /*padding inside each tab*/
margin-left: 10px; /*right divider between tabs*/
}

li.licencias a{
border-bottom: 5px solid #FFCC00;
padding: 10px 27px; /*padding inside each tab*/
margin-left: 10px; /*right divider between tabs*/
}

li.marketing a{
border-bottom: 5px solid #FF0099;
padding: 10px 27px; /*padding inside each tab*/
margin-left: 10px; /*right divider between tabs*/
}

li.contacto a {
border-bottom: 5px solid #F46800;
padding: 10px 27px; /*padding inside each tab*/
margin-left: 10px; /*right divider between tabs*/
}

//////////////////////////////////////////////

.botder{
border-bottom-width: 0;
width: 300px;
}

* html .botder{ /*IE only rule. Original menu width minus all left/right paddings */
width: 294px;
}

.botder ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.botder a{
height: 118px;
display: block;
width: 100%; /*Define width for IE6's sake*/
margin-bottom: 10px;
border: 1px solid #999999;
}

.botder a:visited{
color: #000000;
}

html>body .botder a{ /*Non IE rule*/
width: auto;
}

.botder a:hover{
color: black;
text-decoration: underline;
}

.prince {	
background-image:url(../img/princebyn.jpg);
background-repeat: no-repeat;
}

.prince:hover{	
background-image:url(../img/prince.jpg);
background-repeat: no-repeat;
}

.everlast {	
background-image:url(../img/everlastbyn.jpg);
background-repeat: no-repeat;
}

.everlast:hover{	
background-image:url(../img/everlast.jpg);
background-repeat: no-repeat;
}

.gamma {	
background-image:url(../img/gammabyn.jpg);
background-repeat: no-repeat;
}

.gamma:hover{	
background-image:url(../img/gamma.jpg);
background-repeat: no-repeat;
}

.kooga {	
background-image:url(../img/koogabyn.jpg);
background-repeat: no-repeat;
}

.kooga:hover{	
background-image:url(../img/kooga.jpg);
background-repeat: no-repeat;
}
//////////////////////////////////////////////


/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenubis{
font: bold 13px Arial, Verdana;
width: 100%; /*leave this value as is in most cases*/

}

.indentmenubis ul{
margin: 0;
padding: 0;
float: left;
border-top: 1px solid #333333; /*darkred border*/
/* width: 80%; width of menu*/
background-image:url(../img/bordedebot.gif);
background-position: left;
}

.indentmenubis ul li{
display: inline;
}

.indentmenubis ul li a{
float: left;
color: #333333; /*text color*/
padding: 2px 10px;
text-decoration: none;
border-right: 1px solid #333333; /*darkred divider between menu items*/
}

.indentmenubis ul li a:visited{
color: #333333;
}

.indentmenubis ul li a.selected{
color: #000000 !important;
padding-top: 3px; /*shift text down 1px*/
padding-bottom: 1px;
text-decoration: underline;
}



.indentmenudos{
font: bold 13px Arial, Verdana;
width: 100%; /*leave this value as is in most cases*/
font-weight: normal;

}

.indentmenudos ul{
margin: 0;
padding: 0;
float: left;
}

.indentmenudos ul li{
display: inline;
}

.indentmenudos ul li a{
float: left;
color: #333333; /*text color*/
padding: 2px 10px;
text-decoration: none;
font-weight:normal;
}

.indentmenudos ul li a:visited{
color: #333333;
font-weight:normal;
}

.indentmenudos ul li a.selected{
color: #000000 !important;
padding-top: 3px; /*shift text down 1px*/
padding-bottom: 1px;
text-decoration: underline;
font-weight:normal;
}
/////////////////////////////////////////////


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.somediv{
clear: left;
}

.somediv .floatbox{
float: right;
padding-left: 10px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
margin-top: 0;
margin-right: 400px;
}


/////////////////////////////////////////////

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #cccccc;
margin-right: 6px;
margin-bottom:10px;
margin-left: 0px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #000000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #1A1A1A;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 80px;
left: 185px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

//////////////////////////////////////////////

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ 
float: left;
color:#FFFFFF;

 }
#keyboardMsg{ float: right; 
color:#FFFFFF;
}
#closeButton{ top: 5px; right: 5px;
color:#FFFFFF;
 }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
	}
	
//////////////////////////////////////////////

#rightcolumn{
float:left;
width:641px;
min-height: 400px;
padding-bottom: 8px;
padding-top: 8px;
}

* html #rightcolumn{ /*IE only style*/
height: 400px;
}

#topsection{
width: 641px;
text-align: left;
}

.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 10px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid #000000; /*bottom border is 3px*/
font: bold 13px Arial, Verdana;
color: #000000;
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: #FFF;
color:#FFF;
}
/**/
/*botonera top*/
.ddsmoothmenu{
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 10px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid #000000; /*bottom border is 3px*/
font: bold 13px Arial, Verdana;
color: #000000;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #000000;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
border-bottom-color: #FF0000;
color:#FF0000;
}

.ddsmoothmenu ul li a:hover{
border-bottom-color: #FF0000;
color:#FF0000;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: bold 12px Arial, Verdana;
width: 150px; /*width of sub menus*/
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #ffffff;
background: #ffffff; /*background of menu bar (default state)*/
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
/**/
#marqueecontainer{
position: relative;
width: 290px; /*marquee width */
height: 200px; /*marquee height */
overflow: hidden;
color:#FFFFFF;
text-align:left;
border: 1px solid #999999;
padding: 5px;
}

A.clase4:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: none;
}
A.clase4:active {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: none;
}
A.clase4:link {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: none;
}
A.clase4:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: arial, verdana ; TEXT-DECORATION: underline;
}
/**/