body {
	padding: 80px 0 0 0; 
	margin: 0;
	overflow-x: hidden 
}

.container-fluid {
	padding: 0; 
	margin: 0 auto;
}

.navbar { z-index: 10;background-color: rgba(255,255,255,0.95);}
.navbar-nav { font-weight: bold;}
.navbar-nav { float: right }
.navbar-nav li { float: right }
.navbar-nav li a { padding: 30px 15px 30px 15px}
.navbar-default .navbar-nav>li>a:hover { background-color: #eee}
.navbar-default .navbar-nav>li>a { color: #111 }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-default .navbar-toggle { border: 0 }
.navbar-toggle span { background-color: #111 }
.language { float: right; margin-left: 10px; margin-top: 25px; margin-right: 10px;}
.language a.active img, .language a:hover img { -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);}
.language a img { -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: -moz-transform .5s ease-in-out;
}

header img {
	padding: 5px 0px;
}

.logo-header { overflow: hidden; display: inline-block; }
.navbar-header { padding: 8px 20px 8px 25px }

.logo-header, .header-logo:hover, .header-logo:focus, .header-logo:active { color: #111}

.logo { height: 60px; float: left;}
h1 { float: left; margin-left: 8px; font-size: 18px; font-family: "Arial", sans-serif; font-weight: bold; position: relative;
top: 2px;}

ul li { 
	list-style-type: none; 
	margin: 0 auto; 
	padding: 0; 
}


#content { 
	padding:0; 
	margin: 0 auto; 
	position: relative; 
	bottom: 30px; 
}

#titulo { 
	width:330px; 
	margin: 20px auto 0 auto; 
	padding-bottom: 20px;
	border-bottom: 2px #DE2018 solid; 
	max-width: 50%;
	margin-bottom: 50px;
}

#logo-catalogo {
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

#logo-catalogo img {
	max-width: 200px;
}

h2 { 
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 40px; 
	color:#DE2018;
	text-align: center;
	margin: 0; 
	padding-top: 20px;
	letter-spacing: 1px;
	font-weight: 700;
}

.introduccion { 
	padding: 0 20px 40px 20px;
	display: block;
}

.introduccion h4 { 
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	text-transform: uppercase; 
	color:#333; 
	padding-left: 10px;
	border-left: 2px solid #DE2018;
	font-weight: bold;
	margin-top: 35px;
	margin-bottom: 18px
}

.introduccion p { 
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px; 
	color: #666; 
	margin:0; 
	text-align: justify;
	line-height: 32px;
	padding-left: 10px
}

.imagen { 
	padding:0;
	margin:0 auto; 
}
.imagen img { width: 100%} 

#marcas { 
	padding-bottom:55px;
	margin: 0 auto; 
}

#marcas h2 {  
	color:#DE2018 
} 

#marcas #titulo {
	border-bottom: 2px #DE2018 solid;
}

.logos { 
	padding-bottom:15px; 
	margin-top:40px;
}

#marca { margin: 0 auto; display: block;}

.subtitulo {
	height:90px; 
	text-align: center; 
	margin:0 auto; 
	padding: 0 12px; 
}

.subtitulo-calculadoras {
	height:30px; 
	text-align: center; 
	margin:0 auto; 
	padding: 0 12px; 
}

.subtitulo h3{
	 color:#666;
	 padding: 0px 6px;
	 margin-bottom: 0;
	 border-bottom: 1px solid #ccc;
}
.subtitulo h3 span { padding: 10px 15px; position: relative; top: 10px; background-color: #fff}
.subtitulo h4, .subtitulo-calculadoras h4 { margin-top: 30px; color: #888; text-transform: uppercase; font-size: 13px}

h3 { 
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:25px; 
	text-align: center; 
	color:#fff; 
	margin: 0;
}

#masmarcas{
	margin:0 auto;
	 padding: 0; 
	 background-color: #fff;
	 width: 100%; 
}

#logos { 
	background-color: #353535
}

#marcasclp{ 

padding: 0;
}

#marcasclp img { 
	width: 100%;
}



.marcas-inferior { 
	text-align:center;
}

.marcas-inferior div {
	display:inline-block; 
	float:none; 
	text-align:left;
	margin-right:-4px;
}

#contacto {
	background-color: #171717;
	background-image: url("../imagenes/dark.png");
	margin-top: 55px;
	padding-bottom: 50px;
}

#contacto #titulo h2 {
	color: #fff
}

.logo-contacto { height: 40px; margin-bottom: 24px}

.formulario-content { padding-left: 0; width: 60%; margin: 0 auto }

.form { margin-right: 0!important}

.formulario { 
	padding-top: 15px; 
	margin:0; 
	float: left;
	position: relative;
	right: 10px;
}

