/* ==== overwrite bootstrap standard ==== */
@import url('animate.css');

body {
  font-family:'Times New Roman', Arial, sans-serif;
  font-size:14px;
  font-weight:300;
  line-height:1.6em;
  color:#fff;
  background-color:#fff;
  overflow-x:hidden;
}

hi,h2,h3,h4,h5,h6 {
  color:#f00;
  line-height:1.1em;
}

p {
  color:#000;
  font-size:18px;
  margin:5px 10px 5px 10px;
}
a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
  color:#00f;
}
a:hover {
  text-decoration: none;
  color:#F00;
  }


/*=========  slider ========= */
.slider {
  position: relative;  
  margin-top:-20px;
}

.slider img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -40px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
  border-radius:50%;
  font-size: 30px;
  height: 50px;
  padding: 10px;
  position: absolute;
  top: 50%;
  width: 50px;
  color:#65AAF0;
  background:#65AAF0;
  color:#fff;
}

#carousel-slider a i:hover {
  background:#000;
  color:#fff;
  border: 1px solid #65AAF0;
}

#carousel-slider 
.carousel-control {
  width:inherit;
}

#carousel-slider .carousel-control.left i {
  left:50px;
  top: calc(50% - 50px);
}

#carousel-slider .carousel-control.right i {
  right: 50px;
  top: calc(50% - 50px);
}

.carousel-caption {
  position: absolute;
  right: 15%;
  top: calc(50% - 150px);
  font-size:40px;
  left: 15%;
  z-index: 10;
  padding-bottom: 0px;
  color: #fff;
  text-align: center;
}

.carousel-caption  h2 {
  font-size:60px;
  color: #fff;
}

.carousel-caption  h2 span {
  font-size:60px;
  color: #fff;
}

.carousel-caption  p {
  font-size:30px;
  margin-top:30px;
  margin-bottom:20px;
  color:#fff;
  padding:10px;
  background:#65AAF0;
}

@media (max-width: 767px) {
    .carousel-caption  {
      font-size: 18px;
    }
    .carousel-caption h2, .carousel-caption  h2 span, .carousel-caption  p {
      font-size:18px;
    }
}

.carousel-inner .form-inline .form-group button[type="livedemo"]{
  padding:20px 60px;
  font-size:20px;
  background:#65AAF0;
  color:#fff;
  border-radius:0;
  border-color:#fff;
  text-transform:uppercase;
}

.carousel-inner .form-inline .form-group button[type="livedemo"]:hover {
  color:#272727;
  opacity: 0.8;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

.carousel-inner .form-inline .form-group button[type="getnow"]{
  padding:20px 60px;
  font-size:20px;
  background:#fff;
  color:#272727;
  border-radius:0;
  text-transform:uppercase;
  border: 1px solid #fff;
}

.carousel-inner .form-inline .form-group button[type="getnow"]:hover {
  color:#fff;
  border-color:#fff;
  background:#65AAF0;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

.form-inline {
  margin-top:50px;  
}

/*==========  services ======= */

.services {
  padding:20px 0 20px 0;
}

.services .text-center h1 {
  font-weight:300;
  text-transform:uppercase;
  text-shadow:none;
  margin-bottom:50px;
  font-size:32px;
  color:#F00;
}

.services .text-center h2 {
  font-weight:300;
  text-transform:uppercase;
  text-shadow:none;
  margin-bottom:50px;
  font-size:24px;
}

.services i {
  margin-top:20px;
  margin-bottom:10px;
  font-size:50px;
  color:#000;
}

.services h3 {
  margin-bottom:20px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align:left;
 }

.services p {font-size: 22px; color: #090;}


/* --- Map --- */
.map{
  position:relative;
  margin-top:-20px;
  margin-bottom:40px;
}


/*  Footer  */
.copyright {
  margin-top:30px;
    text-align: right;
}

.copyright a {
  color:#fff;
  font-weight:600;
  font-size:12px;
  text-shadow:none;
} 


/* titulos */

.xTitulo70{
font-size: 70px;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15)
}

.xTitulo40{
font-size: 40px;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15)
}

.xTitulo25{
font-size: 25px;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15)
}

.TituloNegro{
font-size: 70px;
color: #000;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15)
}

.TituloNegroChico{
  font-size: 26px;
  margin-top: 30px;
  margin-bottom:30px;
  color: #000;
  text-transform: uppercase;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15)
}

.TituloNegro2{
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  text-shadow: 3px 2px 0px #000
}

