/* ============ CARACTERISTICAS PV TELSTOCK ============ */
#cpv .cpv-menu{
	margin:15px auto;
	padding:20px;
    height: 400px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
#cpv .cpv-menu span{
    text-align: center;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;}
#cpv .cpv-menu span i{
    font-size: 80px;
    line-height: 100px;
	display:block;
	margin:25px auto 15px;
    width: 100%;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}
#cpv .cpv-menu .f-content{
	display:block;
	width:100%;
	margin:5px auto;
    text-align: center;
	padding:0;
    font-size: 18px;
    line-height: 28px;
    -webkit-transition: all 200ms linear both;
    -moz-transition: all 200ms linear both;
    -o-transition: all 200ms linear both;
    -ms-transition: all 200ms linear both;
    transition: all 200ms linear both;}	
#cpv .cpv-menu .f-content h3{
	padding:10px 0;}
#cpv .cpv-menu .f-sub{
	font-family:"Helvetica-Light",sans-serif;}
#cpv .cpv-menu:hover{
	cursor: default;
    z-index:999;
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);   
    -o-transform: scale(1.1);   
    transform: scale(1.1);}
#cpv .cpv-menu:hover span{
	cursor: default;}
#cpv .cpv-menu:hover i{
	cursor: default;
    font-size: 110px;}
		
@-webkit-keyframes mTcpv {
	0% {top: 30%;}
	100% {top: 35%;}	}
@-moz-keyframes mTcpv {
	0% {top: 30%;}
	100% {top: 35%;}		}
@-ms-keyframes mTcpv {
	0% {top: 30%;}
	100% {top: 35%;}		}
@keyframes mTcpv {
	0% {top: 30%;}
	100% {top: 35%;}		}
@-webkit-keyframes sTcpv{
	0% {font-size: 24px; top: 100px;}
	100% {font-size: 34px; top: 25px;}	}
@-moz-keyframes sTcpv{
	0% {font-size: 24px; top: 100px;}
	100% {font-size: 34px; top: 25px;}}
@-ms-keyframes sTcpv{
	0% {font-size: 24px; top: 100px;}
	100% {font-size: 34px; top: 25px;}}
@keyframes sTcpv{
	0% {font-size: 24px; top: 100px;}
	100% {font-size: 34px; top: 25px;}}	
	
#cpv .cpv-menu{
    background: #F8F8F8;}
#cpv .cpv-menu span i{
    color: #353935;}
#cpv .cpv-menu .f-content{
    color: #71706d;}
#cpv .cpv-menu .f-main{
    color: #454945;}
#cpv .cpv-menu:hover{
    background-color: #FFF;}
#cpv .cpv-menu:hover i{
    color: rgba(119,178,0,0.1);
    text-shadow: 0px 0px 0px rgba(0,0,0,0);}
#cpv .cpv-menu:hover .f-main{
    color: #77B200;
    text-shadow: 2px 2px 2px rgba(255,255,255,0.75);}
#cpv .cpv-menu:hover .f-content{
    color: #353935;
    text-shadow: 0px 0px 0px rgba(0,0,0,0);}	

@media (min-width:0px) and (max-width:479px){
#cpv .cpv-menu{
	margin:5px 0 15px;
	padding:20px;
    height: 300px;}
#cpv .cpv-menu span{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;}
#cpv .cpv-menu span i{
    font-size: 120px;
	line-height:80px;
    position: relative;
	display:block;
    width: 100%;
	margin:40px auto 20px;
    text-align: center;
    color: rgba(119,178,0,0.55);}	
#cpv .cpv-menu .f-content {
    text-align: center;
	display: block;
	position:absolute;
	top:-20px;
    width: auto;
    height: auto !important;
    margin: 0 auto;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);}
#cpv .cpv-menu .f-content p{
    font-size: 20px;
    line-height: 28px;}
#cpv .cpv-menu:hover{
	cursor: default;
    z-index:999;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;}
#cpv .cpv-menu:hover i{
    font-size: 150px;
    color: rgba(119,178,0,0.1);}}	
@media (min-width:480px) and (max-width:767px){
#cpv .cpv-menu{
	margin:5px 0 15px;
	padding:10px 40px;
    height: 200px;}
#cpv .cpv-menu span{
    text-align: center;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;}
