@charset "utf-8";
/* CSS Document */
@import url('reset.css');
@import url('colors.css');
body { background:url(../images-new/background.jpg) repeat-x left top; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/* Fonts */
@font-face {
	font-family: MyriadPro;
	src: url('../sources/fonts/MyriadPro-Cond.otf');
	font-weight:900;
}
@font-face {
	font-family: MyriadProR;
	src: url('../sources/fonts/MyriadPro-Regular.otf');
	font-weight:900;
}
@font-face {
	font-family: moolbor;
	src: url('../sources/fonts/moolbor.ttf');
	font-weight:900;
}

/* Anchors
---------------------------------------------------*/
li { list-style:none;}
h1, h2, h3 {font-family: "Tahoma", Verdana, Geneva, Helvetica, Arial, Sans-Serif;}
h1 {font-family:"MyriadProR", Arial; font-size:1.7em; color:#fff; letter-spacing:-1px; margin:0 0 2px 0; line-height:20px;}
h1.titulos {font-family:"Myriad Pro", Arial; font-size:1.7em; font-weight:normal; color:#333; letter-spacing:-1px; margin:0 0 2px 0; line-height:20px;}
h1.titulos span { color:#df5028; font-weight:bold;}
h2 {font-family: Arial, sans-serif; font-weight:bold; font-size:12px; }
h3 { font-family:"MyriadPro", Arial; display:block; font-size:30px; color:#333; text-align:right;}
h4 {font-size:12px; color:#333; margin:0 0 15px 0; }
p {font-family: "Arial", Sans-Serif; margin:0 0 15px 0; line-height:15px; margin:0 0 5px 0;}
a:focus {outline:none;}
a{ color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#666;}

/* Wrapper
---------------------------------------------------*/
#wrapper {}
#wrapper-main { width:950px; margin:0 auto;}
#header { /*height:178px;*/ height:130px; padding:7px 0 0 0; margin:0 0 15px 0;} 
div#header .head-top { /*height:131px;*/ height:90px;}
.logo, .add, .contact-top { float:left; width:33.33%;}
.logo { padding:15px 0 0;}
.add {}
.contact-top { text-align:right; font-size:12px;}
div.contact-top .pagos { margin:10px 0 0;}

div#header .main-menu { background:url(../images-new/back-menu.jpg) no-repeat left top; height:31px; padding:7px 12px 9px 12px;}
div#header .main-menu ul {/* font-family:"moolbor"*/}
div#header .main-menu ul li { float:left; line-height:31px; font-size:17px; margin:0 5px;}
div#header .main-menu ul li a {padding:0 5px; display:block; color:#FFF;}
div#header .main-menu ul li a:hover {background-color:#df5028; text-decoration:none;  -moz-border-radius:5px;}

/* Main Cont */
#main-cont {}
.col-left-main, .col-right-main { float:left;}
.col-left-main { width:725px; margin:0 10px 0 0;}
.col-right-main { width:215px;}

.box { float:left; width:156px; margin:0 2px 15px 2px; color:#FFF; position:relative;}
.new-product { position:absolute; width:95px; height:97px; right:-8px; top:-10px;}
div.box p { font-size:11px; line-height:14px!important;}
div.box .img { text-align:center; width:155px; margin:0 auto 7px auto;}
div.box .btn { margin:0; position:absolute; height:40px; width:150px; bottom:6px;}
.b1 { background:url(../images-new/box1.png) no-repeat left top; height:283px; padding:10px;}
.b2 { background:url(../images-new/box2.png) no-repeat left top; height:267px; padding:10px;}
.b3 { background:url(../images-new/box3.png) no-repeat left top; height:267px; padding:10px;}

/* Box Colores */
.box-colors { background:url(../images-new/back-color.jpg) no-repeat center top; width:215px; height:auto; padding:0; margin:0 0 15px 0;}
.box-colors ul { padding:0 10px;}
.box-colors h1 { color:#333; font-size:25px; font-family:"MyriadProR", Arial, Helvetica, sans-serif; padding:13px 10px; margin:0 0 15px 0;}
.box-colors ul li {margin:0 10px 3px 0; color:#000; }
.box-colors ul li a { padding:3px 5px; display:block;}
.box-colors ul li a:hover {color:#FFF;}
div.box-colors span.bottom-colors { display:block; height:17px; background:url(../images-new/back-color.jpg) no-repeat center bottom;}

.banner-ideas { margin:0 0 15px 0;}

.dudas { background-color:#f2ecd0; border-bottom:dotted 1px #c5ac7d;  border-top:dotted 1px #c5ac7d; height:40px; line-height:40px; text-align:center; color:#c5ac9a; font-family:"MyriadProR", Arial, Helvetica, sans-serif; font-size:23px; margin:15px 0 30px 0;}
.dudas span { display:inline; color:#ab843a!important; font-weight:bold;}

/* Footer
---------------------------------------------------*/
#footer { background:url(../images-new/back-footer.jpg) no-repeat left top; padding:15px 0 20px 0; color:#333;}
#footer a { color:#e73200;}
#footer a:hover {text-decoration:underline;}
.col-left-footer, .col-right-footer { float:left;}
.col-left-footer { width:550px;}
.col-left-footer ul { color:#939393;}
.col-left-footer ul li a { color:#939393!important;}
.col-left-footer ul li a:hover { color:#666!important; text-decoration:none!important;}
.colF1, .colF2, .colF3, .colF4 { float:left; width:25%;}
.col-right-footer { width:400px; text-align:right;}

/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}