/* color del TEXTO y TAMAÑO */
.texto_negro    {font-size: 22px; color: #000;}
.texto_oro      {font-size: 22px; color: #fc0;}
.texto_azul     {font-size: 22px; color: #09f;}
.texto_naranja  {font-size: 22px; color: #FF5328;}
.texto_naranja2 {font-size: 22px; color: #fd7e14;}
.texto_lila     {font-size: 22px; color: #6610f2;}
.texto_verde    {font-size: 22px; color: #28a745;}
.texto_palta    {font-size: 22px; color: #868606;}
.texto_plomo    {font-size: 22px; color: #333;}
.texto_rojo     {font-size: 22px; color: #F00;}

/* solo TAMAÑO del TEXTO */
.txt_40   {font-size: 40px; !important;}
.txt_30   {font-size: 30px; !important;}
.txt_24   {font-size: 24px; !important;}
.txt_20   {font-size: 20px; !important;}
.txt_18   {font-size: 18px; !important;}


/* solo COLOR del TEXTO */
.txt_negro    {color: #000 !important;}
.txt_blanco   {color: #fff !important;}
.txt_oro      {color: #fc0 !important;}
.txt_azul     {color: #09f !important;}
.txt_naranja  {color: #FF5328 !important;}
.txt_naranja2 {color: #fd7e14 !important;}
.txt_lila     {color: #6610f2 !important;}
.txt_lila2    {color: #93f !important;}
.txt_lila3    {color: #96f !important;}
.txt_verde    {color: #28a745 !important;}
.txt_verde2    {color: #9f2 !important;}
.txt_palta    {color: #868606 !important;}
.txt_amarillo {color: #ff0 !important;}
.txt_celeste  {color: #9ff !important;}
.txt_rojo     {color: #f00 !important;}

/* color BACKGROUND */
.bg-negro    {background-color:#000000 !important;}
.bg-blanco   {background-color:#fff !important;}
.bg-oro      {background-color:#ffcc00 !important;}
.bg-azul     {background-color:#0099ff !important;}
.bg-naranja  {background-color:#ff5328 !important;}
.bg-naranja2 {background-color:#fd7e14 !important;}
.bg-lila     {background-color:#6610f2 !important;}
.bg-lila2    {background-color:#93f !important;}
.bg-verde    {background-color:#28a745 !important;}
.bg-verde2   {background-color:#9f2 !important;}
.bg-palta    {background-color:#868606 !important;}
.bg-plomo    {background-color:#333333 !important;}
.bg-marron   {background-color:#963 !important;}
.bg-marron2  {background-color:#630 !important;}
.bg-celeste  {background-color:#9ff !important;}
.bg-celeste2 {background-color:#09f !important;}

.p_texto_blanco{font-size: 22px; color: #fff;}
.p_texto_verde{
  font-size: 24px;
  color: #090;
  text-align:left;
  margin:10px 10px 10px 10px;
}
.p_texto_azul{
  font-size: 24px;
  color: #09F;
  text-align:left;
  margin:10px 10px 10px 10px;
}

.footer_list{margin-bottom:48px; margin-bottom:3rem; padding:0;}
.footer_list-item{font-size: 22px; list-style:none;}


/* * * * * * * * *  Móviles en vertical  * * * * * * * * * * * * */
@media (max-width: 767px) {
  .txt_40   {font-size: 30px; !important;}
  .txt_24   {font-size: 18px; !important;}
  .txt_20   {font-size: 18px; !important;}
  .footer_list{margin-bottom:28px; margin-bottom:1rem; padding:0;}
  .footer_list-item{font-size: 18px;}
  .break:before{ display: block; content: " "; padding:7px 0 7px 0;}
  .xTitulo70 {font-size: 30px;}
  .xTitulo40 {font-size: 30px; color: #000!important;}
  .xTitulo25 {font-size: 20px;}
  .TituloNegro {font-size: 30px;}
  .TituloNegroChico {font-size: 22px; margin-bottom:20px; margin-top:20px;}

  .services p {font-size: 18px;}
  .gallery  p {font-size: 18px;}

  .p_texto_blanco {font-size: 18px;}
  .p_texto_verde  {font-size: 18px; color: #000;}
  .p_texto_azul  {font-size: 18px;}

  .texto_negro {font-size: 18px;}
  .texto_oro   {font-size: 18px;}
  
  .texto_azul     {font-size: 18px;}
  .texto_naranja  {font-size: 18px;}
  .texto_naranja2 {font-size: 18px;}
  .texto_lila     {font-size: 18px;}
  .texto_verde    {font-size: 18px;}
  .texto_palta    {font-size: 18px;}
  .texto_plomo    {font-size: 18px;}

  .hidden-xs {display: none !important;}
  .xs-oculto {display: none !important;}
}

/* Móviles en horizontal o tablets en vertical min-width: 768px max-width: 1023px) { */
@media (min-width: 768px) {
  .xl-oculto {display:none !important;}
}


/* Tablets en horizonal y escritorios normales */
/* @media (min-width: 1024px) {  */

.l-link {color:#009BFF; font-weight:150; text-decoration:none; font-size: 20px;}
.l-link a:focus a:hover {color: #f00; text-decoration:none;}
.l-link a {color: #009bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;}
.l-link a:hover { color: #f00;
  text-decoration: none;}

.texto-center{text-align:center!important}

.img-fluid {
  max-width: 100%;
  height: auto;
}


.graficos img.pequeña{ width: 32px; height: 32px;}
.graficos img.mediana{ width: 64px; height: 64px;}