@charset "utf-8";
/* CSS Document */

hr{
  border-color: #dd221d;
  border-width: 3px;
  max-width: 50px;
}

hr.light {
  border-color: white;
}

body {
    padding-top: 80px;
       /*Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

li{ /* ESTA SOLO PORQUE EL "li" ES EL ESTILO DEL MENU */
	font-family: 'Montserrat', sans-serif;
	color:#000;
}

p{
	font-family: 'Open Sans';
	font-size:14px;
	line-height: 20px;
	letter-spacing: 0.1em;
}

.pie_copy{
	font-family: 'Open Sans';
	font-size:12px;
	color:#999;
}

.pie_web{
	font-family: 'Open Sans';
	font-size:12px;
	color:#999;
	text-decoration:none;
}

h1{
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	color:#FFF;
	line-height: 30px;
	letter-spacing: 0.1em;
}

h2{
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	color:#FFF;
	line-height: 30px;
	letter-spacing: 0.1em;
}

h3{
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	color:#a7181e;
	line-height: 30px;
	letter-spacing: 0.1em;
}


a, a:hover, a:active, a:link {
color:#999;
text-decoration:none;
}

td, center{
	font-family:"Open Sans";
}

.navbar-nav > li > a {
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	color:#000;
}

label, button{
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	color:#FFF;
	font-weight:300;

}

input, select, textarea{
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	font-weight:100;
}

.txt_negro_home{
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#000;
	letter-spacing: 0.2em;
	line-height: 40px;
}

.txt_negro_home_medium{
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	color:#000;
	letter-spacing: 0.1em;
	line-height: 40px;
}

.txt_nuestro_home{
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	color:#9d8a8c;
	line-height: 30px;
	letter-spacing: 0.1em;
}

.txt_contacto_home{
	font-family:"Open Sans";
	font-size:14px;
	color:#82716a;
	line-height:24px;
}

.txt_blanco{
	font-family:"Open Sans";
	font-size:13px;
	color:#FFF;
	line-height:36px;
}

.txt1_boton{
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	color:#fff;
	letter-spacing: 0.1em;
}

.txt2_boton, a.txt2_boton, hover.txt2_boton{
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	color:#fff;
	letter-spacing: 0.1em;
	text-decoration:none;
}

.txt3_boton{
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#fff;
	letter-spacing: 0.1em;
}

.titulos{
	font-family: 'Montserrat', sans-serif;
	font-size:40px;
	color:#000;
	letter-spacing: 0.1em;
}

.subtitulos{
	font-family: 'Montserrat', sans-serif;
	font-size:24px;
	color:#000;
	letter-spacing: 0.1em;
}

.txt_cocinan{
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	color:#000;
}

.txt_noticia{
	font-family: 'Montserrat', sans-serif;
	color:#000;
	line-height: 30px;
	letter-spacing: 0.1em;
	font-weight:100;
	margin-top:20px;
	margin-bottom:20px;
}

.titulos_cursiva_cocinan{
	font-family: 'Satisfy', cursive;
	color:#000;
	font-size:40px;
	letter-spacing:-1px;
	margin-top:10px;
}

.titulos_cursiva{
	font-family: 'Satisfy', cursive;
	color:#a08385;
	font-size:35px;
	letter-spacing:-1px;
	margin-top:5px;
}

.subrayado_titulos_home{
	width:125px;
	min-height:2px;
	margin:auto;
	margin-top:8px;
	background-color:#ae9e9e;
}

.subrayado_titulos_news{
	width:135px;
	min-height:2px;
	margin:auto;
	margin-top:0px;
	background-color:#ae9e9e;
}

.subrayado_subtitulos_home{
	width:80px;
	min-height:2px;
	margin:auto;
	margin-top:8px;
	background-color:#000;
}

.subrayado_titulos_noticia{
	width:100%;
	min-height:2px;
	margin:auto;
	margin-top:13px;
	background-color:#ae989a;
}

.contenedor_videos{
	width: 100%;
	min-height:550px;
	padding-top:10px;
	background-image:url(../images/bgr_videos.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;
	background-size: cover;
}

.contenedor_contacto{
	width: 100%;
	height:auto;
	margin:auto;
	padding-top:30px;
	background-image:url(../images/bgrs_contacto.jpg); 
	background-repeat:no-repeat; 
	background-position: top center;
	background-size: cover;
}

.sociales{margin-left:20px; margin-top:6px;}

.logo_mobile{display:none;}

.boton_menu_home_mobile{display:none;}

@media (max-width: 1200px) {
	.logo_desktop{display:none;}
	.logo_mobile{display:inline;}
	.sociales{margin-top:6px;}
}

@media (max-width: 980px) {
	.boton_menu_home{display:none;}
	.boton_menu_home_mobile{display:block;}

}

@media (max-width: 991px) {
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* EFECTO OVER PARA LAS FOTOS */

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 25%;
  left: 0;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 22px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect a.info, .hovereffect h2 {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
}

.hovereffect:hover a.info, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

<!-- EFECTOS PARA MENU CARTA -->

.hovereffect_menucarta {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect_menucarta .overlay {
  color:#FFF;
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect_menucarta:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect_menucarta img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect_menucarta:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect_menucarta h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect_menucarta a, hovereffect_menucarta p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect_menucarta:hover a, .hovereffect_menucarta:hover p, .hovereffecthovereffect_menucarta:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}