/* 
Stream radio
http://www.streamradio.com.ve
Diseño gráfico: David Bravo
Estructura de contenido: Elizabeth Paredes
Programación: KP León 
Iconos Consultores, C.A. - http://www.iconoscs.com
diciembre, 2014
*/



*{
	margin:0;
	padding:0;
}
@font-face {
  font-family: 'ampleSoft';
  src: url('/fuentes/AmpleSoft.otf'); 
}
@font-face {
  font-family: 'ampleSoft';
  src: url('/fuentes/AmpleSoftBold.otf'); 
  font-weight: bold;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('/fuentes/fontawesome-webfont.eot?v=4.3.0');
  src: url('/fuentes/fontawesome-webfont.eot?#iefix&v=4.3.0')
  format('embedded-opentype'), url('/fuentes/fontawesome-webfont.woff2?v=4.3.0') 
  format('woff2'), url('/fuentes/fontawesome-webfont.woff?v=4.3.0') 
  format('woff'), url('/fuentes/fontawesome-webfont.ttf?v=4.3.0') 
  format('truetype'), url('/fuentes/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.contenedor_interno{
	width:1140px;
	margin:0 auto;
	position:relative;
}

/* Animations */
@-webkit-keyframes pop {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pop {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


/* ----------------- CABECERO ---------------------- */

.menu{
	width:100%;
	position:absolute;
	top:35px;
	left:0;
	z-index:1000;
}
.menu_fijo{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}

#menu_tope ul{
	width: 740px;
	height:90px;
	margin:0 auto;
	padding:0 0 0 400px;
	background:#FFF url(../imgs/interfaz/btn_inicio.jpg) 35px 26px no-repeat;
	box-shadow: 1px 1px 5px #999;
	position:relative;
	overflow:hidden;
}
#menu_tope li{
	float:left;
	list-style-type:none;
}
#menu_tope a{
	float:left;
	padding:0 15px;
	display:block;
	font:bold 12px/90px 'Open Sans', sans-serif;
	color:rgb(126,124,126);
	text-decoration:none;
	text-transform:uppercase;
}
#menu_tope a.inicio{
	width:255px;
	height:90px;
	display:block;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}

#menu_tope a:hover{
	background:rgb(0,97,255);
	color:#FFF;
}
#menu_tope a.inicio:hover{
	background:none;
}
.menu_boton{ display:none; }




/* ------------------- ROTADOR -------------- */

.contenedor_rotador{
	width:100%;
	height:700px;
	clear:both;
	position:relative;
	overflow:hidden;
}

.rotador, .rotador_item{
	width:100%;
	height:900px;
	overflow:hidden;
}
.rotador_txt{
	width:80%;
	height:700px;
	padding:30px 10% 0 10%;
	font:30px 'ampleSoft', sans-serif;
	color:#FFF;
	background:url(../imgs/rotador/bg_info.png) bottom center no-repeat;
	background-size:cover;
	position:absolute;
	bottom:0;
	text-align:center;
}
.rotador_titulo{
	text-align:center;
	font-size:150px;
	font-weight:bold;
	text-transform:lowercase;
}
.rotador_logo{
	width:133px;
	height:129px;
	margin:0 auto 0 auto;
	background:url(../imgs/rotador/logo.png) top center no-repeat;
}


.rotnav{
	width:100%;
	position:absolute;
	bottom:20px;
	z-index:100;
	color:#FFF;
	font:30px/9px Arial, Helvetica, sans-serif;
	text-align:center;
}
.rotnav span{
	width:9px;
	height:9px;
	margin:0 20px;
	display: inline-block;
	position: relative;

	-webkit-transform: translateZ(0);
	transform: translateZ(0);

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background:#FFF;
}
.rotnav span:before {
	content: '';
	position: absolute;
	border: 1px solid #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: top, right, bottom, left;
	transition-property: top, right, bottom, left;
}
.rotnav span.cycle-pager-active:before{
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
}







/* ------------------- CASOS DE EXITO -------------- */

.contenedor_casos{
	width:100%;
	padding:100px 0 200px 0;
	clear:both;
	background:rgb(250,250,250);
	position:relative;
}
.contenedor_casos h3{
	padding:20px 0 20px 0;
	font:bold 65px 'ampleSoft', sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:rgb(74,74,74);
}


.casos_intro{
	width:90%;
	padding:0 0 30px 0;
	margin:0 auto;
	clear:both;
	font:19px 'Open Sans', sans-serif;
	color:rgb(97,97,97);
	text-align:center;
}


