@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700';
/******************************************************************
Nombre del sitio: In Serie 5.0
Autor: Marco Antonio Hernández Pérez

Importa todos los archivos en uno solo 
******************************************************************/
/*
Nombre del sitio:	In Serie 5
Autor:				Marco A. Hernández Pérez
*/
/*********************
IMPORTS
*********************/
/*
Nonmbe del sitio:	In serie 5.0
Autor:				Marco Antonio Hernández Pérez
*/
/*********************
COLORES
*********************/
.icono-facebook {
  background: #1860aa;
}
.icono-facebook:hover,
.icono-facebook:active,
.icono-facebook:focus {
  background: #12477d;
}
.icono-twitter {
  background: #35a8e0;
}
.icono-twitter:hover,
.icono-twitter:active,
.icono-twitter:focus {
  background: #1e8ec4;
}
.icono-linkedin {
  background: #005794;
}
.icono-linkedin:hover,
.icono-linkedin:active,
.icono-linkedin:focus {
  background: #003961;
}
.icono-pinterest {
  background: #ca2027;
}
.icono-pinterest:hover,
.icono-pinterest:active,
.icono-pinterest:focus {
  background: #9e191e;
}
.icono-googleplus {
  background: #dc4e41;
}
.icono-googleplus:hover,
.icono-googleplus:active,
.icono-googleplus:focus {
  background: #c63224;
}
.icono-foursquare {
  background: #e73e71;
}
.icono-foursquare:hover,
.icono-foursquare:active,
.icono-foursquare:focus {
  background: #d71b54;
}
.icono-instagram {
  background: #c22f86;
}
.icono-instagram:hover,
.icono-instagram:active,
.icono-instagram:focus {
  background: #99256a;
}
.icono-youtube {
  background: #e52d27;
}
.icono-youtube:hover,
.icono-youtube:active,
.icono-youtube:focus {
  background: #c21d17;
}
/*********************
FORMULARIOS
*********************/
/*********************
TIPOGRAFÍA
*********************/
/********** Tipos de letra ***********/
@font-face {
  
}
.open {
  font-family: 'Open Sans', sans-serif;
}
/*Bases*/
.normal {
  font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
}
/*text decoration*/
.tnone {
  text-decoration: none;
}
.tunder {
  text-decoration: underline;
}
/* Alinear */
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
/*********************
BOTONES
*********************/
/*********************
FONDOS
*********************/
.fsimple {
  background-repeat: none;
  background-position: center center;
}
/***********************
POSICIONES
***********************/
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.center-both {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/***********************
DISPLAYS
***********************/
.dblock {
  display: block;
}
.dinline {
  display: inline;
}
.diblock {
  display: inline-block;
}
.dtable {
  display: table;
}
.dnone {
  display: none;
}
/*********************
DEGRADADOS
(Claro a obscuro)
*********************/
/********** Sencillos ***********/
/*Degradado básico de 2 colores*/
/*Vertical*/
/*Horizontal*/
/*Diagonal superior*/
/*Diagonal inferior*/
/*Radial*/
/********** Efectos ***********/
/* Metal*/
/* No funciona en IE <8*/
/* Stripes No funciona en IE <9*/
/*********************
TEXTO EFECTOS
*********************/
/********** Efectos ***********/
/*Normal*/
/*Inset*/
/*Emboss*/
/*Brillo*/
/*blur*/
/*3D*/
/*Silueta*/
/*Drop Cap
	Se debe definir manualmente el elemento que llevará el efecto. Esta es una muestra con <article> <p>
*/
/*********************
BORDER RADIUS
*********************/
/*********************
TRANSFORM
*********************/
/********** Bases ***********/
/********** 2D ***********/
/********** 3D ***********/
/*********************
BOX SIZING
*********************/
/* .boxSizing(border-box); */
/*********************
BOX SHADOW
*********************/
/********** Fuera ***********/
/*Sombra estándar*/
/*Sombra gruesa*/
/*Brillo*/
/*Dentro*/
/*Sombra fuera y dentro*/
/*Sombras arqueada*/
.shadow-arc {
  position: relative;
}
.shadow-arc:before,
.shadow-arc:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 80%;
  bottom: 15px;
  left: 10px;
  width: 50%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 10px 0px #cccccc;
  -moz-box-shadow: 0 15px 10px 0px #cccccc;
  -ms-box-shadow: 0 15px 10px 0px #cccccc;
  -o-box-shadow: 0 15px 10px 0px #cccccc;
  box-shadow: 0 15px 10px 0px #cccccc;
  behavior: url(PIE.htc);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow-arc:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}
