/***RESET***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%;vertical-align:middle;background:transparent; -webkit-font-smoothing: antialiased; font-family: 'Bitter', serif;} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block; } nav ul {list-style:none; } blockquote, q {quotes:none; } blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; } a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins {background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del {text-decoration: line-through; } abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help; } table {border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select {vertical-align:middle; }
a{text-decoration:none;color:inherit;} body{color:#623A31;} ul{list-style: none;}

/***GENERALES***/
a{cursor: pointer;}
.acenter{text-align:center;}
.grilla{max-width:1090px;margin:auto;overflow: hidden;}
.grilla-900{max-width:900px;margin:auto;overflow: hidden;}
.grilla-640{max-width:640px;margin:auto;overflow: hidden;}
.br-25{height:25px;width:100%;}
.br-50{height:50px;width:100%;}
.br-100{height:100px;width:100%;}
.tall{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
.only-responsive{display:none!important;}
.only-desktop{display:inherit;}
*:focus{outline: none;}

/***NAV***/
header{background:#fff;position:fixed; width: 100%; height: 100px; transition: top 0.5s; top:0; z-index: 9999;}
.nav-up {top: -100px; }
.logo-bakery{float:left;width:190px;height:100px;position:relative;}
.menu-bakery{float:right;}
nav ul{line-height:36px;}
nav li{float:left!important;margin-left:10px; text-transform:uppercase;font-size:0.9em;}
nav li:hover{background-position:center center;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;background-repeat:no-repeat;color:#DD161B}
nav li.current{color:#DD161B;}
#main-header, .slide-home{height:740px;}
.slide-home-1{background:url(/archivos/img/background-header.jpg) no-repeat center center;background-size: cover;}
.slide-home-2{background:url(/archivos/img/background-header-2.jpg) no-repeat center center;background-size: cover;}
.slide-home-3{background:url(/archivos/img/background-header-franquicias.jpg) no-repeat center center;background-size: cover;}
.slide-home-4{background:url(/archivos/img/background-header-4.jpg) no-repeat center center;background-size: cover;}
.slide-home-5{background:url(/archivos/img/background-header-3.jpg) no-repeat center center;background-size: cover;}
.slide-home-6{background:url(/archivos/img/franquicias-bakery-2.jpg) no-repeat center center;background-size: cover;}

.header-franquicias{background:url(/archivos/img/background-header-franquicias.jpg) no-repeat center center!important;background-size: cover!important;}
.franquicias-btn{background:#DD161B;height:36px;padding:0px 15px;color:#fff;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomright: 8px;border-top-left-radius: 8px;border-bottom-right-radius: 8px;}
.franquicias-btn:hover{background:#623A31;}
.redes-bakery{text-align:right;line-height: 0;margin: 10px 0px 15px 0px;}
.trabaja{color:#DD161B;font-size:12px;line-height:16px;margin-left:10px;padding-left:10px;border-left:solid 1px #DD161B;}
.trabaja:hover{text-decoration:underline;}
.red{display:inline-block;margin-left:4px;vertical-align:middle;}
.tw,.fb{width:16px;height:16px;}
.fb{background:url(/archivos/img/fb-1.png)center center;}
.fb:hover{background:url(/archivos/img/fb-2.png)center center;}
.tw{background:url(/archivos/img/tw-1.png)center center;}
.tw:hover{background:url(/archivos/img/tw-2.png)center center;}

.divisor{opacity:.6;}

.slicknav_menu{position: absolute;z-index: 2;left: 0;top: 0;background: none;display: none;padding: 0;width: 100%;}
.slicknav_btn{background: #DD161B;margin: 45px 25px 0 0;float: right;padding: 10px 8px;}
.slicknav_menu .slicknav_icon-bar{	background: #fff;}
.slicknav_nav{background: rgba(0, 0, 0,0.5);top: 100px;left: 0;width: 100%;position: absolute;	}
.slicknav_nav li{padding: 5px 0;text-align: center;height:auto!important;-webkit-border-top-left-radius: 0px;-webkit-border-bottom-right-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-bottomright: 0px;border-top-left-radius: 0px;border-bottom-right-radius: 0px;}
.divisor.slicknav_txtnode{display: none;}
.slicknav_nav li:hover{background: #623A31;}
.slicknav_nav li a{	text-transform:uppercase;}
.slicknav_nav a:hover{background: none;color: #fff;}
.slicknav_nav li.active a{font-weight: bold;}

/***BIENVENIDOS***/
.bienvenidos-blanco{background:#fff;margin-top:-150px;-webkit-border-radius: 25px;-webkit-border-top-right-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius: 25px;
-moz-border-radius-topright: 50px;-moz-border-radius-bottomleft: 50px;border-radius: 25px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;position:relative;}
.bienvenidos-destacado{background:#EA5E00;margin-top:-150px;padding-top:200px;padding-bottom:50px;font-size:30px;color:#fff;}
.bienvenidos-amarillo{background:#FFD555;margin-top:-150px;padding-top:200px;padding-bottom:50px;}
.bienvenidos-footer{background:#FFFFFF;margin-top:-150px;padding-top:200px;padding-bottom:50px;font-size:30px;color:#985D21;}
.solapa{width:200px;height:110px;background:url(/archivos/img/background-solapa.png) center bottom ;text-align:center;margin:auto;}
.solapa h1{color:#fff;text-transform: uppercase;font-size: 22px;display: block;line-height:90px;font-weight:400;}

/***PRODUCTOS***/
.solapa-productos, .solapa-franquicias{position:absolute;top:0;left:0;right:0;margin:auto;z-index:2;}
.solapa-roja{background:url(/archivos/img/background-solapa-roja.png)bottom center!important;}
.productos-total{position:relative;}
.producto-bloque{width:25%;display:inline-block;vertical-align:middle;}
.lista-productos{margin-top:10px;}
.producto-bloque li{text-transform: uppercase;font-size:14px;}


.lslide img, li.clone img{width:100%!important;}

/***SUCURSALES***/
/*#sucursales{background:#FAB367;}*/
#sucursales{background-image: url(../img/panes-bakery-3.jpg); background-size: cover;
	background-repeat: no-repeat; background-attachment: fixed;}
#sucursales h2{font-size:32px;color:#FBFEF5;}
#sucursales p{margin-bottom:10px;font-size:14px;text-align: left;color: #FBFEF5}
.col-1-4 {float:left;width:22.5%;margin-right:1.25%;}
.col-1-3 {float:left;width:32.3%;margin-right:1%;}
#map {width: 100%;height: 740px;}
.sucursal-dir{font-weight: 700; cursor:pointer;}
.bakery-infowindow{padding: 10px;}


/***FRANQUICIAS***/
#franquicias{background:url(/archivos/img/background-franquicias.jpg) center center;background-size:cover;height:740px;color:#FFF;}
#franquicias h2{font-size:32px;}
.franquicias-contenedor{position:relative;height:100%;display:table;width:100%;text-align:center;}
.franquicias-contenido{display:table-cell;vertical-align:middle;}
#franquicias .franquicias-btn{background:#fff;color:#DD161B;text-transform:uppercase;line-height:36px;display: inline-block;}
#franquicias .franquicias-btn:hover{color:#fff;background:#DD161B;}

/***CONTACTO***/
.formulario-ctc{overflow:hidden;background:#EFE3D0;max-width:450px;padding:40px 20px 10px 20px;box-sizing: border-box;margin:auto;-webkit-border-top-left-radius: 12px;-webkit-border-top-right-radius: 12px;-moz-border-radius-topleft: 12px;-moz-border-radius-topright: 12px;border-top-left-radius: 12px;border-top-right-radius: 12px;}
.formulario-ctc-bottom{max-width: 360px;margin:auto;}
.formulario-linea{overflow:hidden;}
.formulario-campo{background:#DCC299;width:60%;float:right;height:36px; position: relative; margin-bottom: 20px;}
.formulario-ctc .help-block.form-error{position: absolute; bottom: -23px; left: 0; height: 20px;font-size:12px;color:#DD161B;}
.formulario-ctc #contact-opt {position: relative; width: 100%; clear: both; height: 0;}
.formulario-ctc .contact-opt-row {display: none; position: absolute; left: 0; top: 0; width: 100%;}


input{border:none;background:#DCC299;height:36px;width:99%;font-family: 'Bitter', serif;color:#623A31;}
select, .sfi-filename{border:none;background:#DCC299;height:36px;width:99%;font-family: 'Bitter', serif;color:#623A31;}
.sfi-filename{font-size: 13px; line-height: 36px; padding-left: 5px;cursor: pointer; display: block;}
textarea{border:none;background:#DCC299;height:130px;width:99%;font-family: 'Bitter', serif;color:#623A31;}

#contact-spin {position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}

.formulario-area{background:#DCC299;width:60%;float:right;height:130px; margin-bottom: 20px; position: relative;}
.formulario-label{float:left;width:40%;line-height:36px;font-size: 14px;}
.formulario-legal{overflow:hidden;}
.formulario-btn {float:right;font-family: 'Bitter', serif; font-weight:700; font-size:18px;text-align:center; text-transform:uppercase;border:none;background:#DD161B;height:46px;padding:0px 15px;color:#fff;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomright: 8px;border-top-left-radius: 8px;border-bottom-right-radius: 8px;}
.formulario-btn:hover, .grilla-franquicias-right .formulario-btn:hover, .informe-franquicia:hover {color:#DD161B;background-color:#623A31;}
.formulario-error{height:20px;display:none;}
.error-2{height:24px;}
h3{font-size:14;color:#DD161B;text-transform:uppercase;font-weight: 400;}
.red-ctc{width:44px;height: 44px;display:inline-block;margin:0px 5px;background:#6B4438;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;cursor:pointer;}
.red-ctc:hover{background:#DD161B;}
#contacto .franquicias-btn{text-transform:uppercase;line-height:36px;display: inline-block;}
h2.mail{font-size:24px; color: #64480B!important;}
.completa{cursor: pointer;}
.divisor-small{width:100px;border-top:solid 1px #ccc;margin:auto;}

.formulario-oculto{display:none;}
.formulario-visible{display:block!important;}

/***FOOTER***/
footer{border-top:solid 1px #ccc;padding:20px 0px;font-size:12px;overflow:hidden;}
.footer-left{float:left;}
.footer-right{float:right;}

/***INFO FRANQUICIAS***/
#info-franquicias{margin-top:-150px;}
.grilla-franquicias{background:#fff;-webkit-border-top-left-radius: 36px;-webkit-border-top-right-radius: 12px;-moz-border-radius-topleft: 36px;-moz-border-radius-topright: 12px;border-top-left-radius: 36px;border-top-right-radius: 12px;overflow:hidden;}
.grilla-franquicias h1{font-size:32px;}
.grilla-franquicias-left{float:left;width:52%;padding:30px;box-sizing:border-box;line-height:1.4;}
.grilla-franquicias-left a{color:#DD161B;}
.grilla-franquicias-right{float:right;width:46%;padding:0px 30px;box-sizing:border-box;color:#fff;}
.grilla-franquicias-right input, .grilla-franquicias-right textarea, .grilla-franquicias-right .formulario-campo, .grilla-franquicias-right .formulario-area{background:#AA0900; color:#fff;}

.grilla-franquicias-right .formulario-btn{background:#fff;color:#DD161B;display: inline-block;width: auto;}
.grilla-franquicias-right h3{text-transform:inherit;color:#fff;display:block;text-align:center;font-weight:700;font-size:18px;}
.formulario-franquicias{overflow:hidden;background:#DD161B;max-width:450px;padding:40px 20px 10px 20px;box-sizing: border-box;margin:auto;}
.formulario-franquicias #fr-fecha{height: 100%;}
.formulario-ctc-bottom{max-width: 450px;margin:auto;}
.pregunta{font-weight:700;color:#DD161B;}
.informe-franquicia{display:inline-block;margin-bottom:10px;font-family: 'Bitter', serif; font-weight:700; font-size:12px;text-align:center; text-transform:uppercase;border:none;background:#DD161B;padding:10px 15px;color:#fff!important;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomright: 8px;border-top-left-radius: 8px;border-bottom-right-radius: 8px;}
.formulario-btn:hover, .grilla-franquicias-right .formulario-btn:hover {color:#DD161B;background-color:#623A31;}
.punteo li{margin:10px auto; padding-left:22px;background:url(/archivos/img/vineta.png) no-repeat left 5px;}

#info-franquicias .help-block.form-error{font-size:12px;line-height: 18px;display: block;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#623A31;}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-datepicker th, .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{font-size:12px!important;}
.ui-datepicker th{padding:.7em 0!important;}

.ui-datepicker select.ui-datepicker-month{width: 35%;font-size: 12px; margin: 4px;}
#ui-datepicker-div{width:232px!important;}

/***MEDIAQUERIES***/
@media screen and (max-width:1025px){
	.producto-bloque{width:50%;}
	.footer-left,.footer-right{float:none;text-align:center;margin-bottom:10px;}
	#productos .only-responsive{display:inline-block!important;}
	#productos .only-desktop{display:none;}
	.grilla{padding-left:20px;padding-right:20px;}
	.grilla-franquicias-left{float:left;width:50%;}
	.grilla-franquicias-right{float:right;width:48%;}


}
@media screen and (max-width:991px){
	.slicknav_menu{display: block;}
	nav{display:none;}
}
@media screen and (max-width:940px){
	.bienvenidos-blanco{margin-left:20px;margin-right:20px;}
	nav li{margin-left:5px;font-size:13px;}
	.col-1-3{width:47.5%;}
	#sucursales p{text-align:center;}
}
@media screen and (max-width:769px){
	#sucursales h2, .bienvenidos-destacado, #franquicias h2{font-size:24px;}
	#map, #main-header,#franquicias, .slide-home{height:auto;min-height:500px;}
	#map{pointer-events: none;}
	.franquicias-contenedor{display:inherit;}
	.franquicias-contenido{display:inherit;padding-top:150px;}
	#franquicias .franquicias-btn{margin-bottom:50px;}
	.logo-bakery{width:130px;height:auto;padding-top:20px;}
	header{height:100px;}
	.grilla-franquicias-left, .grilla-franquicias-right{float:none;width:90%;margin:auto;}
	.grilla-franquicias-right{padding:0px;}
}

@media screen and (max-width:640px){
	.logo-bakery{width:100px;}
	.br-100{height:60px;}
	.grilla-640{padding-left:20px;padding-right:20px;}
	.col-1-3{width:100%;margin:0px;}
	.producto-bloque{width:100%;}
	.producto-texto{padding:75px 0px;}
	.menu-bakery{display:none;}
	.logo-bakery{padding-top:0px;}
	header{height:auto;}
	.slicknav_nav{top:53px;}
	.slicknav_btn{margin:10px 10px 0px 0px;}
	.grilla-franquicias-left, .grilla-franquicias-right{width:100%;}
	#ui-datepicker-div{width:192px!important;}
	h2.mail{font-size:14px;}

}