@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

html, body{margin:0px; padding:0px;}
body{
	font-family: 'Roboto', sans-serif;
	color: #444444;
	    line-height: 26px;
		overflow-x: hidden;
}
h2 {
    clear: both;
    float: left;
    font-size: 30px;
    font-weight: normal;
    margin: 30px 0 35px;
    width: 100%;
}
fieldset ol li {
    float: left;
    overflow: hidden;
    width: 100%;
}
fieldset p.error {
    color: #cc0000;
    font-size: 12px;
}
a{
color: #98bf0d;
background-color:transparent !important;
outline:0 !important;
}
a:focus, a:hover {
    color: #98bf0d;
    text-decoration: none;
}
ul, li {
    list-style-type: none;
}
strong{
	color: #28285b;
	font-weight: bold;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.tipos{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align:justify;
	width:55%;
}
.centrado{
	text-align:center;
}
.fondogris{
	background:#f8f8f8;
	text-align:center;
	padding:40px;
	margin-bottom:40px;
}
.fondogris img{
	margin:20px;
}
#tabla {
    display: table;
    width: 100%;
    text-align: right;
    margin: 0 auto;
	margin-bottom:40px;
	font-weight:bold;
}
#tr {
    display: table-row;
}

#tabla #tr div {
    display: table-cell;
    border-bottom: 1px solid #97be0d;
    vertical-align: middle;
    padding: 10px;
	font-weight:bold !important;
}
#tabla #tr div:first-child {
    text-align:left;
}
#tabla .head{
	background:#97be0d;
	font-weight:bold;
}
.contenedor-slider.home{
	padding-top: 60px;
}

.slider .altura {
    padding: 280px 0;
}
.tab_wrapper {
  margin: 10px 0 50px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.tab_wrapper * {
  box-sizing: border-box;
}
.tab_wrapper > ul {
  clear: both;
  display: inline-block;
  width: 100%;
  padding:0px;
  margin-bottom:30px;
}
.tab_wrapper > ul li {
  float: left;
  cursor: pointer;
  font-weight: bold;
  padding: 8px 18px;
  text-transform: uppercase;
  font-size: 1.05em;
  border-bottom: 0;
  position: relative;
  background: #ccc;
  color: #000;
  margin: 0 60px 0 0;
}
.tab_wrapper > ul li:last-child {
	margin-right:0px;
}
.tab_wrapper > ul li.active {
  background: #97be0d;
  color: #fff;
}
.tab_wrapper > ul li.active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  left: 0;
  background: #fff;
  width: 100%;
}
.tab_wrapper .controller {
  display: block;
  overflow: hidden;
  clear: both;
  position: absolute;
  top: 0;
  right: 0;
}
.tab_wrapper .controller span {
  padding: 8px 22px;
  background: #49a4d9;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
}
.tab_wrapper .controller span.next {
  float: right;
  margin-left: 10px;
}
.tab_wrapper .content_wrapper {
  float: left;
  width: 100%;
  border-top: 0;
  box-sizing: border-box;
}
.tab_wrapper .content_wrapper .tab_content {
  display: none;
}
.tab_wrapper .content_wrapper .tab_content.active {
  /* display: block; */
}
.tab_wrapper .content_wrapper .tab_content .error {
  color: red;
}
.tab_wrapper .content_wrapper .accordian_header {
  display: none;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  position: relative;
  cursor: pointer;
}
.tab_wrapper .content_wrapper .accordian_header.active {
  color: #49a4d9;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper .content_wrapper .accordian_header.active:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 5px;
  height: 100%;
  background: #49a4d9;
}
.tab_wrapper .content_wrapper .accordian_header .arrow {
  float: right;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  border-radius: 2px;
  transform: rotate(-135deg);
  background: #fff;
  border-top: 3px solid #ccc;
  border-left: 3px solid #ccc;
                /* &:after{
					position: absolute;
					top: 0;
					content: "";
					left: 0;
					width: 10px;
					height: 10px;
					background: $white;
					border-top: 3px solid $border_color;
					border-left: 3px solid $border_color;
				} */
}
.tab_wrapper .content_wrapper .accordian_header.active .arrow {
  transform: rotate(45deg);
  margin-top: 5px;
  border-top: 3px solid #49a4d9;
  border-left: 3px solid #49a4d9;
}
.tab_wrapper.left_side > ul {
  width: 25%;
  float: left;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper.left_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
}
.tab_wrapper.left_side > ul li:after {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}
.tab_wrapper.left_side > ul li.active {
  border-color: #ccc;
}
.tab_wrapper.left_side > ul li.active:after {
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #49a4d9;
}
.tab_wrapper.left_side > ul li.active:before {
  right: -1px;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}
.tab_wrapper.left_side .content_wrapper {
  width: 75%;
  border: 1px solid #ccc;
  float: left;
}
.tab_wrapper.left_side .controller {
  top: -50px;
}
.tab_wrapper.right_side > ul {
  width: 25%;
  float: right;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper.right_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
  text-align: right;
}
.tab_wrapper.right_side > ul li:after {
  right: 0;
  left: inherit;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}
.tab_wrapper.right_side > ul li.active {
  border-color: #ccc;
}
.tab_wrapper.right_side > ul li.active:after {
  right: 0;
  left: inherit;
  top: 0;
  width: 5px;
  height: 100%;
  content: "";
  background: #49a4d9;
}
.tab_wrapper.right_side > ul li.active:before {
  left: -2px;
  right: inherit;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}
.tab_wrapper.right_side .content_wrapper {
  width: 75%;
  float: left;
  border: 1px solid #ccc;
}
.tab_wrapper.right_side .controller {
  top: -50px;
}
.tab_wrapper.accordion .content_wrapper {
  border-color: #ccc;
}
.tab_wrapper.accordion .content_wrapper .accordian_header {
  display: block;
}
.tab_wrapper.accordion > ul {
  display: none;
}
.tab_wrapper .active_tab {
  display: none;
  position: relative;
  background: #000000;
  padding: 12px;
  text-align: center;
  padding-right: 50px;
  color: #fff;
  cursor: pointer;
  border-radius: 30px;
}
.tab_wrapper .active_tab .arrow {
  width: 30px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  text-align: center;
  background: #fff;
  position: absolute;
  right: 6px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.tab_wrapper .active_tab .arrow:after {
  content: "";
  width: 10px;
  display: inline-block;
  height: 10px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -8px;
}
.tab_wrapper .active_tab .text {
  text-indent: 39px;
  display: block;
}

@media only screen and (max-width: 768px) {
  .tab_wrapper > ul {
    display: none;
  }
  .tab_wrapper .content_wrapper {
    border: 0;
  }
  .tab_wrapper .content_wrapper .accordian_header {
    display: block;
  }
  .tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper {
    width: 100%;
    border-top: 0;
  }
  .tab_wrapper .controller {
    display: none;
  }
  .tab_wrapper.show-as-dropdown > .tab_list {
    border: 0;
    box-shadow: 0 0 8px #ccc;
    position: absolute;
    z-index: 3;
    background: #fff;
    border-radius: 5px;
    margin-top: 15px;
  }
  .tab_wrapper.show-as-dropdown > .tab_list:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: -3px -4px 5px #efefef;
    margin-left: -7px;
  }
  .tab_wrapper.show-as-dropdown > .tab_list li {
    border: 0;
    border-bottom: 1px solid #ccc;
  }
  .tab_wrapper.show-as-dropdown > .tab_list li.active:after {
    display: none;
  }
  .tab_wrapper.show-as-dropdown .active_tab {
    display: block;
  }
  .tab_wrapper.show-as-dropdown > .tab_list {
    display: none;
  }
  .tab_wrapper.show-as-dropdown > .content_wrapper > .accordian_header {
    display: none;
  }
  .tab_wrapper.show-as-dropdown > .tab_list li {
    display: block;
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .tab_wrapper.show-as-dropdown > .tab_list {
    display: block !important;
    overflow: hidden;
  }
}
#servicios{
	background:#272727;
	color:#fff;
	font-size:20px;
}
#servicios span{
	color:#97be0d;
}
#siguenosredes{
	background:#97be0d;
	color:#fff;
}
#siguenosredes h2{
	color:#fff;
}
#siguenosredes h2::after{
	border-bottom: 3px solid #fff;
}
#colaboracion, #tarifas{
	background:#f8f8f8;
	padding-bottom:50px;
}
#colaboracion .texto p{
	text-align:left;
	font-size:14px;
	line-height:20px;
	padding-top:25px;
}
#colaboracion .texto img{
	float:left;
	margin-right:20px;
}
.gallery{
	position: relative;
	overflow: hidden;
}
.gallery img {
  float: left;
  width: 25%;
  height: 300px;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
}
/*.gallery a:after {
  content: '';
  display:inline-block;
  vertical-align: top;
  width: 25%;
  height: 0;
  padding-top: 25%;
}*/