#cpv .cpv-menu span i{
    font-size: 80px;
	line-height:80px;
    position: relative;
	display:block;
    width: 80px;
    height: 80px;
	float:left;
    text-align: left;
	color: rgba(119,178,0,0.55);}	
#cpv .cpv-menu .f-content {
	display: block;
    float: left;
    left: 130px;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 70%;}
#cpv .cpv-menu .f-content p{
    font-size: 20px;
    line-height: 26px;}
#cpv .cpv-menu:hover{
	cursor: default;
    z-index:999;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;}
#cpv .cpv-menu:hover i{
	cursor: default;
    font-size: 80px;
    color:#99CC00;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);}}
@media (min-width:768px) and (max-width:991px){
#cpv .cpv-menu{ height: 200px; margin: 5px 0 20px; padding: 20px;}
#cpv .cpv-menu .f-content h3 {
	font-size: 26px;
    line-height: 34px;
    margin: 0 0 0 -8px;
    padding: 0 0 10px;}
#cpv .cpv-menu span i{
    font-size: 80px;
    line-height: 100px;
	display:block;
	margin:0px auto 20px;
    width: 100%;
    position: relative;
    text-align: center;
    color: rgba(119,178,0,0.55);}
#cpv .cpv-menu .f-content{
	display:block;
    position: absolute;
	width:100%;
	margin:5px auto;
    text-align: center;
	padding:0;
	top:0;}
#cpv .cpv-menu:hover i{
	cursor: default;
    font-size: 80px;
    color: rgba(119,178,0,0.1);}}
@media (min-width:992px){	
 #cpv .cpv-menu .f-main {
    height: 50%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 100%;}
#cpv .cpv-menu .f-sub {
    left: 0;
    position: absolute;
    text-align: center;
    top: 160px;
    width: 100%;}
#cpv .cpv-menu:hover .f-main{
	cursor: default;
    -webkit-animation: sTcpv 300ms ease both;
    -moz-animation: sTcpv 300ms ease both;
    -ms-animation: sTcpv 300ms ease both;}
#cpv .cpv-menu:hover .f-sub{
	cursor: default;
    -webkit-animation: mTcpv 500ms ease both;
    -moz-animation: mTcpv 500ms ease both;
    -ms-animation: mTcpv 500ms ease both;}}


/* ============ VENTAJAS PV TELSTOCK ============ */
.f-menu{
	margin:5px auto 15px;
	padding:10px 20px;
    height: 450px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.f-menu span{
    text-align: center;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;}
.f-menu span i{
    font-size: 80px;
    line-height: 100px;
	display:block;
	margin:25px auto 15px;
    width: 100%;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}
.f-menu .f-content{
	display:block;
	width:100%;
	margin:5px auto;
    text-align: center;
	padding:0;
    font-size: 18px;
    line-height: 28px;
    -webkit-transition: all 200ms linear both;
    -moz-transition: all 200ms linear both;
    -o-transition: all 200ms linear both;
    -ms-transition: all 200ms linear both;
    transition: all 200ms linear both;}	
.f-menu .f-content h3{
	padding:10px 0;}
.f-menu .f-content .f-sub {
	font-family:"Helvetica-Light",sans-serif;}
.f-menu:hover{
	cursor: default;
    z-index:999;
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);   
    -o-transform: scale(1.1);   
    transform: scale(1.1);}
.f-menu:hover span{
	cursor: default;}
.f-menu:hover i{
	cursor: default;
    font-size: 110px;}
		
@-webkit-keyframes mTtft {
	0% {top: 30%;}
	100% {top: 35%;}	}
@-moz-keyframes mTtft {
	0% {top: 30%;}
	100% {top: 35%;}		}
@-ms-keyframes mTtft {
	0% {top: 30%;}
	100% {top: 35%;}		}
@keyframes mTtft {
	0% {top: 30%;}
	100% {top: 35%;}		}
@-webkit-keyframes sTtft{
	0% {font-size: 24px; top: 100px;}
	100% {font-size: 26px; top: 50px;}	}
@-moz-keyframes sTtft{
	0% {font-size: 24px; top: 100px;}
	100% {font-size: 26px; top: 50px;}}
@-ms-keyframes sTtft{
	0% {font-size: 24px; top: 100px;}
	100% {font-size: 26px; top: 50px;}}