.casos_tipos{
	width:90%;
	height:185px;
	padding:0 5%;
	position:relative;
}
.casos_tipos li{
	width:160px;
	height:160px;
	float:left;
	padding:15px 14px;
	list-style-type:none;
	cursor:pointer;
}
.casos_tipos li:hover{
	background:rgb(208,210,209);
}
.casos_tipos li.actual{
	background:rgb(0,96,255);
}
.casos_tipos li:hover a:before{
	display:none;
}

.casos_tipos li a{
	width:160px;
	height:160px;
	display:block;
	float:left;
	margin: 0 0;
	font:16px 'ampleSoft', sans-serif;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	position:relative;
}
.casos_tipos li a:before{
	content:'';
	width:160px;
	height:160px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(../imgs/rotador/bg_info.png);
}
.casos_tipos li a strong{
	width:160px;
	height:auto;
	display:block;
	position:absolute;
	top:40%;
}

.casos_ejs{
	width:100%;
	clear:both;
}

a.casos_tipos_atras, a.casos_tipos_sig{
	width:30px;
	height:32px;
	display:block;
	background:url(../imgs/casos/btnes.png) no-repeat;
	position:absolute;
	top:85px;
}
a.casos_tipos_atras{
	left:0;
}
a.casos_tipos_sig{
	right:0;
	background:url(../imgs/casos/btnes.png) -36px 0 no-repeat;	
}




/* ------------------- DETALLE DE CASO -------------- */

.caso_det{
	width:100%;
	height:200px;
	display:none;
	position:absolute;
	bottom:0;
	left:0;
}
.caso_det_titulo{
	padding:25px 0;
	font:40px 'ampleSoft', sans-serif;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	background:rgb(0,96,255);
}
.caso_det_carusel{
	width:900px;
	margin:0 auto;
	padding:0;
}
.caso_det_carusel p{
	width:45%;
	float:left;
}




/* ------------------- NOSOTROS -------------- */

.contenedor_nosotros{
	width:100%;
	padding:130px 0 240px 0;
	clear:both;
	background:url(../imgs/nos/bg.jpg) bottom center no-repeat;
}
.contenedor_nosotros h3{
	padding:130px 0 0 0;
	background:url(../imgs/interfaz/logo.png) top center no-repeat;
	font:bold 65px 'ampleSoft', sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:rgb(0,96,255);
}

.nos_intro{
	padding:10px 150px 20px 150px;
	font:bold 30px 'ampleSoft', sans-serif;
	color:rgb(108,109,111);
	text-align:center;
}
.nos_intro strong{
	color:rgb(0,96,255);
}

.nos_obj{
	padding:40px;
	margin:0 0 70px 0;
	background:rgb(167,169,172);
	font:20px 'ampleSoft', sans-serif;
	color:#FFF;
	text-align:center;
}

.nos_izq{
	width:33%;
	float:left;
	padding:0 0 0 5%;
	font: 33px 'ampleSoft', sans-serif;
	text-align:right;
	color:rgb(0,96,255);
}
.nos_der{
	width:52%;
	float:right;
	padding:0 5% 0 0;
	font: 23px 'ampleSoft', sans-serif;
	color:rgb(108,109,111);
}
.nos_izq p, .nos_der p{
	padding:10px 0;
}


/* ------------------- SOLUCIONES -------------- */

.contenedor_sols{
	width:100%;
	padding:40px 0 40px 0;
	clear:both;
}
.contenedor_sols h3{
	padding:100px 0 40px 0;
	font:bold 65px 'ampleSoft', sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:rgb(0,96,255);
}

.sols{
	padding:0 40px 80px 40px;
	font:22px 'ampleSoft', sans-serif;
	color:rgb(128,130,133);
	text-align:justify;
}
.sols h4{
	padding:0 0 30px 0;
	font:bold 35px 'ampleSoft', sans-serif;
	color:rgb(65,64,66);
	text-transform:uppercase;
}
.sols p:before{
	content:'';
	width:35px;
	display:inline-block;
}

.sols li{
	float:left;
	list-style-type:none;
}
.sols a{
	width:180px;
	height:180px;
	float:left;
	display:block;
	padding:10px;
	font:bold 20px 'ampleSoft', sans-serif;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	position:relative;
}

.sols a strong{
	width:180px;
	height:120px;
	display:block;
	padding:80px 10px 0 10px;
	position:absolute;
	top:0;
	left:0;
	background:url(../imgs/rotador/bg_info.png);
	cursor:pointer;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}



