/* TAG's Default v2.8 */

/*
    Style Index
	-----------------------------------
	0. Reset
	1. Generic
    2. Layout
    3. Logo, Header and Main Navigation
    4. Content
    5. Footer
*/

/* 0. Reset /////////////////////////////////////////////////////////////////////////////////// */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
							{ padding: 0px; margin: 0px; border: 0;}
table						{ border-collapse: collapse; border-spacing: 0; }
a img,:link img,:visited img{ border: none; }
:focus						{ outline: none; }

/* 1. Generic /////////////////////////////////////////////////////////////////////////////////// */
body						{ font: normal 12px Arial, Helvetica, sans-serif; color: #000; margin: 0px; background: #FFF url(../i/df_bg1.png) repeat-x top; }
input, textarea, select		{ border: solid 1px #CCC; background-color: #FFF; padding: 2px; }
select						{ padding: 1px; }
a							{ color: #333; text-decoration: none; }
a:hover						{ color: #666; text-decoration: underline; }
legend, .hidden, hr, button span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:none; }
ol, ul						{ list-style: none; }
/* Varios */
#bodyOff					{ position: absolute; top: 0px; left: 0px; background-color: #FFF; z-index: 90; display: none; width: 100%; opacity: 0.80; filter: alpha(opacity=80); border: 0; }
.w100						{ width: 100%; }
.clear						{ clear: both; font-size: 1px; height: 1px; display:block; overflow: hidden; }
.radios						{ background: none;	border: 0; padding: 0; width: auto !important;}
.required					{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #5B8E39; }
.input_error				{ border: solid 2px #C00; }
.txt_error					{ color: #C00; }
.bold						{ font-weight: bold !important; }

.alert {
	background: transparent url('../i/alert_bg1.png') top right no-repeat;
	_background: transparent url('../i/alert_bg1.gif') top right no-repeat;
	width: 310px;
	height: 190px;
	position: absolute;
	z-index: 300;
	margin: 140px 300px;
	padding: 30px 35px 20px 35px;
	overflow: hidden;
}
.alert .b_close{
	display: block;
	float: right;
	width: 20px;
	height: 18px;
	margin-right: 0px;
	margin-top: 0px;
	cursor: pointer;
	background:  url('../i/df_b_close3.gif') top right no-repeat;
}
.alert h3 { font: normal 22px Arial, Helvetica, sans-serif; color: #FFF; }
.alert p {
	font: normal 14px/120% Arial, Helvetica, sans-serif;
	color: #FFF;
	margin-top: 8px;
}
/* Botones y Links */
.df_b1 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
	background: transparent url('../i/df_b1_bg2.gif') top right no-repeat;
	display: block;
	float:left;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	/* settings */
	height: 25px;
	padding-right: 10px;
}
.df_b1 span {
	background: transparent url('../i/df_b1_bg1.gif') left top no-repeat;
	display: block;
	float: left;
	white-space: nowrap;
	/* settings */
	padding: 6px 0 4px 10px;
	height: 15px;

}
.df_b1:hover {
	background-position: right bottom;
	color: #666;
	text-decoration: none;
	cursor: pointer;
}
.df_b1:hover span {
	background-position: left bottom;
	cursor: pointer;
}
.df_b2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
	background: transparent url('../i/df_b2_bg2.gif') top right no-repeat;
	display: block;
	float:left;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	/* settings */
	height: 25px;
	padding-right: 10px;
}
.df_b2 span {
	background: transparent url('../i/df_b2_bg1.gif') left top no-repeat;
	display: block;
	float: left;
	white-space: nowrap;
	/* settings */
	padding: 6px 0 4px 10px;
	height: 15px;

}
.df_b2:hover {
	background-position: right bottom;
	color: #666;
	text-decoration: none;
	cursor: pointer;
}
.df_b2:hover span {
	background-position: left bottom;
	cursor: pointer;
}
.df_link1{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #5B8E39;
	text-transform: uppercase;
	background: url(../i/df_arrow3.gif) no-repeat left center;
	padding: 2px 2px 2px 12px;
}
.df_link1:hover{
	background-position: 2px center; color: #5B8E39;
	text-decoration: none;
}
/* Window */
.win						{ position: absolute; display: none; background: none; margin-top: 5px; width: 200px; }
.win fieldset				{ background: none; background-color: #FFF; border: solid 1px #CCC; padding: 10px; }
.win .shw				{ display: block; background-color: #000; height: 2px; overflow: hidden; margin-left: 2px; clear: both; opacity: 0.25; filter: alpha(opacity=25); 	width: 98%; }		
.win .close				{ padding: 0 !important; margin: 0 !important; float: right !important; display:block !important; background: url(i/df_b_cerrar1.gif) no-repeat left top !important; width: 15px !important; height: 15px !important; overflow: hidden !important; margin-top: -2px !important; }
.win .close:hover		{ background-position: left bottom !important; }

/* Pager */
.pager						{ overflow:hidden;	height:100%;	margin-bottom:17px !important;}
.pager-last					{ clear: both; overflow:hidden; margin-bottom:0 !important; height: 100%; margin-top: 10px; color: #5B8E39; 	background: url(../i/df_ln1.gif) left top repeat-x; padding-top: 10px; }
.pager-elements				{ float:left; margin-bottom:0 !important; }
.pager-ctrl					{ float:right; margin-bottom:0 !important; }
.pager-ctrl select			{ font-size:12px; color:#666; margin-left:2px; border:solid 1px #C5C5C5; }
.pager-ctrl select option   { font-size:12px;	padding:0 5px; } 
.pager-ctrl a				{ margin:0 5px; color: #5B8E39 !important;}
.pager-ctrl .num			{ padding: 1px 2px; color:#666; text-decoration:none; }
.pager-ctrl a.num:hover		{ color:#5B8E39 !important; text-decoration:none; }
.pager-ctrl .bull			{ margin: 0 1px 2px 0; background:url(../i/df_bullet3.gif) center no-repeat; width:5px; height: 5px; display: inline-block; }
.pager-ctrl a.siguiente 	{ padding-right:8px; background:url(../i/df_arrow3.gif) no-repeat right center; font-size: 12px; color: #5B8E39 !important; }
.pager-ctrl a.anterior 		{ padding-left:8px; background:url(../i/df_arrow4.gif) no-repeat left center; font-size: 12px; color: #5B8E39 !important;}
.pager-ctrl a.siguiente:hover, .pager-ctrl a.anterior:hover {color: #5B8E39 !important;}
.pager-ctrl strong			{ margin:0 5px; padding: 1px 5px; color:#5B8E39; text-decoration:none; }
.pager-ctrl span			{ background:url(i/df_ico_pager1.gif) no-repeat right; 	padding-right:5px; margin-left:5px; }


/* 2. Layout /////////////////////////////////////////////////////////////////////////////////// */
#main {
	width: 940px;
	margin: 0 auto;
}
#footer {
	font: normal 11px/140% Arial, Helvetica, sans-serif;
	color: #666;
	width: 940px;
	margin: 0 auto;
	height: 92px;
	overflow: hidden;
	background: url(../i/footer_bg1.gif) left top no-repeat; 
}

/* 3. Logo, Header and Main Navigation /////////////////////////////////////////////////////////////////////////////////// */
#header {
	margin: 0;
	height: 100px;
}
#logo{
	float: left;
	width: 340px;
	display: block;
}
#util_menu {
	text-align:left;
	float: right;
}
#login {
	display: block;
	width: 260px;
	height: 35px;
	position: absolute;
	z-index: 99;
	margin-left: -365px;
	cursor: pointer;
}
#login h3{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	/*margin: 0 5px;*/
	display: block;
	margin: 12px 0 5px 0;
	float: left;
	padding-right: 25px;
	background: url(../i/df_bullet5.gif) right 5px no-repeat;
}
#login .form{
	background: url(../i/login_bg1.png) left top no-repeat;
	_background: transparent url(../i/login_bg1.gif) left top no-repeat;
	width: 200px;
	height: 175px;
	clear: both;
	padding: 40px 30px 20px 30px;
	display: none;
}
#login .form h4{
	float: left;
	width: 100px;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #5B8E39;
}
#login .form .b_close{
	background: url(../i/df_b_close1.png) left top no-repeat;
	display: block;
	float: right;
	width: 15px;
	height: 15px;
}
#login .form .b_close span{
	display: none;
}
#login .form .inputs{
	clear: both;
	padding-top: 5px;
}
#login .form p{
	margin-top: 10px;
}
#login .form input{
	width: 190px;
}
#login .form p.button{
	float: right;
}
#logged {
	display: block;
	width: 293px;
	height: 35px;
	position: absolute;
	z-index: 99;
	margin-left: -398px;
	cursor: pointer;
}
#logged h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	/*margin: 0 5px;*/
	display: block;
	margin: 12px 0 5px 0;
	float: left;
	padding-right: 25px;
	background: url(../i/df_bullet5.gif) right 5px no-repeat;
}
#logged h3 a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
}
#df_bag {
	display: block;
	width: 260px;
	height: 35px;
	background: url(../i/bag_bg1.png)  left top no-repeat;
	position: absolute;
	z-index: 99;
	margin-left: -250px;
	cursor: pointer;
}
#df_bag.expanded {
	background-position: left bottom;
}
#df_bag h3{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	/*margin: 0 5px;*/
	display: block;
	padding: 12px 0 5px 50px;
	float: left;
}
#df_bag .articulos {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	/*height: 20px !important;*/
	text-decoration: none;
	margin: 0 10px;
	padding: 14px 0 5px 15px;
	display: block;
	float: left;
	background: url(../i/df_arrow2.gif) left 18px no-repeat;
}
#df_bag.collapsed .list{
	display: none;
}
#df_bag.expanded .list{
	background: url(../i/bag_bg2.png) bottom left no-repeat;
	_background: transparent url(../i/bag_bg2.gif) bottom left no-repeat;
	clear: both;
	padding: 20px;
	min-height: 100px;
	cursor: auto;
}
#df_bag.expanded .list li{
	display: block;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: #CCC 1px dotted;
	overflow: hidden;
}
#df_bag.expanded .list .txt{
	display: block;
	float: left;
	width: 190px;
	overflow: hidden;
}
#df_bag.expanded .list .txt .txt1{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 3px;
}
#df_bag.expanded .list .txt .price1{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666;
	float: left;
	padding-top: 10px;
}
#df_bag.expanded .list .txt .price1 input{
	width: 20px;
	text-align: right;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999;
}
#df_bag.expanded .list .txt .price2{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666;
	float: right;
	padding-top: 13px;
	#padding-top: 15px;
}
#df_bag.expanded .list .close{
	display: block;
	float: right;
	margin-top: 2px;
	width: 15px;
}
#df_bag.expanded .list .close a{
	background: url(../i/df_b_close1.png) center top no-repeat;
	width: 15px;
	height: 15px;
	display: block;
}
#df_bag.expanded .list .close span{
	display: none;
}
#df_bag.expanded .total{
	display: block;
	margin-bottom: 5px;
	height: 100% !important;
	clear: both;
	margin-left: 85px;
}
#df_bag.expanded .total h4{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
	float: left;
}
#df_bag.expanded .total .price{
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-right: 25px;
	color: #666;
	float: right;
}
#df_bag.expanded .iva{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	float: right;
	clear: both;
	margin-right: 25px;
}
#df_bag.expanded .button{
	clear: both;
	height: 40px;
	display: block;
}
#df_bag.expanded .button a{
	margin: 15px 0 0 130px;
	_margin: 15px 0 0 65px !important;
}
#menu{
	float: right;
	margin-top: 50px;
	clear: right;	
}
#menu li{
	float: left;
	text-align: center;
	border: 0;
}
#menu li a{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #E7E7E7;
	padding: 13px 10px 10px 10px;
	display: inline-block;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}
