/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {
	width:100%;
	overflow:hidden;
}
/* Global properties */
body {background:#000;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#CCCCCC;line-height:22px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {margin:0 auto;width:966px}
.body1 {background:url(../images/bg_top2.gif) top repeat-x #0e0b06}
.body2 {background:#0e0b06}
/* main layout */
a {color:#fff;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:43px 0 0 16px}
h2 {font-size:35px;color:#fff;line-height:1.2em;padding:20px 0 16px 0;font-weight:normal;letter-spacing:-2px}
h2 span {display:block;margin-top:-7px}
h3 {font-size:25px;color:#fff;font-weight:normal;line-height:1.2em;padding:14px 0 8px 0;letter-spacing:-1px}
h4 {font-size:25px;color:#fff;line-height:1.2em;padding:18px 0 16px 0;font-weight:normal;letter-spacing:-2px}
p {padding-bottom:16px}
/* header */
header {height:169px}
#logo {display:block;background:url(../images/logo.png) 0 0 no-repeat;width:378px;height:79px;text-indent:-9999px}
#menu {float:right;padding:71px 16px 0 0}
#menu li {float:left;padding-left:1px}
#menu li a {display:block;font-size:19px;color:#130c04;text-decoration:none;line-height:42px;height:43px;padding:0 19px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;position:relative;background:url(../images/spacer.gif) repeat}
#menu li a:hover, #menu .active a {background:url(../images/menu_bg.gif) bottom repeat-x #92d30f;color:#fff}
#menu li a:hover, #menu .active a {background/*\**/:url(../images/menu_bg.gif) top repeat-x #337f05\9}
.slider_bg {width:100%;height:378px;background:url(../images/slider_bg.png) 0 0 no-repeat;position:relative;margin-top:17px}
.slider {top:8px;left:8px;position:absolute;z-index:1}
.slider .items {display:none}
.slider .pagination {position:absolute;z-index:2;bottom:23px;left:430px}
* + html .slider .pagination {bottom:27px}
.slider .pagination li {float:left}
.slider .pagination a {display:block;width:30px;height:30px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider .pagination a:hover, .slider .pagination .current a {background-position:left}
/* content */
#content {padding:0 0 14px 23px}
#content2 {padding:3px 0 15px 23px}
.pad_left1 {padding-left:35px}
.pad_left2 {padding-left:50px}
.pad_bot1 {padding-bottom:11px}
.pad_bot2 {padding-bottom:15px}
.pad_bot3 {padding-bottom:15px}
.marg_right1 {margin-right:20px}
.pad_top1 {padding-top:0px}
.pad_top2 {padding-top:10px}
.dropcap1 {float:left;background:url(../images/dropcap.png) 0 0 no-repeat;width:50px;height:54px;margin-right:20px;font-size:45px;line-height:1.2em;text-align:center;color:#e11204;margin-top:6px}
.dropcap1 span {display:block;margin-top:-6px}
.dropcap1 .color1 {color:#f69e00}
.dropcap1 .color2 {color:#4f9608}
.dropcap1 .color3 {color:#089495}
.color1 {color:#fff}
.color2 {color:#62a80a}
.font1 {font-size:16px}
.link1 {display:inline-block;font-style:italic;padding-right:13px;background:url(../images/marker_2.gif) right 8px no-repeat;text-decoration:none}
.link1:hover {text-decoration:underline}
.link2 {color:#a09d99;text-decoration:none}
.link2:hover {text-decoration:underline}
.testimonials {background:url(../images/testimonials_bg.gif) 0 4px no-repeat;padding-left:50px}
.quot {background:url(../images/quot1.png) 0 0 no-repeat;padding-left:20px;font-style:italic}
.quot img {display:inline-block;margin-top:1px;padding-left:4px}
.list1{}
.list1 li {font-size:16px;line-height:27px}
.list1 a {color:#85c226;padding-left:23px;background:url(../images/marker_1.png) 0 4px no-repeat;text-decoration:none}
.list1 a:hover {color:#fff}
.list2{}
.list2 li {font-size:15px;line-height:28px}
.list2 a {color:#85c226;padding-left:23px;background:url(../images/marker_1.png) 0 4px no-repeat;text-decoration:none}
.list2 a:hover {color:#fff}
.quality {width:100%;overflow:hidden}
.quality .cols {width:290px}
.quality .pad_left1 {padding-left:30px}
.quality .arrow {background:url(../images/arrow.png) right 4px no-repeat}
.quality .dropcap1 {height:50px;background:url(../images/dropcap2.png) 0 0 no-repeat;margin-top:1px}
.quality h3 {padding:0 0 17px 0}
.quality h3 span {display:block;margin-top:-6px}
.price{}
.price li {width:100%;overflow:hidden;background:url(../images/bg_price.gif) 0 -5px repeat-x}
.price span {float:right;background:#1c160d}
.price a {color:#a09d99;text-decoration:none;float:left;background:#1c160d}
.price a:hover {color:#fff}
.address {margin-top:-3px;padding-bottom:25px}
.address li {line-height:27px;padding-left:23px;background:url(../images/marker_1.png) 0 6px no-repeat;overflow:hidden}
.address a {color:#62a80a;text-decoration:none} 
.address a:hover {text-decoration:underline}
pre{font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#a09d99;line-height:27px}
/* footer */
footer {padding:0 0 40px 23px}
footer a{}
footer a:hover{}
#icons li {line-height:1.9em}
#icons a {color:#a09d99;text-decoration:none}
#icons a span {display:inline-block;vertical-align:top;cursor:pointer}
#icons a:hover {color:#fff}
#icons img {margin:5px 10px 0 0}
#why_us{}
#why_us li {line-height:27px}
#why_us a {color:#a09d99;text-decoration:none;padding-left:23px;background:url(../images/marker_3.png) 0 2px no-repeat}
#why_us a:hover {color:#fff}
#footer_link {margin-top:17px;padding-top:19px}
#footer_link2 {
	margin-top:17px;
	padding-top:19px;
	text-align: right;
	margin-right: 10px;
}
/* forms */


#ContactForm ul {
    width:750px;
    list-style-type:none;
	margin:0px;
	padding:0px;
}
#ContactForm li{
	padding:12px; 
	border-bottom:1px solid #eee;
	position:relative;
} 
#ContactForm label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}
#ContactForm input {
	height:20px; 
	width:220px; 
	padding:5px 8px;
}
#ContactForm textarea {
	padding:8px; 
	width:300px;
}
#ContactForm button {
	margin-left:0px;
	margin-top: 10px;
}

/*----- estilos visuales de los elementos --------*/

#ContactForm input, .contact_form textarea { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
#ContactForm input:focus, .contact_form textarea:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:80px;
}

/* === Estilos de Validacion === */	

#ContactForm input:required:valid, .contact_form textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
#ContactForm input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Estilos del boton de Envio === */
.button {
   padding: 9px 17px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.button:hover {
	opacity:.55;
	cursor: pointer; 
	color: #fff;
}
.button:active {
	border: 1px solid #222;
	box-shadow: 0 0 10px 5px #444 inset; 
}

#ContactForm .buttons input {
	display: block;
	float: left;
	height: 40px;
	width: 100px;
	color: #666666;
	font: bold 14px/28px Arial, Helvetica, sans-serif;
	border-style: none;
	margin-top: 15px;
	margin-bottom: 10px;
}