.gallery  img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}




.align-center {
  text-align: center;
}
.logoscolaboracion{
	text-align:center;
}
.logoscolaboracion img{
	margin:0 25px;
}
footer{
	width:100%;
	display:block;
	float:left;
	background:#272727;
}
footer .negro{
	margin:40px auto;
	margin-bottom:60px;
}
footer .legal{
	background:#97be0d;
}

footer .top{
	background-color:var(--color1);
	color:#ffffff;
	text-align:center;
	height:115px;
}
footer .logos{
	text-align:center;
	color:#fff;
}
footer .logos img{
	width:60%;
	margin-bottom:20px;
}

footer .bloque-rojo{
	margin-bottom:0;
}

footer .bottom{
	background-color:#212224;
	color:#ffffff;
	text-align:center;
	padding:55px 0 0 0;
}

footer .redes{
	margin:30px auto;
	display: table;
  white-space: nowrap;
}

footer .redes:before,
footer .redes:after {
  border-top: 1px solid #666666;
  content: '';
  display: table-cell;
  position: relative;
  top: 12px;
  width: 270px; /*43%;*/
}
footer .redes:before {
  right: 3%;
}
footer .redes:after {
  left: 3%;
}

footer .redes li{
	display:inline-block;
	margin: 0 12px;
}

footer  a, footer a:hover{
	color:#ffffff;
	font-size:12px;
} 

footer .redes li a{

	font-size:16px;
}

footer .redes li.contacto{
	display:none;
}
footer .legal p{
	margin:10px 0;
	color:#fff;
}
footer .legal p a{
	color:#444444;
	margin:0 5px;
}
footer p.copyright{
	margin:10px 0;
	font-size:12px;
	text-align: right;
	color:#444444;
}


#slider .slide {
    position: relative;
    height: 100%;
    overflow: hidden;
}

#container {
    width: auto;
}

#slider, #slider img {
    width: 100%;
}

.centeredDotsControls, .centeredDotsControls a, .centeredDotsControls a span {
    z-index: 2;
    position: relative;
}

.centeredDotsControls a {
    width: 25px;
    height: 25px;
    margin: 5px;
    background: transparent;
    box-shadow: 0 1px 1px black;
    border: 3px solid #eee;
    border-radius: 20px;
    display: inline-block;
    /*text-indent: -9000px;*/
}

.controls *, .controls {
    z-index: 100000;
}

.centeredDotsControls a {
    background: #333333;
    text-decoration: none;
    color: #fff;
}

.centeredDotsControls a.current {
    background: #ffffff;
    color: #333;
}
.logoheader{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.controls{
	display: none;
}
.footer{
	top: 50%;
    transform: translate(-50%, 0);
}
.container{
	clear: both;
}
.texto, .contacto, .titulogeneral{
	text-align: center;
	float: none;
	margin-bottom:40px;
	line-height: 30px;
	font-size: 15px;
	padding: 10px 60px;
	font-weight: 600;
	clear: both;
}
.texto h2, .contacto h2, .titulogeneral h2, .carta h2{
	color: #000;
	padding: 20px 0;
	font-weight: 300;
	padding-top: 0px;
	font-size: 34px;
	text-transform:uppercase;
	position: relative;
}
.texto h2::after, titulogeneral h2::after, .carta h2::after {
    display: block;
    width: 85px;
    border-bottom: 3px solid #97be0d;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/***carta cafeteria**************************/

.carta{
	text-align:center;
}

.carta-combinados{
/* margin: 0 0 20px 0;*/
}

.platos-combinados{
	background-color: #f5f5f5;
    padding: 15px 25px;
    overflow:hidden;
    margin-bottom:20px;
}

.platos-combinados h4{
	border-bottom:2px solid #97be0d;
	text-align:center;
	padding-bottom:15px;
	margin-bottom:25px;
	text-transform:uppercase;
}

.combinado{
	padding:0;
}

.combinado li{
	width:50%;
	float:left;
	font-weight:bold;
	margin-bottom: 20px;
	line-height: 20px;
	position:relative;
	padding-left: 40px;
	height: 24px;
}

.combinado li:last-child{
	margin-bottom:0;
}

.combinado li:before{
	content:'';
	width:10px;
	height:10px;
	background-color:#97be0d;
	position:absolute;
	position: absolute;
	left: 12px;
	top: 22%;
}


.combinado li span{
	display:inline-block;
	/*padding-left:10px;*/
}

.combinado li img{
	margin-right: 0px; 
	width: 20px;
height: auto;
margin-top: -4px;
}

.platos-combinados.incluido-precio{
	padding-top: 35px;
font-size: 16px;
text-align: center;
line-height: 26px;
font-weight: bold;
}

.incluido-precio .total{
	font-size:22px;
	display:inline-block;
	margin-top:22px;
}


#carta[data-columns]::before {
	content: '2 .column.size-1of2';
}

/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }







.platos{
	padding:15px;
}

.platos h3{
	border-radius: 5px;
	background-color:#97be0d;
	padding: 10px 0;
	text-align:center;
	color:#fff;
	font-size:20px;
	margin-top:0;
}


ul.leaders {
    width:100%;
    padding: 0;
    overflow: hidden;
    list-style: none;
    text-align:left;
    
    background-color: #f5f5f5;
    padding: 15px 25px;
}


ul.leaders li{
	padding:3px 0;
	position:relative;
}

ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 
}

ul.leaders li > span{
	font-weight:bold;
}
 
ul.leaders li > span:first-child {
    background: #f5f5f5;
}

ul.leaders li > span + span {
 background: #f5f5f5;
position: absolute;
right: -25px;
top: 5px;
font-size: 16px;
padding-right: 30px;
padding-left: 10px;
}
 
 ul.leaders li > span > span{
 	color:#888888;
 	display:block;
 	max-width:90%;
 }


ul.leaders li img{
	margin-right:4px;
	width:20px;
	height:auto;
}

ul.leyenda{
  padding:0;	
}

ul.leyenda li{
text-align: left;
float: left;
padding: 10px 0px;
font-size: 12px;
}

ul.leyenda li img{
	width:24px; 
	height:auto;
	display:inline-block;
	margin-right:5px;
}

@media screen and (max-width:640px){
	#carta[data-columns]::before{
		content:'1 .column.size-1of1';
   }
   
   .platos-combinados{
   	margin-bottom:20px;
   }
   
   .combinado li {
   	width:100%;
   }
   
}





/****************************/

.og-grid h3 {
    color:#000;
	padding-bottom: 20px;
	font-size:20px;
}
.og-grid h3::after {
    display: block;
    width: 85px;
    border-bottom: 3px solid #97be0d;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.og-grid .icon:before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 30px;
  color: white;
  background: #97be0d;
}
#bigplus{
	display: inline-block;
	bottom: -60px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
}
#bigplus:before {
  content: '\FF0B';
}

