/* ////////////////////////////////////// */
/* /// PUZZLEMANIA CSS ///////////// */
/* ////////////////////////////////////// */

*{ margin: 0; padding: 0; border: 0px; }* 

body{color:#333; background: url(../images/puzzlemania_bg2.jpg) repeat-x; background-color:#d2c0d6; font-family: Helvetica,Arial,sans-serif; font-size:12px; font-style:normal; line-height:1.7em; font-weight:400; font-variant:normal; margin:0; padding:0;}

h2 { font-size: 30px;}
h3 { font-size: 24px; margin-bottom: 10px; color: #CB3D98;}
h4 { font-size: 16px;}
a{ color: #2786c2; text-decoration: none; outline: none; }
a:hover{ color: #cb3d98; text-decoration: underline; outline: none; }
p{ color:#333; font-family: Helvetica,Arial,sans-serif; font-size:1.2em; font-style:normal; line-height:1.5em; font-weight:400; font-variant:normal; margin:0 0 1.3em; padding:0; }
.titulo_secc{ float:left; position: relative; width:100%; height: 17px; margin-top:6px; margin-bottom:10px; padding-bottom: 6px; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#ccc;}
.subrallado{ text-decoration: underline; }
.no_subrallado{ text-decoration: none; }
.naranja, .naranja a, .naranja a:hover{ color:#fb9400;}
.naranja2, .naranja2 a, .naranja2 a:hover{ color:#fb9400;}
.naranja3, .naranja3 a, .naranja3 a:hover{ color:#fb9400;}
.grisc, .grisc a, .grisc a:hover{ color:#ccc;}
.gris9, .gris9 a, .gris9 a:hover{ color:#999;}
.gris6, .gris6 a, .gris6 a:hover{ color:#666;}
.gris5, .gris5 a, .gris5 a:hover{ color:#555;}
.gris3, .gris3 a, .gris3 a:hover{ color:#333;}
.blanco, .blanco a, .blanco a:hover{ color:#fff;}
.rojo, .rojo a, .rojo a:hover{ color:#f00;}
.rosa, .rosa a, .rosa a:hover{ color:#ff4e59;}
.rosa2, .rosa2 a, .rosa2 a:hover{ color:#ffc0c4;}
.rosa3, .rosa3 a, .rosa3 a:hover{ color:#841f25;}
.azul, .azul a, .azul a:hover{ color:#4ebaff;}
.azul2, .azul2 a, .azul2 a:hover{ color:#c0e7ff;}
.azul3, .azul3 a, .azul3 a:hover{ color:#0f547f;} 
.verde, .verde a, .verde a:hover{ color:#74b428;} 
.verde2, .verde2 a, .verde2 a:hover{ color:#c7e1a8;}
.verde3, .verde3 a, .verde3 a:hover{ color:#36590d;}
.lila, .lila a, .lila a:hover{ color:#cb3d98;}
.lila2, .lila2 a, .lila2 a:hover{ color:#ceb4d0;}
.lila3, .lila3 a, .lila3 a:hover{ color:#6c2849;}
.backgrise{ background-color: #eee; }
.bgrosa{ background-color: #ff4e59; }
.bgrosa2{ background-color: #ffc0c4; }
.bgazul{ background-color: #4ebaff; }
.bgazul2{ background-color: #c0e7ff; }
.bgverde{ background-color: #74b428; }
.bgverde2{ background-color: #c7e1a8; }
.bgnaranja{ background-color: #fb9400; }
.bgnaranja2{ background-color: #fbdbac; }
.bglila{ background-color: #94416a; }
.bglila2{ background-color: #ceb4d0; }
.backblanco{ background-color: #fff; }
.diez{ font-size:10px;}
.once{ font-size:11px;}
.doce{ font-size:12px;}
.catorze{ font-size:14px;}
.bold{ font-weight:bold;}
.w100{ width: 100%;}
.marg0{ margin: 0px;}
.marg3{ margin: 3px;}
.marg6{ margin: 6px;}
.margtop0{ margin-top: 0px;}
.margtop3{ margin-top: 3px;}
.margtop6{ margin-top: 6px;}
.margtop10{ margin-top: 10px;}
.margtop20{ margin-top: 20px;}
.margleft6{ margin-left: 6px; }
.margleft10{ margin-left: 10px;}
.margleft20{ margin-left: 20px;}
.margright0{ margin-right: 0px;}
.margright6{ margin-right: 6px;}
.margright10{ margin-right: 10px;}
.margbottom10{ margin-bottom: 10px;}
.margbottom20{ margin-bottom: 20px;}
.padd0{ padding: 0px;}
.padd10{ padding: 6px 10px;}
.paddbottom10{ padding-bottom: 10px;}
.fl{position:relative; float: left;}
.fr{position:relative; float: right;}
.cl{clear: both;}
.inline{ display: inline;}
ul{ margin-left: 30px; margin-top: 0px;}
.ov_hi{ overflow: hidden;}
.tachado{ text-decoration: line-through;}
.clear{
	width: 100%;
	clear: both;
	position: relative;
	float: left;
	margin-bottom: 10px;
}
.addtocart {
	padding-left: 20px;
	background: url(../images/sprites.png) -9px -160px;
	float: right;
	height: 29px;
	margin: 0px 0px 20px;
	width: 173px;
	border: none;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
}
.addtocart:hover {
	background: url(../images/sprites.png) -9px -190px;
	text-decoration: none;
}
.addtocart a, .addtocart a:hover{ color: #fff;text-decoration: none;}


/****** WRAPS BASICOS *******/
#wrapper-contact{
	position:			relative;
	clear:				both !important;
	width:				1014px !important;
	height: 			35px;
	margin-left: 		auto !important;
	margin-right:		auto !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrapper{
	position:			relative;
	clear:				both !important;
	width:				1000px !important;
	overflow:			hidden !important;
	overflow:			hidden;
	margin-left: 		auto !important;
	margin-right:		auto !important;
	margin-top: 0px;
	margin-bottom: 20px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background: url(../images/bg_wrapper.png) repeat;
	padding: 7px;
}

#wrapp{
	position:			relative;
	float: left;
	width:				1000px;	
	background:			#fff;
}


#header{
	position:			relative;
	float: left;
	width:				1000px;
	overflow:			visible !important;
	overflow:			visible;
	margin-bottom: 8px;	
}

#content{
	position:			relative;
	float: left;
	width:				1000px;
	overflow:			visible !important;
	overflow:			visible;
	margin-top: 10px;
}

#wrapper_footer{
	position:			relative;
	clear:				both !important;
	width:				1000px !important;
	overflow:			hidden !important;
	overflow:			hidden;
	margin-left: 		auto !important;
	margin-right:		auto !important;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background: #a44e79;
	padding: 7px 7px 0 7px;
}

#footer{
	position:			relative;
	float: left;
	width:				960px;	
	background: #94416a;  
	background: -moz-linear-gradient(top, #c06893, #94416a);  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c06893), to(#94416a));
	padding: 20px 20px 8px 20px;
}

/******** HEAD ********/

#header h1 a{ display: inline; width:170px; height:76px; text-indent:-9000px; color:inherit; background-image:url(../images/logotip.gif); background-repeat:no-repeat; background-position:left top; background-color:#fff; float:left; padding:0; margin-top:14px; margin-right:0; margin-bottom:0; margin-left:7px !important;  margin-left:0px;}

#header #info{ position: absolute; top: 17px; left: 190px; width: 530px; height: 100px; }
#header #info p{ font-size: 15px; font-weight: normal; color: #c058c0; line-height: 15px; margin-bottom: 10px; }
#header #info h2{ font-size: 30px; font-weight: bold; color: #8b3b91; line-height: 30px; font-family: Helvetica, Arial, sans-serif; }
	
#header #contact{ position: absolute; top: 10px; right: 10px; height: 100px;}
#header #contact p{text-align: right; }
#header #contact .imgtel{ display: inline; }
#header #contact .tel{ font-size: 30px; font-weight: bold; color: #ee0e94; line-height: 22px; font-family: Helvetica, Arial, sans-serif; }
#header #contact .mail{ font-size: 15px; font-weight: bold; color: #ee0e94; line-height: 18px; font-family: Helvetica, Arial, sans-serif; }

.search{ border: 1px solid #999; padding: 3px 4px; width: 140px; color: #444; font-size: 13px; float: left; }
.search_submit{ background: url(../images/search2.png) no-repeat; width: 24px; height: 24px; border: none; margin-left: 3px; cursor: pointer; float: right; }

#header #languages{ position: absolute; top: 6px; right: 250px; }
#header #languages ul{ list-style-type: none; margin:0; }
#header #languages li{ float: left; margin-right: 10px; }


#contact-box{ position: relative; float:right; padding: 3px 10px; border: 4px solid #fff; background: #c0e7ff; 	-moz-border-radius: 7px; -webkit-border-radius: 7px;	border-radius: 7px; }
#contact-box a, #header #contact-box a:hover{ color: #680a41; } 
#contact-box b{ font-size: 15px; letter-spacing: 0px; font-family: Helvetica,Arial, sans-serif;}
#contact-box span{
	position: absolute;
	left: 20px;
	bottom: -9px;
	width: 18px;
	height: 9px;
	background: url(../images/sprites.png) no-repeat;
	background-position: -62px -130px; 
}
 
/******** LEFT BAR ********/

#left-bar{
	position: relative;
	float: left;
	width: 200px;
	margin-left: 12px;
}

.title-box{
	position: relative;
	float: left;
	width: 180px;
	padding: 3px 10px;
	margin-bottom: 7px;
}

.title-box h2{
	color: white;
	font-size: 14px;
}

.title-box span{
	position: absolute;
	left: 20px;
	bottom: -4px;
	width: 8px;
	height: 4px;
}
.title-box span.verde{ background: url(../images/sprites.png) no-repeat; background-position: -9px -130px; }
.title-box span.azul{ background: url(../images/sprites.png) no-repeat; background-position: -21px -130px; }
.title-box span.rosa{ background: url(../images/sprites.png) no-repeat; background-position: -34px -130px; }
.title-box span.lila{ background: url(../images/sprites.png) no-repeat; background-position: -48px -130px; }

.content-box{
	position: relative;
	float: left;
	width: 180px;
	padding: 3px 10px;
	margin-bottom: 15px;	
}
.content-box ul{ margin-left: 26px;}
 
/******** RIGHT BAR ********/

#right-bar{
	position: relative;
	float: right;
	width: 760px;
	margin-right: 12px;
}

#right-bar .title-box{
	width: 740px;
}

/******** SLIDE HOME ********/

#slide-box{
	position: relative;
	float: left;
	width: 746px;
	padding: 5px;
	margin-bottom: 10px;
	background: #cdf1ff;
	border: 2px solid #afe0ff;	
}

#image-slide{ float: left; position: relative; }
#image-slide ul{ margin:0; list-style-type: none; width: 549px; height: 195px; overflow: hidden;}
#image-slide li{ margin:0; position: absolute; top: 0; left: 0; }


#list-slide{ float: left; position: relative; }

#list-slide ul{ width: 185px; margin-left: 7px; }
#list-slide ul li{ float:left; position: relative; list-style-type: none; width: 160px; height: 22px; padding: 13px 15px; font-size: 18px; font-weight: bold; background: #e9f9ff; margin-bottom: 1px; }
#list-slide ul li.doble{ height: 44px; padding: 2px 15px; } 
#list-slide ul li span{ width:25px; height: 48px; position: absolute; left: -25px; top:0; display: none; background: url(../images/left-arrow-slide.png) no-repeat; }

/******** DESTACADOS HOME ********/

#banners{
	position: relative;
	float: left;
	width: 766px;
	padding: 0px;
	margin-bottom: 10px;	
}

#banner_buy{
	position: relative;
	float: left;
	width: 480px;
	height: 168px;
	background: url(../images/banner_sell.jpg) no-repeat;
}

#banner_buy p{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 230px;
	font-size: 1.3em;
	color: #492451;
	line-height: 1.4em;
}
#banner_buy span, #banner_register span{ font-size: 10px; float: right; color: #94416a; }

#banner_register{
	position: relative;
	float: right;
	width: 284px;
	height: 168px;
	background: url(../images/banner_register.jpg) no-repeat;
}

#banner_register h3 a{
	position: absolute;
	font-weight: normal;
	top: 15px;
	left: 15px;
	width: 150px;
	font-size: 19px;
	color: #930071;
	line-height: 1.3em;
}
#banner_register p{
	position: absolute;
	top: 96px;
	left: 15px;
	width: 220px;
	font-size: 1.1em;
	color: #492451;
	line-height: 1.4em;
}

#banner_blog{
	position: relative;
	float: right;
	width: 179px;
	height: 250px;
	background: url(../images/banner_blog.jpg) no-repeat;
}

#banner_blog h3 a{
	position: absolute;
	font-weight: normal;
	top: 15px;
	left: 15px;
	width: 150px;
	font-size: 19px;
	color: #930071;
	line-height: 1.3em;
}
#banner_blog p{
	position: absolute;
	top: 65px;
	left: 15px;
	width: 150px;
	font-size: 1.1em;
	color: #492451;
	line-height: 1.4em;
}



/******** ARTICULOS ********/

ul#items{
	position: relative;
	float: left;
	list-style-type: none;
	margin-bottom: 10px;	
	margin-left: 0px;
}

ul#items li {
	position: relative;
	float: left;
	width: 172px;
	height: 232px;
	background: #EEE;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 4px;
}

ul#items li:hover{
	background: #ddd;
} 


ul#items li.grey{ background: #eee;}
ul#items .itm-wrap{ 
	position: relative;
	float: left;
	width: 162px;
	height: 222px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ddd;
	padding: 4px;
	background-color: #fff;
	background-position: 0px 204px;
	background-image: url(../images/bg-item.png);
	background-repeat: repeat-x;
}

ul#items .itm-img{ 
	position: relative;
	float: left;
	width: 162px;
	height: 125px;
}
ul#items .itm-img img{ width: 162px; height: 120px; border: none; }
ul#items .itm-desc{ 
	position: relative;
	float: left;
	width: 152px;
	padding: 0px 5px;
}
ul#items .itm-desc h4{
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	margin-bottom: 5px;
}
ul#items .itm-desc h4 strong {
	display: block;
	max-height: 30px;
	overflow: hidden;
}
ul#items .itm-desc h4  span {
	color: #999;
	display: block;
	font-size: 10px;
	font-weight: normal;
	max-height: 15px;
	overflow: hidden;
	padding-top: 2px;
}

ul#items .itm-desc p{ margin-bottom: 4px; text-transform: lowercase; font-size: 12px; line-height: 15px; font-family: Helvetica, Arial, sans-serif; color: #999; }
ul#items .itm-price{ 
	position: absolute;
	bottom: 2px;
	left: 10px;
	width: 100px;
}
ul#items .itm-price span.precio{ float: left; color:#ff4e59; font-weight: bold; font-size: 14px; font-family: Helvetica, Arial, sans-serif; line-height: 22px; }
ul#items .itm-action{ 
	position: absolute;
	bottom: 2px;
	right: 8px;
	width: 60px;
}
ul#items .itm-action span.add-cart{ 
	float: right;
	width: 20px;
	height: 22px;
	background: url(../images/sprites.png) no-repeat; 
	background-position: -9px -70px; 
}

ul#items .itm-action .no-stock{ 
	float: right;
	width: 20px;
	height: 22px;
	background: url(../images/sprites.png) no-repeat; 
	background-position: -45px -70px; 
}

ul#items .itm-action .add-faves{ 
	float: right;
	width: 21px;
	height: 22px;
	margin-right: 7px;
	background: url(../images/sprites.png) no-repeat; 
	background-position: -9px -97px; 
}  

ul#items .itm-flag-new{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 54px;
	height: 54px;
	background-position: 0px 0px;
	background-image: url(../images/flag_new.png);
	z-index: 1000;
}
ul#items .itm-flag-offer{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 54px;
	height: 54px;
	background-position: 0px 0px;
	background-image: url(../images/flag_offer2.png);
	z-index: 1000;
}
ul#items .itm-flag-offer-web{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 54px;
	height: 54px;
	background-position: 0px 0px;
	background-image: url(../images/flag_offer_web.png);
	z-index: 1000;
}
ul#items .itm-pieces{
	position: absolute;
	top: 9px;
	right: 10px;
	background: #000;
	z-index: 1000;
	line-height: 16px;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
	padding: 0 4px;
	color: #fff;
}
ul#items .itm-nostock{
	position: absolute;
	top: 109px;
	right: 10px;
	background: red;
	z-index: 1000;
	line-height: 16px;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
	padding: 0 4px;
	color: #fff;
}
ul#items .itm-delete{
	position: absolute;
	top: 29px;
	right: 4px;
	background: #222;
	z-index: 1000;
	line-height: 16px;
	padding: 0 4px;
	color: #fff;
}

/******** FICHA ARTICULO ********/

#item-view{
	position: relative;
	float: left;
	width: 760px;
	margin-top: 10px;	
	margin-bottom: 30px;	
}

#item-view .itm-img{ 
	position: relative;
	float: left;
	width: 300px;
}
#item-view .itm-img img{ width: 300px; }
#item-view .itm-desc{ 
	position: relative;
	float: left;
	width: 210px;
	margin-left: 18px;
}
#item-view .itm-desc h4{ color:#ee0e94; font-size: 22px; margin-bottom: 15px; font-weight: normal; }
#item-view .itm-desc p{ margin-bottom: 4px; color: #94416a; font-size: 14px; }

#item-view .itm-action{ 
	position: relative;
	float: left;
	width: 177px;
	margin-top: 10px;
	margin-left: 50px;
	text-align: right;
}
#item-view .itm-action span{ color:#ee0e94; font-weight: 100; font-size: 32px; font-family: Trebuchet, Arial, sans-serif; }

