/*

Template Name: Barista

Template URI: http://www.joomlaxtc.com

Description: Barista XTC Joomla 1.5

Version: 1.0

Author: Monev Software LLC

Author URI: http://www.joomlaxtc.com



License: #  The CSS, XHTML is released under GPL:

         #  http://www.opensource.org/licenses/gpl-license.php 

		 #  Graphics under exclusive license (C)2009-2012 Monev Software LLC 

		 #  Additional CSS, PHP, and Javascripting under exclusive license (C)2009-2012 Monev Software LLC 

	     #  http://www.joomlaxtc.com



*/

/* ----------------------------------------------*/

/* B 00 - Body

/* ----------------------------------------------*/

/* ----------------------------------------------*/



/* B 00 - Basic Structure

/* ----------------------------------------------*/

.xtc-wrapper {width:980px; ?>px;padding-left:60px;padding-right:60px;margin:0 auto;}

#headerwrap,#topmenuwrap,#menuwrap,#insetwrap,#region1wrap,#region2wrap,#region3wrap,#region4wrap,#region5wrap,#region6wrap,#region7wrap,#footerwrap{min-width:1100px;}

.xtc-wrappernopad {width:1100px;margin:0 auto;}

.xtc-spacer {margin-bottom:40px;}

.xtc-gutter {padding:60px;}

.xtc-gutter2 {padding:45px 60px 50px;}

.xtc-gutter3 {padding:0 60px;}

.r1spacer{padding-top:55px;padding-bottom:55px;}

.r1spacertop{padding-top:14px;padding-bottom:55px;}

.r1spacer_top{padding: 55px 0 0 0;}

#componentarea .r1spacer_top:first-child{padding:0;}

.r2spacer{padding-top:0px;padding-bottom:0px;}

.r3spacer{padding-top:50px;padding-bottom:50px;}

.r3spacer_top{padding: 50px 0 0 0;}

#user11_20_row .r3spacer_top:first-child{padding:0;}

.r4spacer{padding-top:15px;padding-bottom:15px;}

.r5spacer{padding-top:0px;padding-bottom:0px;}

/* ----------------------------------------------*/

/* L 00 - Header,logo,menu,top

/* ----------------------------------------------*/

#header{position:relative;padding-top:40px;padding-bottom:60px;z-index:101;}

body.innerpage #headerwrap{padding-bottom:146px;}

#logowrap{float:left;}

#message{margin:10px 0 0 0;}

#inset{padding:0 0 210px 0;}

/* ----------------------------------------------*/

/* L 01 - Menu

/* ----------------------------------------------*/

#menu{float:right;position:relative;z-index:9;}

#search .module{float:right;}

#search input{margin:4px 0 0 0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

#breadcrumb_search{position:relative;}

#breadsearch{position:relative;padding-top:16px;min-height:56px;}

#breadcrumb{padding:11px 0 0 0;}

.breadcrumbs{font-size:22px;}

.breadcrumbs img{position:relative;top:-4px;}

#topstitch{position:absolute;top:5px;width:100%;height:2px;left:0;}

#bottomstitch{position:absolute;bottom:5px;width:100%;height:2px;left:0;}

span.left-flap{position:absolute;bottom:-9px; left:-13px;width:13px;height:9px;}

span.right-flap{position:absolute;bottom:-9px; right:-13px;width:13px;height:9px;}

/* ----------------------------------------------*/

/* L 03 - Content

/* ----------------------------------------------*/

#component{min-height:100px;}

.cat_img img {max-width: 100%;}

.imgframe{max-width:96%;}

/* ----------------------------------------------*/

/* L 04 - Region4

/* ----------------------------------------------*/

#left4 .module,#right4 .module{margin:0;}

/* ----------------------------------------------*/

/* L 04 - Footer

/* ----------------------------------------------*/

#footerwrap .module{padding:20px 0;font-size:10px;}

#legals div{/*float:right;*/}

/* ----------------------------------------------*/

/* M 00 - Custom Menu Classes (partners)

/* ----------------------------------------------*/

ul.bottomnav li{line-height:40px;text-align:center;}

ul.bottomnav li:first-child{padding: 0;}

/* ----------------------------------------------*/

/* S 00 - Module and Suffixes

/* ----------------------------------------------*/

.module{margin:44px 0 0 0;}

.modheader{position:relative;}