.detallenoticia h2{
	margin-top:25px !important;
}
.empresas{
	position: relative;
}
.empresas div{
	text-align: center;
	height: 440px;
	padding: 0px;
}
.empresas div img{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.velo{
	background-color: #000000;
	opacity: 0.5;
}
.glitch__img{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.velo:hover{
	opacity: 0.2;
}


#destacado {
    position: relative;
    clear: both;
    padding:60px 0;
    background: #f4f4f4;
    padding-top: 40px;
    width:99.95%;
}
#destacado .fondo {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
}

#form-formulario{
	/*height:500px;*/
}

.float-right {
    float: right !important;
}
.float-right button{
	float:right;
	padding:0px 30px;
	height:35px;
	margin-top:0;
}

#acepto-formulario{width:5%;}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
fieldset input, fieldset textarea{
	border: none;
    border-bottom: 2px solid #858585;
    width: 100%;
    color: #858585;
    font-size: 14px;
}
fieldset label{
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #858585;
}
fieldset .mitad{
	padding-right: 20px;
}
fieldset .sesenta{
	width: 62%;
    float: left;
    clear: none;
    padding-right: 20px;
}
fieldset .treinta{
	width: 38%;
    float: left;
    clear: none;
}
fieldset .setenta{
	width: 75%;
    float: left;
    clear: none;
    color: #858585;
    font-weight: bold;
    font-size: 70.25%;
}
fieldset .veinte{
	width: 25%;
    float: left;
    clear: none;
}

fieldset input:focus, fieldset textarea:focus, fieldset button:focus{
	outline:0px;
}

fieldset button{
	border: 2px solid #444444;
	background: none;
	color: #98bf0d;
	float: left;
	font-size: 13px;
    padding: 0px 25px;
}
.datos div{
	text-align: center;
	font-weight: bold;
}
.datos .tel{
	color: #98bf0d;
}
.datos .direccion{
	color: #98bf0d;
}
.datos .email{
	color: #98bf0d;
}

.datos .email a{
	color: #444444;
} 
.datos h4{
	margin-bottom:0px;
}
.datos p{
	color: #444444;
	font-weight: 600;
	margin-top:5px;
	margin-bottom: 60px;
	font-size: 16px;
}
/*.tel .icon {
	display: inline-block;
	border-radius: 100%;
	border: 5px solid #98bf0d;
	padding: 25px;
	width: 120px
}*/
.icon .fas{
	font-size: 60px;
}
/*.direccion .icon {
	display: inline-block;
	border-radius: 100%;
	border: 5px solid #98bf0d;
	padding: 25px 35px;
}
.email .icon {
	display: inline-block;
	border-radius: 100%;
	border: 5px solid #98bf0d;
	padding: 25px;
}*/
.svg-inline--fa{
	font-size:50px;
}
.tel .svg-inline--fa{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	rotation: 90deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.svg-inline--fa.fa-w-12 {
    width: 1em;
}
.contacto{
	padding-top: 0px;
	font-size: 18px;
}
.contacto h2{
	font-size: 50px;
	padding-bottom: 10px;
}
ol{
	padding: 0 20px;
}
.hidden-lg{
	display: none;
}


.button {
	float: left;
	min-width: 150px;
	max-width: 250px;
	display: block;
	margin: 1em;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}
/* Antiman */
.button--antiman {
	background: none;
	border: none;
	height: 60px;
}
.button--antiman.button--inverted,
.button--antiman.button--inverted-alt {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--antiman > span {
	padding-left: 0.35em;
}
.button--antiman::before,
.button--antiman::after {
	content: '';
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	position: absolute;
	border: 2px solid #98bf0d;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	color:#fff;
}
.button--antiman::before {
	border: 2px solid #98bf0d;
	opacity: 0;
	background: #98bf0d;
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}
.button--antiman.button--border-thin::before {
	border-width: 1px;
}
.button--antiman.button--border-medium::before {
	border-width: 2px;
}
.button--antiman.button--border-thick::before {
	border-width: 3px;
}
.button--antiman.button--inverted::before {
	border-color: #7986cb;
}
.button--antiman.button--inverted-alt::before {
	border-color: #3f51b5;
}
.button--antiman::after {
	background: transparent;
}
.button--antiman.button--inverted::after {
	background: #7986cb;
}
.button--antiman.button--inverted-alt::after {
	background: #3f51b5;
}
.button--antiman.button--inverted:hover {
	color: #ffffff;;
}
.button--antiman.button--inverted-alt:hover {
	color: #ffffff;
}
.button--antiman:hover::before {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.button--antiman:hover::after {
	opacity: 0;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
}
.button--antiman:hover {
	color:#ffffff;
}
.politica{
	font-size: 12px;
	color: #858585;
	margin:30px 0;
}
.textolegal{
	font-size:10px;
	color:#858585;
	margin-left: 15px;
	text-align: justify;
	width: 95%;
}
#empresacont{
	margin:50px auto;
}
#empresacont .logocont{
	padding:15px;
}
#empresacont .logocont div{
	background:#f9f9f9;
	text-align:center;
	height:100%;
	width:100%;
}
#empresacont .logocont div img{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	width: 60%;
}
#empresacont h1 {
    color: #28285b;
    margin: 10px 0 20px 0;
    line-height: 35px;
    font-size: 30px;
    font-weight: bold;
}
#empresacont div.sep {
	padding-bottom:40px;
}
#empresacont a {
	color:#98bf0d;
	text-transform:uppercase;
	max-width:400px;
}
#empresacont a:hover {
	color:#fff;
}
#producciones{
	margin-bottom:30px;
}
#producciones img{
	width:100%;
}
#producciones h3 {
    color: #28285b;
    margin: 10px 0 20px 0;
    line-height: 35px;
    font-size: 20px;
    font-weight: bold;
	text-align:center;
}



@media (max-width: 1000px){
	footer .copyright {
	    transform: translate(2%, -50%);
	}
	footer .enlacesfooter {
	    transform: translate(-2%, -50%);
	}
}
@media (max-width: 767px){
	.empresas div {
	    height: 350px;
	}
	.texto, .contacto {
	    font-size: 13px;
	    padding: 20px;
	    margin: 20px 0;
	}
	.texto h2, .contacto h2 {
	    font-size: 35px;
	}
	
	.hidden-xs{
		display: none;
	}
	.hidden-lg {
	    display: block;
	    padding: 0px;
	    margin-bottom: 20px; 
	}
	#destacado {
	    padding-top: 0px;
	}
	footer .copyright {
		position: relative;
	    transform: none;
	    text-align: center;
	}
	footer .enlacesfooter {
	    position: relative;
	    transform: none;
	    text-align: center;
	}
	footer .logo {
	    position: relative;
	    transform: none;
	    left: 0%;
    	right: 0%;
	}
	footer ul {
	    margin: 0px;
	    padding: 0px;
	}
	fieldset{
		padding-bottom:20px;
	}
	.politica{
		font-size: 66%;
		color: #858585;
		margin:30px 0;
		width: 100% !important;
	}
	.boton{
		width: 100% !important;
	}
	#empresacont a {
		font-size:12px;
	}

}
@media (max-width: 1200px){
	.politica{
		font-size: 66%;
		color: #858585;
		margin:30px 0;
		width: 100% !important;
	}
	.boton{
		width: 100% !important;
	}
}

.icheckbox_minimal-pink{
	float: left;
}



.effectglitch {
	--color-text: #454847;
	--color-bg: #1d2121;
	--color-link: #454847;
	--color-link-hover: #fff;
	--color-info: #454847;
	--glitch-width: 40vmax;
	--glitch-height: calc(40vmax * 1.25);
	--color-title: #fff;
	--color-subtitle: #30efbf;
}