/* ------------------- DETALLE DE SOLUCION -------------- */

.contenedor_sol_detalle{
	width:85%;
	height:100%;
	margin:0 auto;
}
.sol_det_izq{
	width:45%;
	height:100%;
	float:left;
	font:12px 'Open Sans', sans-serif;
	color:#FFF;
	text-align:justify;
}
.sol_det_img{
	width:48%;
	float:right;
}
.sol_det_img img{
	width:100%;
	height:auto;
}

.sol_det_titulo{
	padding:30px 0 40px 0;
	font:bold 55px/40px 'ampleSoft', sans-serif;
	color:#FFF;
	text-align:left;
}

.sol_det_izq h4{
	padding:40px 0 40px 0;
	font:bold 30px/40px 'ampleSoft', sans-serif;
	color:#FFF;
	text-align:left;
}

.sol_det_izq ol { counter-reset: item }
.sol_det_izq li{
	padding:0 0 30px 65px;
	clear:both;
	list-style-type:none;
	position:relative;
}
.sol_det_izq li strong{
	font:bold 20px 'ampleSoft', sans-serif;
	color:#FFF;
	text-align:left;
}
.sol_det_izq li:before{
	content:counter(item);
	counter-increment:item;
	width:45px;
	height:45px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:rgb(0,0,255);
	font:bold 30px/45px 'ampleSoft', sans-serif;
	color:#FFF;
	text-align:center;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}




.sol_det_desc{
	height:70%;
	display:block;
	overflow:hidden;
}

.sol_pdf{
	padding:20px 0 0 0;
}
.desc_pdf{
	width:100%;
	display:block;
	clear:both;
	margin:10px auto 0 auto;
	padding:15px 0;
	background:rgb(0,0,255);
	font:18px 'Open Sans', sans-serif;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}



/* ------------------- SERVICIOS -------------- */

.contenedor_servs{
	width:100%;
	padding:120px 0 60px 0;
	clear:both;
	background:#FFF;
}
.contenedor_servs h3{
	font:bold 65px 'ampleSoft', sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:rgb(0,96,255);
}
.contenedor_servs_desc{
	padding:10px 0;
	font:18px 'ampleSoft', sans-serif;
	text-align:center;
	color:rgb(128,129,132);
}

