* { padding: 0; margin: 0; }

body {
 background: #989898 url("../images/bg.gif") repeat-x;
 font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;
}

#wrapper { 
 margin: 20px auto 0 auto;
 width: 910px;
}
#wrapper-reflect {
	background:url(../images/reflect_bottom.gif) top left repeat-x;
	width:100%;
	height:30px;
}

#leftcolumn { 
 width: 760px;
 float: left;
}

#top {
	height: auto;
}

#header {
	background: #0C8DD8 url("../images/header_back.gif") repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
}

#header .left {
	background: transparent url("../images/header_back_left.gif") no-repeat;
	float: left;
	height: 93px;
	width: 19px;
}

#header .right {
	background: transparent url("../images/header_back_right.gif") no-repeat;
	float: right;
	height: 93px;
	width: 19px;
}

#header .content {
	height:93px;
}

#header .logo {
	margin-top:15px;
	float:left;
}

#header .menu-container {
	float:right;
	height:93px;
}

#header .telefono {
	font-size:14px;
}

#header .contact, #header .search {
	margin-top:32px;
	height: 50px;
	padding-left: 40px;
	float: left;
}

#header .contact, #header .search p {
	padding-top: 5px;
	line-height: 1.8em;
	margin-bottom: 0px !important;
}

#header .search {
	background: url("../images/header_lupa.gif") no-repeat;
	width: 160px;
	font-size:12px;
}

#header .contact {
	background: url("../images/header_cellphone.gif") no-repeat;
	width: 145px;
	font-size:12px;
}
#header .divider {
	background: url("../images/header_divider.gif") no-repeat;
	height:92px;
	width:2px;
	float:left;
	padding:0;
	margin:0 10px 0 0;
}

#header .top-user-menu-holder {
	border-top:1px solid #0492E3;
	border-bottom:none;
}
#header .top-user-menu {
	background:transparent;
	height:18px;
	padding-top:1px;
	padding-right:20px;
}
	#header .top-user-menu ul li {
		float:right;
		padding-left:16px;
	}
	#header .top-user-menu ul li a {
		color:#FFFFFF;
		text-decoration:none;
	}
	#header .top-user-menu ul li a:hover {
		text-decoration:underline;
	}


#navigation {
	background: #FFAE00 url("../images/nav_back.gif") repeat-x;
	height: 62px;
	color: #FFFFFF;
	font-weight: bold;
	padding:0px;
}
#navigation_left {
	float:left;
	background: #FFAE00 url("../images/nav_back_left.gif") no-repeat;
	height:62px;
	width:19px;
}
#navigation_right {
	float:right;
	background: #FFAE00 url("../images/nav_back_right.gif") no-repeat;
	height:62px;
	width:19px;
}

#left_content_column {
	background:#F0F0F0;
	width:700px;
}

#content {
	width:760px;
	min-height:500px;
}

#content .content {
	margin-top:0px;
	padding:0px 16px 16px 16px;
	overflow:hidden;
	height:100%;
}

#footer {
	text-align:right;
	font-size:11px;
	background-color:#F0F0F0;
}

#footer .bl {
	background:#F0F0F0 url("../images/footer-border-bl.gif") no-repeat bottom left;
	float:left;
	height:20px;
	width:20px;
}

#footer .br {
	background:#F0F0F0 url("../images/footer-border-br.gif") no-repeat bottom right;
	float:right;
	height:20px;
	width:20px;
}

#footer .content {
	background:#F0F0F0;
	height:20px;
	margin:0px 20px;
}

#footer ul {
	display: inline;
}

#footer .informational li {
background:transparent url(../images/footer_info_separator.gif) no-repeat scroll 100% 50%;
display:inline;
padding-left:4px;
padding-right:8px;
}



#rightcolumn { 
 height: auto;
 width: 150px;
 padding-top:155px;
}

.sidebar-wrapper {
 background: #A0A8Ac url("../images/sidebar_back.gif") repeat-y top left;
}