#item-view .no-stock{ 
	float: right;
	width: 143px;
	padding: 3px 10px;
	text-align: center;
	background: red;
	color: white;
	font-size: 14px;
	margin-bottom: 3px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

ul#item-options{ list-style-type: none; margin-left: 0; margin-top: 40px;}
ul#item-options li{
	float: right;
	width: 153px;
	padding: 3px 10px;
	text-align: center;
	background: #eee;
	margin-bottom: 3px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
ul#item-options li a{ color: #888;}
ul#item-options li:hover{ background: #ddd;}

/** FORM ITEMS **/

#item-filter {
	position: relative; 
	float:	left;	
	width: 736px;
	margin: 0 0 10px 0;
	padding: 7px 10px 10px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px #ccc solid;
	font-size: 12px;
	overflow: hidden;
	background: #eee;
}

#item-filter h3{ font-size: 15px; }

#item-filter fieldset{
	float: left;
	position: relative;
	width: 136px;
	margin-top: 10px;
	margin-right: 10px;
}

#item-filter p{ margin-bottom: 2px; font-weight: bold; }

#item-filter input[type=text]{
width: 130px;
height: 17px;
padding: 1px;
border: 1px #ccc solid;
}

#item-filter select{
	border: 1px solid #cac9b9;
	height: 21px;
	width: 130px;
	padding: 0px;
}


