﻿/*=============================================================

    Authour URI: www.binarytheme.com

    License: Commons Attribution 3.0



    http://creativecommons.org/licenses/by/3.0/



    100% To use For Personal And Commercial Use.

    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US

   

    ========================================================  */



/*=====================================

   GENERAL STYLE SECTION

    ===================================*/

body {

    font-family: 'Open Sans', sans-serif;

    margin-top:70px;

    font-size:13px;

    line-height:25px;

    background-color: #FFFFFF;

}

.text-center {

    text-align:center;

}

section {

    margin:70px 0px 70px 0px;

}

.pad-top-botm {

    padding-top:50px;

    padding-bottom:50px;

}

.pad-row {

    padding-top:20px;

}

/*=====================================

   COLOR CODES

    ===================================*/

.clr-white {

    color:#fff;

}

.clr-main {

 color: #ff6a00;

}

.transparent-bk {

    background-color:transparent!important;

}

.clr-blue-bk {

    background-color:#7383F8!important;

}

/*=====================================

   TOP MENU STYLE SECTION

    ===================================*/

    .llame-numero{



    position: absolute;

    background-color: #ef7d00;

    color: white;

    padding: 12px 10px 10px 10px;

    font-size: 28px;

    margin: 10px 0px 0px 80px;

    border-radius: 24px;



}

.llame-numero-whatsapp{



  position: absolute;

  background-color: #ef7d00;

  color: white;

  padding: 12px 10px 10px 10px;

  font-size: 28px;

  margin: 10px 0px 0px 80px;

  border-radius: 24px;

  margin-left: 370px;

}



@media (max-width: 1200px){

     .llame-numero{



    /* position: absolute; */

    background-color: #ef7d00;

    color: white;

    padding: 15px 10px 15px 10px;

    font-size: 20px;

    margin: 10px 0px 0px 15px;

    border-radius: 24px;



}

}



    .llame-numero1{



    /* position: absolute; */

    background-color: #ef7d00;

    color: white;

    padding: 15px 10px 15px 10px;

    font-size: 30px;

    /* margin: 0px 0px 0px 80px; */

    border-radius: 24px;



}



@media (max-width: 660px){

     .llame-numero1{



    /* position: absolute; */

    background-color: #ef7d00;

    color: white;

    padding: 15px 10px 15px 10px;

    font-size: 20px;

    margin: 10px 0px 0px 15px;

    border-radius: 24px;



}

}





.telefo-media{

      /* background-color: #0697ff; */

    min-height: 40px;

    padding: 20px 50px 20px 50px;

    color: #796d6d;

    font-size: 54px;

    /* height: 120px; */

    margin: 70px 80px 23px 170px;

    border-radius: 50px;

    position: left;

}



/*Menu Back Color*/

.menu-back {

    background-color: rgb(67, 158, 213); 

}

/*Logo Image */

.navbar-brand-logo {

    max-height:60px;

    padding-bottom:10px;

}

/*top-menu links color*/

.navbar-default .navbar-nav > li > a {

    color: #ffffff;

    font-family: fantasy;

    font-size: large;

}

/*top-menu links color on hover*/

    .navbar-default .navbar-nav > li > a:hover {

        color: #0F3055;

    }



/*top-menu links & margin*/    

.navbar-nav > li > a {

    border-right: 1px solid #3D3577;

    margin: 5px 0px 5px 0px;

}



/*Font-awesome-icon*/

.nav li > a>i {

    color:#FB9351;

    padding-left:5px;

}

/*dummy small text*/

.nav li > a>span {

    font-size:13px;display:table;

    color: #C5C5C5;

}

/*sub-menu*/

.nav .dropdown-menu > li > a {

    padding: 15px 10px;

    

    border-bottom: 1px solid #565AB1;

    margin: 5px;

}



    /*minimum sub-menu width*/

.nav .dropdown-menu {

    min-width: 200px;

}