.module h3.border-split{zoom:1;}

span.title-line-left,span.title-line-right{display:block;height:12px;padding:0!important;}

span.title-line-left{float:left;}

span.title-line-right{float:right;}

.module h3{text-align:center;padding:11px 0 9px 0;margin:0 0 30px 0;}

.module h3 span.title-text{ background:none;padding:0 10px;}

#user16 td { vertical-align:top; }

/* ----------------------------------------------*/

/* S 01 - Module Overrides,overrides for default suffix within specific areas of the regions

/* ----------------------------------------------*/

#topbanner .module:first-child,#top .module:first-child,#inset .module:first-child,#showcasegrid .module:first-child,#left .module:first-child,#right .module:first-child,#left1 .module:first-child,#right1 .module:first-child,#left2 .module:first-child,#right2 .module:first-child,#left3 .module:first-child,#right3 .module:first-child,#newsflash .module:first-child,

#banner1 .module:first-child,#breadsearch .module:first-child,#banner .module:first-child,

#banner .module:first-child,#banner4 .module:first-child,.singlearea .module,.firstarea .module,#bottom .module:first-child{margin:0;}

.breadcrumbs span a {color:#fff!important;background:#000!important;padding:12px;font-weight:none!important;font:Arial, Helvetica, sans-serif!important;}

/* ----------------------------------------------*/

/* S 02 - Box Styles

/* ----------------------------------------------*/

.box h3 span, .darkbox h3 span,.bluebox h3 span,.redbox h3 span,.greenbox h3 span{color:#fff!important;text-shadow:-1px -1px 0px rgba(0,0,0,0.25);padding:0px!important;

box-shadow:none!important;

border:none!important;background:none!important;}

.box,.darkbox,.bluebox,.bluebox,.redbox,.greenbox{padding:6px 14px 12px 14px;}

.box h3,.darkbox h3,.bluebox h3,.redbox h3,.greenbox h3{color:#fff;background:none!important;border:none!important;margin:0px!important;}

.darkbox{background:#333333;color:#fff;}

.bluebox{background:#33749f;color:#fff;}

.redbox{background:#5e1b1b;color:#fff;}

.greenbox{background:#bec02a;color:#fff;}

/* ----------------------------------------------*/

/* S 03 - title (underline)

/* ----------------------------------------------*/

.white h3 span{color:#fff!important;}

.purple h3 span{color:#fff!important;}

.tan h3 span{color:#7f7a69!important;}

.grey h3 span{color:#fff!important;}

.red h3 span{color:#772327 !important}

.blue h3 span{color:#466A84!important;}

.dktan h3 span{color:#2c2a24!important;}

.green h3 span{color:#465A4E !important;}

.brown h3 span{color:#4E382B !important;}

/* ----------------------------------------------*/

/* S 04 - Underline (underline)

/* ----------------------------------------------*/

.underline h3 span {color:#cecece!important;padding:0px!important;text-shadow:none!important;

box-shadow:none!important;

border:none!important;background:none!important;}

.underline h3 {border-bottom: 4px solid #cecece;padding-bottom: 4px;background:none!important;}

.underlinedark h3 span {color:#333333!important;padding:0px!important;text-shadow:none!important;

box-shadow:none!important;

border:none!important;background:none!important;}

.underlinedark h3 {border-bottom: 4px solid #333333;padding-bottom: 4px;background:none!important;}

.underlineblue h3 span {color:#33749f!important;padding:0px!important;text-shadow:none!important;

box-shadow:none!important;

border:none!important;background:none!important;}

.underlineblue h3 {border-bottom: 4px solid #33749f;padding-bottom: 4px;background:none!important;}

.underlinered h3 span {color:#5e1b1b!important;padding:0px!important;text-shadow:none!important;

box-shadow:none!important;

border:none!important;background:none!important;}

.underlinered h3 {border-bottom: 4px solid #5e1b1b;padding-bottom: 4px;background:none!important;}

.underlinegreen h3 span {color:#bec02a!important;padding:0px!important;text-shadow:none!important;

box-shadow:none!important;

border:none!important;background:none!important;}

.underlinegreen h3 {border-bottom: 4px solid #bec02a;padding-bottom: 4px;background:none!important;}



/* ----------------------------------------------*/

/* S 05 - Line (line)

/* ----------------------------------------------*/

.lineblue h3.border-split,.linered h3.border-split,.linedark h3.border-split,.linegreen h3.border-split,.linebrown h3.border-split {background: url(http://www.crocantecatering.com.ar/templates/barista/images/h3_line_s1.png) repeat-x 10px 21px;}

.lineblue h3.border-split span{color:#466A84!important;}

.linered h3.border-split span{color:#5E1B1B!important;}

.linedark h3.border-split span{color:#333333!important;}

.linegreen h3.border-split span{color:#465A4E!important;}

.linebrown h3.border-split span{color:#4E382B!important;}

/* ----------------------------------------------*/

/* S 06 -Tabbed (classname as suffix)

/* ----------------------------------------------*/

.tabbed h3,.tabbeddark h3,.tabbedblue h3,.tabbedgreen h3,.tabbedred h3,.tabbedbrown h3{border-bottom-style: solid!important;border-bottom-width: 4px!important;padding:11px 0 4px 0!important;margin:0 0 30px 0!important;}

.tabbed h3 > span,.tabbeddark h3 > span,.tabbedblue h3 > span,.tabbedgreen h3 > span,.tabbedred h3 > span,.tabbedbrown h3 > span{box-shadow:none!important;border:none!important;}

.tabbed h3 span span,.tabbeddark h3 span span,.tabbedblue h3 span span,.tabbedgreen h3 span span,.tabbedred h3 span span,.tabbedbrown h3 span span{color:#fff!important;text-shadow:-1px -1px 0px rgba(0,0,0,0.25);}

.tabbedblue h3{border-bottom-color: #466A84!important;background: #466A84!important;}

.tabbeddark h3{border-bottom-color: #333333!important;background:#333333!important;}

.tabbedred h3{border-bottom-color: #5E1B1B!important;background:#5E1B1B!important;}

.tabbedgreen h3{border-bottom-color: #465A4E!important;background:#465A4E!important;}

.tabbedbrown h3{border-bottom-color: #4E382B!important;background:#4E382B!important;}

span.tick{position:absolute;bottom:-14px;left;0;height:14px;width:23px;background: url(http://www.crocantecatering.com.ar/templates/barista/images/dw-tick.png) no-repeat 0 0!important;}

/* ----------------------------------------------*/

/* S 07 - Colors (classname as suffix)

/* ----------------------------------------------*/

.blue h3,.red h3,.green h3,.brown h3{border:none!important;}

.blue h3 > span,.red h3 > span,.green h3 > span,.brown h3 > span{padding: 10px 20px;border-bottom:none; text-shadow:1px 1px 0px rgba(0,0,0,0.4);}

.blue h3 > span{background:#33749F;color:#fff;}

.red h3 > span{background:#5E1B1B;color:#fff;}

.green h3 > span{background:#BEC02A;color:#fff;}

.brown h3 > span{background:#BEC02A;color:#fff;}

/* ----------------------------------------------*/

/* S 08 - JXTC  Walls(team)

/* ----------------------------------------------*/

.team {}

h3.teamtitle{margin-bottom:8px;background:none!important;border:none!important;text-align:left!important;line-height: 32px!important;font-size:28px!important;}

/* ----------------------------------------------*/

/* S 08 - JXTC  Walls Barista (User 6/7/8)

/* ----------------------------------------------*/

.sign{text-align:center;}

h4.signtxt{font-size:30px;padding:159px 0 20px 0;}

span.subtxt{font-family:"Times New Roman", Times, serif;font-weight:bold;font-style:italic;font-size:14px;}

.sign_img1,.sign_img2,.sign_img3 {height:230px; margin-bottom:30px;}

.sign p { font-style:italic; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;line-height:165%; text-align:center !important;}

/* ----------------------------------------------*/

/* S 09 - JXTC  Subscribe Now

/* ----------------------------------------------*/

#subscribe {}

.subscribe_1 {font-size:44px; font-weight:bold; letter-spacing:-3px; line-height:95%;}

.subscribe_2 {font-size:44px; font-weight:bold; letter-spacing:-3px; line-height:95%;}

.subscribe a{width:210px;height:54px;display:block;text-align:center;margin:30px 0 0 0;}

.subscribe a span{font-size:16px;font-weight:bold;line-height:52px;}



/* ----------------------------------------------*/

/* S 010 - JXTC  Twittix

/* ----------------------------------------------*/

div.twitt {text-align:center !important; font-size:11px !important; padding:13px 0 0 0; margin:15px 20px 0 20px; line-height:165% !important; border-top:1px dotted #999;}

div.twitt:first-child{border-top:none;padding:0;margin:0 20px 0 20px;}

div.twitt.last {text-align:center !important; font-size:11px !important; padding:0 0 0px 0!important; margin:0 20px 0px 20px !important; line-height:165% !important; border-bottom:0px dotted #999!important;}

span.twitt_date {color:#222222 !important;}



/* ----------------------------------------------*/

/* C 00 - Content Overrides

/* ----------------------------------------------*/

.cat_img img {max-width: 100%;}

.imgframe, #eventlist .catimg img {max-width:95%;margin-bottom:10px;}

.btn,input.subbutton,button,.pagenav_prev a,.pagenav_next a,#Kunena .button, #Kunena .kbutton,#Kunena .kbutton:hover,#Kunena .kbutton:focus{font-size:18px; padding:8px 16px 6px !important;}

.newsdate{width:92px;height:134px;display: inline;float: left;margin: 0 30px  30px 0;text-align: center;position: relative;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

.newsdate {

    margin: 3px 15px 28px 0;

}

 }

h5.month {font-size: 28px !important;text-transform:uppercase;font-weight: 100 !important;letter-spacing: 0 !important;line-height: 28px !important;}

h5.day {font-size: 58px !important;font-weight: 100 !important;line-height: 58px !important;text-transform: uppercase;padding: 14px 0 0 0 !important;}

.article_iconbar{margin:30px 0 0 0;}

.readmore{float:left;}

.iconbar{margin:-10px 0 0 35px;float:right;}

.contact-image{float:left;width:48%;}

.contact-image img{max-width:100%;}

.contact-rest{float:right;width:48%;}

/* ----------------------------------------------*/

/* HTML 00 - Custom HTML Markup(etc)



/* ----------------------------------------------*/

/* HTML 01 - Custom HTML Markup(etc)

/* ----------------------------------------------*/

h3.schedule{background:none!important;border:none!important;}

.schedulebutton {float: right; width: 281px; height: 60px;}

.acymailing_module_form.xtc-acy{padding:0 0 21px 0!important;}

..acysubbuttons {text-align:left !important;}

.acymailing_module .acymailing_mootoolsbutton{border:0px!important;}

.acymailing_module .acymailing_mootoolsbutton:hover{padding: 10px 20px 0pt 20x!important;border : 0px!important;}

a.acymailing_togglemodule {font-family: Arial,Helvetica,sans-serif!important;font-size: 16px!important;font-weight: bold!important;line-height:54px;color:#fff!important; text-shadow:1px 1px 0px rgba(0,0,0,0.4); text-align: center;}

#sbox-window {padding:24px!important;background:#fff!important;}

.acymailing_module .acymailing_mootoolsbutton.nohovereffect:hover{padding:5px!important;}

.acymailing_togglemodule {width:212px; height:56px; }

.acysubbuttons {

    text-align: left!important;}

/* ----------------------------------------------*/

/* HTML 00 - Custom HTML Markup(logobar)

/* ----------------------------------------------*/

.logobar{padding:13px 0;}

/* ----------------------------------------------*/

/* HTML 00 - Custom HTML Markup(whats new bottom)

/* ----------------------------------------------*/

.whatsnewintro{padding:0 0 50px 0;}

/* ----------------------------------------------*/

/* HTML 01 - Custom HTML Markup(etc)

/* ----------------------------------------------*/

span.blue{font-size:30px;font-weight:bold;}

span.grey{float:right;font-family:"Times New Roman", Times, serif;font-size:33px;}

/* ----------------------------------------------*/

/* PhocaMenu Com Overrides

/* ----------------------------------------------*/

#phocamenu .pm-item table tr td.pmdesc, #phocamenu .pm-item-bl table tr td.pmdesc, #phocamenu .pm-item-clm table tr td.pmdesc  {padding-bottom:24px;}

#phocamenu .pm-item table tr td.pmquantity, #phocamenu .pm-item-clm table tr td.pmquantity, #phocamenu .pm-item-bl table tr td.pmquantity{font-size:18px;width:0!important;}

#phocamenu .pm-item table tr td.pmtitle, #phocamenu .pm-item-bl table tr td.pmtitle  {font-size:24px;padding-bottom:8px;}

#phocamenu .pm-group {font-size:32px;line-height:50px; letter-spacing:-1px;text-shadow: 3px 3px 0px rgba(0,0,0,0.16);margin: 40px 0px 40px 5px;padding:3px 0 0 0;}

#phocamenu .pm-header {text-align: left!important;font-size: 14px!important;

line-height: 1.2!important;margin: 0px 0 10px 0!important;}

#phocamenu .pm-date {display:none!important;}



/* ----------------------------------------------*/

/* Kunena Com Overrides

/* ----------------------------------------------*/

#Kunena #ktab a{background:none;}

#Kunena #ktab a span{font-size:24px;}

#Kunena .klist-bottom{clear:both;overflow:hidden;padding-bottom:0!important;}

#Kunena select, #Kunena select:focus, #Kunena select:hover{padding:12px 8px 10px!important;margin:0!important;}

/* ----------------------------------------------*/

/* Eventlist Com Overrides

/* ----------------------------------------------*/

#eventlist h2{font-size:28px!important;}

dt.title,dd.title{font-family:Arial, Helvetica, sans-serif!important;}

/* ----------------------------------------------*/

/* FX 01 CSS3 Animated Effects

/* ----------------------------------------------*/

@keyframes shake{

0% { transform: translate(2px, 1px) rotate(0deg); }

10% { transform: translate(-1px, -2px) rotate(-1deg); }

20% { transform: translate(-3px, 0px) rotate(1deg); }

30% { transform: translate(0px, 2px) rotate(0deg); }

40% { transform: translate(1px, -1px) rotate(1deg); }

50% { transform: translate(-1px, 2px) rotate(-1deg); }

60% { transform: translate(-3px, 1px) rotate(0deg); }

70% { transform: translate(2px, 1px) rotate(-1deg); }

80% { transform: translate(-1px, -1px) rotate(1deg); }

90% { transform: translate(2px, 2px) rotate(0deg); }

100% { transform: translate(1px, -2px) rotate(-1deg); }

}

@-moz-keyframes shake{

0% { -moz-transform: translate(2px, 1px) rotate(0deg); }

10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }

20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }

30% { -moz-transform: translate(0px, 2px) rotate(0deg); }

40% { -moz-transform: translate(1px, -1px) rotate(1deg); }

50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }

60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }

70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }

80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }

90% { -moz-transform: translate(2px, 2px) rotate(0deg); }

100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }

}

@-webkit-keyframes shake {

0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }

10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }

20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }

30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }

40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }

50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }

60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }

70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }

80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }

90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }

100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }

}

.shake{display:block;}

.shake:hover,

.shake:focus{

animation-name: shake;

animation-duration: 0.8s;

transform-origin:50% 50%;

animation-iteration-count: infinite;

animation-timing-function: linear;

-moz-animation-name: shake;

-moz-animation-duration: 0.8s;

-moz-transform-origin:50% 50%;

-moz-animation-iteration-count: infinite;

-moz-animation-timing-function: linear;

-webkit-animation-name: shake;

-webkit-animation-duration: 0.8s;

-webkit-transform-origin:50% 50%;

-webkit-animation-iteration-count: infinite;

-webkit-animation-timing-function: linear;

}



.animated {

  -webkit-animation-fill-mode: fowards;

  -moz-animation-fill-mode: both;

  -ms-animation-fill-mode: both;

  -o-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation: 0.5s ease;

  -moz-animation: 0.5s ease;

  -ms-animation: 0.5s ease;

  -o-animation: 0.5s ease;

  animation: 0.5s ease;

}



.animated.hinge {

  -webkit-animation: 2s ease;

  -moz-animation: 2s ease;

  -ms-animation: 2s ease;

  -o-animation: 2s ease;

  animation: 2s ease;

}



/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */



@-webkit-keyframes pulse {

    0% { -webkit-transform: scale(1); } 

  50% { -webkit-transform: scale(1.1); }

    100% { -webkit-transform: scale(1); }

}

@-moz-keyframes pulse {

    0% { -moz-transform: scale(1); }  

  50% { -moz-transform: scale(1.1); }

    100% { -moz-transform: scale(1); }

}

@-ms-keyframes pulse {

    0% { -ms-transform: scale(1); } 

  50% { -ms-transform: scale(1.1); }

    100% { -ms-transform: scale(1); }

}

@-o-keyframes pulse {

    0% { -o-transform: scale(1); }  

  50% { -o-transform: scale(1.1); }

    100% { -o-transform: scale(1); }

}

@keyframes pulse {

    0% { transform: scale(1); } 

  50% { transform: scale(1.1); }

    100% { transform: scale(1); }

}



.pulse:hover{

  -webkit-animation-name: pulse;

  -moz-animation-name: pulse;

  -ms-animation-name: pulse;

  -o-animation-name: pulse;

  animation-name: pulse;

}



.spinner {-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}	
.spinner:hover{-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);}	

/* ----------------------------------------------*/
/* T 01 MOBILE
/* ----------------------------------------------*/
body.mobile{overflow:auto;background:#fff;}
body.mobile #xtc-headerwrap{background:#000;}
body.mobile #headerwrap,body.mobile #topmenuwrap,body.mobile #menuwrap,body.mobile #insetwrap,body.mobile #region1wrap,body.mobile #region2wrap,body.mobile #region3wrap,body.mobile #region4wrap,body.mobile #region5wrap,body.mobile #region6wrap,body.mobile #region7wrap,body.mobile #region8wrap,body.mobile #region9wrap,body.mobile #region10wrap{min-width:100%;}
body.mobile #footerwrap {margin-top: 24px; text-align:center;}
body.mobile #mobilewrap{float:right;}
body.mobile #menuwrap{float:left;}
#businessmobile {padding: 0 40px;}
body.mobile{padding:0;width:100%;}
body.mobile #baristamobile{padding:0 40px 40px 40px;background:none!important;}
body.mobile #region3{background:none;}
body.mobile .mobilepad{padding:40px 0 0 0;}
body.mobile .dub2mobile > div:first-child{padding:0;}
body.mobile #xtc-headermobile{position:relative;padding:20px;}
body.mobile #mobilelogo{float:left;width:20%;position:relative;}
body.mobile #mobilewrap{float:right;width:80%;}
body.mobile #mobiletools{float:right;width:190px;text-align:right;padding:8px 0 0 0;}
body.mobile #mobiletools1{float:right;width:50%;}
body.mobile #mobiletools2{float:right;width:50%;}
body.mobile .module{margin:0;}
body.mobile h3.moduletitle,body.mobile .modulecontent{border-right:none;}
.trigger{color:#fff;font-weight:bold;}
.mobilecomponent{}
body.mobile #footerwrap {min-width:100%;}
body.mobile span.itemImage img{max-width:100%;width:auto!important;}
.trigger{color:#fff;font-weight:bold;}
.trigger2{color:#fff;position:relative;top:11px;font-size:18px;text-transform:uppercase;margin-right:10px; cursor:hand!important;padding:8px;border:1px solid #ccc;}
body.mobile .mobilebtn {background:#333; margin:5px 0; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.95); -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.95); box-shadow: inset 0 0 15px rgba(0,0,0,0.95); border:1px solid; border-top-color: #0b0b0b; border-right-color: #0b0b0b; border-bottom-color: #000000; border-left-color: #000000;padding:18px 15px;}
body.mobile #menu{width:20px;background: #333 url(http://www.crocantecatering.com.ar/templates/barista/images/icons/menu-icon.png) no-repeat 50% 40%; cursor: pointer;display: block!important; padding:7px 20px!important;position:relative;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
body.mobile #menu,body.mobile #menu1,body.mobile #menu2,body.mobile #homebtn,body.mobile #favbtn{position:relative;float:right;top:-5px;margin:0 0 0 20px;}
body.mobile #mobilewrap ul.menu {clear: both;position: absolute;top: 53px;left:0;z-index: 10000;display: none; padding:8px 0 0 0!important;-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
body.mobile #mobilewrap .login p{text-align:left;}
body.mobile #mobilewrap .login input{width:80%;}
body.mobile #mobilewrap .lg > div:first-child,body.mobile #mobilewrap .lg > div:first-child + div{float:none!important;width:100%!important;}
body.mobile #mobilewrap .lg a{line-height:16px!important;}
select.menu.dualfish,select.menu.suckerfish {margin-right:40px;
  width: 15px;
  height: 30px;
  font-size:16px;
  background:none!important;
  border:none!important;
} 
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
  }

}

.slide-container{
margin: 50px 0 0 -15px!important;
}