.formulario p { text-align: center; font-family: 'Raleway', sans-serif; color: #fff; margin: 0 0 25px 25px; padding-bottom: 5px; border-bottom: 1px solid #666}

.grupo { 
	text-align: left; 
	margin-bottom: 20px; 
}


.formulario button { 
	background-color: #171717; 
	color: #fff; 
	padding: 10px 15px; 
	border: 1px #fff solid;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;  
	margin-left: 25px;
	-webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: -moz-transform .5s ease-in-out;
}

.formulario button:hover { border-color: #DE2018}


label.mensaje { 
	color: #555; 
}
.formulario input { 
	height: 35px; 
	width: 100%; 
	background-color: #fff; 
	margin-left: 10px; 
	padding: 5px 10px;
}

.formulario textarea { 
	width: 100%; 
	height: 130px;
	background-color: #fff; 
	margin-left: 10px; 
	padding: 10px; 
}

.formulario input, .formulario textarea {  
	padding-left: 15px;
	border: 0
}

#respuesta { 
	color: #fff;
	margin-left: 25px;
	margin-top: 20px;
}

h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}

.mobile {
	display: none; 
	width:100%;
	background-color: #333;
	position: fixed; 
	min-height: 20vh;
	padding-top: 10px ; 
	padding-bottom: 20px ; 
	z-index: 1000;
	font-family: 'Open Sans', sans-serif;
}

.mobile a  {
	font-size: 25px; 
	color:#fff; 
}

.mobile a:hover {
	color:#EAFF00; 
	text-decoration:none; 
}

.mobile li { 
	text-align: center; 
	margin-top: 25px 
}
.mobile ul { 
	padding-left: 0 
}