/*sub-menu font-awesome-icon*/

.nav .dropdown-menu > li > a > i{

    color:#565AB1;

    font-size:14px;

    margin-right:10px;

}

/*Small Screen Header height of top menu*/

.navbar-header {

    min-height:70px;

}

/*making border transparent*/

.navbar-default {

border-color: rgba(231, 231, 231, 0);

}

/*Toggle Adjustment*/

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

background-color: rgba(221, 221, 221, 0);

}



.navbar-default .navbar-toggle {

border-color: #A0761D;

}



/*=====================================

   SOCIAL HEADER STYLE SECTION

    ===================================*/

.div-social-top {

    /* background-color: #0697ff; */

    min-height: 40px;

    padding: 20px 50px 20px 50px;

    color: #796d6d;

    font-size: 54px;

    /* height: 120px; */

    margin: 70px 80px 55px 170px;

    border-radius: 50px;

    position: left;

}

    .div-social-top a,.div-social-top a:hover {

        color:#fff;

        text-decoration:none;

    }

    .div-social-top i {

         margin-right:10px;

    }



    .div-social {

    background-color: #0697ff;;

    min-height: 40px;

    padding: 16px 10px 20px 10px;

    color: #fff;

    font-size: 17px;

    height: 58px;

    margin: -15px 150px 15px 560px;

    border-radius: 24px;

    width: 320px;

    position: absolute;

}

@media (max-width: 1024px){

.div-social-top {

    /* background-color: #0697ff; */

    min-height: 40px;

    padding: 20px 50px 20px 50px;

    color: #796d6d;

    font-size: 54px;

    /* height: 120px; */

    margin: 70px 80px 55px 15px;

    border-radius: 50px;

    position: left; 

  }

}



.bases{



    font-family: 'Amaranth', sans-serif;

    text-transform: none;

    font-size: 38px;

    line-height: 38px;

    color: #ffffff;

    font-weight: 700;

    padding-bottom: 5px;

    margin-top: 0px;

    border-bottom: 1px solid #439ed5;

    background-color: #439ed5;

}



/*=====================================

   TOP SLIDER STYLE SECTION

    ===================================*/



/* navigation icon style*/

 .control-icon {

           position:absolute;

           top:50%;

           

                 }



 /* bootstrap adjustments */

    .carousel-control.right {

right: 0;

left: auto;

    background-repeat: repeat-x;

    background-image: linear-gradient(to right,rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%)!important;

}

     .carousel-control.left {

left: 0;

right: auto;

    background-repeat: repeat-x;

    background-image: linear-gradient(to left,rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, 0) 100%)!important;

}

 /* Caption Back Color */

     .back-light {

    background-color: rgba(6, 151, 255, 0.52);

    padding:10px;

    line-height:30px;

}

/*=====================================

   WELCOME SECTION

    ===================================*/





.welcome-div {

    padding:10px;

    background-color:#439ed5;

    color:#fff;

    text-align:center;

}

    .welcome-div span {

        font-size:20px;

        padding:0px 30px 0px 30px;

    }





    

/*=====================================

  HOME PAGE STYLES GENERAL

    ===================================*/



#home-service i {

    color:#0697ff;

    cursor:pointer;

    

}

#home-service i:hover {

    color:#565AB1;

     cursor:pointer;

      -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

#service-info i{

    margin-right:10px;

    color:#ff6a00;

    cursor:pointer;

    

}

#service-info i:hover{

    color:#000;



     -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}

.icon-round {

margin-top: 30px;

font-size: 60px;

height: 128px;

width: 128px;

line-height: 130px;

margin-right: 10px;

text-align: center;

display: inline-block;

border-radius: 100%;

margin-bottom: 10px;

background-color:rgba(158, 158, 158, 0.15);

}



.vedio-style {

    border: 0px;

     width: 100%; 

     min-height: 300px

}



