/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */




body{
    background: url("../images/texture/noise/texture.png") 0 0 ;
}

/* Grid and Clearing Tools
----------------------------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
    content: "";
    display: table;
}
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both; }

.grid-box { float: left; }

/* Grid Units */
.width16 { width: 16.666%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width33 { width: 33.333%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width66 { width: 66.666%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.width100 { width: 100%; }

/* Create new Block Formatting Contexts */
.bfc-o { overflow: hidden; }
.bfc-f {
    width: 100%;
    float: left;
}

/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }

/* Grid Gutter */
.grid-gutter.grid-block { margin: 15px -15px 0 -15px; }
.grid-gutter.grid-block:first-child { margin-top: 0; }
.grid-gutter > .grid-box > * { margin: 0 15px; }


/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper { margin: auto; }

/* Header */
#header { position: relative; }

#toolbar .float-left .module,
#toolbar .float-left > time {
    margin: 0 15px 0 0;
    float: left;
}

#toolbar .float-right .module {
    margin: 0 0 0 15px;
    float: right;
}

#headerbar .module {
    max-width: 300px;
    margin-right: 0;
    float: right;
}

#logo, #logo > img,
#menu { float: left; }
#search { float: right; }

#banner {
    position: absolute;
    top: 0;
    right: -200px;
}

/* Footer */
#logo-footer{

    background: url(../images/footer-logo.jpg) 0 0 repeat-x;
    height: 30px;
    width: 100%;
}

.blanco{
    background-color: #fff;
}

#footer {
    position: relative;
    text-align: center;
}

/* Absolute */
#absolute {
    position: absolute;
    z-index: 15;
    width: 100%;
}


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module,
#header,
#breadcrumbs,
#content { margin: 5px; }

#breadcrumbs + #content { margin-top: 10px; }

#mainfooter{
    padding-top: 25px;
}

#menu .module {
    margin: 10px;
    color: #a2a2a4;
    text-shadow: 0 1px 0 rgba(0,0,2,0.3);
}

#footer { margin: 15px; }
#footer .module { margin: 0; }


#header { /*margin-top: 25px;*/ }
#headerbar { /*margin-bottom: 25px;*/ }



/* generales
----------------------------------------------------------------------------------------------------*/
.left{float:left;}
.right{float:right;}
.clear{clear: both;}

.modulos, ul.ui-autocomplete {
    background: none repeat scroll 0 0 #f7f7f9;
    border: 2px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);
    border-radius: 5px; 
    font-size: 10px;
    margin-bottom: 30px;
    padding: 10px; 
}
.modulos select {
    display: inline-block;
    border: 1px solid #b0b0b0;
    padding: 4px 3px 3px 5px;
    margin: 0;
    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.2;
    background: #f8f8f8; 
    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.modulos h5{
    font-size: 14px;
    border-bottom: 1px solid #b0b0b0;
    margin-top: 0px;
    line-height: 25px;
}

.bluebutton{font-size: 12px;}

.imgrodona{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/*  tabs */
dl.tabs {
    float: left;
   margin: 10px 5px -1px;
    z-index: 50;
    padding: 0;
}

dl.tabs dt {
    float: left;
    padding: 4px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-left: -2px;
    background: #f0f0f0;
    color: #666;

    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    border-radius:5px 5px 0px 0px;
}

dl.tabs dt.open {
    background: #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    z-index:50;
    color: #000;
}
dl.tabs dt.open span {
}
div.current {
    clear: both;
    border: 1px solid #ccc;
    padding: 10px 10px;
    margin-left: 3px;
    width: 475px;

    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-radius:0px 5px 5px 5px;
    border-radius:0px 5px 5px 5px;
}

div.current dd {
    padding: 0;
    margin: 0;
}

/* Toolbar */
#block-toolbar {}

#main{

    border-top: 1px solid #fdfdff;
    /*border-bottom: 1px solid rgba(0,0,2,0.1);*/
    /*  background: url(../images/toolbar.png) 0 0 repeat-x;*/
    box-shadow: 0 1px 0 rgba(253,253,255,0.5);

}

#toolbar{
    padding: 0px;
    line-height: 24px;
    font-size: 12px;
    width: 690px;
    float: right;
    margin-top: -5px;
}
#toolbar .menu-line{
    color:#4d6aac;
    font-size: 12px;
}
#headerbar .module.bannertop.bannertop{
    max-width: 450px;
    float: right;
}
.bannertop.bannertop img{
    float:left;
}

#headerbar .left{
    width:719px;
}

.textleft{text-align: left;}

#maininner #content.modulos {
	margin:5px 0;
}

/* Modulos
----------------------------------------------------------------------------------------------------*/
.grid-box.sidebar-a { }




/* wishlist
----------------------------------------------------------------------------------------------------*/

.moduloswishlist{
    height: 150px;
	width: 220px;

}

.moduloswishlist .cant input{width: 45px;}
.moduloswishlist .cod input{width: 150px;}

#wishlistajax{
	width:690px;
	background:#fff;
	min-height: 354px;
}

#wishlistajax table{
    margin: 0 0 0 14px;
    width: 670px;
}
#wishlistajax table .update{
	display:block;
	height:20px;
	width:20px;
	overflow:hidden;
	text-indent:-999;
	color:transparent;
	background:url(../images/actualizar.gif) no-repeat center center;
	float:left;
	margin-right: 5px;

}
#wishlistajax table .deleted{
	display:block;
	height:20px;
	width:20px;
	overflow:hidden;
	text-indent:-999;
	color:transparent;
	background:url(../images/delete.gif) no-repeat center center;
	float:left;

}
#wishlistajax table td{ 
    border-bottom: 1px solid #CCCCCC;
    height: 80px;
    padding: 10px 2px 2px;
    text-align: center;
    vertical-align: top;
}
#wishlistajax table tr td:first-child{ 
    text-align: left;
	padding-top:0;
}
#wishlistajax table tr td:last-child{ 
    text-align: left;
    width: 45px;
}
#wishlistajax .whishlist_desc{
	font-size: 12px;
    text-align: left;
	width: 400px;
	
}

#wishlistajax .ref_txt{
	color:#385080;
	
}
#wishlistajax input{
    text-align: right;
    width: 20px;
}
#wishlistajax input:last-letter{
	margin-right:5px;
}



/* Layout
----------------------------------------------------------------------------------------------------*/


/* Menubar */
#menubar {
    height: 32px;
    padding: 8px;
    border: 1px solid #7183b4;
    border-radius: 7px;
    background:  url(../images/fondomenu.jpg) 0 0 repeat-x;
    box-shadow: inset 0 1px 0 rgba(253,253,255,0.2),  0 1px 1px rgba(0,0,2,0.2);
}

/* Content */
#content,

.breadcrumbs a{
	font-size: 12px;
    letter-spacing: -0.8px;
    margin: 0;
    padding-right: 8px !important;

}
.breadcrumbs span{
    margin: 0;

}
#breadcrumbs {
    padding: 10px 0;
    /*
    border: 2px solid #fff;
    border-radius: 7px;
    background: #F7F7F9;
    box-shadow:
        0 0 0 1px rgba(0,0,2,0.1),
        0 1px 0 rgba(0,0,2,0.15),
        0 1px 1px rgba(0,0,2,0.1);
    text-shadow: 0 1px 0 rgba(253,253,255,1);
    */
}

/* ToTop Scroller */
#totop-scroller {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 23px;
    height: 24px;
    background: url(../images/totop_scroller.png) 0 0 no-repeat;
    text-decoration: none;
}
#totop-scroller:hover { background-position: 0 -40px; }