@font-face {
    font-family: 'helvetica_neuebold';
    src: url('../fonts/helveticaneue-bold-webfont.eot');
    src: url('../fonts/helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-bold-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-bold-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-bold-webfont.svg#helvetica_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helvetica_neueroman';
    src: url('../fonts/helveticaneue-roman-webfont.eot');
    src: url('../fonts/helveticaneue-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-roman-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-roman-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-roman-webfont.svg#helvetica_neueroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

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

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

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

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

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

@font-face 
{
    font-family: 'lucida_granderegular';
    src: url('../fonts/24003_lucidagrande-webfont.eot');
    src: url('../fonts/24003_lucidagrande-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/24003_lucidagrande-webfont.woff2') format('woff2'),
         url('../fonts/24003_lucidagrande-webfont.woff') format('woff'),
         url('../fonts/24003_lucidagrande-webfont.ttf') format('truetype'),
         url('../fonts/24003_lucidagrande-webfont.svg#lucida_granderegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*
{
	position:relative;
}

h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a, a:hover, a:focus, a:active
{
	text-decoration:none;
	color:inherit;
}

html, body
{
	width:100%;
	height:100%;
	min-width: 860px;
}

.whole
{
	height:100%;
}

/*MENU*/

/*@media (max-width: 1101px) 
{
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}*/

.menu
{
	border:none;
	margin:0;
	background:#ededed;
	height:96px;
	border-radius: 0;
	z-index:5000;
}

.menu-home 
{
    z-index: 20;
	width:158px;

	font: 0px/0 a;
	text-align:center;
	display:block;
}

.menu-home:before 
{
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.menu-home  img
{
	display: inline-block;
    vertical-align: middle;
	
	max-width:100%;
	max-height:100%;
}

.menu-alto
{
	height:96px;
	padding:10px 0;
	margin:0 !important;
}

.menu-colapse
{
	padding:0 !important;
}

.menu-derecha
{
	float:right;
}

.menu-estilo
{
	margin:32px 0!important;
	padding:0 0 0 30px!important;
	display:block;
	
	color:#898989 !important;
	font-family:Arial !important;
	font-size:12px !important;
	line-height:32px !important;
	text-decoration:none !important;
}

.menu-estilo span
{
	padding:4px 0;
}

.menu-estilo span.active
{
	border-bottom:2px solid #21b1df;
}

.menu-estilo span:hover
{
	*border-bottom:2px solid #21b1df;
}

.menu-boton
{
	margin-top:30px !important;
	margin-bottom:30px !important;
}

.menu2
{
	border:none;
	margin:0;
	background:#ededed;
	min-height:96px;
	border-radius: 0;
}

.menu-derecha2
{
	margin:0;
}

.menu-estilo2
{
	color:#898989 !important;
	font-family:arial !important;
	font-size:12px !important;
	line-height:12px !important;
	text-decoration:none !important;
	text-align:center !important;
}

.menu-estilo2 span
{
	padding:4px 0;
}

.menu-estilo2 span.active
{
	border-bottom:2px solid #21b1df;
}

.menu-estilo2 span:hover
{
	border-bottom:2px solid #21b1df;
}

@media (min-width: 878px) 
{
	.menu-home 
	{
		width:120px;
	}
	
	.menu-estilo
	{
		padding-left:6px !important;
		font-size:11px !important;
	}
}

@media (min-width: 1102px)
{
	.menu-home 
	{
		width:158px;
	}
	
	.menu-estilo
	{
		padding-left:12px !important;
		font-size:12px !important;
	}
}

@media (min-width: 1310px)
{
	.menu-home 
	{
		width:158px;
	}
	
	.menu-estilo
	{
		padding-left:30px !important;
		font-size:12px !important;
	}
}

/*FOOTER*/

.footer
{
	background:#ffffff;
}

.footer-inner
{
	font-size:0px;
	text-align:center;
}

.footer-central
{
	display:inline-block;
	font-size:0;
}

.footer-container
{
	display:inline-block;
}

.footer-texto
{
	margin:30px 0;
	padding:14px 2px 14px 0;
	
	font-family: helvetica_neueroman;
	color:#707070;
	font-size:9px;
	line-height:14px;
	
	display:table;
}

.footer-contenedor
{
	margin:36px 0;
	padding:0 2px;
	display:table;
}

.footer-visits
{
	cursor:pointer;
}

.footer-proveedor
{
	/*cursor:pointer;*/
}

.footer-descargable
{
	cursor:pointer;
}

.footer-visitas
{
	margin-left:10px;
}

.footer-descargas
{
	margin-right:10px;
}

.footer-proveedores
{
	margin-left:5px;
	margin-right: 5px;
}

.footer-fondo
{
	background:#e4e4e4;
}

.footer-busqueda
{
	margin:36px 0;
	display:table;
}

.footer-buscar
{
	cursor:pointer;
	float:left;
}

.footer-input
{
	height:30px;
	padding:2px 8px;
	border:none;
	width:116px;
	background:transparent;
	
	font-family: Helvetica;
	color:#707070;
	font-size:12px;
	line-height:12px;
}

.footer-enlace
{
	font-family:arial;
	font-weight:bold;
	font-size:9px;
	color:#818181;
	line-height:30px;
	vertical-align:top;
}

.footer-enlace span
{
	cursor:pointer;
}

.footer-enlace span.activo
{
	text-decoration:underline;
}

.footer-tooltip
{
	width:322px;
	height:88px;
	position:absolute;
	bottom:66px;
	*right:212px;
	right:153px;
	z-index:100;
	display:none;
	
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/app/footer-imagen-velo-tooltip.png);
}

.footer-tooltip2
{
	width:322px;
	height:88px;
	position:absolute;
	bottom:66px;
	*right:554px;
	right:514px;
	z-index:100;
	display:none;
	
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/app/footer-imagen-velo-tooltip2.png);
}

.footer-tooltip3
{
	width:152px;
	height:88px;
	position:absolute;
	bottom:66px;
	right:505px;
	z-index:100;
	display:none;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/app/footer-imagen-velo-tooltip2.png);
}

.footer-tooltip3 li {
	margin-top: 5px;
}

.footer-download
{
	padding:16px 0;
	
	font-family:Arial;
	color:#ffffff;
	font-size:13px;
	line-height:14px;
	text-align:center;
}

.footer-pdf
{
	font-family:Arial;
	color:#ffffff;
	font-size:11px;
	line-height:14px;
	text-align:center;
}

.footer-pdf > ul, li{
    padding: 0px;
    margin: 0px;
    list-style-type:none; 
    padding-bottom: 0px;
}

.footer-pdf > li {
    background-color: rgb(64,64,64);
    margin-bottom: 3px; 
    text-align: center;
}

.footer-pdf > li a{
    color: #fff;

}

.footer-pdf > li a:hover{
    color: #fff;
    text-decoration: none;

}

@media (min-width: 878px) 
{
	
}

@media (min-width: 1102px)
{
	.footer-texto
	{
		border-right:1px solid #d4d4d4;
	}
	
	.footer-tooltip
	{
		*right:224px;
		right:100px;
	}
	.footer-tooltip2
	{
		*right:338px;
		right:300px;
	}
	
	.footer-tooltip3
	{
		*right:338px;
		right:300px;
	}
}

@media (min-width: 1310px)
{
	.footer-tooltip
	{
		*right:212px;
		right:220px;
	}
	.footer-tooltip2
	{
		*right:554px;
		right:460px;
	}
	.footer-tooltip3
	{
		*right:554px;
		right:460px;
	}
}

/*navegacion*/

.navegacion
{
	height:100%;
	display:inline-block;
	font-family:Arial;
	color:#787878;
	text-align:center;
	
	cursor:pointer;
	z-index:2000;
}

.navegacion-parche
{
	position:absolute;
	top:0;
	right:0;
	height:60px;
	width:150px;
	
	z-index:1500;
	background:#ededed;
}

.navegacion-bloque
{
	position:absolute;
	top:34px;
	width:150px;
	right:0;
	
	z-index:1000;
	display:none;
	
	transition:transform 0.5s ease 0s;
}

.navegacion-tapa 
{
    background-image: url(../img/app/menu-barra-separadora-flecha.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    height:32px;
}

.navegacion-contenido
{
	height:32px;
	
	font-family:Arial;
	color:#ffffff;
	font-size:11px;
	line-height:15px;
	text-align:right;
	cursor:pointer;
}

.navegacion-todo
{
	width:100%;
	height:30px;
	display:table;
	
	margin-bottom:2px;
	background:#acacac;
	padding:0 4px;
}

.navegacion-todo:hover
{
	font-weight:bold;
}

.navegacion-lista
{
	display:table-cell;
	vertical-align:middle;
}

@media (min-width: 878px)
{
	.navegacion-parche
	{
		width:100px;
	}
	.navegacion-bloque
	{
		width:100px;
	}
	.navegacion-contenido
	{
		font-size:9px;
	}
}

@media (min-width: 1102px)
{
	.navegacion-parche
	{
		width:130px;
	}
	.navegacion-bloque
	{
		width:130px;
	}
	.navegacion-contenido
	{
		font-size:9px;
	}
}

@media (min-width: 1310px)
{
	.navegacion-parche
	{
		width:150px;
	}
	.navegacion-bloque
	{
		width:150px;
	}
	.navegacion-contenido
	{
		font-size:11px;
	}
}

/*REDES SOCIALES*/

.redes
{
	position:fixed;
	width:40px;
	*height:210px;
	height:168px;
	left:0;
	*top:calc(50% - 105px + 48px);
	top:calc(50% - 84px + 48px);
	z-index:500;
}

.redes-padding
{
	padding:1px 0;
}

.redes-red
{
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:0 0;
}

.redes-red:hover
{
	background-position:0 -40px;
}

.redes-facebook
{
	background-image:url(../img/app/redes-lateral-logo-facebook.jpg);
}

.redes-twitter
{
	background-image:url(../img/app/redes-lateral-logo-twitter.jpg);
}

.redes-instagram
{
	background-image:url(../img/app/redes-lateral-logo-instagram.jpg);
}

.redes-youtube
{
	background-image:url(../img/app/redes-lateral-logo-youtube.jpg);
}

.redes-linkedin
{
	background-image:url(../img/app/redes-lateral-logo-linkedin.jpg);
}

/*FLECHAS*/

.flechas
{
	position:fixed;
	width:56px;
	height:164px;
	right:8px;
	top:calc(50% - 82px + 48px);
	z-index:500;
	transition: opacity 0.5s ease 0s;
	opacity:0;
}

.flechas.activo
{
	opacity:1;
}

.flechas-padding
{
	padding:24px 0;
}

.flechas-flecha
{
	width:56px;
	height:34px;
	
	cursor:pointer;
	
    background-position: center center;
    background-repeat: no-repeat;
	
	transition: opacity 0.5s ease 0s;
	opacity:1;
}

.flechas-flecha.inactivo
{
	opacity:0;
}

.flechas-up
{
	background-image: url(../img/app/flecha-imagen-up-blanco.png);
}

.flechas-up.alterno
{
	background-image: url(../img/app/flecha-imagen-up-gris.png);
}

.flechas-down
{
	background-image: url(../img/app/flecha-imagen-down-blanco.png);
}

.flechas-down.alterno
{
	background-image: url(../img/app/flecha-imagen-down-gris.png);
}

/*arrows*/

.arrow-down
{
	position:absolute;
	*position:fixed;
	width:88px;
	height:52px;
	bottom:10px;
	left:calc(50% - 44px);
	z-index:1000;
	background: url(../img/app/arrow-imagen-down-blanco.png) no-repeat center center;
	
	cursor:pointer;
	animation: 1.5s ease 0s normal none infinite downarrow;
	transform: translate(0, 10px);
}

.arrow-down.alterno
{
	background-image: url(../img/app/arrow-imagen-down-gris.png);
}

@keyframes downarrow 
{
	0% 
	{
		transform: translate(0, 10px);
	}
	10% 
	{
		transform: translate(0, 0px);
	}
	90% 
	{
		transform: translate(0, 0px);
	}
	100% 
	{
		transform: translate(0, 10px);
	}
}

.arrow-up
{
	position:fixed;
	width:56px;
	height:34px;
	top:calc(50% - 14px + 48px);
	right:8px;
	z-index:1000;
	background: url(../img/app/arrow-imagen-up-blanco.png) no-repeat center center;
	
	cursor:pointer;
	transform:translate(62px, 0);
	animation: 3s ease 0s normal none infinite uparrow;
	
	display:none;
}

.arrow-up.alterno
{
	background-image: url(../img/app/arrow-imagen-up-gris.png);
}

@keyframes uparrow
{
	0% 
	{
		transform: translate(0px, -10px);
	}
	20% 
	{
		transform: translate(0px, 0px);
	}
	80% 
	{
		transform: translate(0px, 0px);
	}
	100% 
	{
		transform: translate(0px, -10px);
	}
}

/*buscar*/

.buscar-padre
{
	color: #959595;
    font-family: Arial;
    font-size: 24px;
	line-height:26px;
	font-weight: bold;
	overflow:hidden;
}

.buscar-header
{
	padding:30px 0;
	width:100%;
	color: #646464;
    font-family: Arial;
    font-size: 21px;
	line-height:22px;
	font-weight: bold;
}

.buscar-item
{
	width:100%;
	border-top:1px solid #c6c6c6;
	padding:30px 0;
}

.buscar-titulo
{
	width:100%;
	color: #959595;
    font-family: Arial;
    font-size: 16px;
	line-height:18px;
	font-weight:normal;
}

.buscar-titulo span
{
	font-weight: bold;
}

.buscar-contenido
{
	width:100%;
	color: #959595;
    font-family: Arial;
    font-size: 16px;
	line-height:18px;
	font-weight: normal;
	padding-top:20px;
	text-decoration:underline;
}

.buscar-paginador
{
	font-family:Arial;
	color:#a1a1a1;
	font-size:16px;
	line-height:18px;
	text-align:left;
}

.buscar-paginador span
{
	margin-right:10px;
}

@media (min-width: 878px)
{
	.buscar-padre
	{
		font-size: 20px;
		line-height:22px;
	}

	.buscar-header
	{
		font-size: 17px;
		line-height:18px;
	}
	
	.buscar-item
	{
		padding:20px 0;
	}

	.buscar-titulo
	{
		font-size: 12px;
		line-height:14px;
	}

	.buscar-contenido
	{
		font-size:12px;
		line-height:14px;

		padding:10px 0 0;
	}

	.buscar-paginador
	{
		font-size:12px;
		line-height:14px;
	}
}

@media (min-width: 1102px)
{
	.buscar-padre
	{
		font-size: 22px;
		line-height:24px;
	}

	.buscar-header
	{
		font-size: 19px;
		line-height:20px;
	}
	
	.buscar-item
	{
		padding:25px 0;
	}

	.buscar-titulo
	{
		font-size: 14px;
		line-height:16px;
	}

	.buscar-contenido
	{
		font-size:14px;
		line-height:16px;

		padding:15px 0 0;
	}

	.buscar-paginador
	{
		font-size:14px;
		line-height:16px;
	}
}

@media (min-width: 1310px)
{
	.buscar-padre
	{
		font-size: 24px;
		line-height:26px;
	}

	.buscar-header
	{
		font-size: 21px;
		line-height:22px;
	}
	
	.buscar-item
	{
		padding:30px 0;
	}

	.buscar-titulo
	{
		font-size: 16px;
		line-height:18px;
	}

	.buscar-contenido
	{
		font-size: 16px;
		line-height:18px;

		padding:20px 0 0;
	}

	.buscar-paginador
	{
		font-size:16px;
		line-height:18px;
	}
}

.extra {

}

.extra-adentro {

}

.extra-titulo {
	color: #666666;
    font-family: Arial;
    font-size: 24px;
	line-height: 30px;
    font-weight: bold;
	
	border-bottom:3px solid #00add0;
	padding:20px 0 0;
	margin:0 0 20px;
}

.extra-cuerpo {
	color: #999999;
    font-family: Arial;
    font-size: 12px;
	line-height: 16px;
}

@media (min-width: 878px)
{

}

@media (min-width: 1102px)
{
	.extra-adentro {
		padding:0 100px;
	}
}

@media (min-width: 1310px)
{
	.extra-adentro {
		padding:0 200px;
	}
}

@media (min-width: 1101px) and (max-width: 1309px){
#imagen_programas{
	margin-top: 13% !important;

}
}


@media (min-width: 400px) and (max-width: 1100px){
#imagen_programas{
	margin-top: 18% !important;

}
}