/* General */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	font-family: sans-serif;
}

/* popups */
#POPUP_COOKIES{
	width: 420px;
	text-align: left;
}


/* Mensajes */
.mensaje {
	position: absolute;
    width: 350px;
    left: 68%;
    top: 10%;    
    padding: 10px 15px;   
    border-radius: 1em;
    /*box-shadow: 0px 0px 0px 1px transparent, 0 0 0 5px rgba(0,0,0,0.05);*/
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}


.mensaje.suspendido{
	background: #D60000;
	border: 1px solid #B20909;
	color: #FFF;
	animation: blink_suspendido 2s ease-in-out infinite alternate;
}

.mensaje.alerta{
	background: #F7AB3D;
	border: 1px solid #DC9734;
	color: #222;
	animation: blink_alerta 2s ease-in-out infinite alternate;*/
}

.mensaje.varios_msg {
	background: #D60000;
	border: 1px solid #B20909;
	color: #FFF;
	animation: blink_varios_msg 2s ease-in infinite alternate;
}

@keyframes blink_suspendido {
	0% {
		/*background: #D60000;*/
		/*box-shadow: 0px -1px 20px 1px rgba(0, 0, 0, 0.5);*/
		left: 65%;
		top: 9%;
	}
	100%{
		/*background: #F11313;*/
		/*box-shadow: 0px -1px 30px 1px rgba(0, 0, 0, 0.6);*/
		left: 67%;
		top: 11%;
	}
}

@keyframes blink_alerta {
	0% {
		/*background: #FCD727;*/
		/*box-shadow: 0px -1px 20px 1px rgba(0, 0, 0, 0.5);*/
		left: 65%;
		top: 9%;
	}
	100%{
		/*background: #FCD720;*/
		/*box-shadow: 0px -1px 25px 1px rgba(0, 0, 0, 0.6);*/
		left: 67%;
		top: 11%;
	}
}

@keyframes blink_varios_msg {
	0% {
		/*background: #D60000;*/
		/*box-shadow: 0px -1px 20px 1px rgba(0, 0, 0, 0.5);*/
		left: 65%;
		top: 20%;
	}
	100%{
		/*background: #F11313;*/
		/*box-shadow: 0px -1px 30px 1px rgba(0, 0, 0, 0.6);*/
		left: 67%;
		top: 21%;
	}
}





/***********************************
  Slider 
************************************/
.container {
  max-width: 800px;
  width: 90%;
  margin: 20px auto;
  position: relative;
	
}
	
.slider_container:hover {
	cursor: pointer;
	
}

.slider_container {
  max-width: 700px;
  width: 80%;
  margin: auto;
  overflow: hidden;
  position: relative; }

.slider {
  position: relative; 
  left:0;
}
 
.slider img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.slide {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden; }
  .slide:hover .slide_info {
    bottom: 0; }

.slide_info {
  background-color: rgba(5,5,5,.75);
  box-shadow: 0 -1px 10px #000;
  color: #fff;
  padding: 10px;
  position: absolute;
  text-align: left;
  bottom: -100%;
  width: 100%;
  transition: all .7s ease; }
  .slide_info h4 {
    font-size: 16px; }
  .slide_info p {
    font-size: 13px; }

/* Controles */
[class^="btn_"] {
  position: absolute;
  top: 30%;
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.7);
  background-image: linear-gradient(#333, #222);
  line-height: 60px;
  text-align: center;
  color: #fff;
  border-radius: 15%;
  z-index: 2000;
  font-size: 30px;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,.5);
  /*box-shadow: 0 0 10px 2px #000;*/
  text-shadow: 1px 1px 6px #000;
}
.btn_prev {
  left: -18px; }

.btn_next {
  right: -18px; }

	
	
/************************************
Media queries
************************************/
@media(max-width: 1500px){
 	@keyframes blink_suspendido {
	  0%{
	    left: 68%;
 		top: 10%;
	  }
	  100%{
	    left: 70%;
	    top: 12%;
	  }
 	}
	@keyframes blink_alerta{
	  0%{
	    left: 68%;
 		top: 10%;
	  }
	  100%{
	    left: 70%;
	    top: 12%;
	  }
 	}
 	
	@keyframes blink_varios_msg {
		0% {
			left: 66%;
			top: 20%;
		}
		100%{
			left: 69%;
			top: 22%;
		}
	}
}

@media(max-width: 1390px){
	@keyframes blink_varios_msg {
		0% {
			left: 68%;
			top: 20%;
		}
		100%{
			left: 70%;
			top: 22%;
		}
	}
}
	