#menu li a:hover{
	color: #E7E7E7;
	text-decoration: none;
	background:url(../i/df_arrow1.gif) top center no-repeat;
}
#menu li a.active{
	color: #E7E7E7;
	text-decoration: none;
	background:url(../i/df_arrow1.gif) top center no-repeat;
}
#breadcrums{
	display: block;
	height: 100% !important;
}
#breadcrums li{
	float: left;
	text-align: center;
	border: 0;
}
#breadcrums li a{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px 15px 20px 0;
	margin-right: 10px;
	display: inline-block;
	display: block;
	text-decoration: none;
	background:url(../i/df_arrow3.gif) right 10px  no-repeat;
}
#breadcrums li a:hover{
	color: #666;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#breadcrums li a.active{
	color: #666;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: none;
}
/* 4. Content /////////////////////////////////////////////////////////////////////////////////// */

/* Home */
#home #content {
	overflow:hidden;
	margin-bottom:20px;
	padding:0;
	clear: both;
	margin-top: 20px;
}
#home #content #alpha-beta {
	width:720px;
	float:left;
}
#home #content #alpha-beta .buscador{
	background: url(../i/df_ln1.gif) left bottom repeat-x;
	padding-bottom: 20px;
}
#home #content #alpha-beta .buscador label{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 6px 15px 0 0;
	float: left;
}
#home #content #alpha-beta .buscador .buscador_bg{
	background: url(../i/df_input_buscador_bg1.gif) left top no-repeat;
	width: 242px;
	height: 24px;
	diaplay: block;
	float: left;
	padding: 2px 0 0 10px;
}
#home #content #alpha-beta .buscador input{
	width: 210px;
	height: 20px;
	border: none;
	background: none;
	float:left;
}
#home #content #alpha-beta .buscador a{
	width: 26px;
	height: 22px;
	display: block;
	background: none;
	float: right;
}
#home #content #alpha-beta .home_list{
	clear: both;
}
#home #content #alpha-beta .home_list li{
	float: left;
	width: 160px;
	min-height: 170px;
	_height: 170px;
	margin: 25px 20px 0 0;
}
#home #content #alpha-beta .home_list li.first{
	clear: both;
}
#home #content #alpha-beta .home_list li img{
	border: #ccc 1px solid;
}
#home #content #alpha-beta .home_list li h2{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 10px;
	min-height: 40px;
}
#home #content #alpha-beta .home_list li h2 a{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
}
#home #content #alpha-beta .home_list li p{
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 3px;
}
#home #content #gamma{
	float:right;
	width:180px;
}
#home #content #gamma p.bn{
	margin-bottom: 30px;
}
#home #content #gamma .destacados li{
	width: 178px;
	border: #E8E8E8 1px solid;
	margin-bottom: 15px;
	clear:both;
	height: 100% !important;
	display: block;
	overflow: hidden;
}
#home #content #gamma .destacados li h3{
	background-color:#666;
	color: #FFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 3px 0 3px 5px;
	text-transform: uppercase;
	margin: 1px;
}
#home #content #gamma .destacados li .price{
	background: url(../i/df_star1.gif) left top no-repeat;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	width: 60px;
	height: 38px;
	overflow: hidden;
	display: block;
	float: left;
	margin: 5px 0 0 10px;
	padding-top: 22px;
}
#home #content #gamma .destacados li .img{
	float: right;
	min-height: 84px;
}
#home #content #gamma .destacados li .portes{
	color: #666;
	font: normal 10px Arial, Helvetica, sans-serif;
	width: 70px;
	display: block;
	float: left;
	text-align: center;
	margin: 5px 0;
}
#home #content #gamma .destacados li .txtmin{
	color: #666;
	font: normal 10px Arial, Helvetica, sans-serif;
	display: block;
	clear: both;
	padding: 4px;
	border-top: #E8E8E8 1px solid;
	min-height: 12px;
}
#home #content #gamma .publi{
	width: 178px;
	border: #E8E8E8 1px solid;
	margin-top: 30px;
}
#home #content #gamma .publi h3{
	border-bottom: #E8E8E8 1px solid;
	background-repeat: no-repeat;
	background-position: 5px 7px;
	height: 20px;
}
#home #content #gamma .publi ul {
	padding: 20px 30px 0 30px;
}
#home #content #gamma .publi ul li{
	margin-bottom: 30px;
}
#home #content #gamma .publi ul li img{
	border: #E8E8E8 1px solid;
}
/* Default */
#df #content {
	overflow:hidden;
	margin-bottom:20px;
	padding:0;
	clear: both;
	margin-top: 20px;
}
#df #content #alpha-beta {
	width:730px;
	float:left;
}
#df #content #alpha-beta #alpha{
	width: 165px;
	float: left;
}
#df #content #alpha-beta #alpha .buscador{
	background: url(../i/df_ln1.gif) left bottom repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#df #content #alpha-beta #alpha .buscador label{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 5px 5px;
	display: block;
}
#df #content #alpha-beta #alpha .buscador .buscador_bg{
	background: url(../i/df_input_buscador_bg2.gif) left top no-repeat;
	width: 152px;
	height: 24px;
	diaplay: block;
	padding: 2px 0 0 10px;
}
#df #content #alpha-beta #alpha .buscador input{
	width: 120px;
	height: 20px;
	border: none;
	background: none;
	float:left;
}
#df #content #alpha-beta #alpha .buscador a{
	width: 26px;
	height: 22px;
	display: block;
	background: none;
	float: right;
}
#df #content #alpha-beta #alpha .list{
	clear: both;
}
#df #content #alpha-beta #alpha .list li{
	margin-bottom: 15px;
}
#df #content #alpha-beta #alpha .list li a{
	color: #666;
	font: normal 12px Arial, Helvetica, sans-serif;
	background: url(../i/df_bullet1.gif) left 4px no-repeat;
	padding-left: 14px;
	display: block;
}
#df #content #alpha-beta #alpha .list li a.active{
	color: #5B8E39;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: url(../i/df_bullet2.gif) left 4px no-repeat;
}
#df #content #alpha-beta #alpha .list li ul{
	margin-top: 10px;
}
#df #content #alpha-beta #alpha .list li ul li{
	margin-bottom: 5px;
}
#df #content #alpha-beta #alpha .list li ul li a{
	color: #666;
	font: normal 12px Arial, Helvetica, sans-serif;
	background: url(../i/df_bullet3.gif) left 5px no-repeat;
	padding-left: 7px;
	margin-left: 5px;
	display: block;
}
#df #content #alpha-beta #alpha .list li ul li a.active{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #5B8E39;
	background: url(../i/df_bullet4.gif) left 5px no-repeat;	
}
#df #content #alpha-beta #beta{
	width: 530px;
	float:right;
}
/*SHOP*/
#beta.shop{
}
#beta.shop h1{
	color: #5B8E39;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#beta.shop .list_categories{
	claer: both;
}
#beta.shop .list_categories li{
	float: left;
	width: 120px;
	min-height: 140px;
	margin: 25px 12px 0 0;
}
#beta.shop .list_categories li img{
	border: #ccc 1px solid;
}
#beta.shop .list_categories li h2{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 0 0 0;
	height: 30px;
}
#beta.shop .list_categories li h2 a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
}
#beta.shop .list_categories li p{
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #666;
	margin-top: 3px;
}
#beta.shop .list_articles{
	claer: both;
}
#beta.shop .list_articles li{
	float: left;
	width: 120px;
	margin: 0 12px 30px 0;
}
#beta.shop .list_articles li img{
	border: #ccc 1px solid;
}
#beta.shop .list_articles li h2{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 0 0 3px;
	height: 40px;
}
#beta.shop .list_articles li h2 a{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
}
#beta.shop .list_articles li .price{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	float: left;
	width: 60px;
	margin-top: 22px;
}
#beta.shop .list_articles li .iva{
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	clear: both;
	padding-top: 10px;
	text-align: right;
}
#beta.shop .list_articles li .portes{
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	clear: both;
	margin-top: 5px;
	text-align: right;
}
#beta.shop .list_articles li .bag{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	float: right;
	width: 60px;
	height: 22px;
	background: url(../i/df_ico_bag1.gif) right top no-repeat;
	margin-top: 20px;
}
#beta.shop .list_articles li .bag input{
	width: 18px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 2px;
	text-align: right;
}
#beta.shop .list_articles li .bag a.link_bag{
	width: 22px;
	height: 22px;
	display: block;
	float: right;
	margin-top: 0;
	#margin-top: -26px;
}
#beta.shop .list_articles li .bag a.link_bag span{
	display: none;
}
#beta.shop .list_articles li .offer{
	color: #5B8E39;
}
#beta.shop .list_articles li .ico_offer{
	position: absolute;
	z-index: 5;
	background: transparent url(../i/df_star2.png) right top no-repeat;
	width: 43px;
	height: 43px;
	display: block;
	margin-left: -7px;
	margin-top: 3px;
}
#beta.shop .list_articles li .ico_recomendado{
	position: absolute;
	z-index: 7;
	background: url(../i/recomendado_ico1.gif) right top no-repeat;
	width: 85px;
	height: 13px;
	display: block;
	margin-left: -7px;
	margin-top: 5px;
}
#beta.shop .list_articles li .ico_offer span, #beta.shop .list_articles li .ico_recomendado span{
	display: none;
}
#beta.shop .pager{
	margin: 20px 0;	
	color: #666;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#beta.shop select{
	color: #666;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-right: 15px;
}
#beta.shop .card{
	margin-top: 20px;
}
#beta.shop .card img{
	border: #ccc 1px solid;
	margin-bottom:20px;
}
#beta.shop .card .ref{
	display: block;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 10px;
}
#beta.shop .card .ref span{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666;
}
#beta.shop .card .txt{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 20px;
	clear: both;
	display: block;
	margin-top: 15px;
}
#beta.shop .card .link{
	display: block;
	background: url(../i/df_ico_link1.gif) left top no-repeat;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px 0 0 30px;
	margin-top: 20px;
	height: 25px;
	cursor: pointer;
}
#beta.shop .card .footer_card{
	background: url(../i/df_ln1.gif) left bottom repeat-x;
	padding-bottom: 20px;
	height: 100% !important;
	overflow: hidden;
}
#beta.shop .card .footer_card .stock{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	float: left;
	width: 70px;
	height: 25px;
	background: url(../i/stock_ico1.gif) left top no-repeat;
}
#beta.shop .card .footer_card .nostock{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	float: left;
	width: 65px;
	height: 25px;
	background: url(../i/nostock_ico1.gif) left top no-repeat;
}
#beta.shop .card .footer_card .stock span,
#beta.shop .card .footer_card .nostock span{
	display: none;
}
#beta.shop .card .footer_card .bag{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	float: right;
	width: 150px;
	height: 25px;
	padding-top: 5px;
	background: url(../i/df_ico_bag2.gif) right top no-repeat;
}
#beta.shop .card .footer_card .bag .price{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #999;
}
#beta.shop .card .footer_card .bag input{
	width: 18px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 2px;
	text-align: right;
}
#beta.shop .card .footer_card .bag a.link_bag{
	width: 37px;
	height: 40px;
	display: block;
	margin-top: -10px;
	#margin-top: -30px;
	float:  right;
}
#beta.shop .card .footer_card .bag a.link_bag span{
	display: none;
}
#beta.shop .card .footer_card .iva{
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	float: right;
	clear: both;
	margin-top: 15px;
}
#beta.shop .card .footer_card .portes{
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666;
	display: block;
	float: right;
	clear: both;
}
#beta.shop .card .list_relacionados{
	clear: both;
}
#beta.shop .card .list_relacionados h2{
	color: #5B8E39;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(../i/df_ln1.gif) left top repeat-x;
	padding-top: 30px;
	margin-top: 20px;
}
#beta.shop .card .list_relacionados ul{
	margin-top: 15px;
}
#beta.shop .card .list_relacionados ul li{
	color: #5B8E39;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 30px;
	float: left;
	width: 82px;
}
#beta.shop .card .list_relacionados ul li.last{
	margin-right: 0;
}
#beta.shop .card .list_relacionados ul li a{
	color: #5B8E39;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#beta.shop .card .list_relacionados ul li img{
	margin-bottom: 0;
}
#beta.shop .card .list_relacionados ul li .txt1, #beta.shop .card .list_relacionados ul li .txt1 a{
	margin-top: 5px;
	font-size: 10px !important;
	color: #666;
}
#beta.shop .card .list_relacionados ul li .price{
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
}