.glitch--style-2 {
	--gap-horizontal: 5px;
	--gap-vertical: 10px;
	--time-anim: 2s;
	--blend-mode-1: none;
	--blend-mode-2: none;
	--blend-mode-3: luminosity;
	--blend-mode-4: none;
	--blend-mode-5: luminosity;
	--blend-color-1: transparent;
	--blend-color-2: transparent;
	--blend-color-3: #98bf0d;
	--blend-color-4: transparent;
	--blend-color-5: #98bf0d;
}


.grid__item {
    position: relative;
    padding: 0px;
    background-color: #000000;
}


.grid__item-title {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}



.grid__item-title span {
	display: block;
	position: relative;
	font-size: 50%;
	font-weight: 500;
	opacity: 0;
	color: var(--color-subtitle);
}

.glitch:hover + .grid__item-title span {
	opacity: 1;
	animation: glitch-anim-text 0.5s linear;
}



/* Glitch styles */
.glitch {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: var(--glitch-height);
	max-height: calc(400px * 1.25);
	overflow: hidden;
	margin: 0 auto;
	opacity: 0.8 !important;
}

.glitch:hover {
	cursor: pointer;
}

.glitch__img {
	position: absolute;
	top: calc(-1 * var(--gap-vertical));
	left: calc(-1 * var(--gap-horizontal));
	width: calc(100% + var(--gap-horizontal) * 2);
	height: calc(100% + var(--gap-vertical) * 2);
	background-color: var(--blend-color-1);
	background-size: cover;
	transform: translate3d(0,0,0);
	background-blend-mode: var(--blend-mode-1);
}

/* Set the background colors for the glitch images*/
.glitch__img:nth-child(2) {
	background-color: var(--blend-color-2);
	background-blend-mode: var(--blend-mode-2);
}

.glitch__img:nth-child(3) {
	background-color: var(--blend-color-3);
	background-blend-mode: var(--blend-mode-3);
}

.glitch__img:nth-child(4) {
	background-color: var(--blend-color-4);
	background-blend-mode: var(--blend-mode-4);
}

.glitch__img:nth-child(5) {
	background-color: var(--blend-color-5);
	background-blend-mode: var(--blend-mode-5);
}

/* Hide all images except the first one */
.glitch__img:nth-child(n+2) {
	opacity: 0;
}

/* Hovers */

/* On hover we show the 2nd, 3rd, 4th and 5th image*/
.glitch:hover .glitch__img:nth-child(n+2) {
	opacity: 1;
}

/* Hover animations for horizontal case */
.glitch:hover .glitch__img:nth-child(2) {
	transform: translate3d(var(--gap-horizontal),0,0);
	animation: glitch-anim-1-horizontal var(--time-anim) infinite linear alternate;
}

.glitch:hover > .glitch__img:nth-child(3) {
	transform: translate3d(calc(-1 * var(--gap-horizontal)),0,0);
	animation: glitch-anim-2-horizontal var(--time-anim) infinite linear alternate;
}

.glitch:hover > .glitch__img:nth-child(4) {
	transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1,-1,1);
	animation: glitch-anim-3-horizontal var(--time-anim) infinite linear alternate;
}

/* Hover animations for vertical case */
.glitch--vertical:hover .glitch__img:nth-child(2) {
	transform: translate3d(0, var(--gap-vertical), 0);
	animation: glitch-anim-1-vertical var(--time-anim) infinite linear alternate;
}

.glitch--vertical:hover > .glitch__img:nth-child(3) {
	transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0);
	animation: glitch-anim-2-vertical var(--time-anim) infinite linear alternate;
}

.glitch--vertical:hover > .glitch__img:nth-child(4) {
	transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1,-1,1);
	animation: glitch-anim-3-vertical var(--time-anim) infinite linear alternate;
}

/* Hover flash animation on last image */
.glitch:hover > .glitch__img:nth-child(5) {
	animation: glitch-anim-flash 0.5s steps(1,end) infinite;
}

/* Animations */

/* Horizontal */
@keyframes glitch-anim-1-horizontal {
	0% { 
		-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}
	10% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	20% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	30% {
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	40% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	50% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	60% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	70% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	80% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	90% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	100% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
}

@keyframes glitch-anim-2-horizontal {
	0% { 
		-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
		clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
	}
	15% {
		-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	22% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
		clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
	}
	31% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	45% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}
	51% {
		-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
		clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
	}
	63% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	76% {
		-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}
	81% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
	}
	94% {
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	100% {
		-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
		clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
	}
}

@keyframes glitch-anim-3-horizontal {
	0% { 
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
		clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
	}
	5% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
		clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
	}
	10% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
		clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
	}
	25% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	27% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
		clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
	}
	30% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
		clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
	}
	33% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
		clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
	}
	37% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
		clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
	}
	40% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	45% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
		clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
	}
	50% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
		clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
	}
	53% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
		clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
	}
	57% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
		clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
	}
	60% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
		clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
	}
	65% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
		clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
	}
	70% {
		-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
		clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
	}
	73% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	80% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
		clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
	}
	100% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
		clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
	}
}

/* Vertical */
@keyframes glitch-anim-1-vertical {
	0% { 
		-webkit-clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
		clip-path: polygon(2% 0, 5% 0, 5% 100%, 2% 100%);
	}
	10% {
		-webkit-clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
		clip-path: polygon(15% 0, 15% 0, 15% 100%, 15% 100%);
	}
	20% {
		-webkit-clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
		clip-path: polygon(10% 0, 20% 0, 20% 100%, 10% 100%);
	}
	30% {
		-webkit-clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
		clip-path: polygon(1% 0, 2% 0, 2% 100%, 1% 100%);
	}
	40% {
		-webkit-clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
		clip-path: polygon(33% 0, 33% 0, 33% 100%, 33% 100%);
	}
	50% {
		-webkit-clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
		clip-path: polygon(44% 0, 44% 0, 44% 100%, 44% 100%);
	}
	60% {
		-webkit-clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
		clip-path: polygon(50% 0, 20% 0, 20% 100%, 50% 100%);
	}
	70% {
		-webkit-clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
		clip-path: polygon(70% 0, 70% 0, 70% 100% 70%, 70% 100%);
	}
	80% {
		-webkit-clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
		clip-path: polygon(80% 0, 80% 0, 80% 100% 80%, 80% 100%);
	}
	90% {
		-webkit-clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
		clip-path: polygon(50% 0, 55% 0, 55% 100%, 50% 100%);
	}
	100% {
		-webkit-clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
		clip-path: polygon(70% 0, 80% 0, 80% 100%, 70% 100%);
	}
}

@keyframes glitch-anim-2-vertical {
	0% { 
		-webkit-clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
		clip-path: polygon(25% 0, 30% 0, 30% 100%, 25% 100%);
	}
	15% {
		-webkit-clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
		clip-path: polygon(3% 0, 3% 0, 3% 100%, 3% 100%);
	}
	22% {
		-webkit-clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
		clip-path: polygon(5% 0, 20% 0, 20% 100%, 5% 100%);
	}
	31% {
		-webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
		clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
	}
	45% {
		-webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
		clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
	}
	51% {
		-webkit-clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
		clip-path: polygon(52% 0, 59% 0, 59% 100%, 52% 100%);
	}
	63% {
		-webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
		clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
	}
	76% {
		-webkit-clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
		clip-path: polygon(75% 0, 75% 0, 75% 100%, 75% 100%);
	}
	81% {
		-webkit-clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
		clip-path: polygon(65% 0, 40% 0, 40% 100%, 65% 100%);
	}
	94% {
		-webkit-clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
		clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
	}
	100% {
		-webkit-clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
		clip-path: polygon(14% 0, 33% 0, 33% 100%, 14% 100%);
	}
}

