﻿body { color: #777777; font-size: 14px; font-family: 'Open Sans', Arial, sans-serif; text-align:justify; line-height: 24px; margin:0; padding:0; height:100%; min-height:100%; background: none repeat fixed center 0 #FFFFFF; }

a {
  color: #F27300;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #ef6f18;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.fullwidthbanner-container_BannerIndex {
	height: 300px;
}
footer {
	height:130px;
	background-color: #C4A11C;
	color: #FFFFFF;
	background: none repeat scroll 0 0 #C4A11C; 
	border-top: medium none; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 14px; 
	line-height: 22px; 
	padding: 31px 0 50px; 

}

/*footer a { color:#000; }*/

.colorGris {
	background-color: #666666;
	height: 20px;
}
.plecaSuperior {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;

}
.secondSinMargenes { 
background: none repeat scroll 0 0 #FFFFFF; 
border-top: 1px solid #EEEEEE; 
height: auto;
margin: 0 auto; 
overflow: hidden; 
padding: 0px 0; 
position: relative; 
}
.secondFondoColor { 
background: none repeat scroll 0 0 #F5F5F5;
border-top: 1px solid #EEEEEE;
height: auto;
margin: 0 auto; 
overflow: hidden;
padding: 30px 0 0 0; 
position: relative;
}
.secSlider { 
background: none repeat scroll 0 0 #999933;
height: auto;
margin: 0 auto; 
overflow: hidden;
padding: 10px 30px 0px 0px;
position: relative;
}

.fuente0 {
	color: #000000;
}
.fuente3J {
	color: #333333;
	text-align: justify;
}

.text2 { color: #000; display: block; font-size: 14.5px; font-weight: 600; margin-bottom: 3px; margin-top: 14px; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 32px;
  text-align:left;
}

.OfferBanners_title_FuenteChica { 
color: #E50D26; 
font-size: 25px; 
line-height: 56px; 
-webkit-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
transition: 0.5s ease-out;
}

.ser-tab-item:hover { background-color: #FF6600; color: #ffffff; }
.ser-tab-item.active { background-color: #FF6600; color: #fafafa; }
.ser-tab-item:hover.active { 
background-color:  #FF6600; 
color: #fafafa;
}


/*Botones amarillos*/
/*** Flat Site Buttons ***/

.flat { font-family: 'Open Sans', Arial, sans-serif; border: 1px solid rgba(0, 0, 0, 0.07); display: inline-block; font-weight: 700; text-shadow: 0 0px 0 rgba(0, 0, 0, 0.17); text-decoration: none; text-transform: uppercase; border: none; margin-bottom: 18px; text-align: center; outline: none; cursor: pointer; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.flat:hover, .flat:focus { color: #584909; text-decoration: none; }

/* Degradado botones amarillos - Yellow */

.flat.yellow {background: -moz-linear-gradient(270deg, #e0b508 0%, #e0b508 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #e0b508), color-stop(100%, #e0b508));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #e0b508 0%, #e0b508 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #e0b508 0%, #e0b508 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #e0b508 0%, #e0b508 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0b508', endColorstr='#e0b508', GradientType='1'); /* for IE */
background: linear-gradient(180deg, #e0b508 0%, #e0b508 100%);/* W3C */  }

.flat.yellow:hover { background: -moz-linear-gradient(270deg, #fdd01c 0%, #e0b508 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #fdd01c), color-stop(100%, #e0b508));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #fdd01c 0%, #e0b508 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #fdd01c 0%, #e0b508 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #fdd01c 0%, #e0b508 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd01c', endColorstr='#e0b508', GradientType='1'); /* for IE */
background: linear-gradient(180deg, #fdd01c 0%, #e0b508 100%);/* W3C */ border: 1px solid #e0b508; }

blockquote {
border-left-width:5px;
border-left-color:#C4A11C;

    page-break-inside: avoid;
}
.alineacionIzq {
	text-align: left;
}
.owl-menu .owl-nav-list a, .owl-menu .owl-nav-list-single a {
	color: #777777;
	display: block;
	font: 400 14px/17px 'Open Sans', Arial, sans-serif;
	padding: 8px 0 8px 17px;
	position: relative;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	text-align: left;
}
.owl-menu .mega-dropdown .submenu-container, .owl-menu .single-dropdown .submenu-container, .owl-nav-list-single { border-top: 3px solid #C4A11C; 
}
.owl-menu > li > a:hover:before, .owl-menu > li > a:focus:before, .owl-with-ul.active:before { color: #C4A11C; text-shadow: 9px 0 #C4A11C, -9px 0 #C4A11C; }
.fuente7J {
	color:#777777;
	text-align: justify;
	font-size: 13px;
}

/*=======títulos cintillos=======*/
.title { background: url(../Images/pattern-stripes.png) repeat scroll 0 50% rgba(0, 0, 0, 0); padding: 0 !important; overflow: hidden; }

.title span { background: none repeat scroll 0 0 #FFFFFF; float: left; padding: 0 31px 0 0 !important; }

.titleG { background: url(../Images/pattern-stripes.png) repeat scroll 0 50% rgba(0, 0, 0, 0); padding: 0 !important; overflow: hidden; }

.titleG span { background: none repeat scroll 0 0 #F5F5F5; float: left; padding: 0 31px 0 0 !important; }
/*=======termina títulos cintillos=======*/

.social-top { display: block; float: right; height: 40px; overflow: hidden; }

.social-top a { background-color: transparent; width: 40px; height: 40px; display: inline-block; font-family: "FontAwesome"; font-size: 16px; font-style: normal; font-weight: normal; float: left; text-decoration: none; color: #fff; transition: background-color .2s linear, color .2s linear;
}

/*----- listas empieza----*/

.list-style-2 { display: block; margin: 0 0 30px; font-family: 'Open Sans', sans-serif; font-size: 14px;  }

.list-style-2 li { border-bottom: 1px dotted #E9E9EA; display: block; float: none; margin: 0 !important; padding: 7px 0 7px 27px; }

.list-style-2 i { color: #ef6f18; font-size: 16px; margin: 0px 7px 0 0; }

.list-style-2 li a img { padding-right: 12px; width: auto !important; }

.list-style-2 li a { color: #F27300; }

.list-style-2 li a:hover {
	text-decoration:underline;
	color: #ef6f18; }

/*----- listas termina----*/

/*----- banner conceptos empieza----*/

.OfferBanners { margin-bottom: 40px; }

.OfferBanners_block { margin-bottom: 30px; }

.OfferBanners_block > a { display: block; width: 100%; position: relative; }

.OfferBanners_img, .OfferBanners_img img { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 100%; height: auto; }

.OfferBanners_info { font-family: 'Lora', serif; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; height: auto; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }

/*caja texto conceptos*/
.OfferBanners_info.OfferBanners_info_style-1 { background: none repeat scroll 0 0 rgba(51, 34, 60, 0.6); padding: 10px 0; -webkit-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }

/*titulo conceptos */
.OfferBanners_info_style-1 .OfferBanners_title { display: block; font-size: 55px; line-height: 71px; font-weight: 900; text-transform: uppercase; color: #efcf56; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }

/*texto Subtítulo en conceptos*/
.OfferBanners_info_style-1 .OfferBanners_text { font-size: 23px; line-height: 33px; font-weight: 500; text-transform: uppercase; display: inline-block; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }

.OfferBanners_block:hover .OfferBanners_info_style-1 .OfferBanners_title { font-size: 70px; line-height: 70px; color: #ffffff; -webkit-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }

.OfferBanners_block:hover .OfferBanners_info_style-1 .OfferBanners_text { font-size: 70px; line-height: 70px; color: #d21c1c; -webkit-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; transition: 0.2s ease-out; padding-bottom: 30px; }

/*texto nombre libro banner publicaciones */
.OfferBanners_block .OfferBanners_info.OfferBanners_info_style-2 p { color: #333333; font-family: lora; font-size: 14px; font-weight: 600; line-height: 33px; margin: 0 0 11px; text-transform: uppercase; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }

/*texto nombre libro banner publicaciones */
.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-2 p { color: #996600; }

.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-2 { -webkit-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }

.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-2 .OfferBanners_title { color: #000; font-size: 50px; line-height: 56px; -webkit-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }

/*texto publicaciones banner difusión*/
.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-2 .OfferBanners_text { color: #333; font-size: 39px; line-height: 53px; -webkit-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }

.OfferBanners_block:hover .OfferBanners_info_style-2 .OfferBanners_title { color: #d21c1c; -webkit-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }

.OfferBanners_block:hover .OfferBanners_info_style-2 .OfferBanners_text { color: #232323; -webkit-transition: 0.2s ease-out 0.2s; -o-transition: 0.2s ease-out 0.2s; transition: 0.2s ease-out 0.2s; }

/*texto DIFUSION banner*/
.OfferBanners_info_style-2 .OfferBanners_title { font-size: 63px; line-height: 71px; font-weight: 700; text-transform: uppercase; color: #000; display: block; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }

/*texto Ver más banner conceptos*/
.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-3 > p, .OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-1 > p { color: #cc9933; font-size:20px; -webkit-transition: 0.3s ease-out;}

.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-3 .OfferBanners_title, .OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-1 .OfferBanners_title { color: #663366; font-size: 53px; line-height: 120px; -webkit-transition: 0.3s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }

/*subtítulo banner publicaciones café*/
.OfferBanners_info_style-2 .OfferBanners_text { color: #996600; font-size: 33px; line-height: 41px; font-weight: 900; text-transform: uppercase; display: inline-block; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }

/*----- banner conceptos termina----*/

/* ---------- index galería ------*/
.second { background: none repeat scroll 0 0 #ffffff; border-top: 1px solid #EEEEEE; height: auto; margin: 0 auto; overflow: hidden; padding: 55px 0 0px 0; position: relative; }

/*-- pleca superior---*/
#contact-details { color: #FFFFFF; display: block; float: right; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: normal; letter-spacing: 0.3px; }

#contact-details li em { background: none repeat scroll 0 0 ; border: 0px solid #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 100; height: 25px; line-height: 22px; margin-right: 0px; position: relative; text-align: center; width: 25px; }

/*-----margin bottom ROW --*/
.bot-70 { margin-bottom: 40px !important; }

/*----border pleca superior----*/
#contact-details li { border-left: 0px solid #4f4f4f; display: inline-block; margin-left: 16px; padding: 8px 0 7px 16px; }

/*======================= banners infografías =================================*/
.sh-thumbnail { position: absolute; height: 100%; top: 0; left: 0; right: 300px; z-index: 1; background: #293853; background-position: 50% 50%; background-size: cover; transition: right 250ms, left 250ms; }

.sh-thumbnail-1 { background-image: url(../Images/re-img1.png); }
.sh-thumbnail-2 { background-image: url(../Images/re-img2.png); }
.sh-thumbnail-3 { background-image: url(../Images/re-img3.png); }
.sh-thumbnail-4 { background-image: url(../Images/re-img4.png); }
.sh-thumbnail-5 { background-image: url(../Images/re-img5.png); }
.sh-thumbnail-6 { background-image: url(../Images/re-img6.png); }
.sh-thumbnail-7 { background-image: url(../Images/re-img7.png); }
.sh-thumbnail-8 { background-image: url(../Images/re-img8.png); }

.showcase { position: relative; width: 100%; height: 170px; margin: 5px auto 20px; overflow: hidden; background: transparent; border: 1px solid #E7E7E7; }

.showcase:hover .sh-thumbnail__overlay { opacity: 1; }

.showcase-btn { padding: 1em 2em; border: 0.1em solid #ffffff; color: #ffffff; text-decoration: none; font-weight: 700; transition: background 250ms; }

.showcase-btn:hover { background: rgba(196, 161, 28, 0.6); color: #ffffff; }

.showcase:hover .desc:after { border-color: transparent #c4a11c transparent transparent; }

.desc { position: absolute; width: 300px; height: 100%; top: 0; right: 0; padding: 5px; z-index: 2; background: white; text-align: center; transition: background 250ms, color 250ms, width 250ms, padding 250ms; }

.desc:after { display: block; width: 0; height: 0; position: absolute; top: 50%; left: -20px; margin-top: -10px; border-style: solid; border-width: 10px; border-color: transparent #fff transparent transparent; content: ""; transition: border-color 250ms; }


/* ---- texto---*/
.showcase:hover .desc { width: 350px; padding-left: 45px; padding-right: 45px; background: #c4a11c; color: #ffffff; }

/*============h2 títulos sección ================*/
h2.short { font-size: 17px; font-weight: normal; margin-top: 0; padding-top: 0; padding-bottom: 20px; }

/*=========================================================================
 03. Headings
=========================================================================*/

h1, h2, h3, h4, h5, h6 { color: #333333; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; line-height: normal; margin-bottom: 18px; text-transform: uppercase; }

h1 { font-size: 30px; }

h2 { font-size: 24px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 10px; }

/* Heading style */

/****====================empieza row color gris ===============================*/
.third { background: none repeat scroll 0 0 #f7f7f7; border-top: 1px solid #EEEEEE; padding: 20px 0; position: relative; overflow: hidden; }
/****====================termina row color gris ===============================*/

/****====================empieza estilos cuadro video interna ===============================*/
.post-pad { padding: 20px; }

.ribbon { background: none repeat scroll 0% 0% #C4A11C; color: #FFFFFF; display: inline-block; font-size: 19px; font-style: normal; font-weight:bold; left: 0px; line-height: 43px; padding: 0px 10px 0px 17px; position: absolute; top: 34px; z-index: 3; }

.ribbon:before {  border-width: 0px 0px 0px 0px; bottom: 0px; content: ""; height: 0px; left: 0px; position: absolute; width: 0px; z-index: 0; }

.ribbon:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #C4A11C; border-style: solid; border-width: 23px 0px 23px 15px; content: ""; height: 0px; position: absolute; right: -15px; top: 0px; width: 0px; }

.ribbon .ribbon-stitches-top { background: none repeat scroll 0% 0% #C4A11C; bottom: -27px; height: 45px; left: -15px; position: absolute; width: 41px; z-index: -1; }

.ribbon .ribbon-stitches-top:before { border-color: rgba(0, 0, 0, 0) #C4A11C rgba(0, 0, 0, 0) transparent; border-style: solid; border-width: 0px 14px 21px 0px; content: ""; height: 0px; left: -14px; position: absolute; top: 0px; width: 0px; }

.ribbon .ribbon-stitches-top:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #C4A11C; border-style: solid; border-width: 0px 0px 23px 11px; bottom: 0px; content: ""; height: 0px; left: -11px; position: absolute; width: 0px; }

.ribbon2 { position: absolute; top: 20px; right: -1px; background: #C4A11C; border-right: 5px solid #C4A11C; padding: 5px; }

.ribbon2 span { display: block; font-size: 13px; font-weight: bold; text-transform: uppercase; color:#fff; }

.ribbon2:before { border-top: 27px solid #C4A11C; top: 0; }

.ribbon2:after { border-bottom: 27px solid #C4A11C; bottom: 0; }

.post-holder { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E1E1E1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1); margin-bottom: 60px; position: relative; }

.post-holder figure { border: 0; margin: 0px 0 0px 0; position: relative; padding:0px; }

.box-style { background: #fff; border: 1px solid #dfdcd6; border-radius:8px; -webkit-box-shadow: 0 0px 0px rgba(224, 222, 220, 0.75); box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75); margin-bottom:50px; position: relative; z-index: 0; }

.box-style:after { content: ''; height: 4px; background: #fbfbfb; border: 1px solid #dfdcd6; border-top: none; border-radius:0 0 4px 4px; -webkit-box-shadow: 0 1px 1px rgba(224, 222, 220, 0.75); box-shadow: 0 0px 0px rgba(224, 222, 220, 0.75); position: absolute; bottom:-6px; left:8px; right: 8px; }

/****====================termina estilos cuadro video interna ===============================*/

/****====================empieza estilos fechas relevantes ===============================*/
.price-column h4 { background-color: #612A45; color: #fff; border-bottom: 0 none; font-size: 15px; font-weight: normal; line-height: 56px; margin: 0; padding: 0; text-transform: uppercase; }

.price-column { float: left; margin: 0px 0; }

/****====================termina estilos fechas relevantes ===============================*/

/*============== tabs empieza =============*/

ul.left-tabulus { display: inline-block; float: left; list-style: none outside none; margin-right: -1px; padding: 0px; position: relative; width: 184px; }

ul.left-tabulus li a { background: none repeat scroll 0 0 #f3f3f3; border: 1px solid #dedede; color: #a7a7a7; display: block; font-size: 14px; text-transform: uppercase; font-weight: 400; line-height: 33px; margin-bottom: 2px; padding-left: 20px; position: relative; text-decoration: none; transition: all 0.2s linear 0s; width: 100%; z-index: 2; }

ul.left-tabulus li a:hover i { color: #EA4F35; }

ul.left-tabulus i { margin-right: 0px; transition: all 0.2s linear 0s; }

ul.left-tabulus i { background: none repeat scroll 0 0 #ea4f35; border-radius: 3px; color: #ffffff; padding: 3px 6px; float: right; font-size: 11px; font-style: normal; line-height: 16px; margin: 14px 18px 0 0; text-align: center; }

ul.left-tabulus li.active a { background: none repeat scroll 0 0 #FFFFFF; border-right: 1px solid #ffffff !important; color: #333333;}

/*--------Dispositivo Movil inicio------------*/ 
 @media (max-width: 900px) {
 
/*---------Botón para abrir menú empieza------------*/ 
 .cat-title { background: none repeat scroll 0 0 #C4A11C; color: #ffffff; display: block; height: 46px; position: absolute; right: 36px; text-transform: uppercase; top: 12px; width: 46px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/*---------Botón para abrir menú termina------------*/ 

/*---------Contenedor Sub-Menú empieza---------------------*/  
 .owl-menu .mega-dropdown .submenu-container, .owl-menu .single-dropdown .submenu-container, .owl-nav-list-single { border-top: 3px solid #C4A11C;}
/*---------Contenedor Sub-Menú termina---------------------*/  

/*-----------Simbolo "+" empieza------------*/
.owl-menu .menu-mobile-grover:after { content: "\f067"; font-family: "FontAwesome"; font-size: 20px; line-height: 48px; position: absolute; right: 22px; top: 0; border-right-width:0px !important; }

.owl-menu .menu-mobile-grover:before { background: none repeat scroll 0 0 #FAFAFA;   content: ""; height: 48px; line-height: 48px; position: absolute; right: 0; top: 0; width: 0px; z-index: -1; }
/*-----------Simbolo "+" termina------------*/

/*-----------Posisionamiento Menú expandido empieza ----------*/
#menuMovil{
padding-left:0px;
padding-right:5%;
}
/*-----------Posisionamiento Menú expandido empieza ----------*/

/*--------Elementos menú empieza--------------*/
 .owl-menu li a { border-right-width:0px !important; margin-bottom:3px; color:#000000!important; display: block; font: 21px 'Open Sans', Arial, sans-serif !important; overflow: hidden; padding: 10px 0px 10px 5px!important;  position: relative; text-align: center; z-index: 7; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
 /*--------Elementos menú termina--------------*/

/*--------Mágenes izq.der.Cuerpo Movil inicio----------*/
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{margin-left: 15px; margin-right: 23px;}	
/*--------Mágenes izq.der.Cuerpo Movil inicio----------*/ 

/* Bloque difusion empieza*/
	/*texto DIFUSIÓN empieza*/
.OfferBanners_info_style-2 .OfferBanners_title { font-size: 43px; line-height: 71px; font-weight: 700; text-transform: uppercase; color: #000000; display: block; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }
	/*texto DIFUSIÓN termina*/
	/*rollOverTexto DIFUSIÓN empieza*/
.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-2 .OfferBanners_title{  color: #A17317; font-size: 50px; line-height: 56px; -webkit-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out; }
	/*rollOverTexto DIFUSIÓN termina*/
	/*texto CONCEPTOS empieza*/
.OfferBanners_info_style-1 .OfferBanners_title { display: block; font-size: 45px; line-height: 71px; font-weight: 900; text-transform: uppercase; color: #efcf56; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; }	
	/*texto CONCEPTOS termina*/	
.ser-tab-section { 
display: none; 
position: relative; 
}
#bloqueFechasRelevantes{
margin-bottom:10%;
}
#imagenDifusion{
	display:none;
}
#textoDifusion{
	padding-top:15%;
	position:relative;
	background-color:#DBD4C3;
	}
/* Bloque difusion termina*/

}
/*--------Dispositivo Movil fin------------*/

.tabs_container { padding: 30px 0 100px 30px; overflow: hidden; position: relative; background: white; border: 1px solid #DEDEDE; margin-top: -1px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 1;}
/*============== tabs termina =============*/

/*========hoja contacto===================*/
.form1 .error, .form1 .empty { background: none repeat scroll 0 0 #ff6600; color:#FFFFFF; font-size:12px; line-height:1.25em; padding: 3px 6px; display:none; font-family: 'Open Sans', Arial, sans-serif; overflow:hidden; position:absolute; right:16px; top: 0; }
/*========termina hoja contacto===================*/

/*========menu superior ===================*/
#nav { background: #fff; z-index:999; height:auto; position: relative; padding-bottom: 15px; }

.navbar_ { margin-bottom:0!important; }

.navbar_ .collapse { overflow:visible; }

.navbar_ .brand { position:relative; display:inline-block; overflow:hidden; margin: 8px 0; padding:0; line-height:0; }

.navbar_ .brand span { display:block; text-indent:-4000px; }

.owl-menu .single-dropdown ul { background: none repeat scroll 0 0 #FFFFFF; overflow: visible !important; padding:0px 3px 0px 0px; width: 160px; margin-top:3px; }
/*========menu superior termina===================*/

/*========vínculo correo===================*/
#contact-details a { color: #FFFFFF; line-height: 18px; }
#contact-details a:hover { text-decoration:underline;}
/*========vínculo correo fin===================*/

/*======== palabras Lic ===================*/
.parallax-2 { background: url(../Content/Images/par2.jpg) repeat fixed 50% 0 / cover #fff; background-color:#999933; height: 100%; margin: 0 auto; padding: 18px 18px 18px 18px; position: relative; width: 100%;}

.parallax-2 h3 { color: #FFFFFF; font-size: 16px; font-weight: 700; margin-bottom: 6px; margin-top: 0; text-shadow: 0 1px 1px #000000; }

.parallax-2 p { font-family: open sans; font-size: 11px; font-weight: lighter; margin-bottom: 0; text-transform:uppercase;}

.parallax-2 div { color: #FFFFFF; font-size: 18px; font-weight: lighter; letter-spacing:normal;}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*========palabras Lic fin===================*/

/*========pleca título sección===================*/
#nav:before { background: url(../../Content/Images/shadow.png) no-repeat scroll 50% center / cover rgba(0, 0, 0, 0); bottom: -26px; content: ""; height: 25px; margin: 0 auto; position: absolute; text-align: center; width: 100%; } 

.titleUp { background:url(../Images/pattern-stripesB.png) repeat scroll 0 50% rgba(0, 0, 0, 0); padding: 0 !important; overflow: hidden !important; }

#plecaTitulo {
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
}
.inner-header { background: #999933; height: 75px; overflow: hidden; padding-top: 18px; position: relative; z-index: 8; }

.inner-header span { background-color: #999933; overflow: hidden; color:#FFFFFF; font-weight: 400; font-size: 19px; padding: 0 15px 0 0; }

.inner-header2 { background: #999933; height: 92px; overflow: hidden; padding-top: 0; position: relative; z-index: 8; }

.inner-header2 span { background-color: #999933; overflow: hidden; color:#FFFFFF; font-weight: 400; font-size: 18px; padding: 0 15px 0 0; }

.inner-header .header-caption1 { background: none repeat scroll 0 0 ; color: #FFFFFF; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 18px;  line-height: normal; position: relative; margin-bottom: 0px; padding: 0 0 0 0; }

.breadcrumbs { float: right; list-style: none outside none; margin: 0; padding: 0 0 20px 0; position: relative; right: 0; top: 3px; transition-duration: 0.1s; z-index: 1; text-transform:uppercase;}

.breadcrumbs li { color: #ECECD4; font-family: 'Open Sans', Arial, Tahoma, sans-serif; float: left; font-size: 11px; font-weight: normal; padding-left: 4px; padding-right: 4px; }

.breadcrumbs li:first-child { padding-right: 0px; }

/*========pleca título sección fin===================*/


/*Botones carrusel index galeria */
.gallery-btn { margin-bottom:35px;}
/*Botones carrusel index galeria fin*/

/*--Botón para regresar a Campañas*/
.back-btn { padding-top: 25px;}
/*Botón para regresar a Campañas Fin*/

/* Menú principal*/
.owl-menu li a { color: #232628; display: block; font: bold 14px/17px 'Open Sans', Arial, sans-serif; overflow: hidden; padding: 55px 31px 36px;  position: relative; text-align: center; z-index: 7; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.tituloPlecaIzq {
	font-style: normal;
	color: #333333;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* Menú principal fin*/

/*Flechas menú principal*/
.owl-arrows .owl-with-ul:after { color: #777777; content: "\f107"; font-family: FontAwesome; font-size: 14px;  position: absolute; right: 27px; top: 60%; width: 0; }
/*Flechas menú principal fin*/


/*Filters Galeria*/
.filters { display: inline-block; margin-bottom:60px; position:relative; z-index:99;}

.filters li { display: inline-block; float:left; width: 100%;}

.filters li a { background: none repeat scroll 0 0 #FFFFFF; color: #333333; display:block; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; height:40px; line-height:43px; vertical-align:central; position: relative; text-transform: uppercase; }
/*Filters Galeria fin*/

/*Texto pie Galeria*/
.owl-textual h2 { font: 700 16px 'Open Sans', Arial, sans-serif; color: #F27300; margin: 0; padding: 0 0 6px; text-transform: uppercase; }
/*Texto pie Galería Fin*/

/*Botón amarillo ACTIVE*/
ul.filter li.active, ul.filter li:hover { background: none repeat scroll 0 0 #594803; color: #ffffff; text-decoration: none; }
/*Botón amarillo ACTIVE*/

/* Contacto botón empieza */
.flat.yellow { background: -moz-linear-gradient(270deg, #C4A11C 0%, #C4A11C 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #C4A11C), color-stop(100%, #C4A11C));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #C4A11C 0%, #C4A11C 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #C4A11C 0%, #C4A11C 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #C4A11C 0%, #C4A11C 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4A11C', endColorstr='#C4A11C', GradientType='1'); /* for IE */
background: linear-gradient(180deg, #C4A11C 0%, #C4A11C 100%);/* W3C */ border: 1px solid #C4A11C; }

.flat.yellow:hover { background: -moz-linear-gradient(270deg, #C4A11C 0%, #C4A11C 100%);/* FF3.6+ */ background: -webkit-gradient(linear, 270deg, color-stop(0%, #C4A11C), color-stop(100%, #C4A11C));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(270deg, #C4A11C 0%, #C4A11C 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(270deg, #C4A11C 0%, #C4A11C 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(270deg, #C4A11C 0%, #C4A11C 100%);/* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4A11C', endColorstr='#C4A11C', GradientType='1'); }
/* for IE */
/* Contacto botón termina */
/*Recuadro videos interno empieza*/
.box-style > .inner { padding:10px; }
.tituloVideo{
	font-size:16px;
	padding-top:15px;
	color:#333333;

}
.tiempoVideo{ font-size:10px; padding-top:15px; }
}
/*Recuadro videos interno termina*/
.article{
	padding:5px;
}



.descripcionVideo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