.servicios_menu{
	width:48%;
	float:left;
	background:#FFF;
}
.servicios_menu ol { counter-reset: item; }
.servicios_menu li{
	padding:10px 0 0 65px;
	clear:both;
	list-style-type:none;
	position:relative;
}
.servicios_menu li:before{
	content:counter(item);
	counter-increment:item;
	width:45px;
	height:45px;
	display:block;
	position:absolute;
	top:30%;
	left:0;
	background:rgb(102,102,102);
	font:bold 30px/45px 'ampleSoft', sans-serif;
	color:#FFF;
	text-align:center;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.servicios_menu a{
	display:block;
	font:bold 14px 'ampleSoft', sans-serif;
	text-decoration:none;
	color:rgb(0,96,255);
}
.servicios_menu li img{
	width:100%;
	height:auto;
}


/* panel de la derecha */
.servicios_audio{
	width:48%;
	margin:28px 0 0 0;
	padding:30px 0;
	float:right;
	background:#999;
	font:20px 'ampleSoft', sans-serif;
	color:#FFF;
}
.servicios_audio h4{
	padding:0 20px;
	font:bold 50px/45px 'ampleSoft', sans-serif;
	color:#FFF;
	text-transform:uppercase;
}
.titulo_min, .servicios_audio_marcas{
	padding:0 20px;
}
.servicios_audio_marcas img{
	width:100%;
	height:auto;
}
.servicios_audio_txt{
	margin:25px 20px;
	padding:25px 0;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}






/* ------------------- productos -------------- */

.contenedor_productos{ width:100%; padding:120px 0 60px 0; clear:both; background:#F2F2F2; }
.contenedor_productos h3{
	padding:160px 0 50px 0; font:bold 65px 'ampleSoft', sans-serif; clear:both;
	background:url(../imgs/interfaz/logoStreamAudio.png) top center no-repeat;
	text-align:center; text-transform:uppercase; color:rgb(0,96,255);
}
.prods_intro{
	width:90%; padding: 0 0 30px 0; margin: 0 auto; clear: both;
	font: 19px 'Open Sans', sans-serif; color: rgb(97,97,97); text-align: center;
}

.prods_lista{ width:100%; text-align:center; }
.prod{
	width:240px; height:300px; display:inline-block; vertical-align:top;  margin:20px 15px; padding:5px;
	font: 18px/130% 'ampleSoft', sans-serif; text-align:center; color:#333;
}
.prod_thumb{ width:200px; height:200px; padding:20px; overflow:hidden; background:#FFF; }
.prod_thumb a{ width:100%; height:100%; display: block; position: relative; }
.prod img{ width:auto; height:100%; }
.prod_nombre{ padding:20px 0 0 0; }

.prod_thumb a:before, .prod_thumb a:after {
  display: block;
  position: absolute;
  z-index: 10;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.prod_thumb a:before{
	content: '';
	width: 100%; height: 100%;opacity: 0;
	background: rgba(255, 255, 255, 0.5);
}

.prod_thumb a:after{
	content: '\f1c1';
	width:50px; height:50px; top: 50%; left: 50%; margin: -25px 0 0 -25px;
	font: 30px/50px "FontAwesome"; color:#FFF; text-align: center;
	background:rgb(0,96,255);
	-webkit-transform: scale(0);
          transform: scale(0);
}

.prod_thumb a:hover:before{ opacity: 1; }

.prod_thumb a:hover:after {
  -webkit-animation: pop 200ms ease-in 150ms forwards;
          animation: pop 200ms ease-in 150ms forwards;
}

.catalogos{ padding: 20px 0; text-align: center; }
.catalogos a{
	padding: 10px 20px; display:inline-block; background:#FFF; 
	font: 24px/50px 'ampleSoft', sans-serif; text-decoration:none; color:rgb(0,96,255);
}
.catalogos a:before{
	content: '\f1c1';
	display:inline-block; padding: 0 10px 0 0;
	font: 30px/50px "FontAwesome"; color: rgb(0,96,255);
}




/* ------------------- CLIENTES -------------- */

.contenedor_clientes{
	width:100%;
	padding:180px 0 60px 0;
	clear:both;
	background:rgb(158,158,158);
}
.contenedor_clientes h3{
	padding:0 0 60px 0;
	font:bold 65px 'ampleSoft', sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
}

.clis_carrusel{
	width:90%;
	margin:0 auto;
	padding:0 0 20px 0;
	position:relative;
}

.clis_lista{
	width:100%;
	height:120px;
	overflow:hidden;
}
.cli{
	min-width:170px;
	height:115px;
	display:block;
	float:left;
	margin:0 25px;
	padding:5px;
	text-align:center;
	background:#FFF;
}
.cli img{
	width:auto;
	height:100%;
}
.cli_atras, .cli_sig{
	width:30px;
	height:37px;
	display:block;
	position:absolute;
	top:30%;
}
.cli_atras{
	left:0;
	background:url(../imgs/clis/atras_adel.jpg) no-repeat;
}
.cli_sig{
	right:0;
	background:url(../imgs/clis/atras_adel.jpg) -32px 0 no-repeat;
}





/* ---- LOGIN DE USUARIOS ----  */

.login{
	width:100%;
	padding:50px 0;
	margin:0 auto;
	background:rgb(0,95,255);
	font:20px/40px 'ampleSoft', sans-serif;
	color:#FFF;
}
.login_desc{
	width:50%; display:inline-block; vertical-align:middle; 
	text-align:center;
}
.login form{
	width:50%;
	float:right;
}
.login_grupo{
	margin:0 5px 0 0;
	float:left;
}
.login_label{
	display:none;
}
.login_input{
	width:190px;
	height:40px;
	border:none;
	font:20px 'Open Sans', sans-serif;
	color:#666;
	text-align:center;
}
.login_bnt{
	height:40px;
	padding:0 20px;
	font:20px 'Open Sans', sans-serif;
	color:#FFF;
	background:rgb(0,51,136);
	border:none;
}
.player-prueba{ width:48% !important; display:inline-block; vertical-align:middle;  }




/* ------------------- CONTACTO -------------- */

.contenedor_contacto{
	width:100%;
	padding:130px 0 80px 0;
	clear:both;
	background:rgb(62,62,62);
}
.contenedor_contacto h3{
	padding:0 0 25px 0;
	font:bold 65px 'ampleSoft', sans-serif;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
}

.contacto_info{ padding:15px 0 0 0; }
.contacto_desc{
	width:100%; max-width:570px; padding:0 0 25px 0 ; margin:0 auto;
	font:normal 45px 'ampleSoft', sans-serif; color:#FFF; text-align:center;
}
.contacto_desc strong{
	font-weight:normal;
	font-style:normal;
	color:rgb(0,96,255);
}
.contacto_desc a{
	color:rgb(0,96,255);
	text-decoration:none;
	cursor:pointer;
}
.cont_izq{
	width:45%; padding:0 5% 0 0; float:left;
	font:20px 'ampleSoft', sans-serif; text-align:right; color:#FFF;
	border-right:3px solid #FFF; 
}
.cont_der{
	width:45%; padding:0 0 0 0; float:right;
	font:20px 'ampleSoft', sans-serif;
	color:#FFF;
}
.cont_izq p, .cont_der p{
	margin:0 0 15px 0;
}
.cont_izq p img, .cont_der p img{
	vertical-align:middle;
}
.abrir_f{
	color:rgb(0,96,255);
	text-decoration:none;
	cursor:pointer;
}

.redes{ margin:40px 0;  text-align: center; }
.redes li{ display:inline-block; list-style: none;  }
.redes a{ display: inline-block; text-decoration: none; color:#fff; }
.redes a:before{
	width:50px; height:50px; margin:0 15px 15px 15px; display: inline-block;
	font: 20px/50px "FontAwesome"; text-align:center; color:#FFF; background:rgb(0,96,255); 
	-webkit-border-radius:50%; 
	-moz-border-radius:50%; 
	-ms-border-radius:50%; 
	border-radius:50%; 
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}
.redes a:hover::before{ background:#FFF;  color:rgb(0,96,255); }

.fa_facebook:before{ content: "\f09a"; }
.fa_instagram:before{ content: "\f16d"; }
.fa_twitter:before{content: "\f099"; }
.fa_youtube:before{ content: "\f16a"; }





/* ------------------- FORMULARIO -------------- */

.contacto_f{
	width:100%;
	padding:60px 0;
	position:fixed;
	top:100%;
	left:0;
	background:rgb(71,71,71);
	z-index:1000;
	font:20px 'ampleSoft', sans-serif;
	color:#FFF;
}
.contenedor_contacto_f{
	height:95%;
	overflow:auto;
}
.contacto_f h4{
	padding:0 0 30px 0;
	font:bold 22px 'ampleSoft', sans-serif;
	color:#FFF;
}
.cform_grupo{
	width:30%;
	min-width:305px;
	float:left;
	margin:0 3% 0 0;
	padding:10px 0;
}
.cform_grupo label{
	width:100%;
	display:block;
	clear:both;
	font:16px 'ampleSoft', sans-serif;
	color:#FFF;
}
.cform_grupo input{
	width:100%;
	height:40px;
	clear:both;
	border:none;
	background:#FFF;
	font:16px 'ampleSoft', sans-serif;
	color:#666;
}
.cform_grupo select{
	width:100%;
	height:40px;
	clear:both;
	border:none;
	background:#FFF;
	font:16px/40px 'ampleSoft', sans-serif;
	color:#666;
}
.cform_grupo input.btn_OK{
	padding:0 20px;
	background:rgb(1,95,255);
	font:20px 'ampleSoft', sans-serif;
	color:#FFF;
}

.cform_grupo2{
	width:30%;
	min-width:305px;
	float:left;
	margin:0 3% 0 0;
	padding:10px 0;
}
.cform_grupo2 label{
	display:block;
	font:16px 'ampleSoft', sans-serif;
	color:#FFF;
}
.cform_grupo2 input{
	width:20px;
	height:20px;
	float:left;
	margin:0 5px 0 0;
}

.ccerrar{
	width: 55px;
	height: 53px;
	position: absolute;
	right:0;
	top: 10px;
	overflow: hidden;
	border: none;
	background: url(../imgs/cont/cerrar.jpg) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 10001;
}





/* ------------------- FOOT -------------- */

.contenedor_foot{
	width:100%;
	clear:both;
	padding:35px 0;
	background:#FFF;
}
.foot{
	width:1000px;
	margin:0 auto;
	padding:50px 0 65px 140px;
	position:relative;
	background:url(../imgs/interfaz/logo.png) no-repeat;
}

.foot li{
	float:left;
	list-style-type:none;
}
.foot a{
	float:left;
	padding:0 20px;
	display:block;
	font:bold 13px 'Open Sans', sans-serif;
	color:rgb(126,124,126);
	text-decoration:none;
	text-transform:uppercase;
}






/* ------------------- DERECHOS RESERVADOS -------------- */

.derechos_reservados{
	width:100%; clear:both; padding:25px 0;
	background:rgb(212,212,212);
	font:12px/24px 'Open Sans Condensed', sans-serif; text-align:center; color:rgb(40,40,40);
}
.derechos_reservados a{ color:rgb(40,40,40); }




/* ------------------- PLAYER -------------- */

.audio-player, .audio-player div, .audio-player a, .audio-player span, .audio-player button {
  border: none;
  outline: none;
}

div.audio-player {
	width:386px; height:54px; display:inline-block; margin:20px 10px;
	position: relative;
	background:rgb(208,210,210);
}
p.player_titulo {
	position: absolute;
	top: 10px;
	left: 160px;
	font: 12px/12px Arial, sans-serif;
	color: #333;
}

/* play/pausa */
.mejs-controls .mejs-button button {
    display: inline-block;
	cursor:pointer;
}

.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
	width:65px;
	height:54px;
	top:0;
	left:0;
	background:url(../imgs/player/play.jpg) no-repeat;
	border-right:2px solid #FFF;
}
.mejs-controls .mejs-pause button { 
	background:url(../imgs/player/pausa.jpg) no-repeat; 
}
 


/* volumen */
.mejs-controls div.mejs-horizontal-volume-slider {
	width:60px;
	height:37px;
	padding:17px 5px 0 5px;
	position: absolute;
	top:0;
	left:67px;
	cursor: pointer;
	border-right:2px solid #FFF;
	background:url(../imgs/player/vol.jpg) no-repeat;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 60px;
	height: 27px;
	background:#212227 url(../imgs/player/vol1.png) no-repeat;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	width:0;
	height:27px;
	position: absolute;
	top:17px;
	left:5px;
	background:rgb(0,96,255) url(../imgs/player/vol1.png) no-repeat;
}


/* progreso */
.mejs-controls div.mejs-time-rail { width: 210px; }
 
.mejs-controls .mejs-time-rail span {
	width: 210px;
	height: 2px;
	position: absolute;
	display: block;
	top:40px;
	left:160px;
	cursor: pointer;
}
 
.mejs-controls .mejs-time-rail .mejs-time-total { 
	width:210px !important; 
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	top: 0;
	left: 0;
	width: 0;
	background:#333;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	top: 0;
	left: 0;
	width: 0;
	background:rgb(0,96,255);
}

/* time progress tooltip */
.mejs-controls .mejs-time-rail .mejs-time-handle {
	width: 10px;
	height: 10px;
	position: absolute;
	display: block;
	top: -4px;
	background:rgb(0,96,255);
}
.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  width: 33px;
  height: 23px;
  top: -26px;
  margin-left: -17px;
  z-index: 9999;
  background: url(../imgs/player/time-box.png);
}
 
.mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 33px;
	display: block;
	left: 0;
	top: 4px;
	font: 10px Arial, sans-serif;
	color: #333;
	text-align: center;
	z-index: 9999;
}





/* ------------------- PLAYER para casos de exito -------------- */

.audio-player, .audio-player div, .audio-player a, .audio-player span, .audio-player button {
  border: none;
  outline: none;
}
.ce-player, .ce-player div, .ce-player a, .ce-player span, .ce-player button {
  border: none;
  outline: none;
}

div.ce-player {
	width:386px;
	height:54px;
	margin:20px auto 0 auto;
	position: relative;
	background:rgb(208,210,210);
}
p.player_titulo {
	position: absolute;
	top: 10px;
	left: 160px;
	font: 12px/12px Arial, sans-serif;
	color: #333;
}

/* play/pausa */
.mejs-controls .mejs-button button {
    display: inline-block;
	cursor:pointer;
}

.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
	width:65px;
	height:54px;
	top:0;
	left:0;
	background:url(../imgs/player/play.jpg) no-repeat;
	border-right:2px solid #FFF;
}
.mejs-controls .mejs-pause button { 
	background:url(../imgs/player/pausa.jpg) no-repeat; 
}
 


/* volumen */
.mejs-controls div.mejs-horizontal-volume-slider {
	width:60px;
	height:37px;
	padding:17px 5px 0 5px;
	position: absolute;
	top:0;
	left:67px;
	cursor: pointer;
	border-right:2px solid #FFF;
	background:url(../imgs/player/vol.jpg) no-repeat;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	width: 60px;
	height: 27px;
	background:#212227 url(../imgs/player/vol1.png) no-repeat;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	width:0;
	height:27px;
	position: absolute;
	top:17px;
	left:5px;
	background:rgb(0,96,255) url(../imgs/player/vol1.png) no-repeat;
}


/* progreso */
.mejs-controls div.mejs-time-rail { width: 210px; }
 
.mejs-controls .mejs-time-rail span {
	width: 210px;
	height: 2px;
	position: absolute;
	display: block;
	top:40px;
	left:160px;
	cursor: pointer;
}
 
.mejs-controls .mejs-time-rail .mejs-time-total { 
	width:210px !important; 
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	top: 0;
	left: 0;
	width: 0;
	background:#333;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	top: 0;
	left: 0;
	width: 0;
	background:rgb(0,96,255);
}

/* time progress tooltip */
.mejs-controls .mejs-time-rail .mejs-time-handle {
	width: 10px;
	height: 10px;
	position: absolute;
	display: block;
	top: -4px;
	background:rgb(0,96,255);
}
.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  width: 33px;
  height: 23px;
  top: -26px;
  margin-left: -17px;
  z-index: 9999;
  background: url(../imgs/player/time-box.png);
}
 
.mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 33px;
	display: block;
	left: 0;
	top: 4px;
	font: 10px Arial, sans-serif;
	color: #333;
	text-align: center;
	z-index: 9999;
}