/*=====================================

  HOME PAGE TWO STYLES GENERAL

    ===================================*/

#index2-header{

background: url(../img/electrodomesticos00.jpg) no-repeat center center;

padding: 0;

-webkit-background-size: cover;

background-size: cover;

}

    #index2-header h1 {

        padding:100px 20px 20px 20px;

        color:#fff;

        font-size:50px;

        font-weight:800;

        text-align:center;

    }

     #index2-header p {

        padding:10px 20px 20px 20px;

        color:#fff;

        font-size:16px;

        line-height:20px;

        font-weight:800;       

       text-align:center;

    }

    #index2-header .overlay {

             

        min-height:600px;

    }

/*=====================================

  CLIENTS TESTIMONIALS STYLES 

    ===================================*/

.middle-section {

padding-bottom: 50px;

background: url(../img/middle-text.jpg) no-repeat 50% 50%;

background-attachment: fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

width: 100%;

display: block;

height: auto;

min-height: 300px;

color: #fff;

text-align:center;

padding:30px;

}



.slide-custom {

    min-height:200px;

    padding:20px;

    line-height:30px;

}

h4 i{

   padding:5px;

}

.user-img {

border: 2px solid #fff;

overflow: hidden;

border-radius: 50%;

display: inline-block;

}



.img-u {

   max-height: 90px;

max-width: 90px;

}



.llamanos{

    color: white;

    background-color: #439ed5;

    font-size: -webkit-xxx-large;

    padding: 30px 0px 30px 0px;

    text-align: -webkit-center;

    margin-bottom: 35px;



}



/*=====================================

  MEDIA STYLES 

    ===================================*/

#media-sec {

    background-color:#565AB1;

    padding:20px;

    color:#fff;

}

    #media-sec h3 {

         color:#AF9BFF;

    }

    #media-sec small {

        color:#ff6a00;

    }

    /*=======================================

    STATS SECTION STYLES

==================================================*/

    .just-stats{

padding-bottom: 50px;

background: rgb(6, 151, 255);

background-attachment: fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

width: 100%;

display: block;

height: auto;

min-height: 250px;

color: #fff;

text-align:center;

padding:30px;

}

.stats-div {

    text-align:center;

    width: 100%;

    min-height: 100px;

    padding: 30px 20px 30px 20px;

    color:#fff;

}



.stats-div > h3 {

    font-size:60px;

    font-weight:900;

}



/************************************************

FOOTER

*************************************************/

footer {

  background-position: left bottom;

  background-repeat: repeat-x;

  background-color: #439ed5;

}

#footer > .container {

  padding-bottom: 0px;

  padding-top: 0px;

  background-color: #439ed5;

}

#footer > .container > .row {

  background-position: left bottom;

  background-repeat: repeat-x;

  background-color:  ;

}

footer .footer-logotipo img {

  margin-bottom: 7px;

  margin-left: 25px;

  margin-top: 40px;

}

footer div.telefono p {

  margin-top: 35px;

  color: #fff;

  display: inline-block;

  vertical-align: bottom;

  font-size: 52px;

  font-weight: 700;

  font-family: 'Amaranth', sans-serif;

}

footer div.telefono p span {

  display: block;

  font-size: 20px;

  line-height: 55px;

  font-family: 'Amaranth', sans-serif;

  font-weight: 300;

}







footer div.disclaimer {}

footer div.disclaimer ul {

  margin-top: 35px; 

}

footer div.disclaimer ul li {

  padding: 0px 10px;

}

footer div.disclaimer a {

  color: #FFF !important;

  font-size: 20px;

  line-height: 55px;  

}

footer div.disclaimer a:hover {

  text-decoration: underline;

}

footer div.disclaimer .fa {

  font-size: 20px;

  margin-right: 8px;

  color: #aaa;

}