@keyframes glitch-anim-3-vertical {
	0% { 
		-webkit-clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
		clip-path: polygon(1% 0, 3% 0, 3% 100%, 1% 100%);
	}
	5% {
		-webkit-clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
		clip-path: polygon(10% 0, 9% 0, 9% 100%, 10% 100%);
	}
	10% {
		-webkit-clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
		clip-path: polygon(5% 0, 6% 0 6% 100%, 5% 100%);
	}
	25% {
		-webkit-clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
		clip-path: polygon(20% 0, 20% 0, 20% 100%, 20% 100%);
	}
	27% {
		-webkit-clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
		clip-path: polygon(10% 0, 10% 0, 10% 100%, 10% 100%);
	}
	30% {
		-webkit-clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
		clip-path: polygon(30% 0, 25% 0, 25% 100%, 30% 100%);
	}
	33% {
		-webkit-clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);;
		clip-path: polygon(15% 0, 16% 0, 16% 100%, 15% 100%);
	}
	37% {
		-webkit-clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);;
		clip-path: polygon(40% 0, 39% 0, 39% 100%, 40% 100%);
	}
	40% {
		-webkit-clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%);
		clip-path: polygon(20% 0, 21% 0, 21% 100%, 20% 100%); 
	}
	45% {
		-webkit-clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
		clip-path: polygon(60% 0, 55% 0, 55% 100%, 60% 100%);
	}
	50% {
		-webkit-clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
		clip-path: polygon(30% 0, 31% 0, 31% 100%, 30% 100%);
	}
	53% {
		-webkit-clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
		clip-path: polygon(70% 0, 69% 0, 69% 100%, 70% 100%);
	}
	57% {
		-webkit-clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
		clip-path: polygon(40% 0, 41% 0, 41% 100%, 40% 100%);
	}
	60% {
		-webkit-clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
		clip-path: polygon(80% 0, 75% 0, 75% 100%, 80% 100%);
	}
	65% {
		-webkit-clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
		clip-path: polygon(50% 0, 51% 0, 51% 100%, 50% 100%);
	}
	70% {
		-webkit-clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
		clip-path: polygon(90% 0, 90% 0, 90% 100%, 90% 100%);
	}
	73% {
		-webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
		clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%);
	}
	80% {
		-webkit-clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
		clip-path: polygon(100% 0, 99% 0, 99% 100%, 100% 100%);
	}
	100% {
		-webkit-clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
		clip-path: polygon(70% 0, 71% 0, 71% 100%, 70% 100%);
	}
}

@keyframes glitch-anim-text {
	0% { 
		opacity: 1;
		transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	10% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	20% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	35% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	50% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	60% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	70% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	80% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	90% {
		transform: translate3d(-10px,0,0) scale3d(-1,-1,1);
	}
	100% {
		opacity: 1;
		transform: translate3d(0,0,0) scale3d(1,1,1);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

/* Flash */
@keyframes glitch-anim-flash {
	0% { 
		opacity: 0.2; 
		transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
	}
	33%, 100% { 
		opacity: 0;
		transform: translate3d(0,0,0);
	}
}

/* form */

.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 1em;
	/*max-width: 350px;*/
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	/*font-weight: bold;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
	font-size: 12px;
	margin-bottom:0;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}


/* Nariko */
.input--nariko {
	overflow: hidden;
	padding-top: 2em;
}

.input__field--nariko {
	width: 100%;
	background: transparent;
	opacity: 0;
	padding: 0.35em;
	z-index: 100;
	color: #555;
	resize: none;
}

.input__label--nariko {
	width: 100%;
	bottom: 0;
	position: absolute;
	pointer-events: none;
	text-align: left;
	color: #8E9191;
	padding: 0 0.5em;
}

.input__label--nariko::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 10em;
	top: 100%;
	left: 0;
	background: #fff;
	border-top: 4px solid #9B9F9F;
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.input__label-content--nariko {
	padding: 0.5em 0;
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.4s, color 0.4s;
	transition: transform 0.4s, color 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.input__field--nariko:focus,
.input--filled .input__field--nariko {
	cursor: text;
	opacity: 1;
	-webkit-transition: opacity 0s 0.4s;
	transition: opacity 0s 0.4s;
} 

.input__field--nariko:focus + .input__label--nariko::before,
.input--filled .input__label--nariko::before {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transform: translate3d(0, -3.3em, 0);
	transform: translate3d(0, -3.3em, 0);
}

#caja .input__field--nariko:focus + .input__label--nariko::before,
#caja-inscribete .input__field--nariko:focus + .input__label--nariko::before,
#caja.input--filled .input__label--nariko::before,
#caja-inscribete.input--filled .input__label--nariko::before {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transform: translate3d(0, -7em, 0);
	transform: translate3d(0, -7em, 0);
	-moz-transform: translate3d(0, -9em, 0);
}

.input__field--nariko:focus + .input__label--nariko .input__label-content--nariko,
.input--filled .input__label-content--nariko {
	color: #6B6E6E;
	-webkit-transform: translate3d(0, -3.3em, 0) scale3d(0.81, 0.81, 1);
	transform: translate3d(0, -3.3em, 0) scale3d(0.81, 0.81, 1);
}

#caja .input__field--nariko:focus + .input__label--nariko .input__label-content--nariko,
#caja-inscribete .input__field--nariko:focus + .input__label--nariko .input__label-content--nariko,
#caja.input--filled .input__label-content--nariko,
#caja-inscribete.input--filled .input__label-content--nariko {
	color: #6B6E6E;
	-webkit-transform: translate3d(0, -7em, 0) scale3d(0.81, 0.81, 1);
	transform: translate3d(0, -7em, 0) scale3d(0.81, 0.81, 1);
	-moz-transform: translate3d(0, -9em, 0) scale3d(0.81, 0.81, 1);
}

#enviar-formulario{
	margin:1em;
	color:#98bf0d;
}

#enviar-formulario:hover{
	color:#fff;
}
/* fin form */


fieldset p.error {
    margin-top: -15px;
    margin-left: 16px;
}

fieldset .politica p.error {
    margin-top: 0px;
    margin-left: 0px;
}


.politica .accept{
	float:left;
	padding-left: 10px;
    width: 93%;
}


.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	padding: 2em 0 3em;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 10px 30px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
	padding: 30px;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}
/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
	box-shadow: 0 0 0 4px #98bf0d;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.tel .hi-icon {
	box-shadow: 0 0 0 4px #98bf0d;
}
.direccion .hi-icon {
	box-shadow: 0 0 0 4px #98bf0d;
}
.email .hi-icon {
	box-shadow: 0 0 0 4px #98bf0d;
}
.hi-icon-effect-3 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}


/* Effect 3b */
.tel .hi-icon {
	color: #98bf0d;
}
.direccion .hi-icon {
	color: #98bf0d;
}
.email .hi-icon {
	color: #98bf0d;
}

.hi-icon-effect-3b .hi-icon:hover {
	color: #ffffff;
}

.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.hi-icon-effect-3b .hi-icon:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	background: #98bf0d;
}
.tel .hi-icon:hover:after {
	background: #98bf0d;
}
.direccion .hi-icon:hover:after {
	background: #98bf0d;
}
.email .hi-icon:hover:after {
	background: #98bf0d;
}



@media (max-width: 350px){
	.politica .accept{
		float:left;
		padding-left: 10px;
	    width: 90%;
	}
	
}