/******** BLOG ********/

ul#blog{
	position: relative;
	float: left;
	list-style-type: none;
	margin: 0;
}

ul#blog li {
	position: relative;
	float: left;
	width: 740px;
	margin-bottom: 30px;
	padding: 10px 0px;
}

ul#blog li.grey{
	background: #fefefe;
}
 

ul#blog img{ 
	border: none; 
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
ul#blog h4{ margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px dotted #ccc; font-size: 21px; }
ul#blog p{ margin-bottom: 10px; }


/******** FOOTER ********/

#footer h3{ 
	display: inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
#footer .eslogan{ font-size: 19px; color: #fff; }
#footer .bar{ border-bottom: 1px solid #aa5a82; }
#footer ul{ float: left; margin-left: 0; margin-bottom: 20px; }
#footer ul h4, #footer ul h4 a, #footer ul h4 a:hover{ color: #e8ceea;font-size: 18px; margin-bottom: 10px;}
#footer ul p{ display: block; margin-left: 0; font-size: 1.1em;}
#footer .col {
	float: left;
	display: inline;
	width: 33.33%;
}
#footer .col2 {
	float: left;
	display: inline;
	width: 33%;
	border-left: 1px dashed #b77093;
	padding-left: 20px;
}
#footer .col3 {
	float: left;
	display: inline;
	width: 25%;
	border-left: 1px dashed #b77093;
	padding-left: 20px;
}
#footer #pages_list {
	list-style-type: none;
	border-top: 1px solid #b77093;
	font-size: 14px;
}
#footer #pages_list li {
	float: left;
	border-bottom: 1px solid #b77093;
	padding: 4px 10px;
	width: 90%;
}
#footer #pages_list li span{
	float: left;
	width: 20px;
	height: 22px;
	margin-right: 4px;
	background: url(../images/sprites.png) no-repeat; 
	background-position: -42px -38px;
}
#footer #pages_list li a{
	color: #fff;
}
#footer #pages_list li:hover{ background: #c06893; }