.shadow-arc-left {
  position: relative;
}
.shadow-arc-left:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 80%;
  bottom: 15px;
  left: 10px;
  width: 50%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 10px 0px #cccccc;
  -moz-box-shadow: 0 15px 10px 0px #cccccc;
  -ms-box-shadow: 0 15px 10px 0px #cccccc;
  -o-box-shadow: 0 15px 10px 0px #cccccc;
  box-shadow: 0 15px 10px 0px #cccccc;
  behavior: url(PIE.htc);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shadow-arc-right {
  position: relative;
}
.shadow-arc-right:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 80%;
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 10px 0px #cccccc;
  -moz-box-shadow: 0 15px 10px 0px #cccccc;
  -ms-box-shadow: 0 15px 10px 0px #cccccc;
  -o-box-shadow: 0 15px 10px 0px #cccccc;
  box-shadow: 0 15px 10px 0px #cccccc;
  behavior: url(PIE.htc);
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}
/*Sombra tipo monumento*/
.shadow-monument {
  position: relative;
}
.shadow-monument:before {
  content: "";
  position: relative\9;
  position: absolute;
  z-index: -1;
  top: 84%;
  right: 0px;
  bottom: 0;
  left: 0px;
  background: #cccccc;
  -webkit-box-shadow: 0 0 8px 1px #cccccc;
  -moz-box-shadow: 0 0 8px 1px #cccccc;
  -ms-box-shadow: 0 0 8px 1px #cccccc;
  -o-box-shadow: 0 0 8px 1px #cccccc;
  box-shadow: 0 0 8px 1px #cccccc;
  behavior: url(PIE.htc);
  -webkit-transform: translate(-42px, 0) skew(72deg, 0);
  -moz-transform: translate(-42px, 0) skew(72deg, 0);
  -ms-transform: translate(-42px, 0) skew(72deg, 0);
  -o-transform: translate(-42px, 0) skew(72deg, 0);
  transform: translate(-42px, 0) skew(72deg, 0);
}
/*Sombra hacia los lados*/
/*********************
ANIMACIONES
*********************/
/*********************
FORMULARIOS
*********************/
/*********************
USABILIDAD
*********************/
/*********************
DESARROLLO
*********************/
/* SEO Helper */
/* Normalize */
/* Reset */
/********************* 
ESTILOS GENERALES
*********************/
body {
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  color: #231f20;
  font-family: 'Open Sans', sans-serif;
}
.envolvente {
  margin: auto;
  margin-top: 50px;
  padding: 15px;
  width: 400px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  behavior: url(PIE.htc);
  overflow: auto;
}
img {
  max-width: 100%;
}
/******* Tipografía ******/
h1 {
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: bold;
  font-size: 1.9rem;
  color: #2a5675;
}
/******* Links ******/
a,
a:visited {
  /* on hover */
  /* on click */
  /* mobile tap color */
}
*:focus {
  outline: none;
}
/******* Listas ******/
ul li a,
ul li a:visited {
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/******* Tablas ******/
/******* Forms ******/
.radio-button label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
}
.radio-button label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -10px;
  background-color: #ffffff;
  border: 1px solid #636467;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  behavior: url(PIE.htc);
}
.radio-button input[type=radio] {
  display: none;
}
.radio-button input[type=radio]:checked + label:before {
  content: "\2022";
  color: #70706f;
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.8rem;
}
.checkbox {
  padding-left: 0;
}
.checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
}
.checkbox label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: -10px;
  background-color: #ffffff;
  border: 1px solid #636467;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  behavior: url(PIE.htc);
}
.checkbox input[type=radio],
.checkbox input[type=checkbox] {
  display: none;
}
.checkbox input[type=checkbox]:checked + label:before {
  content: "";
  background: url(../images/check.svg) center center no-repeat;
  background-size: auto;
  text-align: center;
}
.upload-file .titulo-carga {
  padding-top: 8px;
}
.upload-file .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload-file .inputfile + label {
  padding: 0;
  max-width: 80%;
  font-size: 1.5rem;
  font-weight: 700;
  color: #636467;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}
.upload-file .inputfile + label .archivo-subido {
  padding: 0.625rem 1.25rem;
  width: auto;
  min-height: 2em;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  padding-left: 0;
  font-style: italic;
  color: #70706f;
}
.upload-file .inputfile + label .seleccionar {
  padding: 0.625rem 1.25rem;
  height: 100%;
  color: #ffffff;
  background-color: #000000;
  display: inline-block;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.upload-file .inputfile:focus + label,
.upload-file .inputfile.has-focus + label,
.upload-file .inputfile + label:hover {
  outline: -webkit-focus-ring-color auto 0px;
  outline: 0!important;
  outline: none!important;
}
.upload-file .inputfile:focus + label .seleccionar,
.upload-file .inputfile.has-focus + label .seleccionar,
.upload-file .inputfile + label:hover .seleccionar {
  background-color: #636467;
  color: #ffffff;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.upload-file .no-js .inputfile + label {
  display: none;
}
/*********************
SLIDER
*********************/
#slider {
  margin-bottom: ;
  /*************** Indicadores ***************/
  /*************** Efectos ***************/
}
#slider .carousel-indicators {
  margin-left: 0;
  left: ;
  right: ;
  bottom: ;
  width: auto;
}
#slider .carousel-indicators li {
  margin-right: 6px;
  width: 15px;
  height: 15px;
  background: #70706f;
  border: ;
}
#slider .carousel-indicators .active {
  background: #ffffff;
  border: ;
}
#slider.color .item img {
  filter: alpha(opacity=0.3);
  /* internet explorer */
  -khtml-opacity: 0.3;
  /* khtml, old safari */
  -moz-opacity: 0.3;
  /* mozilla, netscape */
  opacity: 0.3;
  /* fx, safari, opera */
}
/*************** Slides ***************/
.item {
  background: #231f20;
}
.item .texto {
  padding: 10px 15px;
  background: #636467;
  text-align: center;
}
.item h1 {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  color: #ffffff;
  font-size: 2.2rem;
  font-weight: 600;
}
.item p {
  color: #ffffff;
  font-size: 1.4rem;
}
.item figure {
  overflow-y: hidden;
  text-align: center;
  max-height: 550px;
}
.item img {
  width: 100%;
}
/*********************
TABS
*********************/
/*************** Botones ***************/
.nav-tabs {
  border-bottom: 0;
}
.nav-tabs li a {
  margin-right: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  behavior: url(PIE.htc);
  padding: ;
  background: ;
  color: ;
  width: ;
  font-size: ;
}
.nav-tabs li a:hover,
.nav-tabs li a:active,
.nav-tabs li a:focus {
  border: 0;
  background: ;
  color: ;
}
.nav-tabs li.active a {
  border: 0;
  background: ;
  color: ;
}
.nav-tabs li.active a:hover,
.nav-tabs li.active a:active,
.nav-tabs li.active a:focus {
  border: 0;
  background: ;
  color: ;
}
/*************** Contenido ***************/
/*********************
UTILIDADES
*********************/
::selection {
  color: #ffffff;
  background-color: #000000;
}
::-moz-selection {
  color: #ffffff;
  background-color: #000000;
}
::-webkit-selection {
  color: #ffffff;
  background-color: #000000;
}
/*************** Iframe ***************/
.iframe {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*************** Botones ***************/
.boton-cont {
  text-align: center;
}
.boton {
  display: inline-block;
  margin: 10px 0;
  padding: 10px;
  background: #000000;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.boton:hover,
.boton:active,
.boton:focus {
  color: #ededee;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.boton.color {
  background: ;
}
.boton.color:hover,
.boton.color:active,
.boton.color:focus {
  color: ;
}
/*************** Botones de redes sociales ***************/
.iconos-redes {
  /* Ligas */
  /* Vectores */
}
.iconos-redes a:link,
.iconos-redes a:visited {
  display: table;
  text-align: center;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
  padding: 2px;
  background: ;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  behavior: url(PIE.htc);
}
.iconos-redes a:link:hover,
.iconos-redes a:visited:hover,
.iconos-redes a:link:active,
.iconos-redes a:visited:active,
.iconos-redes a:link:focus,
.iconos-redes a:visited:focus {
  background: ;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.iconos-redes svg {
  display: table-cell;
  vertical-align: center;
  width: px;
  height: px;
}
.iconos-redes svg .icono {
  fill: ;
}
/*********************
HEADER
*********************/
header {
  margin-top: 0px;
  margin-bottom: 70px;
}
/*********************
ÍCONOS
*********************/
.cont {
  display: block;
  margin: auto;
}
.cont h1 {
  text-align: left;
}
.icono {
  float: left;
  margin-right: 36px;
  color: #2a5675;
  font-size: 1.6rem;
  text-align: center;
}
.pp {
 margin-right: 26.5px;
}
.icono:last-child {
  margin-right: 0;
}
.icono a:link,
.icono a:visited {
  display: table-cell;
  width: 80px;
  height: 80px;
  background: #234a63;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  behavior: url(PIE.htc);
  vertical-align: middle;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.icono a:link:hover,
.icono a:visited:hover,
.icono a:link:active,
.icono a:visited:active {
  background: #1d394d;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.icono div {
  margin-top: 10px;
}
#promocion {
  margin-top: 70px;
}
/*********************
FOOTER
*********************/
footer {
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
}
footer a {
  color: #2a5675;
}
footer a:hover,
footer a:active {
  color: #3d7daa;
}
.logo {
  position: relative;
  top: 20px;
}
.asistencia {
  position: relative;
  right: 15px;
}
.asistencia .burbuja {
  margin-bottom: 10px;
  padding: 8px;
  background: #a6b4c0;
  color: #ffffff;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  behavior: url(PIE.htc);
  position: relative;
}
.asistencia .burbuja:after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 48%;
  width: 8px;
  height: 6px;
  border-style: solid;
  border-width: 6px 3px 0 3px;
  border-color: #a6b4c0 transparent transparent transparent;
}
.asistencia a:link,
.asistencia a:visited {
  display: table;
  margin: auto;
  width: 54px;
  height: 54px;
  background: #2a5675;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  behavior: url(PIE.htc);
  font-size: 1.5rem;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.asistencia a:link:hover,
.asistencia a:visited:hover,
.asistencia a:link:active,
.asistencia a:visited:active {
  background: #172f40;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.asistencia a:link svg,
.asistencia a:visited svg {
  position: relative;
  top: 12px;
}
/* 
ALTER
=============================================================
*/
#alter {
  height: 100%;
  background-color: #77befc;
  background: -webkit-gradient(linear, left top, left bottom, from(#2a5675), to(#77befc)) fixed;
  background: -webkit-linear-gradient(top, #2a5675, #77befc) fixed;
  background: -moz-linear-gradient(top, #2a5675, #77befc) fixed;
  background: -o-linear-gradient(top, #2a5675, #77befc) fixed;
  background: -ms-linear-gradient(top, #2a5675, #77befc) fixed;
  background: linear-gradient(top, #2a5675, #77befc);
  -pie-background: linear-gradient(top, #2a5675, #77befc) fixed;
  behavior: url(PIE.htc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a5675', endColorstr='#77befc', GradientType=0);
}
#alter body {
  background-color: transparent;
}
#alter h1 {
  color: #ffffff;
}
#alter .cont {
  width: 340px;
}
#alter header {
  margin-top: 50px;
  text-align: center;
}
#alter .icono {
  color: #ffffff;
}
#alter .icono a:link,
#alter .icono a:visited {
  background: #234a63;
}
#alter .icono a:link:hover,
#alter .icono a:visited:hover,
#alter .icono a:link:active,
#alter .icono a:visited:active {
  background: #1d394d;
}
#alter .asistencia .burbuja {
  background: rgba(33, 68, 98, 0.3);
}
#alter .asistencia .burbuja:after {
  border-color: rgba(33, 68, 98, 0.3) transparent transparent transparent;
}
#alter footer a:hover,
#alter footer a:active {
  color: #ffffff;
  text-decoration: none;
}
/*********************
DOS
*********************/
/*************** Tres ***************/
/*========= Cuatro =========*/
/*::::: Cinco :::::*/
/*··· Seis ···*/
/*
Nombre del sitio:	In Serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Mobile Landscape
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Tablet portrait
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Tablet widescreen
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Desktop
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Widescreen
================================================== */
/*
Nombre del sitio:	In serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/* Widescreen
================================================== */
/*
Nombre del sitio:	In Serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/*
Nombre del sitio:	In Serie 5.0
Autor:				Marco A. Hernández Pérez
*/
/*Mobile landscape*/
@media only screen and (min-width: 480px) {
  /*********************
SLIDER
*********************/
  /*************** Slides ***************/
  .item h1 {
    font-size: 2.4rem;
  }
  .item p {
    font-size: 1.6rem;
  }
  /*********************
HEADER
*********************/
  /*********************
CONTENIDO
*********************/
  /*********************
FOOTER
*********************/
}
/*Tablet Portrait*/
@media only screen and (min-width: 768px) {
  /*********************
SLIDER
*********************/
  /*************** Slides ***************/
  .item .texto {
    padding: 15px;
  }
  .item h1 {
    font-size: 2.6rem;
  }
  .item p {
    font-size: 1.7rem;
  }
  /*********************
TABS
*********************/
  .nav-tabs li a {
    padding: ;
    width: ;
    font-size: ;
  }
  /*********************
HEADER
*********************/
  header .navbar-default .navbar-nav {
    display: table;
    width: 100%;
  }
  header .navbar-default .navbar-nav li {
    display: table-cell;
    width: 20%;
    text-align: center;
  }
  header .navbar-default .navbar-nav li a:link,
  header .navbar-default .navbar-nav li a:visited {
    padding-left: 0;
    padding-right: 0;
  }
  /*********************
CONTENIDO
*********************/
  /*********************
FOOTER
*********************/
}
/*Tablet Widescreen*/
@media only screen and (min-width: 992px) {
  /*********************
SLIDER
*********************/
  #slider .carousel-indicators {
    bottom: 15px;
  }
  /*********** Slides ***********/
  .item .texto {
    position: absolute;
    width: 100%;
    background: transparent;
    left: ;
    top: 32%;
  }
  .item h1 {
    font-size: 4.5rem;
  }
  .item p {
    font-size: 2.2rem;
  }
  .item figure {
    text-align: center;
  }
  /*********************
HEADER
*********************/
  /*********************
CONTENIDO
*********************/
  /*********************
FOOTER
*********************/
}
/*Desktop*/
@media only screen and (min-width: 1030px) {
  /*********************
HEADER
*********************/
  header .navbar-default .navbar-nav li a:link,
  header .navbar-default .navbar-nav li a:visited {
    font-size: 1.7rem;
  }
  /*********************
CONTENIDO
*********************/
  /*********************
FOOTER
*********************/
}
/*Widescreen*/
@media only screen and (min-width: 1200px) {
  /*********************
SLIDER
*********************/
  #slider .carousel-indicators {
    bottom: 15px;
  }
  /*********** Slides ***********/
  .item .texto {
    position: absolute;
    width: 100%;
    background: transparent;
    left: ;
    top: 32%;
  }
  .item h1 {
    font-size: 5rem;
  }
  .item p {
    font-size: 2.6rem;
  }
  /*********************
HEADER
*********************/
  /*********************
CONTENIDO
*********************/
  /*********************
FOOTER
*********************/
}
/*Ultra Widescreen*/
@media only screen and (min-width: 1600px) {
  /*********************
HEADER
*********************/
  /*********************
CONTENIDO
*********************/
  /*********************
FOOTER
*********************/
}
/*Mobile Retina*/
@media only screen and (max-width: 767px) only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /*********************
HEADER
*********************/
  /*********************
CONTENIDO
*********************/
  /*********************
FOOTER
*********************/
}
/*Tablet retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  /*********************
HEADER
*********************/
  /*********************
CONTENIDO
*********************/
  /*********************
FOOTER
*********************/
}