/* Video del producto */
#beta.shop .card .video {
	display: block;
	background: url(../i/df_video_ico1.jpg) left top no-repeat;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px 0 0 45px;
	margin-top: 20px;
	height: 25px;
	cursor: pointer;
}
#winVideo {
	position: absolute;
	border: 1px solid #E8E8E8;
	background-color: #FFF;
	width: 425px;
	height: 379px;
	margin: 0 0 0 0;
	padding: 2px;
	z-index: 160;
	display: none;
}
#winVideo .bg_green {
	background-color: #4D6543;
}
#winVideo .bg_green h4 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 5px 0 6px 10px;
	float: left;
}
#winVideo .bg_green .close {
	float: right;
	margin: 10px 10px 0 0;
}
#winVideo .content_video {
	overflow: hidden;
	clear: both;
}


/*TORNYFUSTA*/
#beta.tornyfusta{
}
#beta.tornyfusta h1{
	color: #5B8E39;
	font: bold 16px Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
}
#beta.tornyfusta .list{
	claer: both;
}
#beta.tornyfusta .list li{
	margin-top: 20px;
}
#beta.tornyfusta .list li h2{
	color: #87BF61;
	font: bold 16px Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	display: block;
	height: 11px;
	margin-top: 10px;
}
#beta.tornyfusta .list li h3{
	color: #87BF61;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	display: block;
	margin: 40px 0 10px 0;
}
#beta.tornyfusta .list li p{
	margin-top: 10px;
	color: #666;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 20px;
}
/*CURSOS*/
#beta.cursos, #beta.eventos{
}
#beta.cursos h1, #beta.eventos h1{
	background-repeat: no-repeat;
	display: block;
	height: 32px;
}
#beta.cursos p, #beta.eventos p {
	margin-top: 5px;
	color: #666;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 22px;
}
#beta.cursos .pager, #beta.eventos .pager{
	margin: 20px 0;	
	padding-bottom: 20px;
	color: #666;
	font: normal 12px Arial, Helvetica, sans-serif;
	background: url(../i/df_ln1.gif) left bottom repeat-x;
}
#beta.cursos select, #beta.eventos select{
	color: #666;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-right: 15px;
}
#beta.cursos .list, #beta.eventos .list{
	
}
#beta.cursos .list li{
	background: url(../i/cursos_ico1.gif) left top no-repeat;
	padding-left: 30px;
	display: block;
	margin-bottom: 20px;
	min-height: 35px;
}
#beta.eventos .list li{
	background: url(../i/galeria_ico1.gif) left top no-repeat;
	padding-left: 60px;
	display: block;
	margin-bottom: 20px;
	min-height: 35px;
}
#beta.cursos .list li .date, #beta.eventos .list li .date{
	color: #666;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding-top: 3px;
}
#beta.cursos .list li h2, #beta.eventos .list li h2{
	color: #5B8E39;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#beta.cursos .list li h2 a, #beta.eventos .list li h2 a{
	color: #5B8E39;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#beta.cursos .card{
	color: #5B8E39;
	font: bold 16px Arial, Helvetica, sans-serif;
	background: url(../i/cursos_ico1.gif) left top no-repeat;
	padding-left: 30px;
	margin-top: 30px;
}
#beta.eventos .card{
	color: #5B8E39;
	font: bold 16px Arial, Helvetica, sans-serif;
	background: url(../i/galeria_ico1.gif) left top no-repeat;
	padding-left: 60px;
	margin-top: 30px;
}
#beta.cursos .df_link1, #beta.eventos .df_link1{ 
	margin-top: 20px;
	display: block;
}
#beta.cursos .card h2, #beta.eventos .card h2{
	color: #5B8E39;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#beta.cursos .card .txt img, #beta.eventos .card .txt img{
	float: right;
	padding: 5px;
	border: #ccc 1px solid;
	margin: 0 0 20px 20px;
}
#beta.cursos .card .date, #beta.eventos .card .date{
	color: #666;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#beta.cursos .card .link, #beta.eventos .card .link{
	display: block;
	background: url(../i/df_ico_link1.gif) left top no-repeat;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px 0 0 30px;
	margin-top: 20px;
	height: 25px;
	cursor: pointer;
}
#beta.cursos .card .price, #beta.eventos .card .price{
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	width: 200px;
	float: left;
	margin-top: 20px;
	padding-bottom: 20px;
}
#beta.cursos .card .price span, #beta.eventos .card .price span{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #5B8E39;
}
#beta.cursos .card .contact{
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	width: 250px;
	margin-top: 20px;
	padding-bottom: 20px;
	float: right;
}
#beta.cursos .card .contact span{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #5B8E39;
	display: block;
}
#beta.eventos .card .contact_evento{
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	width: 250px;
	margin-top: 20px;
	padding-bottom: 20px;
	float: left;
}
#beta.eventos .card .contact_evento span{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #5B8E39;
	display: block;
}
#beta.cursos .card .curso_form{
	clear:both !important;
	background: url(../i/df_ln1.gif) left top repeat-x;
	padding-top: 20px;
}
#beta.cursos .card .curso_form h3{
	color: #666;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#beta.cursos .card .curso_form .inputs {
	margin-top: 20px;
}
#beta.cursos .card .curso_form p {
	clear: both;
	margin-top: 10px;
}
#beta.cursos .card .curso_form label {
	float: left;
	width: 150px;
}
#beta.cursos .card .curso_form .input1 {
	width: 300px;
	padding: 2px;
}
#beta.cursos .card .curso_form .input2 {
	width: 145px;
	padding: 2px;
}
#beta.cursos .card .curso_form .input3 {
	width: 45px;
	padding: 2px;
}
#beta.cursos .card .curso_form textarea {
	width: 300px;
	padding: 2px;
}
#beta.cursos .card .curso_form select {
	width: 305px;