.sidebar-tab {
 background: transparent url("../images/sidebar_back_reflect.gif") no-repeat top left;
 color: #FFFFFF;
 padding: 10px;
 min-height: 90px;
 _height: 90px;
}
.sidebar-tab .price {
	color:#FFFFFF;
	font-weight:bold;
}
.sidebar-tab .actions {
	text-align:right;
}

.sidebar-tab h5 {
 font-size:12px;
}
.sidebar-tab label {
 color:#FFFFFF;
}

.sidebar-tab a {
color:#FFFFFF;
}

.sidebar-tab ul li {
	list-style: none;
}

.sidebar-tab .head {
	background:transparent url("../images/sidebar_separator.gif") bottom left repeat-x;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.top_nav_checkout {
	text-align:right;
}

.head h4 {
	font-size:12px;
}
.head h4.menu {
	font-size:11px;
}

.sidebar_head {
	width:150px;
	height:20px;
	background:transparent url("../images/sidebar_back_top.gif") no-repeat top left;
}
.sidebar_cart_head {
	width:150px;
	height:70px;
	margin-top:-5px;
	background:transparent url("../images/sidebar_cart_top.gif") no-repeat top left;
}
.sidebar_compare_head {
	width:150px;
	height:70px;
	margin-top:-5px;
	background:transparent url("../images/sidebar_compare_top.gif") no-repeat top left;
}
.sidebar_survey_head {
	width:150px;
	height:70px;
	margin-top:-5px;
	background:transparent url("../images/sidebar_survey_top.gif") no-repeat top left;
}
.sidebar_bottom {
	width:150px;
	height:20px;
	background:transparent url("../images/sidebar_back_bottom.gif") no-repeat bottom left;
	margin-bottom: 10px;
}


.latest {
	width: 48%;
	border: 1px solid #C4CDD0;
}

.latest .top, .latest .bottom {
	background: #A0A8AC url("../images/lastest-top-bg.gif") repeat-x top left;
	color: #FFFFFF;
	padding: 5px 15px;
}

.latest .latest-product-row {
	background: #dfe3e5 url("../images/lastest-row-bg.gif") repeat-x top left;
	border-bottom: #C4CDD0 10px solid; 
}

.latest h4, .latest a, .latest a:active {
	color: #009ff2;
}

.latest a, .latest a:active {
	text-decoration: none;
	font-weight: bold;
}

.price {
	color: #7F8E94;
}

.latest p {
	
}

.latest .latest-product-row img {
	margin-right: 10px;
	margin-bottom: 10px;
}

.home-spacer {
	height:20px;
	margin:0;
	padding:0;
}

.categories {
	border-top: 1px solid #A0A8AC;
	border-left: 1px solid #A0A8AC;
	padding: 0px;
	margin: 0 0 20px 0;
}

.categories thead {
	background: #7F8E94;
	color: #FFFFFF;
	font-weight: bold;
}

.categories thead, .categories td {
	padding: 3px 10px;
}

.categories td {
	border-right:1px solid #9ba7ab; 
	border-bottom:1px solid #9ba7ab; 
	width:33%;
}

.categories ul li a {
	color: #9ba7ab;
	text-decoration: underline;
	padding: 0 0 3px;
}



/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin: 0.5em 0 5em;
}
/* Rules for the top corners and border */
.bt {
	background:url("../images/sidebar-tabs-box3.png") no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url("../images/sidebar-tabs-box3.png") no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url("../images/sidebar-tabs-box3.png") no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url("../images/sidebar-tabs-box3.png") no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	background:url("../images/sidebar-tabs-borders3.png") repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	background:url("../images/sidebar-tabs-borders3.png") repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {

	padding:0 10px;
}
/* CSS for the box ends here */




/* Widget de Redes Sociales */

#social-widget {
    position:fixed;
    top:120px;
    right:0px;
    background:url(../images/social/social_widget_bg.png) no-repeat 0px 0px;
    width:42px;
    height:167px;
	line-height:10px;
	text-align:left;
    overflow:hidden;
    z-index:900;
}
    .social-widget-content {
        padding:12px 0px 0px 12px;
    }
    #social-widget img {
        margin-bottom:5px;
    }