#mapa-movil{
	height: 350px !important;
}
.aviso, .cookies, .privacidad{
	padding: 20px;
    font-size: 14px;
}
.aviso td, .cookies td, .privacidad td{
	border:1px solid #98bf0d;
	padding:5px;
}
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus {
    background-color: #98bf0d !important;
    border: 1px solid #98bf0d !important;
}
.alertify-message{
	font-size: 14px !important;
	font-family: 'Roboto', sans-serif;
}
.noimg{
	display: none !important;
}

.ienoglitch .glitch__img{
	transform: none !important;
	animation: none !important;
}

.fechanoti{
	text-align:center;
	color:#9d9d9d;
	margin: 20px 0 0 0;
}
.fechacurso{
	color: #97be0d;
	
	text-transform:uppercase;
	width: max-content;
	padding: 5px;
	margin-top: 15px;
	font-size:12px;
	font-weight: bold;
}

.contenidocurso{
	padding: 30px 0;
   font-weight: bold;
}


.noti{
	margin-bottom:40px;
	/*height: auto !important;*/
}
.titnoti{
	color:#000;
	text-align:left;
	text-transform:uppercase;
	margin: 10px 0 /*20px 0*/;
	line-height: 18px;
	font-size:16px;
	/*min-height: 65px;*/
	display: block;
	font-weight:bold;
}
.titnoti::after {
    display: block;
    width: 50px;
    border-bottom: 3px solid #97be0d;
    content: '';
    position: relative;
	bottom: -10px;
	left: 0px;
}
.certificadostab img{
	width:100%;
}
.certif div{
	background: #f8f8f8;
	text-align:center;
	font-weight:bold;
	padding: 25px 50px;
	margin-bottom:30px;
}
.certif .codigo{
    background: #97be0d;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    padding: 5px 10px;
    margin-top: 15px;
    font-size: 12px;
}
#ultimasnoticias .titnoti{
	line-height: 25px;
}

.detallenoticia .titnoti{
	font-family:'Roboto';
	font-weight:500;
}

#ultimasnoticias .contenido, .detallenoticia .contenido{
	text-align:center;
	font-weight: bold;
	line-height: 20px;
	color: #000;
	font-size:13px;
	max-height: 120px;
	overflow: hidden;
	padding: 0 1rem;
	display: block;
	margin-bottom: 40px;
}

/*#ultimasnoticias .contenido:after {
	content: '\A[+]';
	color: #98bf0d;
	font-size: 16px;
	white-space:pre;
}*/

header{
	background:#272727;
	position:fixed;
	z-index:9999999;
	height:70px;
	width:100%;
}

header .row{
	margin-top:10px;
}

header .logo{
	height:60px;
}

body.fixed .js .nav .active + ul {		
		background-color:#fff !important;
	}

#ultimasnoticias .button, .detallenoticia .button{
	text-align:center;
	color: #98bf0d;
	width: 150px;
	margin: 30px auto !important;
	display: block;
	float:none;
	text-transform:uppercase;
}

.detallenoticia .button{
	padding:15px 20px !important;
	margin:0 auto !important;
}

#ultimasnoticias .button--antiman::before, #ultimasnoticias .button--antiman::after, .detallenoticia .button--antiman::before, .detallenoticia .button--antiman::after{
	border: 2px solid #98bf0d;
	color: #fff;
}

#ultimasnoticias .button--antiman:hover, .detallenoticia .button--antiman:hover {
    color: #ffffff !important;
}

/******************/

#siguenosredes .button, .detallenoticia .button{
	text-align:center;
	color: #fff;
	width: 150px;
	margin: 30px auto !important;
	display: block;
	float:none;
	text-transform:uppercase;
}

.detallenoticia .button{
	padding:15px 20px !important;
	margin:0 auto !important;
}

#siguenosredes .button--antiman::before, #siguenosredes .button--antiman::after, .detallenoticia .button--antiman::before, .detallenoticia .button--antiman::after{
	border: 2px solid #fff;
	color: #fff;
}

#siguenosredes .button--antiman:hover, .detallenoticia .button--antiman:hover {
    color: #98bf0d !important;
}
#siguenosredes .button--antiman::before {
    border: 2px solid #fff;
    opacity: 0;
    background: #fff;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}
#siguenosredes .button--antiman:hover::after {
    opacity: 1;
	background: #fff;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
}

/*****************/



body.fixed ul.dropdown-menu li a{
	color:#98bf0d !important;
}

body.fixed ul.dropdown-menu li a:hover{
	color:#98bf0d !important;
}
.imgnoti{
	width:100%;
	height: 195px;
}

.imgcursobig{
	width:100%;
	height: 360px;
}

.enlacescurso{
	float:right;
	padding-top:15px;
}

.enlacescurso a{
	background: #97be0d !important;
  color: #fff;
  text-transform: uppercase;
  width: max-content;
  /*padding: 5px 10px;
  margin-left: 15px;*/
  padding: 5px 8px;
    margin-left: 10px;
  font-size: 12px;
}

.imgnoti img{
		width:100%;
}
#menutoggle:focus{
	outline: none;
}
.produccion {
    width: 100%;
    height: 250px;
}
.produccion img{
		width:100%;
}

.imgLiquid img{
    visibility:hidden;
}

#ultimasnoticias article p{
	text-align:justify;
	line-height: 20px;
	color: #000;
	font-size:15px;
	max-height: 120px;
	overflow: hidden;
	padding: 0px;
	display: block;
}
.detallenoticia article p{
	text-align:justify;
	line-height: 20px;
	color: #000;
	font-size:15px;
	padding: 0px;
	display: block;
}

.detallenoticia article{
	margin-bottom:90px;
}
article strong{
	color: #000000;
}
article h3{
	font-family:'Roboto';
	font-size: 21px;
	font-style:italic;
	color:#000;
}
article .titnoti{
	font-size: 30px;
	max-height: 100%;
}
article img{
	width: 100%;
	margin-bottom: 25px;
}

.fechanoti{
	text-align:center !important;
	color:#9d9d9d !important;
	margin: 20px 0 0 0;
}

.detallenoticia .fechanoti{
	text-align:center !important;
	color:#9d9d9d !important;
	margin: 10px 0 0 0;
}
.detallenoticia h2{
	margin-bottom: 15px !important;
}

.cab{
	background-image: url('../resources/izen.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	height: 300px;
	width: 100%;
	position: relative;
}
.cab img {
    width: 100%;
}
.detail {
    margin-bottom: 65px;
    margin-top: 60px;
}
.pagination{
	text-align:center;
	width: 100%;
	margin-bottom: 70px;
}
.pagination strong{
	color: #ffffff;
	background: #98bf0d;
	border: 1px solid #98bf0d;
	padding: 5px 10px;
	margin: 5px;
}
.pagination a{
	color: #98bf0d;
	border: 1px solid #98bf0d;
	padding: 5px 10px;
	margin: 5px;
}
.pagination a:hover{
	color: #ffffff;
	background: #98bf0d !important;
	border: 1px solid #98bf0d;
	padding: 5px 10px;
	margin: 5px;
}
.detallenoticia .controls{
	display: block;
}
.detallenoticia .slidernot{
	position: relative;
}

.prevBtn, .nextBtn {
    display: block;
    width: 40px;
    height: 77px;
    left: 2%;
    z-index: 1000;
    background: url('../resources/btn_left.png') no-repeat 0 0;
    background-size:contain;
    cursor: pointer;
    opacity: 1 !important;

    margin: 0px !important;
	position: absolute;
    top: 50%;
    transform: translate(-50%, 0%);
         text-indent: -8000px; 
}
.nextBtn {
    left: 98%;
    background: url('../resources/btn_right.png') no-repeat 0 0;
    background-size: contain;
         text-indent: -8000px; 
}
#slideNoticia .slidesContainer{
	/*width: 100% !important;*/
	padding:0px;
	margin:0px;
	margin-bottom:25px;
	margin-right:0px !important;
	transform: none !important;
	/*width: auto !important;*/
}
#slideNoticia .slide img{
	width: 100%;
	height:100%;
	margin:0px !important;
}
#slideNoticia .imgLiquid{
	height:684px;
}