footer div.disclaimer p {

  color: #FFF;

  text-align: center;

  line-height: 12px;

}div#bloque_slider p {

  color: #AAA;

    font-size: 28px;

    font-weight: normal;

    left: 320px;

    position: absolute;

    top: 45px;

    z-index: 999; 

}

span.number_slider {

    color: #EF7D00;

    font-size: 78px;

    font-weight: bold;

    left: 320px;

    position: absolute;

    top: 93px;

    z-index: 999;

    text-decoration: none;

}

span.number_slider i {

  font-size: 63px;

  margin-right: 10px;

  color: #b9bccc;

} 

span.google_number {

  text-decoration: none;

}

span.number_chica {

  font-family: "Amaranth", Arial, sans-serif;

  color: #EF7D00;

  position: absolute;

  font-weight: bold;

  font-size: 44px;

  top: 250px;

  left: 80px;

}

footer div.telefono span.number_footer {

  margin-top: 60px;

  color: #EF7D00;

  display: inline-block;

  vertical-align: bottom;

  font-size: 62px;

  font-weight: bold;

  font-family: 'Amaranth', sans-serif;

  margin-top: 0px;

  margin-bottom: 0px;

  line-height: 25px;

}

footer div.telefono span.number_footer a {

  color: #EF7D00;

}

footer div.telefono span.number_footer a:hover {

  text-decoration: none;

}

span.number_cabecera_mini {

    color: #EF7D00;

    font-family: Arial,sans-serif;

    font-weight: bold;

    padding-left: 24%;

    position: absolute;

    z-index: 999;

    display: block;

    width: 100%;

    height: 16%;

    line-height: 130%;

}

span.number_cabecera_mini a {

    color: #EF7D00; 

}

span.number_cabecera_mini a:hover {

  text-decoration: none;

}



@media (max-width: 991px){   



footer div.telefono span.number_footer {

    font-size: 50px;

    line-height: 55px;

}

  }

/*=====================================

  ANIMATIONS 

    ===================================*/

  .rotate-icon:hover {

   

     -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

     -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  cursor:pointer;

    

  }

       .upfront-trans:hover {

           cursor:pointer;

            -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

     -webkit-transition: all 0.5s  ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

       }



 /*=====================================

 OUR SERVICES

 ===================================*/

.general-subhead {

    background-color: #0697ff;

    padding: 20px 100px 25px 100px;

    color: #fff;

    font-family: cursive;

}

 #request-quote {

    background-color:#565AB1;

    padding:20px;

    color:#fff;

}

    #request-quotec h3 {

         color:#AF9BFF;

    }

    #request-quotec small {

        color:#000;

    }

        /*==========================================

   TEAM MEMBER STYLES

    =====================================================*/

#just-middle-row {

    background-color:#d41010;

    color:#fff;

    text-align:center;

}

    /*==========================================

   SOCIAL ICON STYLES

    =====================================================*/



.color-facebook {

    color:#3B5998;

}

.color-twitter {

     color:#00aced;

}

.color-google-plus {

     color:#dd4b39;

}

.color-linkedin {

     color:#007bb6;

}

.color-pinterest {

     color:#cb2027;

}



  /*==========================================

   CONTACT STYLES

    =====================================================*/



.cnt {

width: 100%;

min-height: 350px;

border: 1px solid #e1e1e1;

}





 /*==========================================

   PORTFOLIO STYLES

    =====================================================*/





.portfolio-item {

    border:2px solid #565AB1;

    margin:3px;

}

    .portfolio-item p {

        padding:10px;

    }

.portfolio-item h5 {

    text-align:center;

    background-color: #565AB1;

    color:#fff;padding:10px 15px 10px 15px; 

}

.portfolio-item .overlay {

  position: absolute;

  top: 0;

  left: 0;

    width: 100%;

  height: 100%;

  opacity: 0;

  background-color: rgba(255, 169, 89, 1);

  text-align: center;

  vertical-align: middle;

  -webkit-transition: opacity 300ms;

  -moz-transition: opacity 300ms;

  -o-transition: opacity 300ms;

  transition: opacity 300ms;

  cursor:pointer;

  -webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;



}