footer { padding: 20px 10px 10px 10px; text-align: center; color: #fff; background-color: #111; font-family: 'Raleway', sans-serif; border-top: 2px solid #fff}
.logo-footer span { display: block; position: relative; bottom: 17px; font-family: 'Arial', sans-serif; font-weight: bold; font-size: 15px }


.login {
margin: 20vh auto 0 auto;
width: 300px;
}
.login-screen {
background-color: #fff;
padding: 20px;
border-radius: 5px
}

.app-title {
color: #777;
}

.app-title h4 { display: block; float: none; margin-left: 0; font-size: 21px}
.app-title p { display: block; font-size: 12px}

.login-form {
text-align: center;
}

input {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 16px;
font-weight: 200;
padding: 10px 0;
width: 100%;
transition: border .5s;
}

input:focus {
border: 2px solid #3498DB;
box-shadow: none;
}

.btn {
  border: 2px solid transparent;
  background: #333;
  color: #ffffff;
  font-size: 16px;
  line-height: 25px;
  padding: 10px 0;
  text-decoration: none;
  text-shadow: none;
  border-radius: 3px;
  box-shadow: none;
  transition: 0.25s;
  display: block;
  width: 100%;
  margin: 0 auto;
}

.btn:hover {
  background-color: #E41619;
  color: #fff;
}

.btn:visited { color: #fff;}

.login-link {
  font-size: 12px;
  color: #444;
  display: block;
	margin-top: 12px;
}

.catalogo { padding-top: 50px; min-height: 90vh; background-color: #f4f4f4 }
.catalogo #titulo { margin-bottom: 10px }
.catalogo #titulo h1 { text-align: center; margin: 30px auto; float: none; }
.brand { border: 1px solid #ddd; padding: 10px; text-align: center; background-color: #fff; margin-bottom: 30px }
.brand img { margin-bottom: 15px }
.sesion { text-align: center; margin-bottom: 30px }
.sesion a { color: #333 }
.sesion a:hover { color: #000 }

.pdf { border: 1px solid #ddd; text-align: center; padding-top: 15px; background-color: #fff; margin-bottom: 25px }
.pdf h4 { margin: 15px 0; min-height: 42px }
.img-pdf img { width: 80px }

/*PAG PRINCIPAL X-TIME*/

.logo-x-time {
	text-align: center; 
	margin-bottom: 15px;
	border-bottom: 0.2px solid #d4d3d3;
	padding: 50px 0;
}

.logo-x-time img {
	text-align: center;
	margin:0 auto;
}

.modelo h2 {
   font-family: 'Open Sans Light', sans-serif;
   font-size: 25px;
   color:#fff;
   margin-bottom: 15px;
   padding:10px 0 15px 0;
   background-color: #7B057E
}

.reloj-x-time img { 
	margin: auto;
	text-align: center;
}

.reloj-x-time {
	padding-bottom: 20px; 	
	overflow: hidden; 
	margin-top: 20px 
}

.tabla-especificaciones { 
	margin-bottom: 25px;
}

.tabla-especificaciones h2 { 
	font-size:22px; 
	text-transform: uppercase;
	padding-bottom: 20px;
	color:#7B057E;
	border-top: 1px solid #7B057E;
	border-bottom: 1px solid #7B057E

}

.tabla-especificaciones h3{
	font-family: 'Open Sans Light', sans-serif;
	font-size:16px; 
	color: #000; 
	margin:0;
	padding: 5px 0;
	text-align: left;
	border-bottom: 1px solid #bdbdbd
}

.colores {
	display: inline-block; 
	margin-left: 15px 
}

span.black{
  background: #000;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  display: inline-block;
  margin-right: 15px;
  width: 1em; 
  height: 1em;
  padding-top: 5px
}
span.red {
  background: red;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  display: inline-block;
  margin-right: 15px;
  width: 1em; 
  height: 1em
}
span.white{
  background: #fff;
  border-radius: 0.8em;
  border: 1px #9e9e9e solid;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  display: inline-block;
  margin-right: 15px;
  width: 1em; 
  height: 1em
}

.botoninstrucciones { 
    width: 230px; 
    background-color: #7B057E;
    padding: 12px 8px; 
    text-decoration: none;
    list-style-type: none;     
    font-size: 14px;    
    text-align: center;
    color: #fff; 
    margin: auto;
    -webkit-transition: all ease-in-out 0.5s;
  	-moz-transition: all ease-in-out 0.5s;
  	-o-transition: all ease-in-out 0.5s;
  	-ms-transition: all ease-in-out 0.5s;  
}

 .botoninstrucciones:hover { 
	background-color: #000; 
	color: #fff;     
	text-decoration: none;
}

.reloj-x-time a {
	display:block;}
	
.reloj-x-time a:focus {
    color: #fff;
    text-decoration: none;
}

/*INSTRUCCIONES*/

.titulo-funcionamiento {
	text-align: center; 
	margin-bottom: 30px;
}

.titulo-funcionamiento h2 { 
	margin: 30px 0; 
	color:#7B057E;
}

.titulo-pasos {
	background-color: #7B057E; 
	margin:20px 0
}

.titulo-pasos h3{ 
	font-family: 'Open Sans Light', sans-serif;
	font-size:20px; 
	color: #fff; 
	margin:0; 
	padding: 25px 10px
}

.text-ios-android, {
	overflow: hidden;
}

.text-ios-android p, { 
	padding:10px 0; 
	font-size: 16px;
	text-align: justify;
}

.text-ios-android h2, .instalar-app h2 {
	color: #7B057E; 
	padding-bottom: 15px;
}
i {
	color: #7B057E
}

.text-ios-android img, .instalar-app img {
	text-align: center; 
	margin:0 auto;
	padding-bottom: 15px
}
.text-ios-android a, .instalar-app a { 
	color: #000
}

.instalar-app p, { 
	padding:0px 0 50px 0; 
	font-size: 16px;
	text-align: justify;
}

.instalar-app h2 { 
font-size: 22px;
padding-bottom: 45px
}

.instalar-app h3 { 
	color: #7B057E;
	padding: 40px 0;
	font-family: 'Open Sans Light', sans-serif;
}
.instalar-app strong { 
	color:#7B057E;
}

h3 {padding: 50px 0;
	color: #7B057E;
	line-height: 1.8em; 

}

.configurar-notificaciones img { 
	margin-bottom: 25px; 
}

.sincronizacion, .parrafo-notificaciones { 
	background-color: #dddddd; 
	padding: 60px 0; 
}
.sincronizacion h4, .parrafo-notificaciones h4 {
	color: #7B057E; 
	line-height:2em; 
	text-align: center;
	line-height: 1.8em; 
	font-family: 'Open Sans Light', sans-serif;
}

.funciones {
	height: auto; 
	overflow: hidden; 
	margin-top: 20px; 
}

.funciones p {
	padding: 10px 0; 
	font-size: 14px;
	line-height: 1.5em; 
}

.funciones img { 
	text-align: center;
	margin: 0 auto 
}

.menu-reloj { 
	margin: 40px 0 40px 0; 
	overflow: hidden;
}

.menu-reloj p { 
	line-height: 1.8em;
}

.menu-reloj i { 
	font-size: 10px
}

.opciones-menu { 
	height: 80px;
}

.opciones-menu img {
	padding-top: 10px 
}


@media ( max-width: 1024px) { 
	.formulario-content { width: 80%;}
}

@media ( max-width: 900px) { 
	.navbar-header { padding-left: 8px }
	.logo { height: 30px; margin-top: 13px}
	h1 { float: left; margin-left: 8px; font-size: 14px; font-family: "Arial", sans-serif; font-weight: bold; position: relative;
	top: 2px;} 
}

@media ( max-width: 768px) {
	body { padding-top: 70px }
	.navbar-header { background-color: #fff; padding-left: 23px }
	.navbar-nav { background-color: #fff; text-align: center; font-weight: bold; float: none}
	.logo { height: 40px; margin-top: 0}
	h1 {font-size: 18px;} 
	.navbar-nav li { float: none }
	.navbar-nav li a { padding: 15px 15px }
	.languages { padding: 0}
	.formulario-content { width: 90%;}
	.introduccion p { font-size: 16px; line-height: auto}
	h2 { font-size: 31px}
	h3 { font-size: 21px}
	.datos-contacto span { color: #fff; font-size: 17px; margin-left: 6px; position: relative; bottom: 8px}
	.logo { height: 40px; margin-top: 10px }
	h1 { margin-left: 5px; font-size: 13px; top: 5px}
}

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