.idiomas{
	padding: 0px;
	margin-top: 20px;
}
.idiomas li{
	display: inline;
    margin: 5px;
}
.idiomas li:first-child{
	padding-right:10px;
	border-right: 1px solid #00B7EC;
}
.idiomas li a{
	color:#00B7EC;
}
.idiomas li a:hover{
	color:#98bf0d;
}
.rrss ul{
	padding:0px;
	margin-top: 10px;
}
.rrss li {
	height:29px;
	width:29px;
	margin: 0 5px;
	display:inline-block;
}
.rrss li a{
	height:29px;
	width:29px;
	display:inline-block;
}
.rrss .fb{
	 background: url('../resources/facebook-pk-b.png') no-repeat 0 0;
}
.rrss .tw{
	 background: url('../resources/twitter-pk-b.png') no-repeat 0 0;
}
.rrss .yt{
	 background: url('../resources/youtube-pk-b.png') no-repeat 0 0;
}
.rrss .fb:hover{
	 background: url('../resources/facebook-pk-v.png') no-repeat 0 0;
}
.rrss .tw:hover{
	 background: url('../resources/twitter-pk-v.png') no-repeat 0 0;
}
.rrss .yt:hover{
	 background: url('../resources/youtube-pk-v.png') no-repeat 0 0;
}
#siguenosredes .rrss ul{
	padding:0px;
	margin-top: 10px;
	text-align:center;
	margin-bottom:30px;
}
#siguenosredes .rrss li {
	height:74px;
	width:74px;
	margin: 0 85px;
	display:inline-block;
}
#siguenosredes .rrss li a{
	height:74px;
	width:74px;
	display:inline-block;
}
#siguenosredes .rrss .fb{
	 background: url('../resources/facebook-g-b.png') no-repeat 0 0;
}
#siguenosredes .rrss .tw{
	 background: url('../resources/twitter-g-b.png') no-repeat 0 0;
}
#siguenosredes .rrss .yt{
	 background: url('../resources/youtube-g-b.png') no-repeat 0 0;
}
#siguenosredes .rrss .fb:hover{
	 background: url('../resources/facebook-g-h.png') no-repeat 0 0;
}
#siguenosredes .rrss .tw:hover{
	 background: url('../resources/twitter-g-h.png') no-repeat 0 0;
}
#siguenosredes .rrss .yt:hover{
	 background: url('../resources/youtube-g-h.png') no-repeat 0 0;
}
.footercentro{
	padding: 0px 80px;
	padding-right:110px;
}
.siguenos .rrss ul{
	padding:0px;
	margin-top: 10px;
	text-align:center;
}
.siguenos .rrss li {
	height:16px;
	width:16px;
	margin: 0 15px;
	display:inline-block;
}
.siguenos .rrss li a{
	height:16px;
	width:16px;
	display:inline-block;
}
.siguenos .rrss .fb{
	 background: url('../resources/facebook.png') no-repeat 0 0;
}
.siguenos .rrss .tw{
	 background: url('../resources/twitter.png') no-repeat 0 0;
	 width:24px;
}
.siguenos .rrss .yt{
	 background: url('../resources/youtube.png') no-repeat 0 0;
	 width:18px;
}
.siguenos .rrss .fb:hover{
	 background: url('../resources/facebook-h.png') no-repeat 0 0;
}
.siguenos .rrss .tw:hover{
	 background: url('../resources/twitter-h.png') no-repeat 0 0;
}
.siguenos .rrss .yt:hover{
	 background: url('../resources/youtube-h.png') no-repeat 0 0;
}
.siguenos{
	text-align:center;
	color:#97be0d;
}
.iconos p{
	line-height:16px;
	margin-top: 7px;
}
.iconos a{
	color:#fff;
	text-transform:uppercase;
	margin-top:5px;
}
.iconos a:hover{
	color:#97be0d;
}
.iconos img{
	float: left;
	margin-right: 10px;
}
.footercentro hr{
	margin-top:10px;
	border-top: 1px solid #4f4f4f;
}

body.fixed .idiomas li a {
    color: #98bf0d !important;
}
body.fixed .idiomas li:first-child{
	padding-right:10px;
	border-right: 1px solid #98bf0d;
}
body.fixed .idiomas li a:hover {
    color: #00B7EC !important;
}

#equipo strong{
	color: #98bf0d;
}
#equipo ul{
	padding:0px;
}
#equipo li{
	display: inline-table;
	width:24%;
	margin-bottom:20px;
	line-height: 18px;
}
#equipo .texto{
	padding: 10px 0px;
}
.sinmarginbottom{
	margin-bottom:0px;
}
@media (max-width: 1220px) and (min-width: 769px){
	.tipos {
		width: 80%;
	}
}

@media (max-width: 810px){
	fieldset li{
		width: 100% !important;
		padding-right: 0px !important;;
	}
	.aviso h2, .cookies h2{
    	font-size: 20px;
	}
	footer .negro {
		text-align: center;
	}
	footer .legal {
		text-align: center;
	}
	footer p.copyright {
		text-align: center;
	}
	.footercentro {
		padding: 30px 15px;
	}
	.footercentro .rrss {
		display: block;
	}
	.iconos img {
		float: initial;
		margin-right: 0px;
	}
	.gallery img {
		width: 50%;
	}
	#servicios .tipos {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		text-align: center;
		width: auto;
		padding: 20px;
	}
	.logoscolaboracion img {
		margin: 0px;
	}
	header{
		height:60px;
	}
	header .row {
	    margin-top: 10px;
	}
	.navbar-toggle{
		margin: 0 0 8px 0 !important;
	}
	/*header .logo {
	    margin: 0 0 0 15px;
	    position:absolute;
	}*/
	body.fixed header .logo{
		background-image: url('../resources/logo_pie.png');
		background-repeat: no-repeat;
		/*background-size: 60%;*/
	    margin: -10px 0 0 15px;
	    position:absolute;
	}
	.imgnoti img, .produccion img{
		width:100%;
	}
	
	.noti{
		margin-bottom:20px;
	}
	
	#ultimasnoticias .contenido, .detallenoticia .contenido {
	    max-height: 160px;
	    overflow: hidden;
	    padding: 0 1rem;
	    display: block;
	}
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color: transparent !important;
	}
	
	.navbar-default .navbar-toggle {
    	border: none;
    	background-color: transparent;
    	padding: 5px 11px;
	}
	
	body.fixed .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
		background-color: transparent !important;
	}
	
	body.fixed .navbar-default .navbar-toggle {
    	border: none;
    	background-color: #fff;
    	padding: 5px 11px;
	}
	
	
	.icon-bar{
		background-color:#fff !important;
		width: 25px !important;
		height: 3px !important;
	}
	
	body.fixed .icon-bar{
		background-color:#98bf0d !important;
	}
	
	.navbar-default .navbar-toggle:hover {
    	background-color: transparent;
	}
	
	.navbar-header{
		padding:0 !important;
	}
	
	#navbar-menu, #cabecera{
		padding:0;
	}
	
	ul.dropdown-menu li {
	    display: block;
	    margin: 0 0 10px 0;
    }
    
    .dropdown-menu {
	    position: absolute;
	    top: 100%;
	    right: 0 !important;
	    z-index: 1000;
	    display: none;
	    float: left;
	    min-width: 330px;
	    padding: 5px 0;
	    margin: 2px 0 0;
	    font-size: 14px;
	    text-align: left;
	    list-style: none;
	    background-color: transparent;
	    -webkit-background-clip: padding-box;
	    background-clip: padding-box;
	    border: none;
	    border: none;
	    border-radius: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    width: 92%;
	    text-align: center;
	    left:auto;
	    text-transform:uppercase;
	}
	
	body.fixed .dropdown-menu{
		background-color:#fff;
		margin:0;
	}
	
	.navbar{
		min-height:30px;
		margin: 10px 0 0 0;
	}
	
	.navbar-collapse {
	    padding-right: 15px;
	    padding-left: 15px;
	    overflow-x: visible;
	    -webkit-overflow-scrolling: touch;
	    border-top: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    margin:-10px;
	}
	article h3, article p{
		margin: 10px 20px;

	}
	article p{
		font-size: 13px !important;
	}
	article h3{
		font-size: 18px !important;
	}
	article .titnoti{
		font-size: 25px;
	}
	.menuidiomas, .rrss{
		display:none;
	}
	.menuidiomas.active, .rrss.active{
		display:block;
	}
	.idiomas, .rrss{
		text-align:center;
	}
	body.fixed .idiomas li a {
		color: #00B7EC !important;
	}
	body.fixed .idiomas li:first-child{
		padding-right:10px;
		border-right: 1px solid #00B7EC;
	}
	#equipo li{
		display: inline-table;
		width:33%;
		margin-bottom:20px;
		line-height: 18px;
	}
}
@media (max-width: 500px){
	#equipo li{
		display: inline-table;
		width:100%;
		margin-bottom:20px;
		line-height: 18px;
	}
}
.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 400px;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #f8f8f8;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
	margin-top:60px;
}

