body {
	margin-top: 20px;
	margin-bottom:0px;
	padding: 0;
	background-color: #000000;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	font-family:"Century Gothic";
	color:#FFFFFF;
}

a { 
color:#AA77AA;
text-decoration:none;
}

a:hover{ 
color:#AA77AA;
text-decoration:underline;
}

p, ul, ol, blockquote {
	margin-top: 0;
	text-align:justify;
}

img {
	border: none;
}

.imgcontent{
	text-align:center;
	margin-top: 0;
}


/* Header */

#logo {
	width: 830px;
	height: 87px;
	margin: 0 auto;
}
.language {float:right; font-size:16px; color:#999999; padding-top:40px;}
.language a {font-size:16px; color:#999999; text-decoration:none;}
.language a:hover {font-size:16px; color:#999999; text-decoration:underline;}

.links a {font-weight:400; font-size:12px; text-decoration:none; color:#FFFFFF; line-height:30px; padding:4px;}
.links a:hover {font-weight:400; font-size:12px; text-decoration:none; color:#FFFFFF; width:170px; background:url(images/bg_links.gif) left no-repeat; height:30px; line-height:30px;}

#logo .position {padding-left:20px; padding-top:10px; width:202px; float:left;}

#header {
	width: 830px;
	height: 97px;
	margin: 0 auto;
	background: url(images/header.gif) no-repeat left top;
	font: "Century Gothic";
	color:#FFFFFF;
}
#header2 {
	width: 830px;
	height: 201px;
	margin: 0 auto;
	/*background: url(images/header2.gif) no-repeat left top;*/
	font: "Century Gothic";
	color:#FFFFFF;
}

#visor {
	width: 830px;
	height: 201px;
	margin:0px auto;
	position: absolute;
}

#menu_position {
	padding-top:70px; font-weight:500;
}
#menu_position a {padding-left:14px; padding-right:14px; color:#FFFFFF; text-decoration:none;}
#menu_position a:hover {padding-left:14px; padding-right:14px; color:#FFFFFF; text-decoration:none;}

#menu_position2 {
	/*padding-top:166px; font-weight:500;*/
	position:relative;top:166px; font-weight:500;z-index:10;
}


/* Content */
/*#loading {
	width: 830px;
	height: 330px;
	margin: 0 auto;
	padding-top:7px;
	padding-bottom:20px;
	position: absolute;
	background:url(images/loader.gif) center  no-repeat #000;
	opacity: 0.8;
	z-index: 500000000;
}*/


