/* HTML Elements */

* {margin:0;padding:0;}

body,html {
	min-height:101%;
	}
	
body {font:.7em Arial, Sans-Serif;background:#4d3500;color:#545454;padding: 13px 0 25px 0}
p {	margin: 10px 0;font-size: 1.1em}
a:link, a:visited {color: #b38f45;text-decoration:none}
a:hover, a:active {color:#333;text-decoration:underline}
#main {width:880px;margin:0 auto;background:#FFF;padding:10px 25px 35px 25px}
#header {height:82px}
#menu {list-style:none;margin:0;padding:0;display:block}
#menu li {float:left;width:146px;margin:0;padding:0;text-align:center;}
#menu li a {display:block;padding:5px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #FFF;}
#menu li a:hover, #menu li a:focus, #menu li a:active {background-position:-150px 0;color:#FFF}
#menu a {background:url(/img/bg.jpg) repeat -20px 35px;}

#artesanialeft {width:540px}
#artesaniaright {margin-left:570px;margin-top:10px}
.detallesproducto {letter-spacing:.1em;border-bottom:1px dotted #545454;border-top:1px dotted #545454;padding:10px;margin-bottom:10px;background-color:#f6f2ea}
.detallesproducto IMG {float:right;padding:1px;margin-left:10px;border:solid 1px #CCC !important}
.detallesproducto IMG:hover {border:solid 1px #000 !important}
.detallesproducto UL {margin-left:20px}

.galleriatexturas IMG {width:48px;padding:2px}
.galleriatexturas {overflow:auto;height:320px;margin:10px 0 10px 0}
.gallerialomos {height:170px}
.galeria A, .gallerialomos A {color:#545454;font-size:.8em;text-align:center;float:left;text-decoration:none}
.galleriatexturas A:hover, .gallerialomos A:hover {background-color:#000;color:#FFF;text-decoration:none}
.gallerialomos IMG {margin:5px}
.grupotextura {font-weight:bold;margin-left:3px;margin-top:5px;letter-spacing:.1em}

#formInfo {font-size:1.1em;margin-top:20px}
.campoForm {width:100px;text-align:right;float:left;margin:0 4px 12px 0}
#formInfo select {margin-right:5px;margin-top:2px;font-size:.9em}
#formInfo textarea, input {font:1em Arial, Helvetica, Geneva}
.CabArticulos {float:left;margin-right:5px}
.Precio {font:Bold 1.1em Tahoma, Arial, Helvetica, Geneva;text-align:Center;color:#000;margin-top:10px;margin-left:20px}
.Precio A {font-size:.9em}
.Precio STRONG {color:#b38f45;font-size:1.5em}
.Mayorista {font:1em Tahoma, Arial, Helvetica, Geneva;text-align:Center;color:#000;margin-top:10px;margin-left:20px}
.sendbutton {font-size:.9em}
.terminos p {margin:0 20px 10px 20px}
#gastosenvio{margin-top:20px}

/*Comun*/
img, a:link img, a:visited img {border:0}
.right {display:block;text-align:right}
.nofloat {clear:both}

#leftcol {
	width:425px;
	border-right:1px dotted #b6b6b6;
	padding-right:17px;
	}

#leftcol, #rightcol {
	margin-top:20px;
	float:left
	}	
	
#rightcol {
	width:420px;
	padding-left:17px;
	}

#artesaniapapelleft {
	width:47%;
	border-right:1px dotted #b6b6b6;
	padding-right:17px !important;
	float:left;
	text-align:center
	}

#artesaniapapelright {
	width:47%;
	padding-left:17px !important;
	float:left;
	text-align:center
	}

#artesaniapapelleft .feature, #artesaniapapelright .feature {margin-bottom:10px}
#artesaniapapelleft img, #artesaniapapelright img {margin:3px 0 4px 0;padding:1px;border:3px solid #ccc}

.intro ul li, .intro2 ul li {
	line-height:1.3em;
	font-size: 1.1em;
	}
.intro, .intro2 {padding-bottom:28px}

.intro img {
	float: left;
	margin: 0px 10px 10px 0;
	padding:1px;
	border: 3px solid #ccc;
	}
.intro2 img {
	border: 3px solid #ccc;float:right;margin-bottom:10px;margin-left:10px;padding:1px;
	}
.imgView IMG {padding:1px;float:right}
/*	Headers */

h1 {font:Bold 2.95em Georgia, "Times New Roman", Times, serif}
h2 {font: 2.3em Georgia, "Times New Roman", Times, serif;padding-bottom:8px;border-bottom:1px solid #333;margin: 20px 0}
h3 {font:Bold 1.3em Arial, Helvetica, sans-serif;margin-bottom:2px;color:#5f5f5f}

/* Content */

.feature {
	background:#f6f2ea;
	padding:10px 20px 10px 20px;
	}

#leftcol .feature:hover, #rightcol .feature:hover {
	background:#e0ca9b;
	}

#rightcol p {
	margin: 5px 0 15px 0;
	}

.feature img {
	padding:1px;
	border:1px solid #000;
	}
#promocion 
{
    background-color:#ffff3c;
    margin-top:20px;
    margin-left:55%;
    border:1px solid #b38f45;
    height:160px
}
#promocion img {padding:1px;border:1px solid #000;margin:5px;}
#promotext {color:Black;padding:10px;}
#quepuedehacer {
    width:50%;
    float:left;
	margin-top:20px;
	border-bottom:1px dotted #b38f45;
	border-top:1px dotted #b38f45;
	}

.title {font-size:1.2em;font-weight:Bold;line-height:115%}
	
#quepuedehacer .title {
	font:1.8em Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	display:block;
	
	}

#leftcol .feature {
	margin-bottom:10px;
	border-left:solid 10px #b38f45
	}

#rightcol .feature {
	margin-bottom:10px;
	border-right:solid 10px #b38f45
	}

#leftcol img, #rightcol img {
	margin-bottom: 4px;
	display:block
	}	

h3 a:link, h3 a:visited {
	color:#5f5f5f;
	}
/* Footer*/
#footer {text-align:center;padding-top:10px;color:#FFF}

/*ThickBox*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
	font-weight:bold
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