/* ------------------- GENERALES -------------- */

.invisible{ display:none; }
.visible{ display:block; }
.limpiar{ clear:both; }
.fijo { position:fixed; }
.noscroll{ overflow:hidden; }

.cmi{ 
   display:inline-block; vertical-align:middle; padding:2px 4px 0 4px; 
   border-radius:3px;
   font-size:0.8rem; color:#FFF;
   background:rgb(0,96,255);
}


/* ------------------- RESIZE -------------- */

@media screen and (max-width: 1140px) {
	
#menu_tope ul{
	width:70%;
	padding:0 0 0 30%;
}
.rotador_txt{
	font-size:3vw;
}
.rotador_titulo{
	font-size:12vw;
}
.contenedor_interno{
	width:90%;
	margin:0 auto;
}
.contenedor_casos h3, 
.contenedor_nosotros h3, 
.contenedor_sols h3, 
.contenedor_servs h3, 
.contenedor_clientes h3, 
.contenedor_contacto h3,
.contenedor_productos h3{
	font-size:5vw;
}
	
.servicios_menu ul{
	width:100%;
}
.servicios_rotador_titulo{
	font-size:8vw;
}
.cont_desc{ font-size:4vw; }
.foot{
	width:90%;
	padding:140px 0 0 0;
	background:url(../imgs/interfaz/logo.png) top center no-repeat;
}
.derechos_reservados{ padding:30px 0 15px 0; }
.derechos_izq, .derechos_der{
	width:100%;
	height:40px;
	float:none;
	clear:both;
	text-align:center;
}

}

