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


@font-face {
  font-family: 'CeraPro-Black';
  src: url('../fonts/CeraPro-Black.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/CeraPro-Black.otf')  format('opentype'),
	   url('../fonts/CeraPro-Black.woff') format('woff'), 
	   url('../fonts/CeraPro-Black.ttf')  format('truetype'), 
	   url('../fonts/CeraPro-Black.svg#CeraPro-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'CeraPro-BlackItalic';
  src: url('../fonts/CeraPro-BlackItalic.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/CeraPro-BlackItalic.otf')  format('opentype'),
	   url('../fonts/CeraPro-BlackItalic.woff') format('woff'), 
	   url('../fonts/CeraPro-BlackItalic.ttf')  format('truetype'),
	   url('../fonts/CeraPro-BlackItalic.svg#CeraPro-BlackItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CeraPro-BoldItalic';
  src: url('../fonts/CeraPro-BoldItalic.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/CeraPro-BoldItalic.otf')  format('opentype'),
	   url('../fonts/CeraPro-BoldItalic.woff') format('woff'), 
	   url('../fonts/CeraPro-BoldItalic.ttf')  format('truetype'),
	   url('../fonts/CeraPro-BoldItalic.svg#CeraPro-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CeraPro-Italic';
  src: url('../fonts/CeraPro-Italic.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/CeraPro-Italic.otf')  format('opentype'),
	   url('../fonts/CeraPro-Italic.woff') format('woff'), 
	   url('../fonts/CeraPro-Italic.ttf')  format('truetype'), 
	   url('../fonts/CeraPro-Italic.svg#CeraPro-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CeraPro-LightItalic';
  src: url('../fonts/CeraPro-LightItalic.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/CeraPro-LightItalic.otf')  format('opentype'),
	   url('../fonts/CeraPro-LightItalic.woff') format('woff'), 
	   url('../fonts/CeraPro-LightItalic.ttf')  format('truetype'), 
	   url('../fonts/CeraPro-LightItalic.svg#CeraPro-LightItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'CeraPro-MediumItalic';
  src: url('../fonts/CeraPro-MediumItalic.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/CeraPro-MediumItalic.otf')  format('opentype'),
	   url('../fonts/CeraPro-MediumItalic.woff') format('woff'), 
	   url('../fonts/CeraPro-MediumItalic.ttf')  format('truetype'), 
	   url('../fonts/CeraPro-MediumItalic.svg#CeraPro-MediumItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CeraPro-Medium';
  src: url('../fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/CeraPro-Medium.otf')  format('opentype'),
	   url('../fonts/CeraPro-Medium.woff') format('woff'), 
	   url('../fonts/CeraPro-Medium.ttf')  format('truetype'), 
	   url('../fonts/CeraPro-Medium.svg#CeraPro-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

.accionesenparques{}
.accionesenparques-fluid{
	padding: 0;
}
.accionesenparques-rowdesktop{}
.accionesenparques-rowmovil{
	display: none;
}


.accionesenparquesaccion {
	position:relative;
	width: 20%;
	padding: 0;
}
.accionesenparquesaccion img {
	 width:100%;
	 height:100%;
}
.accionesenparquesaccion .back {
	 display:table;
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;
	 padding:0px;
	 background-color:transparent;
	 color:#fff;
	 text-align:center;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 transform:rotateY(180deg);
	 opacity:0;
}
.accionesenparquesaccion .back .back_inner {
	 /* display:table-cell;
	 width:100%;
	 height:100%; */
	 vertical-align:middle;
}
.accionesenparquesaccion .back .back_inner span {
	 display:block;
}
.accionesenparquesaccion .back .back_inner .sub_tit {
	 color:#fff;
	 font-size:16px;
}
.accionesenparquesaccion .back .back_inner .desc {
	 margin-top:19px;
	 color:#b1b1b1;
	 font-size:12px;
}
.accionesenparquesaccion:hover .back {
	 transform:rotateY(0deg);
	 opacity:1;
	 transition:opacity .3s, transform .6s;
}



/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/

@media screen and (min-width:320px) and (max-width:479px){
	
	.accionesenparques-rowdesktop{
		display: none;
	}
	.accionesenparques-rowmovil{
		display: block;
	}

	
}

@media screen and (min-width:480px) and (max-width:599px){
	
	.accionesenparques-rowdesktop{
		display: none;
	}
	.accionesenparques-rowmovil{
		display: block;
	}
	
}

@media screen and (min-width:600px) and (max-width:767px){
	
	.accionesenparques-rowdesktop{
		display: none;
	}
	.accionesenparques-rowmovil{
		display: block;
	}
	
}

@media screen and (min-width:768px) and (max-width:799px){
	
	.accionesenparques-rowdesktop{
		display: none;
	}
	.accionesenparques-rowmovil{
		display: block;
	}
	
}

@media screen and (min-width:800px) and (max-width:1023px){
	
	.accionesenparques-rowdesktop{
		display: none;
	}
	.accionesenparques-rowmovil{
		display: block;
	}
	
}

@media screen and (min-width:1024px) and (max-width:1279px){
	
	.accionesenparquesaccion{
		width: 33%;
	}
	
	
}

@media screen and (min-width:1280px) and (max-width:1359px){}


  /**************mas usados****************/



@media screen and (min-width:1360px) and (max-width:1439px){}

@media screen and (min-width:1440px) and (max-width:1599px){}

@media screen and (min-width:1600px) and (max-width:1679px){}

@media screen and (min-width:1680px) and (max-width:1919px){}