@keyframes sTtft{
	0% {font-size: 24px; top: 100px;}
	100% {font-size: 26px; top: 50px;}}	
	
.f-menu{
    background: #454945;}
.f-menu span{
    color: #FFF;}
.f-menu span i{
    color: #99CC00;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.f-menu .f-content{
    text-shadow: 2px 2px 2px rgba(0,0,0,0.25);}
.f-menu:hover{
    background-color: #FFF;}
.f-menu:hover i{
    color: rgba(119,178,0,0.1);
    text-shadow: 0px 0px 0px rgba(0,0,0,0);}
.f-menu:hover .f-main{
    color: #99CC00;
    text-shadow: 0px 0px 0px rgba(0,0,0,0);}
.f-menu:hover .f-content{
    color: #353935;
    text-shadow: 0px 0px 0px rgba(0,0,0,0);}	

@media (min-width:0px) and (max-width:479px){
.f-menu{
	margin:5px 0 15px;
	padding:20px;
    height: 500px;}
.f-menu span{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;}
.f-menu span i{
    font-size: 120px;
	line-height:80px;
    position: relative;
	display:block;
    width: 100%;
	margin:40px auto 20px;
    text-align: center;
    color: rgba(119,178,0,0.55);}	
.f-menu .f-content {
	display: block;
	position:absolute;
	top:-20px;
    width: auto;
    height: auto !important;
    margin: 0 auto;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);}
.f-menu .f-main {
    text-align: center;
    margin-top: 120px;}
.f-menu .f-sub {
    text-align: left;
    margin-top: 20px;
    font-size: 20px;
    line-height: 28px;}
.f-menu:hover{
	cursor: default;
    z-index:999;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;}
.f-menu:hover i{
    font-size: 150px;
    color: rgba(119,178,0,0.1);}}	
@media (min-width:480px) and (max-width:767px){
.f-menu{
	margin:5px 0 15px;
	padding:10px 25px;
    height: 300px;}
.f-menu span{
    text-align: center;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;}
.f-menu span i{
    font-size: 80px;
	line-height:80px;
    position: relative;
	display:block;
    width: 80px;
    height: 80px;
	float:left;
    text-align: left;
	color: rgba(119,178,0,0.55);}	
.f-menu .f-content {
	display: block;
    float: left;
	margin:20px auto 0 20px;
    position: relative;
    text-align: left;
    width: 70%;}
.f-menu .f-sub {
    font-size: 20px;
    line-height: 26px;}
.f-menu:hover{
	cursor: default;
    z-index:999;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;}
.f-menu:hover i{
	cursor: default;
    font-size: 80px;
    color:#99CC00;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);}}
@media (min-width:768px) and (max-width:991px){
.f-menu{ height: 525px; margin:5px 0; padding:20px;}
.f-menu span i{
	margin-top:20px;}
.f-menu .f-content{
	display:block;
    position: absolute;
	width:100%;
	margin:5px auto;
    text-align: center;
	padding:0;
	top:0;}
 .f-menu .f-main {
    height: 50%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 100%;}
.f-menu .f-sub {
    left: 0;
    position: absolute;
    text-align: left;
    top: 200px;
    width: 100%;}
.f-menu:hover{
	cursor: default;
    z-index:999;
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);   
    -o-transform: scale(1.1);   
    transform: scale(1.1);}
.f-menu:hover .f-main{
	cursor: default;
    -webkit-animation: sTtft 300ms ease both;
    -moz-animation: sTtft 300ms ease both;
    -ms-animation: sTtft 300ms ease both;}
.f-menu:hover .f-sub{
    top: 160px !important;}}
@media (min-width:992px){	
 .f-menu .f-main {
    height: 50%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 100%;}
.f-menu .f-sub {
    left: 0;
    position: absolute;
    text-align: left;
    top: 200px;
    width: 100%;}	
.f-menu:hover .f-main{
	cursor: default;
    -webkit-animation: sTtft 300ms ease both;
    -moz-animation: sTtft 300ms ease both;
    -ms-animation: sTtft 300ms ease both;}
.f-menu:hover .f-sub{
	cursor: default;
    -webkit-animation: mTtft 500ms ease both;
    -moz-animation: mTtft 500ms ease both;
    -ms-animation: mTtft 500ms ease both;}}
@media (min-width:1200px){	
.f-menu{ padding:20px 30px;}	}