@media screen and (max-width: 995px) {
	#menu_tope ul{
		width:90%;
		padding:70px 5% 0 5%;
		background:#FFF url(../imgs/interfaz/btn_inicio.jpg) center 20px no-repeat;
	}
	#menu_tope a.inicio{
		top:0;
		left:50%;
		margin-left:-127px;
	}
}

@media screen and (max-width: 700px) {
	.menu, .menu_fijo{
		width:100%;
		height:90px;
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		background:#FFF url(../imgs/interfaz/btn_inicio.jpg) 20px 20px no-repeat;
		box-shadow: 1px 1px 5px #999;
	}
	#menu_tope ul{
		width:50%;
		height:0;
		overflow:hidden;
		padding:0 5% 0 5%;
		background:none;
		background:#FFF;
		box-shadow:none;
		position:absolute;
		top:90px;
		right:0;
		z-index:2000;
	}	
	#menu_tope li{
		float:none;
		clear:both;
	}
	#menu_tope a{
		width:100%;
		clear:both;
		float:none;
		padding:0;
		font:bold 15px/25px 'Open Sans', sans-serif;
		text-align:right;
	}
	#menu_tope a.inicio{
		top:0;
		left:0;
		margin-left:0;
	}
	.menu_boton{
		width:50px;
		height:33px;
		padding:20px 20px 0 0;
		display:block;
		float:right;
		cursor:pointer;
		font:40px 'FontAwesome';
		color:#333;
	}
	.menu_boton::before{
		content: "\f0c9";
		width:50px;
		height:33px;
		display:block;
	}
	#menu_tope ul.menu_abierto{ height:auto; }
	.contenedor_rotador, .rotador, .rotador_item, .rotador_txt{ height:450px; }
	.rotador_txt{ font-size:1.5em; }
	.rotador_titulo{ font-size:2em;}

	.contenedor_casos h3, .contenedor_nosotros h3, .contenedor_sols h3, .contenedor_servs h3, .contenedor_clientes h3, .contenedor_contacto h3{
		font-size:2em;
	}
	
	.nos_intro, .nos_izq, .nos_der{ width:100%; float:none; clear:both; padding:0; text-align:left; }
	.nos_intro{ padding:0 0 20px 0; text-align:center; }

	.sols{ padding:0 0 80px 0; }
	.sols li{
		width:50%;
		float:left;
		list-style-type:none;
	}
	.sols a{
		width:90%;
		height:200px;
		float:left;
		display:block;
		padding:0 5%;
		font:bold 20px 'ampleSoft', sans-serif;
		color:#FFF;
		text-transform:uppercase;
		text-decoration:none;
		text-align:center;
		position:relative;
		overflow:hidden;
	}
	.sols a strong{
		width:90%;
		height:65%;
		display:block;
		padding:45% 5% 0 5%;
		position:absolute;
		top:0;
		left:0;
		background:url(../imgs/rotador/bg_info.png);
		cursor:pointer;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	}

	
	.servicios_menu, .servicios_audio{ width:100%; float:none; clear:both; }
	.servicios_audio h4{ font:bold 30px/35px 'ampleSoft', sans-serif; }
	.login_desc{ width:100%; float:none; clear:both; text-align:center; }
	.player-prueba{ width:100% !important; float:none; }

	.contacto_info{ background:none;}
	.cont_izq, .cont_der{
		box-sizing: border-box;
		width:100%; float:none; clear:both; padding:10px 5%; margin:0 0 10px 0; 
		text-align:left;
		border:none; border-bottom:1px solid #FFF; 
	}
	.cont_izq p img, .cont_der p img { float:left; margin-right:10px;  }

	.foot li{
		float:none;
		clear:both;
	}
	.foot a{
		width:100%;
		clear:both;
		float:none;
		padding:0;
		font:bold 15px/30px 'Open Sans', sans-serif;
		text-align:center;
	}

	.derechos_reservados{ font:16px/20px 'Open Sans Condensed', sans-serif; }	
	.derechos_izq, .derechos_der{ height:auto; }
	.derechos_izq{ padding:0 0 20px 0; }
	.derechos_der{ font:14px/40px 'Open Sans Condensed', sans-serif; }
	.movil_sep{ display:block; clear:both; }


	/* ------------------- DETALLE DE SOLUCION -------------- */

	.contenedor_sol_detalle{
		width:100%;
	}
	.sol_det_izq{
		width:100%;
		height:100%;
		float:none;
		font:12px 'Open Sans', sans-serif;
		color:#FFF;
		text-align:justify;
	}
	.sol_det_img{
		display:none;
	}

	.sol_det_titulo{
		padding:30px 20px 40px 0;
		font:bold 30px/40px 'ampleSoft', sans-serif;
	}

	.sol_det_izq h4{
		padding:40px 0 40px 0;
		font:bold 30px/40px 'ampleSoft', sans-serif;
		color:#FFF;
		text-align:left;
	}

	.sol_det_desc{
		height:70%;
		display:block;
		overflow:auto;
	}


}



/* ------------------- INSTAGRAM -------------- */

.ig_carrusel{ width:100%; height:200px;  overflow: hidden; text-align:center; }
.ig_carrusel a{ display:inline-block; position:relative; float: left; }
.ig_carrusel a:focus{ outline: none; }
.ig_carrusel img{ height:200px; }

.ig_cont{ width:200%; }

.caja_megusta{
	width:100%; height:200px; position:absolute; bottom:5px; left:0; z-index: 1000; 
	font:bold 20px 'ampleSoft', sans-serif; text-align:center; color:#FFF; 
	-moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.icono_megusta{ 
	width:100%; position:absolute; bottom:20px; left:0;  
}
.icono_megusta:before{ content:'\f004'; display:inline-block; padding:0 10px 0 0; font:18px "FontAwesome"; }
.ig_carrusel a:hover .caja_megusta{ background:rgba(0,0,0,0.4); }