.portfolio-item .overlay .preview {

  position: relative;

  top: 50%;

  display: inline-block;

  margin-top: -20px;

}

.portfolio-item:hover .overlay {

  opacity: 1;

  zoom: 1;

	filter: alpha(opacity=100);

}

.overlay a,overlay a:hover{

    color:#fff;

    text-decoration:none;

}



.set-hover-portfolio {

    opacity: 1!important;

  zoom: 1!important;

	filter: alpha(opacity=100)!important;

}

 /*==========================================

   PRICING STYLES

    =====================================================*/

 /* SIMPLE TABLE STYLE*/

.price-simple {

    font-size:50px!important;

    padding: 15px 0px;

color: #ff6a00;

border: none;

font-weight: 700;



}



.simple-table:hover {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

        -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  cursor:pointer;

}

 /*OPTION NORMAL STYLE*/



 .normal-table:hover {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

        -webkit-transition: all 0.5s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

  -o-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  cursor:pointer;

}

 .plan {

padding: 0 0 15px 0;

margin: 30px 0px;

list-style: none;

text-align: center;

}



.plan li {

padding: 15px 0px;

border-bottom: 1px solid #e1e1e1;

}

    .plan li i {

        padding-right:10px;

    }

.price {

    font-size:30px!important;

    padding: 15px 0px;

background-color: #9d9898;

color: #fff;

border: none;

font-weight: 700;

 -webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

}



.adjust-border-radius {

    -webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

}



.adjust-border {

    border-top-left-radius: 0px;

 border-top-right-radius: 0px;

}

 /*PLAN TWO TABLE STYLE*/

.plan-two {

padding: 0 0 15px 0;

margin: 30px 0px;

list-style: none;

text-align: center;

cursor:pointer;

}



.active-plan-price {

    -webkit-transform: scale(1.1);

-moz-transform: scale(1.1);

-ms-transform: scale(1.1);

-o-transform: scale(1.1);

transform: scale(1.1);

cursor:pointer;

}

.plan-two li {

padding: 15px 0px;

font-size: 16px;

border-bottom: 1px dotted #e1e1e1;

}



.round-body {

display: table;

width: 135px;

height: 135px;

margin: 0 auto 14px auto;

border: 3px solid #ff6a00;

border-radius: 100%;

}

.price-main {

    color:#ff6a00;

display: table-cell;

font-size: 28px;

font-weight: bold;

text-transform: uppercase;

vertical-align: middle;

}

.price-Unit {

display: block;

}



.price-main small {

    font-size:10px!important;

    font-weight:normal;

}



/*=====================================

 BLOG HOME

    ===================================*/

.custom-blog {

    padding:20px;

}

.custom-blog p {

    padding:25px 25px 25px 0px;

    text-align:justify;

}

.custom-blog h2 {

    padding:10px 10px 10px 0px;

    text-transform:uppercase;

    text-align:center;

}

.custom-blog a {

    margin:3px;

}

/*=====================================

 BLOG SINGLE

    ===================================*/

.facebook-div {

    border: none;

     overflow: hidden; 

     width: 235px;

      height: 258px;

      padding-top:50px;

}

.blog-single a{

    margin:15px 3px 15px 0px;



}

.panel-title-adjust{

font-size: 14px;

padding: 1px;

}



    .panel-title-adjust a:hover {

        text-decoration:none;

    }

.panel-title-adjust i {

        padding-right:5px;

    }



.blog-comments h2 {

    padding-bottom:50px;

}



       /*=====================================

   Media Queries

    ===================================*/



       @media all and (max-width: 786px) and (min-width: 100px) {

  .carousel-caption{

   display:none!important;

  }

}

       

       @media all and (max-width: 845px) and (min-width: 100px) {

  .div-social-top{

   display:none!important;

  }

}



