@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
    font-family: 'Arima Madurai', sans-serif;
	font-size:12px;
	color:#6E6D6D;
	XXbackground:#777;
	background:url(../images/bgiso6.png) repeat #CC0000;
	}	

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;   
margin:0;
padding:0;
}

*:focus {
    outline: none;
}

a {color:#333; text-decoration:none;}
a:hover {color:#333;}

#wrapper {width:100%; margin:0 auto; background:#FFF;max-width:1080px;   
-webkit-box-shadow: 3px 2px 71px 0px rgba(0,0,0,0.78);
-moz-box-shadow: 3px 2px 71px 0px rgba(0,0,0,0.78);
box-shadow: 3px 2px 71px 0px rgba(0,0,0,0.78);
}
XX#wrapper {width:100%; margin:0 auto; background:#FFF; max-width:1260px;  
-webkit-box-shadow: 3px 2px 71px 0px rgba(0,0,0,0.78);
-moz-box-shadow: 3px 2px 71px 0px rgba(0,0,0,0.78);
box-shadow: 3px 2px 71px 0px rgba(0,0,0,0.78);
}
.mid { margin:0 auto; position:relative;width:100%;max-width:1060px; padding:0 20px;}
.midslide { margin:0 auto; position:relative;width:100%; max-width:1280px;}
.midwrap { background: #CC0000;}
.midfit { margin:0 auto; position:relative;width:100%;max-width:1020px; padding:0 20px;}

.slideshadow {position:absolute;top:0px; left:0px; background:url(../images/slideshadow.png); width:100px; height:530px; z-index:999999999;}

#header_wrap {position:fixed;width:100%;background:#FEFEFE; height:170px;z-index:9999; max-width:1080px; }
#header {position:relative;width:100%;}

#header_wrap_fix {height:209px;display:block; border-bottom:3px solid #CC0000;}

#horarios {}

#logo {position:relative; text-align:center; padding:20px 0;}
#logo img {width:400px; height:auto}
#slogan  {position:absolute; top:80px; left:50px; color:#000; font-weight:300;  font-size:17px;  z-index:999}
AA#social {position:absolute; top:20px; right:18px;text-align:right; font-size:16px; font-weight:4x00; background:#A29061; line-height:1.3; color:#FFF; border-radius:2px; padding:4px 8px;}
#social {position:absolute; top:10px; right:18px;text-align:right; font-size:14px;  font-weight:600; color:#A29061; line-height:1.6;  xborder:1px solid #eee; background:#FFF; border-radius:2px; padding:5px 10px;}
#social a {margin-left:3px;}

#phone {position:absolute; top:48px; right:12px; font-size:16px; font-weight:600; letter-spacing:0.02em;}
#horarios {background: #A29061; color: #FFF; padding: 0px 0px;text-align: center; font-size:24px;}
#horarios h2 {font-size:24px;padding:8px 0;}

#socialicons {position:absolute; top:10px; right:12px; z-index:999;}
#socialicons img.topwa {height:34px; width:auto; margin-right: 10px;}
#socialicons img {height:32px; width:auto;}
#socialicons a {line-height:28px; font-size:14px;}

a.back {display:inline-block;padding:4px 10px; background:#A29061; color:#FFF; font-size:13px; font-weight:600; border-radius:4px; }
a.buy {display:inline-block;padding:6px 10px 6px 36px; background:url(../images/gift.png) no-repeat #A29061 6px 3px; background-size:24px 24px;  color:#FFF; font-size:13px; font-weight:600; border-radius:4px; margin: 20px 0 0 0; }

a.buy2 {display:inline-block;padding:6px 10px 4px 32px; background:url(../images/gift.png) no-repeat #A29061 6px 5px; background-size:18px 18px;  color:#FFF; font-size:14px; font-weight:600; border-radius:4px; margin:6px 0 0 0; line-height: 1.4; min-height: 28px;}

.resp {width:100%; max-width:100%; height:auto;}

#nav, #nav2 { position:relative; width:100%; font-weight:400; font-size:18px; background:#CC0000;color:#FFF; }
#nav ul, #nav2 ul { list-style: none; position: relative; text-align:center;  }
#nav ul li, #nav2  ul li { position: relative; display:inline-block; }
#nav ul li a, #nav2 ul li a {color:#FFF; display:block; padding:5px 10px;transition: -color 0.5s ease;}
#nav ul li:hover a, #nav2  ul li a:hover   { color:#EEE; border-radius:4px; transition: color 0.5s ease; }
#nav ul li.active a, #nav2 ul li.active a{font-weight:700;}

/*header_menu_second*/
#nav ul li ul {position:absolute;width:188px;display:none; background:#CC0000;transition: background 0.5s ease; margin:0;padding:0;;list-style:none;z-index:9999999  !important;}
#nav ul li ul li {margin:0;line-height:1.2;z-index:99; border-bottom:1px solid rgba(255,255,255,0.35); display:block;  }
#nav ul li ul li a{text-align:left; font-size:14px; font-weight:bold;text-transform:none; color:#FFF !important;}
#nav ul li ul li a:hover{color:#FFF  !important;background:#A40000 !important; transition: background 0.5s ease;}
#nav ul li:hover  ul{display:block;z-index:999999;list-style:none;} 
#nav ul li ul li a {padding:8px 8px 8px 14px  !important;}

#footnav {  font-weight:400; font-size:16px;color:#EEE; margin-top:6px;text-shadow:1px 1px #333;}
#footnav ul{ list-style: none; position: relative; text-align:center;  }
#footnav ul li { position: relative; display:inline-block; }
#footnav ul li a {color:#FFF; display:block; padding:4px 10px;transition: -color 0.5s ease;}
#footnav ul li:hover a   { color:#EEE; border-radius:4px; transition: color 0.5s ease; }

#footsocial {margin:20px 0;}
#footdir {margin:20px 0;text-shadow:1px 1px #333; color:#FFF; line-height:1.66; font-size:16px;} 

#search {position:absolute;top:4px; right:20px;}
#srchform { margin-left:10px; width:312px; height:32px; background:url(../images/searchbg3.png) no-repeat;float:left;}
#searchhome {position:relative; width:100%; max-width:960px; margin:0 auto; text-align:center; background: rgba(85, 15, 26, 1); height:64px;  padding-top:12px;}
#srchmainfldsm {position:absolute; left:18px; top:7px; padding:1px 1px; border:none;width:180px; color:#666; font-size:14px;  }
#srcharrowmainsm {position: absolute; right:0px; top:0px;  width:114px; height:32px;}

#srchform2 { width:605px; height:41px; background:url(../images/searchbg2.png) no-repeat;margin:0 auto; position:relative;}
#srchmainfldsm2 {position:absolute; left:18px; top:9px; padding:1px 1px; border:none;width:410px; color:#666; font-size:17px; }
#srcharrowmainsm2 {position: absolute; right:0px; top:0px;  width:158px; height:41px;}


#searchmob {position:relative;}
#srchformmob { width:187px; height:31px; background:url(../images/searchbgmob.png) no-repeat;float:left;}
#srchmainfldsmmob {position:absolute; left:14px; top:6px; padding:1px 1px; border:none;width:132px; color:#666; font-size:14px; }
#srcharrowmainsmmob {position: absolute; right:0px; top:0px;  width:28px; height:22px;}

#home {position:relative; }
#main {padding-top:0px; padding-bottom:40px;}

.celebrow {margin-bottom:4px;}

XX.celebrow {display:inline-block; padding: 6px 12px; border-radius:3px; text-align: center; width: 22%; margin:1%;
border:1px solid #CCC;
	background: #FAFAFA;
	font-size:13px;font-weight: 500;
}
.celebrow a {display: block; width: 100%;color:#A29061;}

.celebrow {display:inline-block; padding: 6px 12px; border-radius:3px; text-align: center; width: 22%; margin:1%;
border:1px solid #CCC;
	background: #E8E3D7;
	font-size:13px;font-weight: 600; color:#A29061;
}

.catintro {font-size:19px; }
.catintro {background: #CC0000;color:#FFF; padding: 7px 4px; width: 98.5%; margin:-4px auto 28px auto;border-radius:2px;}

#topbuttons {position:absolute;top:110px; text-align:center;z-index:9999999999; width:100%;}
#topbuttons a {margin:0 8px;}

.tb {display:inline; position:relative;}

.topbutton { background:rgba(111,111,111,0.9); padding:4px 14px; color:#FFF; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; z-index:999999; font-size:14px; font-weight:400; transition: background 0.45s ease;}
.topbutton:hover {background:rgba(55,55,55,1) !important;transition: background 0.45s ease;color:#FFF; }

#content_left {float:left; width:33%;}
#content_right {float:right; width:64%;}

#content_left_wide {float:left; width:30%; }
#content_right_wide {float:right; width:65%;padding-left:5%; border-left:1px solid #CCC;}

#content_left img {max-width:100%; height:auto;}

#content {font-size:16px;  line-height:1.5;  font-weight:400; min-height:300px; padding:1px 0;}
#content p {margin-bottom:20px;}
#content ul {margin-left:24px;}
.subtitle {color:#1160AD !important;}
/* editor*/
.cfl {float: left; width:38%;}
.cfr {float:right; width:58%}

.c_left50 {float:left; width:38%; }
.c_right50 {float:right; width:58%;}

.imgleft {float: left; margin-right: 10px;}
.imgleft2 {float: left; margin-right: 90px;}
.imgright {float: right; margin-left: 10px;}


#content p.quote {width:90%; text-align:center; color:#e7472a;  font-size:20px; margin:20px auto;font-weight:400; line-height:1.4; }
#content p.quote:before{ height: 20px; 
    display: block;
    width: 40%;
	margin:0 auto;
    border-top: 1px solid #e7472a;
    content: '';}
#content p.quote:after{ height: 20px;
    display: block;
    width: 40%;
	margin:0 auto;
    border-bottom: 1px solid #e7472a;
    content: '';}	
/* */



.sechead {padding:8px 0px 0px 0px; vertical-align:text-bottom; text-align:center;}
.seccontent {padding:10px 0px; min-height:150px;}

h1 { font-size:30px;  margin-bottom:12px; font-weight:300;color:#555555 ;  }
h2 { font-size:34px; color:#666; margin:0;font-weight:300 !important; padding:0; margin-bottom:12px;  Xborder-bottom:1px dotted #CCC; } 

h3  { font-size:20px; color:#111; margin:0; font-weight:400; text-align:center; margin:12px 0; text-transform:uppercase; margin-bottom:18px; }
h4 { font-size:17px; color:#666; margin:0; font-weight:300; padding:0; margin-bottom:10px; border-bottom:1px dotted #AAA; } 


#footer { Xbackground:#CC0000; color:#454545;  position:relative; padding:10px 0 30px 0;font-size:14px; }
#footer a {color:#454545;}
#footer a:hover {color:#454545;text-decoration:underline}
#footby {position:absolute;bottom:0px; right:0px;  display:none; }

.fdl {float:left;width:58%; text-align:left;}
.fdr {float:right;width:40%; text-align:right;}

#backtotop {position:fixed; bottom:10px; right:30px; display:none; padding:5px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; background: rgba(85, 15, 26, 0.8);;z-index:999999}


ORIGINA.product2 {display:inline-block; position:relative; width:22% ;margin:0 1% 40px 1.6%;Xheight:314px; vertical-align:top; padding:20px 2px;font-size:13px; color:#666; border:1px none #A29061;transition: border 0.85s ease;  }


.product2 { display:inline-block; position:relative; width:24% ;margin:0 0.3% 35px 0.3%;Xheight:314px; vertical-align:top; padding:10px 2px;font-size:13px; color:#666; border:1px none #A29061;transition: border 0.85s ease;  }

XX.product2 { display:inline-block; position:relative; width:24% ;margin:0 0% 20px 0%;Xheight:314px; vertical-align:top; padding:10px 2px;font-size:13px; color:#666; border:1px none #A29061;transition: border 0.85s ease;  }
.product2:hover {border:A1px solid #999; transition: border 0.85s ease; }

.product.wide {height:auto; width:96%;}
.prodpic {text-align:center !important; Xheight:220px; margin:0 auto; margin-bottom:10px; width:100%; background:none; position: relative}
.prodpic img { width:100%; margin:0 auto; Xmax-width:100%; Xmax-height: 230px; height:auto; vertical-align:middle;}

.nopic { padding-top:50px;}
.nopic img {height:96px !important; width:auto;}
.product.wide .prodpicd {height:auto;}
.product.wide .prodpicd img {width:90%;margin:0 auto;height:auto;  max-height:auto; max-width:auto;}
.prodtitle {text-align:center;  line-height:1.3;  font-size:23px;}
.prodsubtitle {text-align:center;  line-height:1.3;  font-size:15px;}
.prodtitledet {text-align:left; font-size:30px;text-transform:none; margin-top:-30px; margin-bottom:30px; font-weight:normal; color:#666}
.produnits { text-align:center;font-size:13px; color:#666;}
.prodprice {font-size:20px; font-weight:500; margin-top:12px;}
.prodstitledet {text-align:left;   font-size:20px;text-transform:none; margin-top:-4px; color:#666; margin-bottom:10px;}

.proddesc {font-size:14px; line-height:1.15;}
.proddesc p {margin-bottom:10px !important;}


X.pto {position:absolute; background: rgba(0,0,0,0.2); color:#FFF; height: auto; padding: 6px 2px; bottom:0px; left:0px;width: 100%;font-size: 15px; text-shadow:1px 1px 1px rgba(0,0,0,0.5)}

.pto {position:absolute; background: rgba(0,0,0,0.4); color:#FFF; height: auto; padding: 4px 10px; bottom:0px; left:0px;width: 100%;font-size: 17px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); line-height: 1.1;}

XX.pto2 {Xbackground: rgba(0,0,0,0.4); color:#454545; height: auto; padding: 3px 0px; width: 100%;font-size: 17px; Xtext-shadow:1px 1px 1px rgba(0,0,0,0.5); line-height: 1.1; margin-top:-8px; margin-bottom: 2px;  text-align:center; letter-spacing: -0.03em;}
XX.pdw {background: rgba(204,0,0,1); margin-top:0px; font-size:13px;text-align:center; color:#FFF; line-height: 1.2;padding: 3px 3px;}

.pto2 {background: rgba(204,0,0,1); color:#FFF; height: auto; padding: 4px 0px; width: 100%;font-size: 16px; Xtext-shadow:1px 1px 1px rgba(0,0,0,0.5); line-height: 1.1; margin-top:-8px; margin-bottom: 2px;  text-align:center; letter-spacing: -0.04em;}
.pdw {Xbackground: rgba(0,0,0,1); margin-top:0px; font-size:14px;text-align:center; color:#454545; line-height: 1.2;padding: 3px 3px;}


#smallp .product2 {border:none; width:6% ;margin:0 1% 30px 1%;height:120px; vertical-align:top; padding:4px; Xbackground:#CCC}
#smallp .prodpic {text-align:center !important; height:100px; margin:0 auto; margin-bottom:5px; width:100%; background:none;}
#smallp .prodpic img { width:auto; margin:0 auto; max-width:100%; max-height: 170px; height:auto; vertical-align:middle;}
#smallp  .prodtitle {text-align:center;line-height:1;  font-size:11px;}
#smallp .product2:hover   .prodtitle {font-weight:bold;}

#relprods {vertical-align:top; line-height:1;}
.relprod {text-align:center; display:inline-block; width:160px;vertical-align:top; margin-bottom:14px;}
#relprods img {}

.prodwu {font-size:12px; color:#666; margin-top:3px;}

#relprods a {padding:3px 2px; color:#454545; font-size:14px; text-shadow:1px 1px 2px #FFF;transition: background 0.85s ease; line-height:1;}
#relprods a:hover {}
#fform {margin:0; padding:0}

#product_filters {background:#F8F8F8; padding:2px 0 0px 0; text-align:center; border-bottom:1px solid #CC0000}  

#prodconfig {margin-top:14px; margin-bottom:14px;}
.pccol {float:left; width:22%; margin-right:3%;}

.gallery {font-size:13px;}

.midwide .midfit { margin:0 auto; position:relative;width:100%;max-width:1020px; padding:0 0px;}

.photo {float:left; margin-right:10px;margin-bottom:10px;}
.photobod {margin-bottom:10px;}
.pic  {width:70px;height:70px;border:1px solid #EDEDED;}
.pic  img{width:100%;height:100%;}

#prodconfig .photo {float:none;}
#prodconfig .pic  {width:100%;height:100%;border:1px solid #EDEDED;}

.filterbox {display:inline-block; position:relative; width:219px;margin:0 4px 0px 4px;Xborder:1px solid #DDD; vertical-align:top; padding:4px 14px 10px; 14px;font-size:13px; color:#666; text-align:left; Xbackground:#FFF;}
.filterbox h4 {font-size:16px; font-weight:normal; color:#6E6D6D;  margin-bottom:2px; border:none;}
.filterbox select {
	max-width:100%;
	width:100%;
    border: 1px solid #CCC;
    color: #666;
    padding: 3px;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background:url(../images/dd.png) no-repeat 96% center #FFF;
  cursor:pointer;
}
#fbsub {
    position: absolute;
    top: 4px;
    right: 12px;
    width: 20px;
    height: auto;
}
.fbipt {
    max-width: 160px;
    width: 100%;
    border: 1px solid #CCC;
    color: #666;
    padding: 3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.boxpos {width:400px; margin:0 auto;}

 .msgbox, .msg  {
text-align:left;
padding: 10px;
background:#6E6D6D;
color:#FFF;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.msgboxok, .msgok {
text-align:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
background:#666;
color:#FFF; text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.msgboxnotok {border: 1px solid #999;
text-align:left;
padding: 10px;
background:#C33;
color:#FFF; text-align: center;
}

.app_form label.error {
	color:#FFF;
	height:22px;
	font-size:10px;
	line-height:22px;	
	background-color:#CC0000;
	margin-left: 0px;
	padding: 0 4px;
	float: right;
	font-weight: bold;
}
.tlc {font-size:14px; color:#454545; height:30px; line-height:30px; width:200px;  padding-right:4px;}
.reqftd {font-size:16px; color:#454545; height:30px; line-height:30px;  padding-right:4px;}

.app_form input {border: 1px solid #CCCCCC; padding: 6px;}
.app_form input[type="checkbox"],input[type="radio"]  {border: none;}

#slideshow { position: relative; }
.pagination-area {position:absolute; bottom:6px;	right:34px; width:100%; Xbackground:url(../images/overlays/bgb60.png);	z-index:25;	text-align:right;z-index:999; padding-right:10px; height:30px; padding-top:6px; }
.pagination-area span {     font-family: arial; font-size: 50px; width: 16px; height: 16px;     display: inline-block; color: #ddd; cursor: pointer; 	background:url(../images/bg-pagination.png) no-repeat;	width:16px;	height:16px;	overflow:hidden;	margin:0 4px;	text-indent:-9999px;}
.pagination-area span.cycle-pager-active, .pagination-area span:hover{ background:url(../images/bg-pagination.png) no-repeat -16px 0;}
.pagination-area > * { cursor: pointer;}

.cycle-prev {position:absolute;top:46%;left:8px; z-index:999; }
.cycle-next {position:absolute;top:46%;right:8px;z-index:999;}
.slide {width:100%;}
.slide img {width:100%; height:auto;}
.slidecaption {position:absolute; bottom:0px; left:0px;color:#FFF; text-align:right; padding: 6px 16px 6px 6px;z-index:999;   Xbackground-color: rgba(0, 0, 0, 0.3); width:100%; margin-left:0%; font-size:13px; text-shadow:1px 2px #333;}
.slidetitle {font-size:30px;font-weight:400;}
.slidesubtitle {font-size:15px;font-weight:300;}

.listpad {margin-bottom:4px;}

.listpaddesc {font-size:13px;margin:-4px 0 6px 15px;}

.listrow {margin-bottom:16px; border: 1px solid #DDD;  background:#F2F2F2; padding:6px; }
.rowtitle {font-weight:600; font-size:16px;}

/*form contact */
form.mainform > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}
form.mainform > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form.mainform > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
}
form.mainform > div > div,
form.mainform > div > fieldset > div {
  width: 75%;
  float: right;
  text-align:left;
}
form.mainform > div > fieldset label {
  /* font-size: 90%; */
}
fieldset {
	border: 0;
  padding: 0;
}

form.mainform input[type=text],
form.mainform input[type=email],
form.mainform input[type=url],
form.mainform input[type=password],
form.mainform textarea, form.mainform select {
  width: 100%;
  border: 1px solid #B2B2B2;
  padding:4px;
  color:#666;
  resize:none;
  font-family:inherit;
  font-size:inherit;
}

form.mainform input[type=submit], input.sub {cursor:pointer; background:#454545; color:#FFF; text-transform:uppercase; padding:6px 10px !important;transition: background 0.85s ease; border:none; -webkit-appearance: none;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius:3px;
text-transform:uppercase;
text-shadow:1px 1px 2px #666;
display:inline-block;
font-size:12px; font-weight:bold;
}
form.mainform input[type=submit]:hover {background:#666; }


.qty {width: 40px  !important;
  border: 1px solid #B2B2B2 !important;
  padding:4px 2px;
  color:#666;
  resize:none;
  font-family:inherit;
  font-size:inherit;
  padding-top:0px;
  text-align:center;
}


 

tr.cartrow td{border-bottom:1px solid #CCC; padding:10px 0;}
tr.cartrow_review td{border-bottom:1px dotted #DDD; padding:10px 0; font-size:13px;}
.total_units {font-size:13px; text-align:right;}
.edit_cart {font-size:12px; text-align:right; margin-top:12px;}
.edit_cart a {background:#777; color:#FFF; border-radius:3px; padding:2px 10px; font-size:11px;}

.tar {text-align:right !important;}
form.mainform label.error {background:#BC2035;padding:3px; color:#FFF; font-size:11px; }


form.mainform input[type=text]:focus,
form.mainform input[type=email]:focus,
form.mainform input[type=url]:focus,
form.mainform input[type=password]:focus,
form.mainform textarea:focus {
  outline: 0;
/*  border-color: #4697e4;*/
}

form.mainform select {
	  padding:2px;
	width:100%;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background:url(../images/seldd.png) no-repeat right center #FFF;
  cursor:pointer;

}

form.mainform select::-ms-expand {
    display: none;
}
form.mainform .calicon {background:url(../images/calicon.png) no-repeat right center #FFF; cursor:pointer;}

@media (max-width: 600px) {
  form.mainform  > div {
    margin: 0 0 15px 0; 
  }
  form.mainform  > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form.mainform  > div > div,
  form.mainform  > div > fieldset > div {
    width: 100%;
    float: none;
  }
  form.mainform input[type=text],
  form.mainform input[type=email],
  form.mainform input[type=url],
  form.mainform input[type=password],
  form.mainform textarea,
  form.mainform select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  form.mainform form > div > label,
	legend {
  	text-align: left;
  }
}

.tlc {color: #A20D73; height:30px; padding-right:4px;}
.red {color: #A20D73;}
.ddship {
    border: 1px solid #CCC;
    color: #666;
    padding: 3px;
    margin-bottom: 6px;
}

.catboxlist {}
.catbox {display:inline-block; width:218px;padding-top:20px; margin:0px 8px 20px 8px;text-align:center; border:1px solid #DDD; min-height:120px; vertical-align:top;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.catbox img {margin-bottom:4px; max-height:50px; width:auto;}
.cimg {height:50px;}
.catbox h3 { font-size:13px; color:#A21C3F;}


#logomob img { height:60px; }
#menuicon {display:none; }

#mobmenu {position:fixed; top:0; left:0px; z-index:999999999; width:180px; background:#6E6D6D; height:100%; min-height:460px; height:100%; display:none;overflow:scroll;}
#menuclose {position:absolute; top:3px; right:5px; z-index:99; font-size:12px; color:#FFF;  font-weight:400;}


#menuclose {position:absolute; top:3px; right:14px; z-index:99; font-size:14px; color:#FFF; font-family:Arial, Helvetica, sans-serif}

#mobnav {width:140px; margin:0 auto;}
#mobnav ul {list-style:none;text-align:left; margin:0; margin:20px 0 20px 0 !important; padding:0px  !important;  font-weight:400; }
#mobnav ul li a {color:#FFF; display:block; text-align:left; }
#mobnav ul li {   font-size:14px; padding:7px 0;  border-bottom:1px dotted #FFF;}
#mobnav ul li ul {margin:2px 0 2px  0 !important;}
#mobnav ul li ul li {border-bottom:none;  font-size:14px;font-weight:400; padding:4px 0 4px 24px;}



.icons {text-align:center;margin-bottom:34px;}
X.iconbox {display:inline-block; width:33%; text-align:left;margin-bottom:34px; font-size:24px; }

/*
.iconbox {display:inline-block; width:33%; text-align:left;margin-bottom:34px; font-size:24px; }
.ibtitle {margin-left:14px;}
.iconbox img {width:100%; height:auto;display:block; text-align:center; padding:12px; border: 1px solid #999; border-radius: 4px;}
*/

.iconbox {display:inline-block; width:23.5%; text-align:left;margin-bottom:34px; font-size:24px; font-weight:500; margin-right:1%;
-webkit-box-shadow: 0px 11px 30px -13px rgba(0,0,0,0.69);
-moz-box-shadow: 0px 11px 30px -13px rgba(0,0,0,0.69);
box-shadow: 0px 11px 30px -13px rgba(0,0,0,0.69);
}
.ibtitle {margin-left:2px;}
.iconbox img {width:100%; height:auto;display:block; text-align:center; padding:0px; border: 0px solid #999; border-radius:7px;}

.news {text-align:center;margin-bottom:34px;}
.newsbox {display:inline-block; width:30%; margin:0 1%; margin-bottom:30px; text-align:center;}
.newsbox img {width:100%; height:auto;}


.colorbox {display:inline-block; width:10%; margin:0 1%; margin-bottom:30px; text-align:center; vertical-align:top}
.piccb  {width:100%;height:auto; margin-bottom:0px;}
.piccb  img{width:100%;height:100%;}
.cbtit {margin-top:2px; font-size:14px;}


#qtyupmsg {text-align:center; position:absolute; top:100px; right:30px; display:none;}
#qtyupmsg span {display:inline-block; background:#690; color:#FFF; font-size:12px; padding:2px 8px;border-radius:3px;} 

.opt_img_preview {margin-top:8px; text-align:center;display:none;}
.opt_img_preview img {width:90%; margin:0 auto; height:auto;}


.col_4 {width:25%; padding:10px; float:left;}

.prodaddpreview {text-align:center; margin:14px 0;}
.picaddpreview img {height:120px; width:auto;}
.small {font-size:12px; font-weight:bold;}
a.button_1 {background:#454545; color:#FFF; border-radius:3px; padding:4px 14px; font-size:12px;}
.qm {background:#CC0000; padding:2px 4px; border-radius:7px;color:#333; font-size:11px; font-weight:600; text-align:center;}

#scrolldesk {display:block;}
#scrollmob {display:none;}

a.menutoggleXX {color:#FFF; padding:4px 0; background:url(../images/menu.png) no-repeat calc(50% - 25px) 6px; padding-left:30px; margin-left:10px;font-size:16px; display:none;}

a.menutoggle {color:#FFF; padding:4px 0; background:url(../images/menu.png) no-repeat left 6px; padding-left:30px; margin-left:10px;font-size:16px; display:none;}

@media screen and (max-width: 960px) {
#scrolldesk {display:none;}
#scrollmob {display:block;}
	#product_filters {display:none;}
}
@media screen and (max-width: 784px) {
.cycle-prev {position:absolute;top:36%;left:8px; z-index:999; }
.cycle-next {position:absolute;top:36%;right:8px;z-index:999;}
.catboxlist {text-align:center;}
	#contactform {padding: 0 10px;}
#content_left {float:none; width:100%;}
#content_right {float:none; width:100%;}
#content_left_wide {float:none; width:100%;}
#content_right_wide {float:none; width:100%; border:none; padding-left:0px;}
#main {padding-top:0px;}
	.mid {padding:0 4px;}	
	h2 {font-size:22px; text-align: center; text-transform:uppercase; margin-bottom:4px; }
	
.product2 { width:47% ;margin:0 1% 20px 1%;Xheight:338px;}
.newsbox {display:inline-block; width:47%; margin:0 1%; margin-bottom:30px; text-align:center;}

#smallp .product2 {border:none; width:17%; display:inline-block; margin:0 1% 30px 1%;height:120px; vertical-align:top; padding:4px; }

.c_left50 {float:none; width:100%; margin-bottom:30px;}
.c_right50 {float:none; width:100%;}
.colorbox {display:inline-block; width:22%; margin:0 1%; margin-bottom:30px;}
.col_4 {width:100%; padding:10px; float:none;}
.opt_img_preview img {width:100px; margin:0 auto;height:auto;}


.iconbox {width:31.5%; font-size:24px; fmargin-right:1%;}

}


@media screen and (max-width: 700px) {
	
#logo {position:relative; text-align:center; padding:10px 0;}
#logo img {width:300px; height:auto}	
	
	#horarios { }	
#header_wrap {height:128px;}
#header_wrap_fix {height:154px;}

#socialicons {top:10px; right:12px; z-index:999;}
#phone {top:34px; right:12px; z-index:999; font-size:13px;}
	
.XXXproduct2 { width:100% ;margin:0 0% 40px 0%;Xheight:328px;  display:block;  }	
.slidetitle {font-size:24px;font-weight:400;}
.slidesubtitle {font-size:16px;font-weight:300;}
#logo  img {Xwidth:150px; height:auto;}
#menuicon {position:absolute; top:22px; right:18px; z-index:999;Xdisplay:block; }
#menuicon  img {width:32px;height:auto;}
#socialicons img {height:20px; width:auto;}
#socialicons img.topwa {height:22px; width:auto; margin-right: 10px;}

#nav, #nav2 {font-size:14px;}
#nav ul li a, #nav2 ul li a {padding:4px 7px;}
.icons {margin-top:20px;}
.iconbox {width:48.5%; font-size:22px; fmargin-right:1%;}

}

@media screen and (max-width: 560px) {
	#horarios h2 {font-size:14px;padding:1px 0;}
#phone {top:14px; right:12px; z-index:999; font-size:13px;}
.relprod { display:block; width:100%;}

#logo img {width:250px; height:auto}	

a.menutoggle {display:block;}

#socialicons {top:58px; right:6px; z-index:999;}

#nav {Xtext-align:center;}
#nav ul {position:absolute; background:#CC0000; top:36px;width:100%; display:none; z-index:99999;}
#nav li.sep {display:none;}
#nav ul li, #nav2  ul li { display:block; }
#nav ul li a, #nav2 ul li a {padding:5px 10px;}

.prodpic { height:auto; min-height:150px;}
	
}

@media screen and (max-width: 460px) {
#phone {top:58px; left:88px; z-index:999; font-size:14px; color: #FFF; letter-spacing: -0.03em;
background: url("../images/phone2.png") no-repeat 4px 0px; background-size: 22px 22px;
	padding-left: 28px;}
#phone a {color:#FFF;}
	
	
.iconbox {width:45.5%; font-size:22px; margin-right:1%; font-size:15px;}
}

@media screen and (max-width: 400px) {
	#horarios  {line-height: 1.2; letter-spacing: -0.05em; padding: 3px 0;}
	xx.product2 { width:100% ;margin:0 0% 40px 0%;Xheight:328px;  display:block;  }	
}



.formrb label {cursor:pointer;}
.formrb {display:inline-block; margin-right:10px;text-align:center; margin-bottom:24px;}

.formrbrow {display:table ;vertical-align:middle; padding:6px; margin-bottom:16px; font-size:13px; clear:both;width:100%;}
.formrbrow label {cursor:pointer;}
.colsel {min-width:130px; font-size:12px;}
#content .notes p {font-size:12px !important; color:#666;}