/* CSS Document */
body {
	padding:0px;
	margin:0 auto;
	position:relative;
	background: url(../images/header-bg.jpg) 0 0 repeat-x #EFEFEF;
	color:#666;
	font:13px/18px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
div, p, h1, h2, h3, h4, ul, a, img {
	padding:0px;
	margin:0px;
}
ul {
	list-style-type:none;
}

#header {
	width:800px;
	height:252px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#header h1 {
	width:315px;
	height:240px;
	background:url(../images/header-img1.jpg) 0 0 no-repeat #FEEBB0;
	color:#fff;
	text-indent:-2000px;
}
#header img {
	width:464px;
	height:131px;
	position:absolute;
	top:84px;
	right:0px;
	margin:0px;
	padding:0px;
}
#header ul {
	width:450px;
	height:32px;
	display:block;
	position:absolute;
	top:215px;
	right:0px;
	margin:0px;
	padding:0px;
	background:url(../images/menu-bg.gif) 0 0 repeat-x #FF8714;
	color:#fff;
}
#header ul li {
	float:left;
	display:block;
	height:32px;
	padding:0 8px;
	background:url(../images/menu-devider.gif) right top no-repeat;
}
#header ul li span {
	display:block;
	height:32px;
	background:url(../images/menu-hover.gif) 50% 0 no-repeat;
	font:13px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#header ul li a {
	display:block;
	height:32px;
	background:url(../images/menu-bg.gif) 0 0 repeat-x #FF8714;
	color:#fff;
	font:13px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#header ul li a.nuevocliente {
	color:#FF9;
}
#header ul li a:hover {
	display:block;
	background:url(../images/menu-hover.gif) 50% 0 no-repeat;
	text-decoration:none;
	margin:0;
}
#header ul li.contact {
	display:block;
	height:32px;
	background:url(../images/menu-bg.gif) 0 0 repeat-x #FF8714;
	color:#fff;
	font:13px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#header ul li.contact:hover {
	display:block;
	background:url(../images/menu-hover.gif) 50% 0 no-repeat;
	text-decoration:none; 
}

#body {
	width:787px;
	position:relative;
	margin:0 auto;
}

#left {
	width:247px;
	display:block;
	float:right;
	margin:0;
	padding:27px 45px 0 44px;
}
#left h3 {
	width:247px;
	height:53px;
	font:27px/34px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#4D4D4D;
	padding:0;
	margin:0;
	clear: both;
}
#left h3.novedades {
	background:url(../images/image1.jpg) 0 0 no-repeat #EFEFEF;
	padding:0 0 0 70px;	
	width:177px;
	height:83px;
}
#left h3.productos {
	background:url(../images/image2.jpg) 0 0 no-repeat #EFEFEF;
	padding:0 0 0 70px;	
	width:177px;
	height:83px;
}
#left h3 span {
	background:#EFEFEF;
	color:#967001;
	font:14px/14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0;
	margin:5px 0 0;
	display:block;	
}
#left h4 {
	width:247px;
	display:block;
	background:none;
	font-size:18px;
	font-weight:bold;
	padding:0;
	margin:0;
}
#left p {
	display:block;
	padding:10px 0 6px 0;
}
#left p img{
border: 6px solid #FFFFFF;
}
#left p.more {
	height:20px;
	display:block;
	margin:0 0 24px 150px;
	padding:0;
}
#left p.more a, #left p.email a {
	display:block;
	height:20px;
	background:#EFEFEF;
	font:12px/14px Georgia, "Times New Roman", Times, serif;
	color:#BF4D02;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	margin:0;
	padding:0;
}
#left p.more a:hover {
	background:#EFEFEF;
	color:#FF6500;
	text-decoration:none;
}
#left div.thumbs {
	width:241px;
	display:block;
	float:left;
	margin:10px 0 40px 0;
	padding:0;
}
#left div ul {
	width:241px;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#left div.thumbs a {
	width:132px;
	height:62px;
	display:block;
	padding-left:120px;
	padding-top:30px;
	font-weight:bold;
	color:#BF4D02;
	text-decoration:none;
	border:4px solid #FFF;
}

#left div.thumbs a.thumb1 {
	background: #FFF url(../images/icon_cartulina.png) no-repeat 20px center;
}

#left div.thumbs a.thumb2 {
	background: #FFF url(../images/icon_micro.png) no-repeat 15px center;
}

#left div.thumbs a:hover {
	border:4px solid #FDF1E3;
	color:#DB261D;
}