.logo_numero{



  margin-left: 20%;



}



.atencion{



 

  font-family: cursive;

  text-align: center;

  font-size: 45px;



}



.numero{



    font-size: -webkit-xxx-large;

    color: coral;

}



.mapas{

  

}



div.le_llamamos form {

  padding: 3px 15px;

  background-color: #F3F3F3;

}

div.le_llamamos form legend {

  font-size: 14px;

  line-height: 18px;

  color: #53586b;

  border: none;

  font-family: Arial, sans-serif;

}

div.le_llamamos form label {

  font-size: 24px;

  color: #333;

  font-weight: 300;

}

div.le_llamamos form input,

div.le_llamamos form textarea,

div.le_llamamos form select,

div.le_llamamos form  {

  font-size: 14px;

  /*-webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  border-radius: 8px; */

  margin-top: 15px;

}

div.le_llamamos form  {

  margin-top: 0px;

  font-family: Arial, sans-serif;

}

div.le_llamamos form div.bloque_aviso_legal {

  margin-top: 20px;

}

div.le_llamamos form div.bloque_aviso_legal input {

  float: left;

  display: inline-block;

  height: auto;

  width: auto;

  margin-top: 2px;

}

div.le_llamamos form div.bloque_aviso_legal label.acepto  {

  float: right;

  font-size: 14px;

  line-height: 18px;

  width: 92%;

  text-align: left;

  display: inline-block;

}

div.le_llamamos form button {

  padding: 5px 10px 5px 10px;

  font-size: 20px !important; 

  font-weight: 300;

  text-transform: none;

  /*float: right;*/

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px; 

  margin-top: 20px;

  margin-bottom: 20px;

  font-family: 'Amaranth', sans-serif;  

  background-color: #439ed5;

  border-color: #439ed5;

}

div.le_llamamos form button:hover {

  background-color: #2f4258;

}

div.le_llamamos form button i {

  margin-right: 5px;

  font-size: 26px !important;

  vertical-align: bottom;

}

div.le_llamamos form label.error {

  font-family: Arial, sans-serif;

  color: #F00;

  font-size: 12px;

  line-height: 14px;

}



div.tipos { 

  background-color: #fff;

  padding-top: 10px;

}

div.tipos ul {

  margin-top: 20px;

}

div.tipos ul li {

  display: inline-block;

  vertical-align: top;

  font-family: Arial, sans-serif;

  color: #53586b;

  text-align: center;

  width: 24.0%;

  font-size: 14px;

  line-height: 20px;

  margin-bottom: 7px;

}

div.tipos ul li img {

  display: block;

  margin: 0 auto;

  margin-bottom: 3px;

}



.subtitulo{

  

    font-family: 'Amaranth', sans-serif;

    text-transform: none;

    font-size: 38px;

    line-height: 38px;

    color: #439ed5;

    font-weight: 700;

    padding-bottom: 5px;

    margin-top: 0px;

    border-bottom: 1px solid #439ed5;



}





  .stroke {

text-align: center;

color: #0697ff;

font-family: impact;

font-size: 46px;

text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;

-webkit-text-fill-color: #0697ff;

-webkit-text-stroke: 1px #c3b9b9;

}



/************************************************

SECTION marcas

*************************************************/

div.aclaraciones {

  margin-bottom: 30px;

  margin-top: 10px !important;

}

div.aclaraciones p {

  color: #8c90a1;

  font-family: Arial, sans-serif;

  font-size: 14px;

  line-height: 18px;

  font-style: italic;

  margin-bottom: 0px;

  margin-top: 0px;

}

div.logotipos {

  background-color: #FFF;

  padding-top: 10px;

}

div.logotipos ul {

  margin-top: 10px;

  padding-left: 10px;

  padding-right: 10px;

}

div.logotipos ul li {

  padding-left: 5px;

  padding-right: 5px;

  margin: 9px 0px 9px 0px;

}