#content {
	width: 830px;
	margin: 0 auto;
	padding-top:7px;
	padding-bottom:20px;
	opacity: 100;
}
#content .img_tab {width:272px; margin-right:7px; float:left;}
.div_top {background:url(images/top_tab.gif) left top no-repeat; width:272px; height:30px;}
.div_bottom {background:url(images/bottom_tab.gif) left top no-repeat; width:272px; height:47px; font-size:18px; }
.div_titles {padding-top:12px; text-align:center; color:#FFFFFF; text-decoration:none;}
.div_titles a {padding-top:12px; text-align:center; color:#FFFFFF; text-decoration:none;}
.div_titles a:hover {padding-top:12px; text-align:center; color:#FFFFFF; text-decoration:none;}

#content h1 {font-family:"Times New Roman", Times, serif; font-size:24px; color:#FFFFFF; font-weight:normal; text-align:center;}
#content h2 {font-family:"Times New Roman", Times, serif; font-size:24px; color:#FFFFFF; font-weight:normal;}
#content h3 {font-family:"Times New Roman", Times, serif; font-size:24px; color:#FFFFFF; font-weight:normal;}
#content h4 {font-family:"Times New Roman", Times, serif; font-size:24px; color:#FFFFFF; font-weight:normal;}
#content h5 {font-family:"Times New Roman", Times, serif; font-size:24px; color:#FFFFFF; font-weight:normal;}


#leftcolone {width:400px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:20px; padding-right:27px; padding-left:3px;}
#rightcolone {width:400px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:20px;}

#product_place {width:100%; padding-top:20px;}
#leftproduct {width:400px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:20px; padding-right:30px;}
#rightproduct {width:400px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:20px;position:relative;}
.box {
	width:398px; 
	/* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bg_black.png');  
}

/* IE ignores css styles with [attributes], so it will skip the following. */

/*
.box[class] {
  background-image:url(images/bg_black.png);
}*/
 

.box_details {float:left; width:120px; padding-left:8px; padding-top:10px;}
.price {background-color:#6B6B6B; font-size:24px; text-align:center; width:104px; height:38px; padding-top:10px; padding-left:8px; padding-right:8px;margin-bottom:0px}
.price a, .price a:active, .price a:visited, .price a:hover { color: #fff; }
/* Footer */

#footer {
	width: 830px;
	height: 45px;
	margin: 0 auto;
	margin-top: 10px;
	border-top:1px solid #CCCCCC;
	padding-top: 8px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:right;

}

#footer * {
	color: #FFFFFF;
}


/* sidebar */
#sidebar {
	float: left;
	width: 200px;
	margin: 0px 0px 0 0px; 
	padding-left: 20px;
	display:block;
}
#sidebar h1 {
	color: #015B63;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:16px;
	padding-left:0px;
	padding-top:10px;
}	

.sidebox {
	color:#000000;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

.read {
	float:right; 
	border:0px;
	background:url(images/read_more.jpg) left no-repeat;
	width:80px;
	height:45px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:4px;
	text-decoration:none;
	text-align:center;
}
.read a {color:#FFFFFF; text-decoration: none;}
.read a:hover {color:#FFFFFF; text-decoration: none;}

/*- Menu Tabs--------------------------- */ 


    #tabs {

      font-size:12px;
      line-height:normal;
	  text-align:right;
	  float:left; 
	  padding-top:28px; 
	  width:600px;
	  padding-bottom:0px;
      }
    #tabs ul {
	margin:0;
	padding:0px 0px 0 230px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs .noactive {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 6px;
      text-decoration:none;
      }
    #tabs .noactive span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFFFFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs .noactive span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFFFFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }
	  
	  #tabs .active {
      float:left;
      background:url("images/tableft_active.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 6px;
      text-decoration:none;
	  
      }

    #tabs .active span {
      float:left;
      display:block;
      background:url("images/tabright_active.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFFFFF;
	  
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs .active span {float:none;}
    /* End IE5-Mac hack */

div#tabs a:hover {filter: alpha(opacity=50);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.50; opacity:0.5;
	}
	
	
/* MENU */

/* MENU */


.menu {font-family: "Century Gothic"; width:830px; position:relative; font-size:16px; font-weight:0; margin:0px auto; height:36px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:100px; height:33px; text-align: center; color:#FFF; padding-left:7px; padding-right:7px; border:0px none; font-size:16px; line-height:32px;}

.menu ul {padding:0; padding-top:2px; margin:0; list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {visibility: hidden; position:absolute; padding-bottom:3px; width:600px;}



.menu table {border-collapse:collapse; margin:0; padding:0; }

.menu ul li:hover a, .menu ul li a:hover {color:#FFF;}
.quienes a {color:#FFF;}
.quienes a:hover, .quienes a:active, .quienesactiva {color:#FFF; background:#ac69cb url(images/left_corner.jpg) left no-repeat;}
 
.perla a {color:#FFF;}
.perla a:hover, .perla a:active, .perlaactiva {color:#FFF; background:#d66eb4;}

.coral a {color:#FFF;}
.coral a:hover, .coral a:active, .coralactiva {color:#FFF; background:#7d85ca;}

.turquesa a {color:#FFF;}
.turquesa a:hover, .turquesa a:active, .turquesaactiva {color:#FFF; background:#8ebca7;}

.ayuda a {color:#FFF;}
.ayuda a:hover, .ayuda a:active, .ayudaactiva {color:#FFF; background:#d0b583;}

.tienda a {color:#FFF;}
.tienda a:hover, .tienda a:active, .tiendaactiva {color:#FFF; background:#d47a88;}

.contacto a {color:#FFF;}
.contacto a:hover, .contacto a:active, .contactoactiva {color:#FFF; background:#ff9966;}

.menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; bottom:30px; left:0;}

.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {background:#cf70ad; color:#000;}

.menu ul li:hover ul li, .menu ul li a:hover ul li {background:#fff; color:#FFF;width:109px; display: block}

.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {background:#dfc184; color:#000;}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {visibility:hidden; position:absolute;}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a  {background:#cc6da9; color:#fff; padding-left:6px;}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover   {background:#a7a7a7; color:#FFF;}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; left:210px; bottom:0;}

.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {background:#c9c9a7; color:#000;}

.menu ul li:hover ul.left, .menu ul li a:hover ul.left {left:-105px;}

.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {left:-210px; width:209px;}

/*Contact*/

.contact {text-align:center;font-size: 12px; color:#FFFFFF; text-decoration:none; font-weight: normal;}
.contact a {text-decoration:underline; font-weight: normal;}
.contact a:hover {text-decoration:none; font-weight: normal;}

#fbsubmit	{
	background-color: #4A0439;
	color: #FFF;
	background-image: url(images/submit_button.jpg);
	height: 24px;
	width: 80px;
	border: 0;
	/*margin-left: 80px;
	float:left;*/
	}
.submit {text-align:center;padding-left:0px; padding-top:0px;}

#answer {
	font-size:16px;
	/*color:#AA77AA;*/
	color:#FFFFFF;
	text-decoration:bold;
}


#gotoshopleft{
	float:left;
	height:0px;
	position:relative;
	left:70px;
	top:50px;
	border:0px;
}

#boxleft{
	opacity:100;
}

#gotoshopright{
	float:left;
	height:0px;
	position:relative;
	left:70px;
	top:50px;
	border:0px;
}


#boxright{
	opacity:100;
}

#gotoshoptop{
	height:0px;
	position:absolute;
	left:70px;
	top:50px;
	border:0px;
}


#boxtop{
	opacity:100;
}

.product{
	position:relative;
	cursor: hand;
}

.prodbtn{
	position:absolute;
	left:70px;
	top:60px;
	border:0px;
	z-index: 5;
}

.prodwrapper{
	position:absolute;
	left:0px;
	top:0px;
	border:0px;
	width: 100%;
	height: 100%;
	z-index: 4;
	margin-left:-15px;
	margin-top:10px;	
	background-color: #fff;
}