@charset "utf-8";

/* CSS Document

    Copyright (c) Freeoscommerce.com 2009

	This file is part of a freeoscommerce.com template.  Please visit http://www.freeoscommerce.com for licensing and other information.
*/

html {
height: 100%;
} 
body {
height: 100%;
background: #C09777;
background: #AA7e5b;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #000000;
}

/*Juan mis novedades a la plantilla */
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/* fin mis novedades a la plantilla */

#wrapper1 {
z-index: 0; 
position: relative; 
width: 100%; 
background: #ffffff;
}
#background_top {
z-index: 1; 
position: absolute; 
width: 100%; 
top: 0px; 
left: 0px; 
height: 644px; 
background: url(images/freeoscommerce_112/background.jpg) top center repeat-x;
}
#wrapper2 {
z-index: 2; 
position: relative; 
width: 1003px; 
top: 0px; 
left: 50%; 
margin-left: -501px;
}
#wrapper3 {
z-index: 1; 
position: relative; 
width: 927px; 
left: 38px; 
top: 0px; 
background: #ffffff;
}


#top_menu {
position: relative; 
width: 927px; 
height: 126px; 
top: 0px; 
left: 0px; 
background: url(images/freeoscommerce_112/top_menu.jpg) top center;
}
#top_menu_links {
position: absolute; 
width: 747px; 
left: 100px;
margin-top: 213px; 
text-align: center; 
/* color: #0b4995;
 juan */
color: #000099;
font-weight: bold;
font-size: 14px;
}
#content_wrapper {
position: relative; 
overflow: auto; 
margin-top: 117px; 
background: url(images/freeoscommerce_112/box_middle.jpg) 260px 0px repeat-y;
}
#side_menu {
position: relative; 
float: left; 
width: 200px; 
padding-left: 30px; 
padding-right: 36px; 
padding-bottom: 25px; 
padding-top: 25px;
}
#content_wrapper2 {
z-index: 4;
position: relative; 
float: left; 
width: 641px; 
min-height: 350px;
}
#content {
z-index: 5; 
position: relative; 
width: 550px; 
margin: 45px; 
margin-bottom: 0px;
}
#content_box_top {
position: absolute; 
width: 641px; 
height: 330px; 
top: 0px; 
background: url(images/freeoscommerce_112/box_top.jpg) top center no-repeat;
}
#main_image {
z-index: -1; 
position: absolute; 
width: 927px; 
height: 188px; 
top: 126px; 
left: 0px; 
background: url(images/freeoscommerce_112/main_image.jpg) top center;
}
#website_name {
z-index: 9999;
position: absolute; 
width: 300px; 
top: 255px; 
left: 550px;
right: 0px; 
text-align: left; 
font-size: 10px; 
color: #745B47;
}
#Publicidad {
position: relative;
width:1000px;
/*height:100px;*/
top: -127px; 
left: 84px;
}
#MensajesRapidos {
position: relative;
width:1000px;
height:100px;
top: 130px; 
left: 220px;
}

#left_shadow {
position: absolute; 
width: 38px; 
height: 624px; 
left: 0px; 
top: 0px; 
background: url(images/freeoscommerce_112/left_shadow.jpg) top center;
}
#right_shadow {
position: absolute; 
width: 38px; 
height: 624px; 
right: 0px; 
top: 0px; 
background: url(images/freeoscommerce_112/right_shadow.jpg) top center;
}
#bottom_stripe {
position: relative; 
width: 100%; 
height: 88px; 
top: 0px; 
background: url(images/freeoscommerce_112/bottom_stripe.jpg) top center repeat-x;
}
#content_box_bottom_wrapper {
z-index: 1; 
position: relative; 
width: 1003px; 
top: 0px; 
left: 50%; 
margin-left: -513px;
}
#content_box_bottom {
z-index: 2; 
position: relative; 
width: 641px; 
height: 58px; 
left: 310px; 
background: url(images/freeoscommerce_112/box_bottom.jpg);
}
#footer {
z-index: 6;
position: relative; 
width: 850px; 
left: 50%;
top: -55px;
margin-left: -425px;
text-align: center; 
color: #ffffff;
}

a:link {
	/* color: #745B47; */
	color: #6D2855;
	text-decoration: none;
}
a:visited {
	/* color: #745B47; */
	color: #6D2855;
	text-decoration: none;
}
a:hover {
	/* color: #A4856B;*/
	color: #6D2855;
	text-decoration: underline;
}
a:active {
	/* color: #745B47; */
	color: #6D2855;
	text-decoration: underline;
}