#left div.thumbs ul li.middle {
	width:22px;
	height:70px;
	background:none;
	float:left;
	display:block;
	padding:0;
	margin:0;
}
#left div.gallery ul li.middle {
	width:8px;
	height:70px;
	background:none;
	float:left;
	display:block;
	padding:0;
	margin:0;
}
#left div.thumbs ul li {
	width:107px;
	height:auto;
	display:block;
	float:left;
	padding:0 0 10px 0;
	margin:0;
}
#left div.gallery ul li {
	width:74px;
	height:74px;
	display:block;
	background-color:#FFF;
	float:left;
	padding:0;
	margin:0 0px 10px 0;
}
#left div img {
	padding:0;
	margin:0;
	border: 6px solid #FFFFFF;
}
#left div ul li a {
	display:block;
	color:#BF4D02;
	font:12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	margin:0;
	padding:0;
}
#right {
	width:451px;
	float:right;
	display:block;
	background:#FFF;
	margin:0 auto;
	padding:27px 0 0 0;
	color:#666;
	font-size: 13px;
	line-height: 17px;
}
#right a {
	color:#BF4D02;
	text-decoration:none;
}
#right a:hover {
	text-decoration:underline;
}
#right p {
	padding:0 40px 10px 52px;
}
#right p img {
	margin: 0px 0px 0px 5px;
}

#right ol {
	padding:0px 63px 8px 60px;
}
#right ul {
	padding:8px 63px 8px 60px;
	list-style-type:disc;
}
#right ul.arrow{
	padding:8px 63px 8px 40px;
	list-style-type:none;
}
#right ul.arrow li{
	background: url(../images/arrow.gif) no-repeat 0px 5px;
	padding-left:10px;
}
#right p.intro {
	padding:0 52px 26px 52px;
	_width: 340px;
	background:#FFF;
	color:#666;
	font:14px/20px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#right p span.bigsize {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#BF4D02;
	font-size:20px;
	line-height:20px;
	background:#fff;
	padding:0;
}
#right p.name {
	background:#fff;
	display:block;
	color:#AC8101;
	font:18px/18px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	text-align:right;
	padding:10px 63px 16px 0;
}
#right p.dotline {
	background:url(../images/dot-line.gif) 0 0 repeat-x #fff;
	color:#666;
	margin:0 63px 0 52px;
}
#right h2 {
	display:block;
	width:330px;
	font:27px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	font-weight:bold;
	padding:0;
	margin:0 0 20px 52px;
}
#right h2 span {
	background:#fff;
	color:#967001;
	font:14px/14px Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0 0;
}
#right h3 {
	display:block;
	width:260px;
	font-weight:bold;
	font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:10px 0 10px 0;
	margin:8px 0 0 52px;
}
#right h4 {
	display:block;
	font-weight:bold;
	width:250px;
	font:14px/18px  Arial, Helvetica, sans-serif;
	padding:0;
	margin:8px 0 0 52px;
}
#right h4 a.micro {
	display:block;
	padding: 15px 0 0 75px;
	height:55px;
	background: url(../images/iconomicro.png) no-repeat left center;
}
#right h4 a.cartulina {
	display:block;
	padding: 15px 0 0 75px;
	height:55px;
	background: url(../images/iconocartulina.png) no-repeat left center;
}
#right h4 a.folletos {
	display:block;
	padding: 15px 0 0 75px;
	height:55px;
	background: url(../images/iconofolletos.png) no-repeat left center;
}
#right h4 a:hover {
	background-color:#FAFAFA;
	text-decoration:none;
}
#right p.bottompadding {
	padding:0 63px 22px 52px;
}
#right p.more {
	height:28px;
	display:block;
	position:relative;
	margin:0;
	padding:13px 0 38px 200px;
}
#right p.more a {
	display:block;
	width:100px;
	height:20px;
	background:#fff;
	font:14px/14px Georgia, "Times New Roman", Times, serif;
	color:#BF4D02;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	margin:0;
	padding:0;
}
#right p.more a:hover {
	background:#fff;
	color:#FF6500;
	text-decoration:none;
}
#right img.icon {
	clear:left;
	float:left;
	padding: 0 8px 5px 0;
}
#right label {
	display: block;
}
#right input {
	display: block;
	width:300px;
}
#right textarea {
	width:300px;	
}
#right select {
	display: block;
	width:300px;
}
#right form .auto {
	width:auto;
}
#right form .check {
	width:auto;
	float:left;
}
#right form p {
	padding-top: 3px;
	padding-bottom: 3px;
}
#footerbg {
	height:114px;
	background:url(../images/footer-bg.gif) 0 0 repeat-x #4D4D4D;
	color:#fff;
	padding:90px 0 0 0;
	position:relative;
	margin:0 auto;
	clear:both;
}
#footer {
	width:730px;
	height:82px;
	position:relative;
	margin:0 auto;
	padding:0 0 0 50px;
}
#footer ul {
	width:420px;
	display:block;
	position:absolute;
	right:13px;
	top:26px;
	padding:0;
}
#footer li {
	float:left;
	font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#footer ul li a {
	padding:0 0 0 10px;
	color:#fff;
	background:#424242;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer ul li a.padl {
	padding:0 0 0 14px;
}
#footer p {
	background:#484848;
	margin:54px 45px 0 0;
	display:block;
	position:absolute;
	top:0px;
	right:40px;
	color:#FF833B;
	font:11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer #address {
	width:285px;
	height:82px;
	float:left;
	margin:0 auto;
	background:url(../images/vertical-dot.gif) 100% 0 repeat-y;
}
.error {
	border: 1px solid red;
}
.errorMessage {
	border: none;
	color: red;
}