/*width: 200px;*/
	padding: 2px;
	border: solid 1px #DBF1FF;
}
#beta.cursos .card .curso_form p.check{
	margin-left: 150px;
	width: 300px;
}
#beta.cursos .card .curso_form p.button{
	margin-left: 150px;
}
/*COMPRA*/
#beta.compra{
}
#beta.compra h1{
	background-repeat: no-repeat;
	display: block;
	height: 32px;
}
#beta.compra h2{
	color: #5B8E39;
	font: bold 14px Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 0;
}
#beta.compra p{
	margin-top: 5px;
	color: #666;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 22px;
}
#beta.compra .pedido{
	clear:both !important;
	padding-top: 20px;
}
#beta.compra .pedido li{
	display: block;
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	border-top: #CCC 1px dotted;
	height: 100%;
	overflow: hidden;
}
#beta.compra .pedido .txt{
	display: block;
	float: left;
	width: 500px;
}
#beta.compra .pedido .txt .txt1{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	margin-bottom: 3px;
}
#beta.compra .pedido .txt .price1{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666;
	float: left;
}
#beta.compra .pedido .txt .price1 input{
	width: 20px;
	text-align: right;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999;
}
#beta.compra .pedido .txt .price2{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #666;
	float: right;
}
#beta.compra .pedido .close{
	display: block;
	float: right;
	margin-top: 2px;
}
#beta.compra .pedido .close a{
	background: url(../i/df_b_close2.png) center top no-repeat;
	width: 15px;
	height: 15px;
	display: block;
}
#beta.compra .pedido .close span{
	display: none;
}
#beta.compra .pedido .subtotal{
	display: block;
	height: 100% !important;
	overflow: hidden;
	clear: both;
	margin: 20px 0 5px 0;
	padding-top: 10px;
	border-top: #CCC 1px dotted;
}
#beta.compra .pedido .total{
	display: block;
	height: 100% !important;
	overflow: hidden;
	clear: both;
	margin: 0 0 5px 0;
