/* ================================================================ 
Copyright (c) 2013-2014 Telstock, S.A. de C.V. Todos los Derechos Reservados.
Elaboró: Vanessa Alejandra Muñoz Corbalá,  Agosto 21, 2014
=================================================================== */
@charset "UTF-8";
/* CSS Document */

/***************************** GLOBAL ********************************/	
*{ margin: 0; outline:none !important;}	

::-webkit-selection { background: #77B200; color: #fff; }
::-moz-selection { background: #77B200; color: #fff;  }
::-ms-selection { background: #77B200; color: #fff; }
::selection { background: #77B200; color: #fff; }

a, a.active {	color:#77B200;}
a:hover, a:focus {
	color:#689943;	text-decoration:none;}	
a:link, button {
	-webkit-tap-highlight-color: #77B200;}

html, body {
	width:100%;
	height: 100%;
	min-height: 100%;
	margin:0;
	padding:0;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	cursor:default;}
body {
	font-family: 'My-Regular', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #52524E;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	cursor:default;
	background:#F8F8F8;
	overflow-x:hidden;}
.height-wrapper {
	height: auto !important;
	min-height: 100%;	
	height: 100%;
	width: 100%;
	margin: 0 auto 0 auto;}
section{
	padding:50px 25px;
	border-bottom:1px solid #d7d7d7;}	
@media (min-width:768px) and (max-width:991px){
section{ padding:50px 0px !important;}	}

blockquote {
    background-color: #ffffff;
    border-color: #d7d7d7 #d7d7d7 #d7d7d7 #99cc00;
    border-left: 5px solid #99cc00;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #353935;
    margin: 15px 0;
    padding: 25px 35px; }
	
h1 {
    font-size: 36px;
	line-height:46px;
    padding: 24px 0;
	margin:0;}
h2 {
    font-size: 30px;
	line-height:40px;
    padding: 10px 0;
	margin:0;}
h3 {
    font-size: 24px;
	line-height:34px;
    padding: 20px 0;
	margin:0;}
h4 {
    font-size: 18px;
	line-height:28px;
    padding: 16px 0;
	margin:0;}
h5 {
    font-size: 14px;
	line-height:24px;
    padding: 15px 0;
	margin:0;}
h6 {
    font-size: 12px;
	line-height:22px;
    padding: 30px 0;
	margin:0;}
	
h1 i {
	font-size:40px;}
.h3 {
    margin-bottom: 0;
    margin-top: 15px;}
#data-contacto h4 { padding: 0;}

p {
    font-size: 18px;
    line-height: 28px;}	
p.p14 {
    font-size: 14px;
	line-height:24px;}
p.p14 i{
    font-size: 18px;
	line-height:28px;
	margin-right:5px;}
.modal-content p, .modal-content label {
    font-size: 16px;
	line-height:26px;}
	
.normal {
    font-family: 'My-Regular',sans-serif;}
.bold {
    font-family: 'My-Bold',sans-serif;}
.light {
    font-family: 'Helvetica-Light',sans-serif;}
.center {
	text-align:center;}
.right {
	text-align:right;}
.left {
	text-align:left;}
		
.white {
    color: #ffffff;}
.red { 
	color:#e32414;}
.gray {
    color: #71706d;}
.gray a {
    color: #353935;
    text-decoration: none;}
.gray a:hover {
    color: #99cc00;
    text-decoration: none;}
.gray-dark {
    color: #454945;}
.gray-dark a {
    color: #353935;
    text-decoration: none;}
.gray-dark a:hover {
    color: #000000;
    text-decoration: none;}
.green {
    color: #99CC00;}
.green-dark {
    color: #77B200;}
	
.bg-white {
	background-color:#FFF;}
.bg-red {
	background-color:#e32414;}
.bg-gray {
	background-color:#71706d;}
.bg-gray-dark {
	background-color:#353935;}
.bg-green {
	background-color:#99CC00;}
.bg-green-dark {
	background-color:#77B200;}
.bg-green h1, .bg-green-dark h1 {	
	text-shadow:2px 2px 1px rgba(0, 0, 0, 0.25);
	padding:34px 0 24px;
	margin:0;}
	
.space5 {
    clear: both;
    height: 5px;}
.space10 {
    clear: both;
    height: 10px;}
.space15 {
    clear: both;
    height: 15px;}
.space20 {
    clear: both;
    height: 20px;}
.space25 {
    clear: both;
    height: 25px;}
.space30 {
    clear: both;
    height: 30px;}
.space40 {
    clear: both;
    height: 40px;}
.space50 {
    clear: both;
    height: 50px;}
.space60 {
    clear: both;
    height: 60px;}
.space70 {
    clear: both;
    height: 70px;}
.space80 {
    clear: both;
    height: 80px;}
.space90 {
    clear: both;
    height: 90px;}
.space100 {
    clear: both;
    height: 100px;}
.space110 {
    clear: both;
    height: 110px;}

.line-a {
    background-image: url("../img/main-telstock/line-a.png");
    background-repeat: repeat-x;
    height: 8px;}
.line-b {
    background-image: url("../img/main-telstock/line-b.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 11px;
    margin: 20px 0;}
.line-c {
    background: #d7d7d7;
    height: 1px;
    margin-bottom: 30px;
    margin-top: 30px;}
.line-d {
    background-image: url("../img/main-telstock/line-d.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 11px;
    margin: 20px 0 0;}
.line-e {
    background-color: #77B200;
    height: 1px;
    margin-bottom: 30px;
    margin-top: 10px;}
.head-line {
    background: url('../img/main-telstock/texture-a.png') repeat 0 0 #d7d7d7;
	margin-top:15px;}
.head-line h3 {
	padding-top:20px;}
	
.img-circle {
    border: 20px solid #99cc00;
    box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.15);}
	
.contact-info {
    background-color: #77b200;
    border: 10px solid #99cc00;
    border-radius: 100%;
    box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.15);
    display: block;
    height: 150px;
    margin: 0 auto;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    width: 150px;}
.contact-info i {
    display: inline-block;
    font-size: 90px;
    line-height: 130px;
    margin: 0 20px;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);}
@media (max-width:767px){
#data-contacto-2 {
	text-align:center;}
#data-contacto-2 h4 {
    font-size: 24px;
	line-height:34px;
	margin-top:30px;}
#data-contacto-2 p.p14 {
    font-size: 16px;
	line-height:26px;}
#data-contacto-2 p.p14 i{
    font-size: 20px;
	line-height:30px;
	margin-right:5px;}
#contact {
	text-align:center;}
#contact h4 {
    font-size: 24px;
	line-height:34px;
	margin-top:30px;}
#contact p.p14 {
    font-size: 16px;
	line-height:26px;}
#contact p.p14 i{
    font-size: 20px;
	line-height:30px;
	margin-right:5px;}
	}
/***************************** HEADER ********************************/		
.header {
    height: 60px;
    margin: 0 auto;
    padding: 0;}
.navbar-default {
    background-color: #454945;
    border-color: transparent;}
.navbar-default {
    z-index: 1000;}
.navbar {
    border-radius: 0;
    border: 1px solid transparent;
    margin-bottom: 0px;
    min-height: 60px;
    position: fixed;}
.navbar-nav > li {
	margin:0 10px}
.navbar-default .navbar-nav > li > a {
	font-size: 14px;
    line-height: 35px;
    padding: 15px 0px 5px;
	margin-top:15px;
	text-transform:uppercase;
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
.navbar-default .navbar-nav>li>a{
	color:#ccc;}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus{
	color:#FFFFFF;background-color:transparent;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #99cc00;
	border-bottom: 3px solid #99cc00;}
.navbar-default .navbar-nav > .open > a {
    background-color: transparent;
    color: #99cc00;}
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #FFFFFF;}
.navbar-default .navbar-nav .tooltip-inner{
	color:#77B200;
  font-size:11px;
	line-height: 20px;
	letter-spacing: 0.075em;
	padding-top:5px;
	-webkit-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.45);
	box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.45);
	text-transform:uppercase;}	
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 0px none transparent;
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: -10px !important;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 190px;
    padding: 3px 2px 2px;
    position: absolute;
    text-align: left;
    top: 70px;
    z-index: 1000;}	
.dropdown-menu:after {
    border-color: #f6f9f6 transparent;
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    top: -10px;
    width: 0;}
.dropdown-menu > li > a {
    clear: both;
    color: #454945;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    line-height: 20px;
    padding: 5px 20px;
    white-space: nowrap;
	text-transform:uppercase;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #99CC00;
    color: #FFF;
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);
    text-decoration: none;}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #428bca;
    color: #fff;
    outline: 0 none;
    text-decoration: none;}	
.dropdown-menu > li > a i.mi-t_manager {
    background: url('../img/menu-telstock/mi-t_manager-d.png') no-repeat scroll left 1px #ffffff;
    display: inline-block;
    height: 20px;
    width: 25px;}
.dropdown-menu > li > a:hover i.mi-t_manager, .dropdown-menu > li > a:focus i.mi-t_manager {
    background: url("../img/menu-telstock/mi-t_manager-h.png") no-repeat scroll left 1px #99cc00;}
.dropdown-menu > li.active > a i.mi-t_manager {
    background: url("../img/menu-telstock/mi-t_manager-a.png") no-repeat scroll left 1px #454945;}

.dropdown-menu > li > a i.mi-encuestas {
    background: url('../img/menu-telstock/mi-encuestas-d.png') no-repeat scroll left 1px #fff;
    display: inline-block;
    height: 20px;
    width: 25px;}
.dropdown-menu > li > a:hover i.mi-encuestas, .dropdown-menu > li > a:focus i.mi-encuestas {
    background: url("../img/menu-telstock/mi-encuestas-a.png") no-repeat scroll left 1px #99cc00;}
.dropdown-menu > li.active > a i.mi-encuestas {
    background: url("../img/menu-telstock/mi-encuestas-a.png") no-repeat scroll left 1px #454945;}

.dropdown-menu > li > a i.mi-vendvolution {
    display: inline-block;
    height: 20px;
    width: 25px;
	background: url('../img/menu-telstock/mi-vendvolution.png') no-repeat left bottom #FFF;}
.dropdown-menu > li>a:hover i.mi-vendvolution, .dropdown-menu > li>a:focus i.mi-vendvolution {
	background: url('../img/menu-telstock/mi-vendvolution-h.png') no-repeat left bottom #99CC00;}
.dropdown-menu > li.active > a i.mi-vendvolution {
	background: url('../img/menu-telstock/mi-vendvolution-a.png') no-repeat left bottom #454945;}
.dropdown-menu > li > a i.mi-vending_factory {
    display: inline-block;
    height: 20px;
    width: 25px;
	background: url('../img/menu-telstock/mi-vending_factory.png') no-repeat left bottom #FFF;}
.dropdown-menu > li > a:hover i.mi-vending_factory, .dropdown-menu > li > a:focus i.mi-vending_factory {
	background: url('../img/menu-telstock/mi-vending_factory-h.png') no-repeat left bottom #99CC00;}
.dropdown-menu > li.active > a i.mi-vending_factory {
	background: url('../img/menu-telstock/mi-vending_factory-a.png') no-repeat left bottom #454945;}
.dropdown-menu > li > a i.mi-kiosko {
    display: inline-block;
    height: 20px;
    width: 25px;
	background: url('../img/menu-telstock/mi-kiosko.png') no-repeat left bottom #FFF;}
.dropdown-menu > li > a:hover i.mi-kiosko, .dropdown-menu > li > a:focus i.mi-kiosko {
	background: url('../img/menu-telstock/mi-kiosko-h.png') no-repeat left bottom #99CC00;}
.dropdown-menu > li.active > a i.mi-kiosko {
	background: url('../img/menu-telstock/mi-kiosko-a.png') no-repeat left bottom #454945;}
.dropdown-menu > li > a i.mi-punto_de_venta_telstock {
    display: inline-block;
    height: 20px;
    width: 25px;
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock.png') no-repeat left bottom #FFF;}
.dropdown-menu > li > a:hover i.mi-punto_de_venta_telstock,
.dropdown-menu > li > a:focus i.mi-punto_de_venta_telstock {
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock-h.png') no-repeat left bottom #99CC00;}
.dropdown-menu > li.active > a i.mi-punto_de_venta_telstock {
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock-a.png') no-repeat left bottom #454945;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a > span i.mi-punto_de_venta_telstock {
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock.png') no-repeat left bottom #FFF;}
.dropdown-menu > li > a i.mi-telstock {
    display: inline-block;
    height: 20px;
    width: 25px;
	background: url('../img/menu-telstock/mi-telstock.png') no-repeat left bottom #FFF;}
.dropdown-menu > li > a:hover i.mi-telstock,
.dropdown-menu > li > a:focus  i.mi-telstock {
	background: url(../img/menu-telstock/mi-telstock-h.png) no-repeat left bottom #99CC00;}
.dropdown-menu > li.active > a i.mi-telstock {
	background: url("../img/menu-telstock/mi-telstock-a.png") no-repeat left bottom #454945;}
	
.dropdown-menu > li > a > span {
	padding-left:15px;}	
	
/***************************** SUBMENU SM MD LG ********************************/
.navbar-default .navbar-nav > li > a i.mi-t_manager {
    display: inline-block;
    height: 20px;
    width: 25px;
	background: url('../img/menu-telstock/mi-t_manager.png') no-repeat left bottom rgba(0,0,0,0);}
.navbar-default .navbar-nav > li > a:hover i.mi-t_manager, .navbar-default .navbar-nav > li > a:focus  i.mi-t_manager {
	background: url('../img/menu-telstock/mi-t_manager-h.png') no-repeat left bottom rgba(0,0,0,0);}
.navbar-default .navbar-nav > li.active > a i.mi-t_manager {
	background: url('../img/menu-telstock/mi-t_manager-a.png') no-repeat left bottom rgba(0,0,0,0);}
	
.navbar-default .navbar-nav > li > a i.mi-encuestas {
    display: inline-block;
    height: 20px;
    width: 25px;
	background: url('../img/menu-telstock/mi-encuestas.png') no-repeat left bottom rgba(0,0,0,0);}
.navbar-default .navbar-nav > li > a:hover i.mi-encuestas, .navbar-default .navbar-nav > li > a:focus  i.mi-encuestas {
	background: url('../img/menu-telstock/mi-encuestas-a.png') no-repeat left bottom rgba(0,0,0,0);}
.navbar-default .navbar-nav > li.active > a i.mi-encuestas {
	background: url('../img/menu-telstock/mi-encuestas-h.png') no-repeat left bottom rgba(0,0,0,0);}		
.navbar-default .navbar-nav>li>a i {
	font-size:18px;
	line-height:25px;
	margin-right:3px;}
.navbar-default .navbar-nav>li>a i.mi-telstock {
	background: url("../img/menu-telstock/mi-telstock.png") no-repeat scroll left bottom #454945;
    display: inline-block;
    height: 20px;
    width: 20px;
	margin-top: -5px;
    position: relative;}
.navbar-default .navbar-nav>li>a:hover i.mi-telstock, .navbar-default .navbar-nav>li>a:focus i.mi-telstock {
	background: url('../img/menu-telstock/mi-telstock-h.png') no-repeat left bottom #454945;}
.navbar-default .navbar-nav>li.active>a i.mi-telstock {
	background: url('../img/menu-telstock/mi-telstock-a.png') no-repeat left bottom #454945;}
	
/* ------------------------------------------------------------------- */
/*	SubMenú
/* ------------------------------------------------------------------- */
#sub-menu {
    background-color: #454945;
    box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.15);
    height: 60px;
    padding-top: 3px;
    position: fixed;
    top: 73px;
    z-index: 990;
	display:block;
	width:100%;}	
#sub-menu ul {
	display:block;
	position:relative;
	float:right !important;
	right:-15px;
	list-style:none;
	list-style-type:none;}	
#sub-menu li {
	margin:0px;
	padding:0;
	display:block;
	float:left;
	position:relative;
	background:#FFF;
	list-style:none;
	list-style-type:none;}
#sub-menu li a {
	display:block;
	position:relative;
	font-size: 14px;
    line-height: 35px;
	text-transform:uppercase;
	margin-top:0px;
	padding: 10px 15px;
	color:#454945;
	background:#FFF;
	text-shadow: none;
	border-bottom: 0px none transparent;}
#sub-menu li a:hover,
#sub-menu li a:focus {
    background-color: #FFF;
    color: #77B200;
    text-decoration: none;
	text-shadow:none;
	border-bottom: 0px none transparent;}
#sub-menu li.active a {
    background-color: #77B200;
    color: #FFF;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
	border-bottom: 0px none transparent;}
#sub-menu li a i {
	font-size:18px;
	line-height:18px;
	margin-right:3px;
	margin-top:3px;}
#sub-menu li a i.mi-t_manager {
    display: inline-block;
    height: 18px;
    width: 19px;
	background: url('../img/menu-telstock/mi-t_manager-d.png') no-repeat local left bottom / 18px #FFF;}
#sub-menu li a:hover .mi-t_manager,
#sub-menu li a:focus .mi-t_manager {
	background: url('../img/menu-telstock/mi-t_manager-a.png') no-repeat local left bottom / 18px #FFF;}
#sub-menu li.active a .mi-t_manager {
	background: url('../img/menu-telstock/mi-t_manager-h.png') no-repeat local left bottom / 18px  #77B200;}
#sub-menu li a i.mi-encuestas {
    display: inline-block;
    height: 18px;
    width: 19px;
	background: url('../img/menu-telstock/mi-encuestas-d.png') no-repeat local left bottom / 18px #FFF;}
#sub-menu li a:hover .mi-encuestas,
#sub-menu li a:focus .mi-encuestas {
	background: url('../img/menu-telstock/mi-encuestas-h.png') no-repeat local left bottom / 18px #FFF;}
#sub-menu li.active a .mi-encuestas {
	background: url('../img/menu-telstock/mi-encuestas-a.png') no-repeat local left bottom / 18px  #77B200;}
#sub-menu li a i.mi-punto_de_venta_telstock {
    display: inline-block;
    height: 18px;
    width: 19px;
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock.png') no-repeat local left bottom / 18px 18px #FFF;}
#sub-menu li a:hover i.mi-punto_de_venta_telstock,
#sub-menu li a:focus  i.mi-punto_de_venta_telstock {
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock-a.png') no-repeat local left bottom / 18px 18px #FFF;}
#sub-menu li.active a i.mi-punto_de_venta_telstock {
	background: url("../img/menu-telstock/mi-punto_de_venta_telstock-h.png") no-repeat local left bottom / 18px 18px #77b200;}
#sub-menu li a i.mi-telstock {
    display: inline-block;
    height: 18px;
    width: 19px;
	background: url('../img/menu-telstock/mi-telstock.png') no-repeat local left bottom / 18px 18px #FFF;}
#sub-menu li a:hover i.mi-telstock,
#sub-menu li a:focus  i.mi-telstock {
	background: url('../img/menu-telstock/mi-telstock-a.png') no-repeat local left bottom / 18px 18px #FFF;}
#sub-menu li.active a i.mi-telstock {
	background: url("../img/menu-telstock/mi-telstock-h.png") no-repeat local left bottom / 18px 18px #77b200;}	
	
/* ------------------------------------------------------------------- */
/*	Toggle Button
/* ------------------------------------------------------------------- */
.navbar-toggle {
    border-radius: 0px;}
.navbar-header .navbar-toggle {
    margin-top: 10px;
	padding: 15px 20px;
    background-color: transparent;
    background-image: none;
	border-color: transparent;
	webkit-transition: all 0.3s ease-in-out;
	moz-transition: all 0.3s ease-in-out;
	o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	ms-transition: all 0.3s ease-in-out;}
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus{
	background-color: #353935;}
.navbar-header .navbar-toggle .icon-bar{
	background-color:#77B200;
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.25);
	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.25);
	box-shadow:2px 2px 0 rgba(0,0,0,0.25);}
.navbar-toggle .icon-bar {
    border-radius: 5px;
    display: block;
    height: 3px;
    width: 40px;}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;}
.navbar-header .navbar-toggle:hover .icon-bar,
.navbar-header .navbar-toggle:focus .icon-bar,
.navbar-header .navbar-toggle:active .icon-bar,
.navbar-header .navbar-toggle.active .icon-bar{
	background-color:#99CC00;}
/***************************** ADAPTATIVO ********************************/
@media (max-width:767px){
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 400px;}
.navbar-nav > li {margin-right:0px;margin-left:0px;}
.navbar-default .navbar-nav>li>a {
    margin-top: 1px;
    padding: 10px 15px 5px 25px;
	background-color: #454945!important;
	webkit-transition: all 0.3s ease-in-out;
	moz-transition: all 0.3s ease-in-out;
	o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	ms-transition: all 0.3s ease-in-out;}		
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus { background-color: #353935!important;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus { background-color: #353935!important;}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { border-bottom:0px none transparent;}

.navbar-nav .open .dropdown-menu{background-color:#FFF;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#454945;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:#99CC00;}
.dropdown-menu:after {
    display: none !important;}
.dropdown-menu > li > a i {
	margin-right:5px;}
.navbar-nav .open .dropdown-menu > li > a {
	line-height:20px;
	padding:7px 15px 7px 25px;}
.dropdown-menu > li > a i.mi-vendvolution {
    display: inline-block; height: 20px; width: 20px;
	background: url('../img/menu-telstock/mi-vendvolution.png') no-repeat left bottom #FFF;}
.dropdown-menu > li>a:hover i.mi-vendvolution, .dropdown-menu > li>a:focus i.mi-vendvolution {
	background: url('../img/menu-telstock/mi-vendvolution-h.png') no-repeat left bottom #99CC00;}
.dropdown-menu > li.active > a i.mi-vendvolution {
	background: url('../img/menu-telstock/mi-vendvolution-a.png') no-repeat left bottom #454945;}
.dropdown-menu > li > a i.mi-vending_factory {
    display: inline-block;
    height: 20px;
    width: 20px;
	background: url('../img/menu-telstock/mi-vending_factory.png') no-repeat left bottom #FFF;}
.dropdown-menu > li > a:hover i.mi-vending_factory, .dropdown-menu > li > a:focus i.mi-vending_factory {
	background: url('../img/menu-telstock/mi-vending_factory-h.png') no-repeat left bottom #99CC00;}
.dropdown-menu > li.active > a i.mi-vending_factory {
	background: url('../img/menu-telstock/mi-vending_factory-a.png') no-repeat left bottom #454945;}
.dropdown-menu > li > a i.mi-kiosko {
    display: inline-block;
    height: 20px;
    width: 20px;
	background: url('../img/menu-telstock/mi-kiosko.png') no-repeat left bottom #FFF;}
.dropdown-menu > li > a:hover i.mi-kiosko, .dropdown-menu > li > a:focus i.mi-kiosko {
	background: url('../img/menu-telstock/mi-kiosko-h.png') no-repeat left bottom #99CC00;}
.dropdown-menu > li.active > a i.mi-kiosko {
	background: url('../img/menu-telstock/mi-kiosko-a.png') no-repeat left bottom #454945;}
.dropdown-menu > li > a i.mi-punto_de_venta_telstock {
    display: inline-block;
    height: 20px;
    width: 20px;
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock.png') no-repeat left bottom #FFF;}
.dropdown-menu > li > a:hover i.mi-punto_de_venta_telstock, .dropdown-menu > li > a:focus i.mi-punto_de_venta_telstock {
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock-h.png') no-repeat left bottom #99CC00;}
.dropdown-menu > li.active > a i.mi-punto_de_venta_telstock {
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock-a.png') no-repeat left bottom #454945;}
.dropdown-menu > li > a i.mi-t_manager {
    width: 20px;
	background: url('../img/menu-telstock/mi-t_manager-d.png') no-repeat left bottom #FFF;
	background-color: transparent;}
.dropdown-menu > li > a:hover i.mi-t_manager, .dropdown-menu > li > a:focus  i.mi-t_manager {
	background: url('../img/menu-telstock/mi-t_manager-h.png') no-repeat left bottom #99CC00;
	background-color: transparent;}
.dropdown-menu > li.active > a i.mi-t_manager {
	background: url('../img/menu-telstock/mi-t_manager-a.png') no-repeat left bottom #454945;
	background-color: transparent;}
.dropdown-menu > li > a i.mi-encuestas {
    background: url('../img/menu-telstock/mi-encuestas-d.png') no-repeat scroll left 1px #eee;
    display: inline-block;
    height: 20px;
    width: 25px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a i.mi-punto_de_venta_telstock {
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock.png') no-repeat left bottom #EEE;}	
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover i.mi-punto_de_venta_telstock,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus i.mi-punto_de_venta_telstock {
	background: url('../img/menu-telstock/mi-punto_de_venta_telstock-h.png') no-repeat left bottom #99CC00;}	
.navbar-default .navbar-nav>li>a i.mi-telstock {
	background-color: transparent;}
.navbar-default .navbar-nav>li:hover>a i.mi-telstock, .navbar-default .navbar-nav>li:focus>a i.mi-telstock {
	background-color: transparent;}
.navbar-default .navbar-nav>li.active>a i.mi-telstock {
	background-color: transparent;}		
section#tmanager {border-bottom:0px none transparent; margin-top:0px;}	
}
 @media (min-width:768px) and (max-width:991px) {
.navbar-nav > li {
	margin-right:5px;
	margin-left:5px;}
#tmanager-menu.navbar-nav > li > a {
	padding: 10px 5px;}
#sub-menu li a { padding:10px;}
	}
 @media (min-width:1200px){
#tmanager-menu.navbar-nav {display:block;}}
 @media (min-width:768px) and (max-width:2000px){
section#tmanager {border-bottom:0px none transparent; margin-top:65px;}}
/***************************** JUMBOTRON ********************************/
.jumbotron{padding:0px;margin:0 -15px 0;color:inherit;background: rgba(0, 0, 0, 0.65); text-align:center;}
video {margin:0 auto -9px; color:#99CC00; font-size:18px; line-height:28px;}
 @media screen and (max-width:767px){
.jumbotron{padding-top:0;padding-bottom:0;}
video { width:100%;}	}
 @media (min-width:768px){
video { width:80%;}		}
			
	
/**************************** EVENTOS ANIMADOS ***************************/	
.relative{
	position:relative;	
	display:inline-block;
	min-height:230px;}
.o-hidden{
	overflow:hidden;}
	
.img-thumbnail {
    background-color: #EAEAEA;
    border: 2px solid #fff;
    border-radius: 0px;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 0px;
    transition: all 0.2s ease-in-out 0s;
	-webkit-box-shadow: 0 5px 5px 5px rgba(255, 255, 255, 1);
box-shadow: 0 5px 5px 5px rgba(255, 255, 255, 1);}
.animated-00{
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	-o-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	-ms-animation-delay:0s;
	-o-animation-delay:0s;
	animation-delay:0s;}
.animated-05{
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-ms-animation-delay:0.5s;
	-o-animation-delay:0.5s;}
.animated-10{
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-ms-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;}
.animated-15{
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-o-animation-delay:1.5s;
	animation-delay:1.5s;}
.animated-20{
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;}
.animated-dur-05{
	-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	-o-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-ms-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	animation-delay:0.5s;}
		
/************************  @MEDIA ******************************/
@media (max-width: 767px){	
.anima-more {
	border-top: 14px solid #ddd;
	padding: 40px 0px;}	
.anima-more{
	background: none;	}	
.anima-more:nth-child(even){
	background: none;	}
.anima-more:nth-child(odd).span6{
	background: none;	}	
.anima-more:nth-child(odd) h3{
	text-align:left;	}
}
	
.anima-more{
	padding:60px 0px 150px;}
.anima-more:first-child{
	border-top:none;}	
.anima-more h3{
	font-size:26px;
	color:#2b2b2b;}
.anima-more:nth-child(odd) h3{
	text-align:right;}
.lead {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;	}

/****************************** PANEL ***************************************/
.panel {
	-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);}
.panel-title i {
    background-color: transparent;
    display: inline-block;
    float: right;
    font-size: 24px;
    height: 34px;
    line-height: 34px;
	margin:0;
    position: relative;
    text-align: center;
    width: 34px;}	
.panel-default,
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-color: #353935;}
.panel-default > .panel-heading {
    background-color: #454945;
    border-color: #353935;
	moz-transition: all 0.5s ease-in-out;
	ms-transition: all 0.5s ease-in-out;
	o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
.panel-default > .panel-heading:hover,
.panel-default > .panel-heading:focus {
    background-color: #353935;}
.panel-default > .panel-heading .panel-title {
    color: #FFF !important;
    text-decoration: none;}
.panel-default > .panel-heading:hover .panel-title,
.panel-default > .panel-heading:focus .panel-title {
    color: #77B200 !important;
    text-decoration: none;}
.panel-title {
    font-size: 24px;
	line-height:34px;
    padding: 20px 0;
	margin:0;	
    font-family: 'My-Bold',sans-serif;
	text-align: left;}
.panel-body p {
		margin-bottom:0;}
		
/******************* SOLUCIONES ADMINISTRATIVAS TELEMETRIA ********************/
i.sat-vendvolution {
    display: inline-block; height: 36px; width: 36px;
	background: url('../img/menu-telstock/sat-vendvolution.png') no-repeat left 0 rgba(0,0,0,0);}
i.sat-vending_factory {
    display: inline-block; height: 36px; width: 36px;
	background: url('../img/menu-telstock/sat-vending_factory.png') no-repeat left 0 rgba(0,0,0,0);}
	
/***************************** FORMULARIO ********************************/
form.form-horizontal .form-group {
    margin-left: 15px !important;
    margin-right: 15px !important;}	
form.form-horizontal .form-group h3 {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
form.form-horizontal input.form-control {
	height:40px;}
form.form-horizontal .form-control {
	border-radius:0;
    border-color: #99CC00;
	font-size:16px;}	
	
form.form-horizontal textarea.form-control {
    resize: none !important;
    word-wrap: break-word;
	padding:8px 12px;}
	
form.form-horizontal .form-control:focus {
    border-color: #afd136;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(175, 209, 54, 0.6);
    outline: 0 none;}
form.form-horizontal .form-control::-moz-placeholder {
    color: #353535;
    opacity: 1;}	
form.form-horizontal .control-label {
	font-size:14px;
	line-height:26px;	}
form.form-horizontal p {
	font-size:14px;
	line-height:26px;	}
form.form-horizontal fieldset {
	padding:0px;}
form.form-horizontal .form-group label {
	color:#71706d;
	text-decoration: none;}
 form.form-horizontal .form-group label a, form.form-horizontal .form-group label a:link, form.form-horizontal .form-group label a:active {
	color:#454945;
	font-weight:700;
	text-decoration: underline;}
form.form-horizontal .form-group label a:hover, form.form-horizontal .form-group label a:focus {
	color:#77B200;}
.form-horizontal .radio, .form-horizontal .checkbox {
	font-size:14px;
	line-height:26px;
    min-height: 34px;}
#success {
	background: #FFF;
    color: #77B200;
   display: block;
    font-weight: 100;
    padding: 0px;
    text-align: center;}
.alert { border-radius: 0px; margin-bottom:0;}
.alert-success, .alert-danger {	
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	box-shadow:3px 3px 5px rgba(0, 0, 0, 0.5);}
	
.error-holder{
    height: auto;
	min-height:0px !important;
    margin: 10px 0;
    padding: 0px 35px;
	display:block;
	background:#f2dede;
    color: #a94442;}	
.error-holder label { display:block; font-size:14px; font-weight:normal; padding:0; font-family:"My-Regular", Helvetica, Arial, sans-serif; line-height:26px; color:#a94442 !important; margin:5px 0;}
.error-holder label.error { display:block !important; float:none; font-size:14px; line-height:26px; color:#a94442 !important; background:#f2dede; padding: 0;}
.error-holder label span{margin:5px 0; padding-right: 10px; font-weight:300; font-size:16px;}
.error-holder label i{color: #a94442 !important;}
.error-holder label.checked, .error-holder label.checked span { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
	
.btn {
    line-height: 24px;
	padding:10px 16px;
	font-size: 16px;}
.btn-primary {
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    background-color: #99cc00 !important;
    border-color: #77B200 !important;
    color: #FFF !important;}
.btn-primary:hover, .btn-primary:focus, .open .dropdown-toggle.btn-primary {
    background-color: #77B200 !important;
    border-color: #afd136 !important;
    color: #FFF !important;}
.btn-primary:active, .btn-primary.active {
    background-color: #92b700 !important;
    border-color: #afd136 !important;
    color: #FFF !important;}	
.btn-default {
	text-shadow: 2px 2px 1px rgba(0,0,0,0.75);
    background-color: #454945 !important;
    border-color: #52524e !important;
    color: #FFF !important;}
.btn-default:hover, .btn-default:focus, .open .dropdown-toggle.btn-default {
    background-color: #353935 !important;
    border-color: #52524e !important;
    color: #ffffff !important;}
.btn-default:active, .btn-default.active {
    background-color: #353935 !important;
    border-color: #52524e !important;
    color: #ffffff !important;}
.btn-lg {
    border-radius: 6px;
    font-size: 18px;
    line-height: 28px;
    padding: 10px 16px;}
#contacto-ventas {
    background-color: #353935;
    color: #99CC00;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);}
#contacto-ventas:hover, #contacto-ventas:focus,
#contacto-ventas:hover a, #contacto-ventas:focus a {
    background-color: #77B200;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
    color: #FFF !important;}
.more-info {
    font-size: 20px;
    padding-top: 12px;}
	
/***************************** MODAL ********************************/
.modal-content{
	background-color:#fff;
	border:1px solid #77B200;
	border: 1px solid rgba(234, 238, 250, 0.6);
	-webkit-box-shadow:0 0 3px rgba(255, 255, 255, 0.6);box-shadow:0 0 3px rgba(255, 255, 255, 0.6);-moz-box-shadow:0 0 3px rgba(255, 255, 255, 0.6);}
.modal-header{
	border-bottom:1px solid #EEEEEE;
	background-color:#77B200;}
.modal-title{
	color:#F8F8F8;}
/*.modal-body{
	color: #85776F;}*/
.modal-footer{
	background-color:#F5F5F5;
	border-top:1px solid #EEEEEE;
	box-shadow: 0 1px 0 #FFFFFF inset;}	
	
/***************************** FOOTER ********************************/
footer {
	padding: 10px 0;
	background: #454945;border-top:1px solid #F0F0F0;
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.9);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.9);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.9);}
footer .logo {padding:10px 0; text-align: center; margin-bottom: 0;}
footer .logo img {text-align: center; display: inline-block;} 
footer .copy {text-align: center;
  color: #DADADA;}
footer .copy p {padding-right: 45px; font-size: 12px; line-height:22px;font-family: 'My-Regular', Helvetica, Arial, sans-serif;font-weight:normal;}
footer .copy p i {font-size: 14px; line-height:20px; display: inline-block; margin-right:3px;}
footer hr {
	border-color: rgba(242, 242, 242, 0.25);
	border-style: solid;
	border-width: 1px 0 0;}
footer span {
	border-style: solid;
	border-width: 0 0 0 1px;
	padding-left:15px;
	margin-left:15px;
	border-color: rgba(242, 242, 242, 0.25);}
footer a, footer span {text-decoration:none; cursor:pointer;
  color: #99CC00;
  text-decoration:none;} 
footer a:hover, footer span:hover {text-decoration: underline;
	moz-transition: all 0.3s ease-in-out;
	ms-transition: all 0.3s ease-in-out;
	webkit-transition: all 0.3s ease-in-out;
	o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
  color: #6B992B;
  text-decoration: none;}
@media only screen and (min-width: 0px) and (max-width: 767px) {
footer .copy p {padding-top:0px;padding-right:0px; 	}	}
	
/***************************** SCROLL TO TOP ********************************/
.scrollToTop {
    background: url("../img/to-top/scroll.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 20px;
    color: #444;
    display: none;
    height: 44px;
    position: fixed;
    right: 20px;
    width: 44px;}
.scrollToTop:hover{
    background: url('../img/to-top/scroll_hover.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}