/** AVISO **/
.aviso{
	float: left;
	position: relative;
	color:#fff;
	background-color: #FF5A4D;
	padding: 6px 10px;
	font-family:"lucida grande",arial,verdana,sans-serif;
	font-size:13px;
	font-weight: bold;
	line-height: 14px; 
	margin: 10px 10px 20px 0px;
	clear: both;
}

.aviso ul{
	font-weight: normal;
	font-size:12px;
}

.aviso p{
	margin: 4px 0 0 0;
}

.aviso a, .aviso_ok a:hover{
	color:#008dcd;
	font-weight: normal;
	font-size:11px;
}

/*****************/
/******PAGINACION*******/
/*****************/
.paginacionbusqueda a, .paginacionbusqueda a:link, .paginacionbusqueda a:active {
	padding: 4px !important; 
	margin: 2px 2px 2px 2px!important; 
	margin: 1px 1px 1px 1px; 
	text-decoration: none;
	border: 2px solid #c9c9c9;
	color: #434343;
	background-color: #FFFFFF;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
}
.paginacionbusqueda a:hover {	
	border: 2px solid #ff4800;
	color: #ff4800;
	background-color: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.paginacionbusqueda span.pages {
	padding: 4px !important; 
	margin: 2px 2px 2px 2px!important; 
	margin: 1px 1px 1px 1px; 
	color: #434343;
	border: 2px solid #c9c9c9;
	background-color: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
}
.paginacionbusqueda span.current {
	padding: 4px !important; 
	margin: 2px 2px 2px 2px!important; 
	margin: 1px 1px 1px 1px; 
	font-weight: normal;
	border: 2px solid #ff4800;
	color: #ff4800;
	background-color: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
}
.paginacionbusqueda span.extend {
	padding: 2px 4px 2px 4px !important; 
	margin: 2px 2px 2px 2px!important; 
	margin: 1px 1px 1px 1px; 	
	border: 2px solid #c9c9c9;
	color: #434343;
	background-color: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
}
.paginado{
	position: relative; 
	float:	left;
	width: 100%;
	height: 40px; 
	margin-top: 0px;
	margin-bottom: 10px !important;
	padding: 3px !important;
	padding: 0px;
	font-size: 12px;
}

/************ Button ************/
.button {
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	padding: 4px 7px 4px 7px !important;
	color: #fff !important;
	font-size: 11px !important;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-style: normal;
}
.submit{ background: #2d8ca6 url('../images/bg-button-blue.gif') top left repeat-x !important;
		border: 1px solid #2d8ca6 !important;
		color: #fff !important;
}
.cancel{ background: #bdbdbd url('../images/bg-button-grey.gif') top left repeat-x !important; 
		border: 1px solid #888 !important;
		color: #222 !important;
}
.button:hover {
    text-decoration: underline;
}
.button:active {
    padding: 5px 7px 3px 7px !important;
}

/*****************/
/**** CSS DROP MENU - MENU SUP USER ***/
.dropdown{ float: right; position: relative; z-index:10000; }
.dropdown ul li a, .dropdown ul li a:visited { display:block; text-decoration:none; height:19px; width:80px; text-align:left; color:#333333; padding-left:6px; padding-right:6px;  background:#dddddd; line-height:19px; font-size:11px;}
.dropdown ul {padding:0; margin:0;list-style-type: none;  }
.dropdown ul li {float:left; position:relative; width: auto;}
.dropdown ul li ul {visibility:hidden; position:absolute;}
.dropdown img {border:0; margin-right: 6px; float: left; margin-top: 4px; }
.dropdown table {border-collapse:collapse; margin:0; padding:0; font-size:1em; margin:-1px;}
.dropdown ul li:hover a, .dropdown ul li a:hover {color:#ffffff; background:#2e2e2e;}
.dropdown ul li:hover ul, .dropdown ul li a:hover ul {visibility:visible; left:0;}
.dropdown ul li:hover ul li, .dropdown ul li a:hover ul li {display:block; background:#2e2e2e; color:#ffffff;width:80px; clear:both; }
.dropdown ul li:hover ul li ul, .dropdown ul li a:hover ul li a ul {visibility:hidden; position:absolute;}
.dropdown ul li:hover ul li a, .dropdown ul li a:hover ul li a {display:block; background:#2e2e2e; color:#ffffff; width:100%; padding-left:6px; outline:none;}
.dropdown ul li:hover ul li a:hover, .dropdown ul li a:hover ul li a:hover {background:#0099FF; color:#ffffff; outline:none; font-weight: bold;}

/*****************/
/******MENU TOP BOTTOM*******/
/*****************/	
#nav {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight:bold;
position:relative;
float: left;
margin-top: 11px;
width: 950px;
height: 36px;
background:url(../images/bg_menu.jpg) repeat-x;
border-top: 3px solid #ddd;
overflow: hidden;
}
#nav ul#primary { display:inline; height: 36px; margin-left: 10px;}
#nav ul#primary li { display:inline; text-align:center; height: 36px; line-height:36px;}
#nav ul#primary a { color:#fff; padding: 8px 14px 8px 14px; text-decoration:none; font-size: 14px;}
#nav ul#primary #active a { color:#89c21c; }
#nav ul#primary a:hover { color:#89c21c;}


/**** TABS NO-TAB ***/
ul.inline { margin: 0; padding: 0; float: left;	list-style: none;}
ul.inline li { display:inline; text-align:center; }
ul.inline li a { text-decoration:none; cursor: pointer; padding: 2px 8px; color: #000;}
ul.inline li a:hover { text-decoration:none; cursor: pointer; background: #fff; color: #000; font-weight: bold;}
ul.inline li#active a {  text-decoration:none; cursor: pointer; background: #fff; font-weight: bold;}
ul.inline img { border: 0; margin-right: 5px;}

/*****************/
/******MENU JQUEYR *******/
/*****************/	

ul.topnav {
	list-style: none;
	padding: 0 13px 0 10px;
	margin: 0;
	float: left;
	width: 977px;
	height: 35px;
	margin-top: 15px;
	background: #F4F4F4;  
	background: -moz-linear-gradient(top, #F8F8F8, #DDDDDD);  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8F8), to(#DDDDDD));
	font-size: 1.2em;
	border-top: 1px solid #ccc;
	border-bottom: 3px solid #aaa;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 10px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	border-right: 1px solid #ccc;
}
ul.topnav li.active  { /*--Hover effect for subnav links--*/
	background: #CCC;  
	background: -moz-linear-gradient(top, #E8E8E8, #CCCCCC);  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#CCCCCC));
}
ul.topnav li.active a{
	color: #ff0099;
}
ul.topnav li#carrito { 
	float: right; 	
	padding: 0 7px 0 10px;
}
ul.topnav li#carrito a{ color: #444;}
ul.topnav li#carrito span {  
	float: left;
	width:28px;
	height: 30px;
	margin-right: 2px;	
	background: url(../images/sprites.png) no-repeat; 
	background-position: -45px -5px; 
}

ul.topnav li a{
	padding: 7px 5px;
	color: #cb3d98;
	font-weight: bold;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li:hover{
	background: #EEE;  
	background: -moz-linear-gradient(top, #E8E8E8, #CCCCCC);  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#CCCCCC));
}
ul.topnav li a:hover{ color: #ff0099; }
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 34px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -1px; 
	top: 34px;
	background: #94416a;
	margin: 0; 
	padding: 0;
	display: none;
	float: left;
	width: 171px;
	border-left: 1px solid #682848;
	border-right: 1px solid #682848;
	border-bottom: 1px solid #682848;
	z-index: 10000;
}
ul.topnav li ul.subnav li{
	margin: 0; 
	padding: 0;
	border-bottom: 1px solid #682848; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 150px;
	background: #94416a;
	padding-left: 12px;
	padding: 2px 5px 2px 12px;
	color: #fff;
	font-weight: normal;
	font-size: 0.9em;
	text-decoration: none;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #ceb4d0;
	color: #111;
}

/***** CARRITO NORMAL ****/

#listado_normal{
	float: left;
	margin-left: 0;
	list-style-type: none;
	margin-top: 12px;
	width: 760px;
}

#listado_normal li{
	float: left;
	width: 750px;
	margin-bottom: 6px;
	border-bottom: 1px solid #fff;
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 3px;
	color: #444;
}
#listado_normal .item_img{ float: left; width: 75px; }
#listado_normal .item_info{ float: left; width: 605px; }
#listado_normal .units{ height: 14px; width: 20px; padding: 1px 2px; font-size: 11px; text-align: right; }
#listado_normal .thumb{ height: 60px; width: 60px; border: 3px solid #eee; padding: 1px;}

#show_total{
	float: left;
	margin-left: 0;
	margin-top: 12px;
	width:730px;
	padding: 7px 15px;
	background: #EEE;  
	background: -moz-linear-gradient(top, #EEE, #DDD);  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#DDD));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#metodos_pago{
	float: left;
	margin-left: 0;
	margin-top: 15px;
	width:345px;
	padding: 7px 15px;
	background: #EEE;  
	background: -moz-linear-gradient(top, #EEE, #DDD);  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#DDD));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#metodos_pago ul, #gastos_envio ul{
	float: left;
	margin-left: 0;
	list-style-type: none;
	margin-top: 15px;
	width: 300px;
}

#gastos_envio{
	float: right;
	margin-left: 0;
	margin-top: 15px;
	width:340px;
	padding: 7px 15px;
	background: #EEE;  
	background: -moz-linear-gradient(top, #EEE, #DDD);  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#DDD));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

/***** CARRITO MINI ****/

#listado_mini{
	margin-left: 0;
	list-style-type: none;
	margin-top: 6px;
}

#listado_mini li{
	float: left;
	width: 180px;
	margin-bottom: 6px;
	border-bottom: 1px solid #fff;
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 3px;
	color: #444;
}
#listado_mini .item_img{ float: left; width: 35px; }
#listado_mini .item_info{ float: left; width: 145px; }
#listado_mini .units{ height: 14px; width: 20px; padding: 1px 2px; font-size: 11px; text-align: right; }
#listado_mini .thumb{ height: 28px; width: 28px; border: 2px solid #fff; }

.itm-preview{
	float: left;
	width: 180px;
	color: #444;
}
.itm-preview h4{ font-size: 15px; }
.itm-preview p{ font-size: 11px; }

/*************** Forms ***************/
#register_form{
	float: left;
	position: relative;
	width: 550px;
	margin-top: 20px;
	margin-left: 80px;
	padding: 12px 20px;
	background: #EEE;  
	background: -moz-linear-gradient(top, #EEE, #DDD);  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#DDD));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 5px solid #F4F4F4;
}

#register_form h4{ color:#444 ; margin-bottom: 15px; font-size: 1.5em; text-decoration: underline; line-height: 1.2em; }

#iniciar_sesion_logo{
	position: relative;	
	float:	left;
	padding: 10px;
	width: 530px; 
	height:  16px; 
	background:  #ddd;
	color :#444;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
}

form label {
                display: block;
                padding: 0 0 3px;
                font-weight: bold;
                font-size: 1em;
                color: #222;
                }
             
form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }
                
form p small {
                font-size: 0.75em;
                color: #777;
                }
				
				
form input,
form select,
form textarea,
form input[type="file"],
form input[type="password"],
form .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }
            
form .small-input {
                width: 25% !important;
                }
                
form .medium-input {
                width: 50% !important;
                }
                
form .large-input {
                width: 97.5% !important;
                }
                
form textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }
                
form select {
                padding: 4px;
                background: #fff;
                }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }
                
form span.note {
                margin-left: 10px;
                color: gray;
                font-size: 10px;                
                }

/************ Button ************/
.formbutton {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 14px !important;
                cursor: pointer;
                margin-right: 10px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
				border-radius: 4px;
                }
                
.formbutton:hover {
                text-decoration: underline;
                }
                
.formbutton:active {
                padding: 5px 7px 3px 7px !important;
                }

/*************** Notifications ***************/

.notification {
	font-family:"lucida grande",arial,verdana,sans-serif;
	background-position:10px 11px !important;
	background-repeat:no-repeat !important;
	border:1px solid;
	font-size:14px;
	margin: 20px 10px 10px 0px;
	padding:0;
	position:relative;
	width:90%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display:block;
	font-style:normal;
	line-height:1.5em;
	padding:10px 10px 10px 36px;
}

.success {
	background: url("../images/tick_circle.png") repeat scroll 0 0 #D5FFCE;
	border-color:#9ADF8F;
	color:#556652;
}

.error {
	background: url("../images/cross_circle.png") repeat scroll 0 0 #FFCECE;
	border-color:#DF8F8F;
	color:#665252;
}

.notification ul{
	font-weight: normal;
	font-size:12px;
}

.notification p{
	margin: 4px 0 0 0;
}

.notification a, .notification a:hover{
	color:#008dcd;
	font-weight: normal;
	font-size:13px;
}


form input.text-input,
form textarea,
form .formbutton,
form select {
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
				border-radius: 4px;
			}