/*margin: 20px 0 5px 0;*/
	padding-top: 10px;
	border-top: #CCC 1px dotted;
}
#beta.compra .pedido .subtotal h4, #beta.compra .pedido .total h4{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #5B8E39;
	float: left;
	margin-left: 380px;
}
#beta.compra .pedido .subtotal .price, #beta.compra .pedido .total .price{
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-right: 25px;
	color: #5B8E39;
	float: right;
	margin-top: 0;
}
#beta.compra .pedido .iva{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	float: right;
	clear: both;
	margin-right: 25px;
	padding-bottom: 10px;
}
#beta.compra .login{
	clear:both !important;
	height: 100% !important;
	overflow: hidden;
	background: url(../i/df_ln1.gif) left top repeat-x;
	padding: 20px 0;
}
#beta.compra .login p{
	float: left;
	margin-top: 10px;
}
#beta.compra .login .button{
	float: right;
}
#beta.compra .compra_form{
	clear:both !important;
	background: url(../i/df_ln1.gif) left top repeat-x;
	padding-top: 20px;
}
#beta.compra .compra_form .inputs {
	margin: 20px 0 40px 0;
}
#beta.compra .compra_form p {
	clear: both;
	margin-top: 10px;
}
#beta.compra .compra_form label {
	float: left;
	width: 150px;
}
#beta.compra .compra_form .input1 {
	width: 300px;
	padding: 2px;
}
#beta.compra .compra_form .input2 {
	width: 145px;
	padding: 2px;
}
#beta.compra .compra_form .input3 {
	width: 45px;
	padding: 2px;
}
#beta.compra .compra_form textarea {
	width: 300px;
	padding: 2px;
}
#beta.compra .compra_form select {
	width: 305px;
	padding: 2px;
	border: solid 1px #ccc;
}
#beta.compra .compra_form p.check{
	margin-left: 160px;
	width: 300px;
}
#beta.compra .compra_form p.button{
	margin-left: 150px;
}
#beta.compra .compra_form .inputs span{
	display:block;
	float:left;
	margin-right:2px;
	width: 10px;
	height: 20px;
	overflow: hidden;
}
/*GALERIA*/
#beta.galeria h1{
	background-repeat: no-repeat;
	display: block;
	height: 32px;
}
#beta.galeria p{
	margin-top: 5px;
	color: #666;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 22px;
}
#beta.galeria .pager{
	margin: 20px 0;	
	padding-bottom: 20px;
	color: #666;
	font: normal 12px Arial, Helvetica, sans-serif;
	background: url(../i/df_ln1.gif) left bottom repeat-x;
}
#beta.galeria select{
	color: #666;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-right: 15px;
}
#beta.galeria .list li{
	display: block;
	height: 100% !important;
	clear: both;
	overflow: hidden;
	margin-top: 20px;
}
#beta.galeria .list li img{
	float:left;
	border: #CCC 1px solid;
	}