.og-expander {
	position: absolute;
	background: #f8f8f8;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 90px;
	text-align: left;
	height: 0;
	overflow: hidden;
	z-index:9;
}

.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	width: 65%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.og-fullimg{
	width: 35%;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-weight: 300;
	font-size: 35px;
	padding: 0px;
	margin-bottom: 10px;
	margin-top:0px;
}
.og-details h3::after {
	border:none;
	width:0px;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #999;
}

.og-details a {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
}
.og-details ul {
	padding-left:0px;
}
.og-details li {
	height:auto;
	display:block;
}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media screen and (max-width: 830px) {

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

@media screen and (max-width: 650px) {

	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	
}





/* -------------------------------------------------------------------
  Microtip
  Modern, lightweight css-only tooltips
  Just 1kb minified and gzipped
  @author Ghosh
  @package Microtip
  https://github.com/ghosh/microtip#installation
  
  ej:  <button aria-label="El texto a mostrar en el tooltip" data-microtip-position="top" role="tooltip">  // top, top-left, bottom-left, etc.
  
----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
--------------------------------------------------------------------*/


/* ------------------------------------------------
  [1] Base Styles
-------------------------------------------------*/

[aria-label][role~="tooltip"] {
  position: relative;
}

[aria-label][role~="tooltip"]::before,
[aria-label][role~="tooltip"]::after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 99999;
  transform-origin: top;
}

[aria-label][role~="tooltip"]::before {
  background-size: 100% auto !important;
  content: "";
}

[aria-label][role~="tooltip"]::after {
  background:  #97be0d; /*rgba(17, 17, 17, .9);*/
  border-radius: 4px;
  color: #ffffff;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 11px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: .5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
  font-weight: bold;
font-size: 12px;
}

[aria-label][role~="tooltip"]:hover::before,
[aria-label][role~="tooltip"]:hover::after,
[aria-label][role~="tooltip"]:focus::before,
[aria-label][role~="tooltip"]:focus::after {
  opacity: 1;
  pointer-events: auto;
}



/* ------------------------------------------------
  [2] Position Modifiers
-------------------------------------------------*/

[role~="tooltip"][data-microtip-position|="top"]::before {
/*  
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  
  
  height: 7px;
  width: 18px;
  margin-bottom: 5px;
  */
  
  border-left: 8px solid transparent;
  border-top: 8px solid #97be0d; /*rgba(17, 17, 17, .9);*/
  border-right: 8px solid transparent;
  height: 8px;
  width: 8px;
  margin-top: 0;
  margin-bottom: 4px;
  
}




[role~="tooltip"][data-microtip-position|="top"]::after {
  margin-bottom: 11px;
}

[role~="tooltip"][data-microtip-position|="top"]::before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~="tooltip"][data-microtip-position|="top"]:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

.content-li[role~="tooltip"][data-microtip-position|="top"]:hover::before {
  transform: translate3d(-50%, 15px, 0);
}

[role~="tooltip"][data-microtip-position|="top"]::after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~="tooltip"][data-microtip-position="top"]:hover::after {
  transform: translate3d(-50%, -5px, 0);
}



/* ------------------------------------------------
  [2.1] Top Left
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="top-left"]::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}

[role~="tooltip"][data-microtip-position="top-left"]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}


/* ------------------------------------------------
  [2.2] Top Right
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="top-right"]::after {
  transform: translate3d(calc(0% + -16px), 0, 0);
  bottom: 100%;
}

[role~="tooltip"][data-microtip-position="top-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), -5px, 0);
}

.content-li[role~="tooltip"][data-microtip-position="top-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), 15px, 0);
}


/* ------------------------------------------------
  [2.3] Bottom
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position|="bottom"]::before {

  border-left: 8px solid transparent;
  border-bottom: 8px solid #97be0d; /*rgba(17, 17, 17, .9);*/
  border-right: 8px solid transparent;
  height: 8px;
  width: 8px;
  margin-top: 4px;
  margin-bottom: 0;
}

[role~="tooltip"][data-microtip-position|="bottom"]::after {
  margin-top: 11px;
}

[role~="tooltip"][data-microtip-position|="bottom"]::before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}

[role~="tooltip"][data-microtip-position|="bottom"]:hover::before {
  transform: translate3d(-50%, 0, 0);
}

[role~="tooltip"][data-microtip-position|="bottom"]::after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}

[role~="tooltip"][data-microtip-position="bottom"]:hover::after {
  transform: translate3d(-50%, 0, 0);
}


/* ------------------------------------------------
  [2.4] Bottom Left
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="bottom-left"]::after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}

[role~="tooltip"][data-microtip-position="bottom-left"]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}


/* ------------------------------------------------
  [2.5] Bottom Right
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="bottom-right"]::after {
  transform: translate3d(calc(0% + -16px), -10px, 0);
  top: 100%;
}

[role~="tooltip"][data-microtip-position="bottom-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), 0, 0);
}


/* ------------------------------------------------
  [2.6] Left
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="left"]::before,
[role~="tooltip"][data-microtip-position="left"]::after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

[role~="tooltip"][data-microtip-position="left"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}

[role~="tooltip"][data-microtip-position="left"]::after {
  margin-right: 11px;
}

[role~="tooltip"][data-microtip-position="left"]:hover::before,
[role~="tooltip"][data-microtip-position="left"]:hover::after {
  transform: translate3d(0, -50%, 0);
}


/* ------------------------------------------------
  [2.7] Right
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="right"]::before,
[role~="tooltip"][data-microtip-position="right"]::after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}

[role~="tooltip"][data-microtip-position="right"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

[role~="tooltip"][data-microtip-position="right"]::after {
  margin-left: 11px;
}

[role~="tooltip"][data-microtip-position="right"]:hover::before,
[role~="tooltip"][data-microtip-position="right"]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [3] Size
-------------------------------------------------*/
[role~="tooltip"][data-microtip-size="small"]::after {
  white-space: initial;
  width: 80px;
}

[role~="tooltip"][data-microtip-size="medium"]::after {
  white-space: initial;
  width: 150px;
}

[role~="tooltip"][data-microtip-size="large"]::after {
  white-space: initial;
  width: 260px;
}