@media(max-width: 1250px){
	.mensaje{
		width: 250px;
		left: 59%;
		font-size: 12px;
	}
	.mensaje.varios_msg{
		width: 300px;
		z-index: 2000;
	}
	
	@keyframes blink_suspendido {
		0% {
		  left: 70%;
		  top: 10%;
		}
		100% {
		  left: 72%;
		  top: 12%;
		}
	}
	
	@keyframes blink_alerta {
		0% {
		  left: 70%;
		  top: 10%;
		}
		100% {
		  left: 72%;
		  top: 12%;
		}
	}
	
	@keyframes blink_varios_msg {
		0% {
			left: 70%;
			top: 160px;
		}
		100%{
			left: 72%;
			top: 170px;
		}
	}
}

@media(max-width: 1120px){
	.container {
		margin-top: 25px;
	}
	.container.varios_msg{
		margin-top: 75px;;
	}
	.container.sin_msg {
		margin-top: 20px;
	}
	.mensaje.varios_msg {
		top: 240px;
    	left: 27%;
    	width: 450px;
	}
	@keyframes blink_suspendido {
		0% {
		  left: 72%;
		  top: 10%;
		}
		100% {
		  left: 74%;
		  top: 12%;
		}
	}
	@keyframes blink_alerta {
		0% {
		  left: 72%;
		  top: 10%;
		}
		100% {
		  left: 74%;
		  top: 12%;
		}
	}
	
	@keyframes blink_varios_msg {
		0% {
			left: 26%;
		}
		100%{
			left: 28%;
		}
	}
}
@media(max-width: 1024px){
	.container.sin_mg {
		margin-top: 20px;
	}
	.container {
		margin-top: 80px;
	}
	.mensaje {
		width: 450px;
		left: 27%;
		top: 245px;				
	}
	.mensaje.varios_msg{
		top: 312px;
	}
	.container.varios_msg {
		margin-top: 150px;
	}
	
	.varios_msg + .center .container {
		margin-top: 150px;
	}
	@keyframes blink_suspendido {
	  0%{
		left: 26%;
	  }
	  100%{ 
	    left:29%;
	  }
	}
	@keyframes blink_alerta {
	  0%{
		left: 26%;
	  }
	  100% {
		left: 28%;
	  }
	}
}
	
@media(max-width: 960px){
	[class^="btn_"]{
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 22px;
	}
	.btn_prev {
		left: 10px;
	}
	.btn_next {
		right: 10px;
	}
	.slide_info h2 {
		font-size: 14px;
	}
	.slide_info p {
		font-size: 12px;
	}
	@keyframes blink_suspendido {
	  0%{
		margin-left: -10px;
	  }
	  100% {
		margin-left: 10px;
	  }
	}
	@keyframes blink_alerta {
	  0%{
		margin-left: -10px;
	  }
	  100% {
		margin-left: 10px;
	  }
	}
}

@media(max-width: 900px){
	.mensaje.alerta,
	.mensaje.varios_msg {
		left: 25%;
	}
	@keyframes blink_varios_msg {
		0%{ left: 23%; }
		100% { left: 25%;}
	}
	@keyframes blink_alerta {
		0%{ left: 23%; }
		100% { left: 25%;}
	}
}

@media(max-width: 850px){
	@keyframes blink_varios_msg {
		0%{ left: 20%; }
		100% { left: 22%;}
	}
	@keyframes blink_alerta {
		0%{ left: 20%; }
		100% { left: 22%;}
	}
}

@media(max-width: 720px){
	[class^="btn_"]{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
	}
	.btn_prev {
		left: 10px;
	}
	.btn_next {
		right: 10px;
	}
	.slide_info h2 {
		font-size: 14px;
	}
	.slide_info p {
		font-size: 11px;
	}
	
	.mensaje,
	.mensaje.varios_msg {
		width: 75%;
		left: 12%;
		top: 245px;	
	}
	.mensaje.varios_msg {
		top: 310px;
	}
	
	@keyframes blink_varios_msg {
		0%{ left: 10%; }
		100% { left: 12%;}
	}
	@keyframes blink_alerta {
		0%{ left: 10%; }
		100% { left: 12%;}
	}
}

@media(max-width: 480px){
 .container.varios_msg {
	margin-top: 175px;
 }
 .mensaje, .mensaje.varios_msg,
 .mensaje.alerta, .mensaje.suspendido {
	width: 90%;
 	margin: auto;
 	animation: none !important;
 	left: 5%;
 }
}