#beta.galeria .list li .right{
	display: block;
	float: right;
	width: 400px;
}
#beta.galeria .list li .date{
	color: #666;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding-top: 3px;
}
#beta.galeria .list li h2{
	color: #5B8E39;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#beta.galeria .list li h2 a{
	color: #5B8E39;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#beta.galeria .card{
	color: #5B8E39;
	font: bold 16px Arial, Helvetica, sans-serif;
	margin-top: 30px;
}
#beta.galeria .df_link1{ 
	margin-top: 20px;
	display: block;
}
#beta.galeria .card h2{
	color: #5B8E39;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#beta.galeria .card .date{
	color: #666;
	font: normal 11px Arial, Helvetica, sans-serif;
}
#beta.galeria .card .txt{
	margin-top: 20px;
}
#beta.galeria .card img{
	border: #CCC 1px solid;
	margin-top: 20px;
	}
#beta.galeria .card .link{
	display: block;
	background: url(../i/df_ico_link1.gif) left top no-repeat;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px 0 0 30px;
	margin-top: 20px;
	height: 25px;
	cursor: pointer;
}
/*CONTACTO*/
#beta.contacto{
}
#beta.contacto h1{
	background-repeat: no-repeat;
	display: block;
	height: 32px;
}
#beta.contacto h2{
	color: #5B8E39;
	font: bold 16px Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 15px;
}
#beta.contacto p{
	margin-top: 5px;
	color: #666;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 22px;
}
/*TEXTOS LEGALES*/
#beta.txt_legales{
}
#beta.txt_legales h1{
	background-repeat: no-repeat;
	display: block;
	height: 32px;
}
#beta.txt_legales h2{
	color: #5B8E39;
	font: bold 16px Arial, Helvetica, sans-serif;
	display: block;
	margin-top: 25px;
	}