#top_menu_links span {
margin-left: 12px;
margin-right: 12px;
}

/* Hide icons in page headings */
#pageIcon, td.pageHeading img {
display: none;
}

h1 {
font-size: 14px;
font-weight: bold;
}
h2 {
font-size: 13px;
font-weight: bold;
}
h3 {
font-size: 12px;
font-weight: bold;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 12px;
}

hr.accessibility {
height: 1px;
color: #000000;
}

td.infoBoxHeading {
padding-top: 10px; 
padding-bottom: 0px;
font-size: 12px;
font-weight: bold;
}

td.pageHeading {
padding-top: 5px;
padding-bottom: 10px;
font-size: 14px;
font-weight: bold;
}
td.estrellas{
font-size: 10px;
width:400px;
}
div#navigation {
margin-top: 0px;
margin-bottom: 15px;
}



/* juan menú glossi*/
.glossymenu{
margin: 5px 0;

width: 220px; /*width of menu*/
border: 1px solid #bb1710;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(images/WhiteOnly.gif) repeat-x bottom left;
font: bold 14px Verdana, Helvetica, sans-serif;
color: #bb1710;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #bb1710;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/WhiteOnly2.gif);
background-color: #F2BFBE;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #bb1710;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px  Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
/* background: #DFDCCB; */
background: #F2BFBE;
color: black;
}


/* Juan Fin menú */

/*----------------------------Suggest Styles--------------------------*/
.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #000000;			
}		
/*----------------------------End Suggest Styles------------------------*/



/*-------------------------Product listings ----------------------------*/
.infoBoxProducts {
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	border: 2px;
	border-style: solid;
	border-color: #666666;
  font-weight: normal;
  background-color: transparent;
  color: #333333;
	margin-bottom:-8px;

	vertical-align: bottom;
}

.infoBoxProducts a {
  color: #333333;
}
TD.infoBoxGrid {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: solid 1px #999999;
}
TD.infoBoxGrid:hover {
		/* Juan, quito el background cuando pasa el ratón background-color: #d3d3d3;*/
}
/* set pos buy/details button on list */
img.buy_now {  
  margin-bottom:10px;
} 
/* set pos buy/details button on thumbnail */
img.thm_buy_now {
  margin-bottom:-3px;
} 
/* set style buy/details seperator thumbnail */
.buy_now {
  font-weight: bold;
	font-size: 18px;
	color: #999999;
} 
.infoBoxList {
 border: ridge 0px #faf0e6;
 border-collapse: collapse;
 background-color: #fff;
 }
.thumbcontent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#666666;
  text-align:center;
}
TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.separator {border-bottom: 0px solid #ccc;}

.productListing-list-price {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #333;
}

.productListing-title a, .productListing-title {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	padding-left:18px;
	padding-bottom:10px;
}
.productListing-name a, .productListing-name {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	
	font-weight: bold;
	padding-bottom: 6px;

}
.productListing-short {
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
	 color: #333;
}	 

TABLE.buytable {
	 width: 100%;
	 height: 80px;
	 vertical-align: bottom;
         text-align:right;
}
DIV.multi_buy_now {
width: 99%;
text-align : right;
position:relative;
}

DIV#gbutton1 {
margin-bottom:-25px;
z-index:30;
}
DIV#gbutton2 {
margin-top:-25px;
z-index:30;
}

.quantity {
font-family:Verdana,Arial,sans-serif;
font-size:10px;
text-align : center;
}

.quantity input {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align : center;
background: #c0c0c0;
font-weight: bold;
border:2px solid #666666;
color:#333;
}
TD.attributes {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align : right;
}
TABLE.attributes select {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
background: #c0c0c0;
font-weight: bold;
color:#333;
}
TABLE.drop select {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
background: #c0c0c0;
font-weight: bold;
color:#333;
}
TR.list-block {
}		
SPAN.list_info {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #333;
cursor:pointer;
}	
SPAN.list_info span {
display:none;
position:relative;  
}		
SPAN.list_info:hover span  {
display:block;
cursor:pointer;
margin-top:-20px;
margin-left:-100px;
position:absolute;
padding: 5px; 
font-family:Verdana,Arial,sans-serif;
font-size:12px;
color:#333;
background: #c0c0c0;
border:2px solid #666666;
text-align : center;
}		
/*----------------------end Product listings ----------------------------*/
