@import url("fonts.css");
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);

body{ padding:0px; margin:0px; font-size:16px; font-family:"Droid Sans", Lucida Sans Unicode, Lucida Grande, sans-serif; color:#49200E; font-weight:400; overflow-x:hidden;}
html, .h100 {height: 100%;}

/* Anchors
---------------------------------------------------*/
h1 { font-family:"Droid Serif"; font-weight:700; margin:0 0 15px 0; font-size:36px;}
h2 {}
h3 {font-family:"Droid Serif"; font-size:25px; font-weight:400; margin:0 0 15px 0;}
p { line-height:23px; margin:0 0 15px 0;}
a:focus { outline:none;}
a{ text-decoration:none; color:#000;}
a:hover { text-decoration:none;}
hr { background-color:#ada5a2; height:2px; display:block; margin:15px 0; width:100%; border:none;}

/* Font Hacks
---------------------------------------------------*/
.font-09{ font-size:9px; } .font-10{ font-size:10px; } .font-11{ font-size:11px; } .font-12{ font-size:12px; } .font-13{ font-size:13px; } .font-14{ font-size:14px; } .font-16{ font-size:16px; } .font-18{ font-size:18px; line-height:22px;} .font-20{ font-size:20px; } .font-21{ font-size:21px; } .font-22{ font-size:22px; } .font-24{ font-size:24px; } .font-25 { font-size:25px;} .font-26{ font-size:26px; } .font-27{ font-size:27px;} .font-28{ font-size:28px; } .font-30{ font-size:30px; } .font-31{ font-size:31px; } .font-32{ font-size:32px; } .font-34{ font-size:34px; } .font-36{ font-size:36px; } .font-48{ font-size:48px; } .font-72{ font-size:72px; } .font-80{ font-size:80px; } .font-48{ font-size:48px;}

.text-left { text-align:left;}
.text-center { text-align:center;}
.text-rigt { text-align:right;}
.text-justify { text-align:justify;}
.text-italic { font-style:italic;}

.ccoffee {color:#49200E;}

/* Button
---------------------------------------------------*/
.btn {}
.btn-primary { }
.btn-warning {}
.btn-xs {}


/* Wrapper
--------------------------------------------------*/
#loading { width:100%; height:100%; background-color:#999; position:absolute; top:0; left:0; z-index:499;}
.container { width:960px!important;}
#header { position:fixed; top:0; left:0; width:100%; background:url(../images/menu-bg.png) repeat-x center top; height:135px; z-index:200;}
#menu {}
#menu ul { margin:0; padding:38px 0 0;}
#menu ul li { list-style:none; display:inline-block; /*margin:0 28px 0 0;*/}
#menu ul li:last-child { margin:0;}
#menu ul li a { text-transform:uppercase; font-size:12px; padding: 10px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
#menu ul li:hover a, #menu ul li.current a { background-color:#c88c47; color:#FFF;}
.logo { display:block; text-align:center; position:relative;}
.logo img { padding-top: 15px; left:-42px; position:relative;}

#banner { display:block; width:100%; text-align:center; position:relative; max-height:570px; overflow: hidden;
-webkit-box-shadow:0 5px 5px #afa39c;
-moz-box-shadow:0 5px 5px #afa39c;
box-shadow:0 5px 5px #afa39c;
}
.overflow-hidden {overflow: hidden;}
.noshadow {
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;
box-shadow:none!important;
}
#banner .shadow {position:absolute; background:url(../images/white-shadow.png) no-repeat center top; height:90px; bottom:-10px; left:0; width:100%;}
.owl-banner div img { margin:auto; width:100%;}
#banner .owl-pagination {position: absolute; top: 150px; right:15px; z-index:99;}
#banner .owl-theme .owl-controls .owl-page { display:block;}
#banner .owl-theme .owl-controls .owl-page span {
    background:transparent;
    -webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
    display: block;
    height: 25px;
    margin: 5px 7px;
    opacity:1;
    width: 25px;
	border:solid 2px #FFF;
	-webkit-box-shadow:0 0 3px #999;
	-moz-box-shadow:0 0 3px #999;
	box-shadow:0 0 3px #999;
}
#banner .owl-theme .owl-controls .owl-page.active span { background-color:#FFF;}

.main { padding:25px 0; position:relative;
-webkit-box-shadow:0 5px 5px #c08b5e;
-moz-box-shadow:0 5px 5px #c08b5e;
box-shadow:0 5px 5px #c08b5e;
}
.acceso { text-align:center;}
.acceso .img a { display:block; width:135px; height:135px; margin:auto; border:solid 5px #f8e1ce; overflow:hidden;
-webkit-border-radius:150px;
-moz-border-radius:150px;
border-radius:150px;
}
.acceso .img a img { width:100%;}
.acceso .titulo {color:#c56924; text-transform:uppercase; text-align:center; margin:10px 0 10px 0; border-bottom:solid 1px #c56924; padding:0 0 4px; font-family:"Droid Serif"; font-weight:700;}
.bgcafe { background-color:#d8a36f;}
.bggray { background-color:#eaebec;}
.bgcafefuerte { background-color:#b26d2e;}
.bgwhite { background-color:#fff;}
.zindex0 { position:relative; z-index:0;}
.zindex10 { position:relative; z-index:10;}
.zindex20 { position:relative; z-index:20;}
.zindex30 { position:relative; z-index:30;}
.zindex40 { position:relative; z-index:40;}
.zindex50 { position:relative; z-index:50;}
.zindex100 { position:relative; z-index:100;}
.zindex200 { position:relative; z-index:200;}

ul.our-products { margin:0; padding:0;}
ul.our-products li { list-style:none; float:left; width:186px;}
.product { display:block; padding:0 25px;}
.product .img { height:208px; background:url(../images/egg-shadow.png) no-repeat center bottom; padding:0 0 40px 0; text-align:center; position:relative;}
.product .img img { margin:auto; position:relative; bottom:0;}
.product .txt { margin:10px 0;}
.product .txt a { display:block; color:#58585b; text-align:center; text-transform:uppercase; font-family:"Droid Serif"; font-weight:400; padding:5px 0; border-top:solid 1px #58585b; border-bottom:solid 1px #58585b;}
.product .img.small { padding:30px 0 0 0;}

/* Nosotros */
.droid-serif {font-family:"Droid Serif";}
.bold {font-weight:700;}
.separate { position:absolute; width:100%; left:0; bottom:0;}
.white-coffee { background:url(../images/white-coffee.png) repeat-x center top; height:103px; bottom:-30px;}
.coffee-shadow { background:url(../images/coffee-shadow.png) repeat-x center top; height:138px; bottom:-138px;}
.block { display:block;}

.bgeggs { padding-bottom:150px !important;}
.time-line { background:url(../images/time-line.png) no-repeat center center; height:181px; width:960px; margin:auto; position:relative;}
.time-line span { position:absolute; display:block; width:50px; height:50px;
}
.time-line span a {font-family: 'mohavesemibold'; display:block; text-align:center; line-height:50px; width:50px; height:50px; color:#5b4c46; background-color:transparent;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px;
}
.time-line span a:hover, .time-line span a.selected {color:#FFF; background-color:#5b4c46;}
span.fecha1 { left:276px; top:1px;}
span.fecha2 { left:341px; top:1px;}
span.fecha3 { left:439px; top:1px;}
span.fecha4 { left:569px; top:1px;}
span.fecha5 { left:829px; top:1px;}
span.fecha6 { left:894px; top:1px;}

span.fecha7 { left:16px; top:130px;}
span.fecha8 { left:243px; top:130px;}
span.fecha9 { left:309px; top:130px;}
span.fecha10 { left:374px; top:130px;}
span.fecha11 { left:537px; top:130px;}
span.fecha12 { left:797px; top:130px;}
span.fecha13 { left:862px; top:130px;}

.diagonal-shadow-white { background:url(../images/diagonal-shadow-white.png) repeat-x center top; height:144px; display:block; width:100%;}

.info-timeline { width:550px; margin:25px auto; padding:0; color:#5b4c46; font-size:16px; line-height:18px; text-align:center;}
.info-timeline hr { width:25%; margin:25px auto; background-color:#5b4c46;}
.marco-nosotros { width:706px; height:967px; margin:100px auto 250px auto;}
.marco-top {background:url(../images/marco-nosotros-top.png) no-repeat center top; height:50px;}
.marco-middle {background:url(../images/marco-nosotros-middle.png) repeat-y center top; padding:0 100px;}
.marco-middle p:last-child { margin:0;}
.nomargin { margin:0;}
.marco-bottom {background:url(../images/marco-nosotros-bottom.png) no-repeat center top; height:50px;}
.marco-nosotros p {font-family:"Droid Serif"; font-weight:400; text-align:center;}
.marco-nosotros h2 {font-family:"Droid Serif"; font-weight:400; margin:20px 0; display:block; text-align:center;}
hr.has-image { background:url(../images/hr-image.png) no-repeat left top transparent; width:123px; height:18px; margin:auto; border:none;}
#cobertura { margin:-250px 0 0 0; position:relative; border-bottom:solid 15px #fedcc0;}
#cobertura h1 { position:absolute; top:200px; right:0; color:#FFF; border-bottom:solid 1px #FFF; padding:0 0 8px 150px; width:50%; text-align:left;}
.atencion-especializada { display:block; position:absolute; bottom:18px; left:10%; background:url(../images/atencion-especializada.png) no-repeat left top; width:533px; height:178px; z-index:300;}
.atencion-especializada a { position:absolute; top:0; height:150px; display:block; top:35px; text-align:center; color:#ffddc1; text-transform:uppercase; font-size:13px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
.atencion-especializada a:hover {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);	
}
.atencion-especializada a.uno { width:125px; left:27px;}
.atencion-especializada a.dos { width:130px; left:152px;}
.atencion-especializada a.tres { width:120px; left:282px;}
.atencion-especializada a.cuatro { width:130px; left:402px;}
.relative { position:relative;}
.estados { position:absolute; top:470px; right:7%; width:350px;}
.estados ul { margin:0; padding:0;
-webkit-column-count: 2; -webkit-column-gap:20px; 
-moz-column-count:2; -moz-column-gap:20px; 
-o-column-count:2; -o-column-gap:20px; 
column-count:2; column-gap:20px; 
}
.estados ul li {}
.estados ul li a {color:#D3946A; font-size:18px; display:block;}
.estados ul li a:hover {color:#EDC3A6;}

.map {position:relative; width:1365px; margin:0 auto; text-align:center;}
.imgestados { position:absolute;}
.nuevo-leon {
	left: 570px;
    top: 476px;	
}
.tamaulipas {
	left: 600px;
    top: 476px;	
}

/* Nuestros Productos */
.h130 {height:130px; display:block;}
#nuestros-productos { position:relative;}
span.line { height:1px; display:block; width:75%; margin:5px 0; background-color:#5B4C46; float: right;}
.line.nofloat { float:none !important;}
hr.mini { width:35%;}
.nopadding { padding:0 !important;}
.gray-shadow { background:url(../images/gray-shadow.png) no-repeat center center; height:145px; position:absolute; left:0; width:100%; bottom:-145px;}
.boxy { width:auto; padding:15px; margin:0 auto 20px; border:solid 1px #5b4c46;}
.paddingtop70 { padding-top:70px;}
.paddingtop100 { padding-top:100px;}
.paddingtop150 { padding-top:150px;}
.paddingtop200 { padding-top:200px;}
.separate-gray { background:url(../images/diagonal-shadow.png) no-repeat center center; height:144px; position:relative; width:100%;}
.diadonal-coffee-divider { background:url(../images/diagonal-coffee-divider.png) no-repeat center center; height:100px; width:100%;}
.nopaddingtop { padding-top:0 !important;}
.boxy.invert { border:solid 1px #FFF;}
.boxy.invert h1, .boxy.invert p  { color:#FFF;}

/* Recetas */
.scroll95 { overflow:auto; height:95px;}
.scroll210 { overflow:auto; height:210px;}
.scroll370 { overflow:auto; height:370px;}
.recetas-cont { background:url(../images/recetas-bg.png) no-repeat left top; width:1070px; height:642px; margin:30px auto 15px; padding:65px 80px 0 100px; position:relative;}
.share { width:106px; height:145px; position:absolute; top:80px; right:6px; z-index:200;}
.share ul { margin:0; padding:0;}
.share ul li { list-style:none; text-align:right; margin:0 0 5px;}
.share ul li a {color: #fff; display: inline-block; font-size: 12px; line-height: 40px; padding:0; text-align: center;
-webkit-box-shadow:-2px 2px 3px #96928c;
-moz-box-shadow:-2px 2px 3px #96928c;
box-shadow:-2px 2px 3px #96928c;
}
.share ul li a span.i {display:inline-block; width:40px; height:40px; float:left;}
.share ul li a span.n {display:inline-block; width:0px; height:40px; padding:0 0px 0 0; float:left; text-align:left; overflow:hidden;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.share ul li a:hover span.n { display:inline-block; width:60px; padding:0 6px 0 0;}
.share ul li a i { line-height:40px; color:#FFF; font-size:20px;}
.share ul li a.facebook { background-color:#36609e;}
.share ul li a.twitter { background-color:#2aa8df;}
.share ul li a.pinterest { background-color:#c92027;}
.recetas-cont .titulo { font-family:"Great Vibes"; display:block; text-align:center; font-size:45px; color:#49200e; border-bottom:solid 1px #49200e; padding-bottom:5px; margin:0 0 30px;}
.imgreceta { background-color:#FFF; padding:15px; margin:0 20px;
-webkit-box-shadow:-1px 1px 1px #96928c;
-moz-box-shadow:-1px 1px 1px #96928c;
box-shadow:-1px 1px 1px #96928c;
}
.imgreceta img { width:100%;}
.img-ingrediente-1 { position:absolute; left:-270px; bottom:-100px;}
.img-ingrediente-2 { position:absolute; right:-310px; bottom:-100px;}
.recetas-next { background:url(../images/receta-next.png) no-repeat left top; width:33px; height:59px; position:absolute; top:50%; right:100px; margin-top:-29px; z-index:100;}
.recetas-prev { background:url(../images/receta-prev.png) no-repeat left top; width:33px; height:59px; position:absolute; top:50%; left:100px; margin-top:-29px; z-index:100;}

.contacto { margin-top:50px; background:url(../images/bg-repeat.jpg) repeat left top; padding:20px;
-webkit-box-shadow:2px 2px 4px #9d9d9d;
-moz-box-shadow:2px 2px 4px #9d9d9d;
box-shadow:2px 2px 4px #9d9d9d;
}
.contacto h2 { font-family:"Great Vibes"; display:block; text-align:center; font-size:35px; margin:0 0 0 0;}
.input {border:solid 1px #b3a198; padding:7px; background:none; color:#49200e; width:100%; display:block; margin:0 0 8px 0; font-size:13px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.submit { border:none; background:none; cursor:pointer; padding:0;}
.contacto b.droid-serif {font-family:"Droid Serif"; font-weight:700;}
label.error {color:#F00; font-size:11px; font-weight:300; display:none !important;}
.input.error {border:solid 1px #be1e1e;}
.input.valid {border:solid 1px #38be1e;}

/* El Huevo */
#paso2 .row { margin:70px 0;}
.animation { height:400px; width:270px; position:fixed; top:210px; left:57%; z-index:200;}
.parallax-bg-img {background-image:url(../images/el-huevo/animacion.png); background-repeat: no-repeat; background-position:0 -25px;}


/* FOOTER
---------------------------------------------------*/
#footer {color:#FFF; padding:9px 0 5px; position:fixed; width:100%; left:0; bottom:0; z-index:200; background-color:#233544;}
#footer a {color:#FFF;}

/* RESPONSIVE
---------------------------------------------------*/
/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {	

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}

/* Landscape phones and down */
@media (max-width: 480px) {
	
}

/* start hover effect
---------------------------------------------------*/
.trans {
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}

/*rotate*/
.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
/*rotate*/

/*expand*/
.expand
{
	-webkit-transition:all 100ms;
	-o-transition:all 100ms;
	transition:all 100ms;
}

.expand:hover, .circle.active
{
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
}
/*expand*/

/*opacity*/
.opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
/*opacity*/
/*end hover effect*/



/* CLEARING
---------------------------------------------------*/
.clear5px{clear:both;height:5px;}
.clear7px{clear:both;height:7px;}
.clear10px{clear:both;height:10px;}
.clear15px{clear:both;height:15px;}

.clear { clear:both;}
.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 */