#beta.txt_legales p{
	margin-top: 15px;
	color: #666;
	font: normal 13px Arial, Helvetica, sans-serif;
	line-height: 22px;
	}
#beta.txt_legales .df_link1{
	margin-top: 15px;	
	display: block;
	}
/*GAMMA*/
#df #content #gamma{
	float:right;
	width:180px;
}
#df #content #gamma .destacados li{
	width: 178px;
	border: #E8E8E8 1px solid;
	margin-bottom: 15px;
	clear:both;
	height: 100% !important;
	display: block;
	overflow: hidden;
}
#df #content #gamma .destacados li h3{
	background-color:#666;
	color: #FFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 3px 0 3px 5px;
	text-transform: uppercase;
	margin: 1px;
}
#df #content #gamma .destacados li .price{
	background: url(../i/df_star1.gif) left top no-repeat;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	width: 60px;
	height: 38px;
	display: block;
	float: left;
	margin: 5px 0 0 10px;
	padding-top: 22px;
}
#df #content #gamma .destacados li .img{
	float: right;
	min-height: 84px;
}
#df #content #gamma .destacados li .portes{
	color: #666;
	font: normal 10px Arial, Helvetica, sans-serif;
	width: 70px;
	display: block;
	float: left;
	text-align: center;
	margin: 5px 0;
}
#df #content #gamma .destacados li .txtmin{
	color: #666;
	font: normal 10px Arial, Helvetica, sans-serif;
	display: block;
	clear: both;
	padding: 4px;
	border-top: #E8E8E8 1px solid;
	min-height: 12px;
}
#df #content #gamma .publi{
	width: 178px;
	border: #E8E8E8 1px solid;
	margin-top: 30px;
}
#df #content #gamma .publi h3{
	border-bottom: #E8E8E8 1px solid;
	background-repeat: no-repeat;
	background-position: 5px 7px;
	height: 20px;
}
#df #content #gamma .publi ul {
	padding: 20px 30px 0 30px;
}
#df #content #gamma .publi ul li{
	margin-bottom: 30px;
}
#df #content #gamma .publi ul li img{
	border: #E8E8E8 1px solid;
}

/* 5. Footer /////////////////////////////////////////////////////////////////////////////////// */
#footer a {
	color: #666;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 2px;
}
#footer a.first {
	background:none;
	margin-left:0;
	padding-left:0;
}
#footer ul {
	list-style-type:none;
}

#footer ul li {
	display:inline;
}

#footer .left {
	float: left;
	padding: 10px 5px 10px 100px;
	margin-top: 28px;
	width: 40%;
}
#footer .right {
	float: right;
	padding: 10px 5px;
	margin-top: 25px;
	width: 40%;
	text-align: right;
}