div.logotipos ul li a {

  display: block;

  -moz-box-shadow: 2px 2px 4px #ccc;

  -webkit-box-shadow: 2px 2px 4px #ccc;

  box-shadow: 2px 2px 4px #ccc;

  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";

  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); 

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px; 

}

div.logotipos ul li a:hover {

  -moz-box-shadow: 2px 2px 4px #888;

  -webkit-box-shadow: 2px 2px 4px #888;

  box-shadow: 2px 2px 4px #888;

  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";

  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888'); 

}

div.logotipos ul li a img {

  margin: 0 auto;

}



/************************************************

SECTION localización

*************************************************/

div.localizacion {

  background-color: #FFF;

  padding-top: 10px;

}

div.localizacion ul li {

  width: 24.5%;

  color: #2f4258;

  font-family: cursive;

  font-size: 16px;

  font-weight: 300;

  line-height: 22px;

  overflow: hidden;

    white-space: nowrap;

}

div.localizacion ul li i {

  font-size: 16px;

  margin-right: 7px;

  color: #c3c8da;

}

div.localizacion div.localidades {

  margin-top: 0px;

}

div.localizacion div.tecnico {

  background-position: right bottom;

  background-repeat: no-repeat;

  background-size: contain;

}

div.localizacion div.tecnico p {

  font-size: 26px;

  line-height: 28px;

  color: #2f4258;

}

div.localizacion div.tecnico p span {

  background-color: #439ed5;

  font-weight: 400;

  font-size: 28px;

  line-height: 32px;

  padding: 0.2em 0.6em 0.5em;

  color: #FFF;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  border-radius: 8px; 

  display: inline-block;

  margin-top: 10px;

  text-align: center;

}



.llame-tel{



  text-align: center;

}



.llame-tel a{



 background-color: #439ed5;

    display: inline-block;

    vertical-align: top;

    color: #FFF;

    padding: 6px 10px 6px 10px;

    margin-top: 10px;

    line-height: 25px;

   

    border-radius: 4px;

    /* width: 90%; */



}

/* -- BOTON FLOTANTE WHATSAPP -- */
.btn-flotante {
  font-size: 16px; /* Cambiar el tamaño de la tipografia */
  text-transform: uppercase; /* Texto en mayusculas */
  font-weight: bold; /* Fuente en negrita o bold */
  color: #ffffff; /* Color del texto */
  border-radius: 5px; /* Borde del boton */
  letter-spacing: 2px; /* Espacio entre letras */
  background-color: rgba(0, 0, 0, 0); /* Color de fondo */
  /*padding: 18px 30px;  Relleno del boton */
  position: fixed;
  bottom: 40px;
  right: 40px;
  transition: all 300ms ease 0ms;
  /*box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);*/
  z-index: 99;
  width: 75px;
  height: 75px;
  }

  .btn-flotante:hover {
  background-color: rgba(0, 0, 0, 0); /* Color de fondo al pasar el cursor */
  /*box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);*/
  transform: translateY(-7px);
  cursor: pointer;
  }

  @media only screen and (max-width: 600px) {
  .btn-flotante {
  font-size: 14px;
  /*padding: 12px 20px;*/
  bottom: 20px;
  right: 20px;
  width: 65px;
  height: 65px;
  }
  }


@media (max-width: 767px){



div.localizacion p {

    text-align: center;

}



}



#gracias{



    color: #0697ff;

    text-align: center;

}





.list-inline {

    

    text-align: center;

  }

@media (max-width: 479px){ 

div.tipos ul li {

    font-size: 10px;

    line-height: 12px;

}



@media (max-width: 479px){  

.widget > h3, .widget .widget-title {

    font-size: 22px;

    line-height: 24px;

    padding-top: 5px;

    padding-bottom: 5px;

    text-align: center;

    border-bottom: none;

    background-color: #F0F0F0;

} 

  }



