/** HOJA DE ESTILO PARA HIDROTOOLS *****/
/*INDICE*/
/* 1.- FAMILIA DE FUENTES -- LINEA 20 
   1.1 TAMAÑOS Y FAMILIAS
   2.- HEADER -- LINEA 46
   2.1 HEADER CINTILLO 
   2.2 HEADER MENU

    3. CARRUCEL

        3. RESPONSVE CARRUCEL
            

    4. NOSOTROS

    5.- PRODUCTOS

    6.- CONTACTO

/* 1.- FAMILIA DE FUENTES */

 @font-face {
      font-family: "encabezadosH1";
      src: url("../fonts/impact.ttf");
    }

  @font-face {
      font-family: "encabezadosH2";
      src: url("../fonts/Helvetica.ttf");
    }

  @font-face {
      font-family: "parrafos";
      src: url("../fonts/Helvetica.ttf");
    }

  @font-face {
      font-family: "encabezadosH3";
      src: url("../fonts/Helvetica.ttf");
    }


 @font-face {
      font-family: "productos";
      src: url("../fonts/arial.ttf");
    }


/* 1.1 - TAMAÑOS Y FAMILIAS */



/* 2. HEADER */

body{
background-image: url(../img/fondos/milimetrico.jpg); 
}

h1{
     font-family: "encabezadosH1";
    font-size: 35px;
    
}



.uno{
    font-family: "encabezadosH1";
    font-size: 30px;
   
}

/*
.header
{   
  background-color: #9A999E;
    height: 200px;
}  */

{   
  background-color: white;
    height: 200px;
} 


#cintillo-hidro{
    font-family: "encabezadosH1";
    background-color: #667379;
    width: 100%;
    height: 50px;
}

#cintillo-hidro h1{
    color: #fff;
 }   



#idMenu{
    background-color: #00305f;
    transition: top 0.5s; 
    width: 100%;
    height: 150px;
    z-index: 100;
}


}



.bg-dark {
  background-color: #9A999E !important;
}  



.logo-menu{
    width: 250px;
    margin-top: -40px;
    
}




@media screen and (max-width: 900px) and (min-width: 768px){
  img.logo-menu {
    width: 160px;
    height: 90px;
    margin-top: 5px;
}  
}

@media screen and (max-width: 1100px) and (min-width: 1024px){
    img.logo-menu {
    width: 130px;
    margin-top: -20px;
}
}


@media only screen and (max-width: 600px){
   
    img.logo-menu {
    margin-top: 10px;
    height: 80px;
    width: 150px;
    margin-left: 20px;
}
}

#idMenu p{
    font-size: 50px;
    color: #fff;
}

#idMenu h3{
    font-family: "encabezadosH3";
    color: white;
    font-size: 18px;
    padding-right: 20px;
}

.fx{
    position: fixed;
    width: 100%;
    top: 0px;
    height: 100px;
    box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -o-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -ms-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
}

@media only screen and (max-width: 1200px) 
{
    
  #idMenu{

    height:200px;
   
}

      
} 

@media only screen and (max-width: 1024px) 
{
 
    #idMenu{

    height:100px;
   
}
    
}

@media only screen and (max-width: 768px) 
{
 
    .nav-toggler{
        margin-left: 350px;
    }
    
}


@media only screen and (max-width: 600px) 
{
 
    
#idMenu{

    height: 100px;
    
    }
     
   
}
    
 /*   #idMenu .bg-dark {
  background-color: #00305f !important;
} */
    

@media screen and (max-width: 414px) and (min-width: 320px) {
    
      .navbar-nav {
    height: 100vh;
   transition: all 0.5s;
    transform: translateX(-100%); 
}  
    #navbarsExample08{
        
    }
    
    .nav-item {
    height: 80px;
    padding: 15px;
   
}

.nav-item:hover{
    background: rgba(255, 255, 255, 0.3);
}
    
    .bg-dark {
    background-color: rgba(51, 51, 51, 0.9);
}
    
    .navbar li{
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);  
}
  
    .navbar{
    padding-left: 0px;
}
    
    #menu-bar:checked ~ .navbar-nav{
    transform: translateX(0);
}

    
}




@media screen and (max-width: 600px) and (min-width: 540px) {
    
      .navbar-nav {
    height: 100vh;
   transition: all 0.5s;
    transform: translateX(-100%); 
}  
    #navbarsExample08{
        
    }
    
    .nav-item {
    height: 80px;
    padding: 15px;
   
}

.nav-item:hover{
    background: rgba(255, 255, 255, 0.3);
}
    
    .bg-dark {
    background-color: rgba(51, 51, 51, 0.9);
}
    
    .navbar li{
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);  
}
  
    .navbar{
    padding-left: 0px;
}
    
    #menu-bar:checked ~ .navbar-nav{
    transform: translateX(0);
}

    
}




@media screen and (max-width: 1100px) and (min-width: 1024px){
  #idMenu h3 {
    font-family: "encabezadosH3";
    color: white;
    font-size: 17px;
    padding-right: 10px;
}
    .col-lg-8.top-15 {
    margin-left: -35px;
    margin-top: -3px;
}  
}



/*********************************************************************************************************************************************/

/*********************************************************************************************************************************************/

/**********************************************************MENU movil***********************************************************************************/
.toggle-menu{
    visibility: hidden;
}

#idMenu{
    background-color: #002B5C;
   
    z-index: 100;
}


.fx{
    position: fixed;
    
    top: 0px;
    
}

/**************RESPONSIVO CABECERA********************/
        /********Pantallas pequeñas*********/
@media only screen and (max-width: 600px) 
{
   
  
    /******* icono menu ***********/
    .toggle-menu{
        position: fixed;
        visibility: visible;
        left: 300px;
        top: 20px;
    }
  
   
}
/********Pantallas 768px*********/
@media only screen and (min-width: 601px) and (max-width: 768px)
{
   
    .toggle-menu{
        position: fixed;
        visibility: visible;
        left: 550px;
        top: 20px;
    }
    .navbar-toggler{
        visibility: hidden;
    }
    
}
/*
* {
	margin:0;
	padding:0;
}

body {
	background:#FFFFFA;
}

header {
	width:100%;
}

header nav {
	width:90%;
	max-width:1000px;
	margin:20px auto;
	background:#024959;
}

.menu_bar {
	display:none;
}

header nav ul {
	overflow:hidden;
	list-style:none;
}

header nav ul li {
	float:left;
}

header nav ul li a {
	color:#fff;
	padding:20px;
	display:block;
	text-decoration:none;
}

header nav ul li span {
	margin-right:10px;
}

header nav ul li a:hover {
	background:#037E8C;
}

section {
	padding:20px;
}  */

@media screen and (max-width: 768px ) {
    
    * {
	margin:0;
	padding:0;
}

body {
	background:#FFFFFA;
}

header {
	width:100%;
}

header nav {
	width:90%;
	max-width:1000px;
	margin:20px auto;
	background:#9A999E;
}
    header nav ul li {
	float:left;
}
    
 header nav ul li a {
	color:#fff;
	padding:20px;
	display:block;
	text-decoration:none;
}

header nav ul li span {
	margin-right:10px;
}

header nav ul li a:hover {
	background: white;
    color: #9A999E;
}

section {
	padding:20px;
} 
    
    a.bt-menu {
    margin-left: 290px;  
}
    
    
	header nav {
		width:80%;
		height:100%;
		left: -100%;
		margin:0;
		position: fixed;
	}

	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}

	.menu_bar {
		display:block;
		width:100%;
		
	}

	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		background: #9A999E;
		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.menu_bar span {
		float:right;
		font-size:40px;
	}
}




@media (max-width: 576px){
    #logo-div{
      display: none;  
    }
    
    #header-normal{
        display: none;
    }
    
    #cintillo-hidro{
        display: none;
    }
    
    #marcas{
       display: none; 
    }
     img.ajuste.img-productos4 {
        display: none; 
    }
}

@media (max-width: 768px){
    #logo-div{
      display: none;  
    }
    
    #header-normal{
        display: none;
    }
    
     #cintillo-hidro{
        display: none;
    }
    
    img.ajuste.img-productos{
        display: none;
    }
    
    #marcas{
       display: none; 
    }
}


@media screen and (max-width: 1100px) and (min-width: 1024px){
     #logo-div{
       display: none; 
    }
    
    #header-movil{
        display: none;
    }
    
    img.ajuste.img-productos4 {
        display: none; 
    }
}



@media (min-width: 1200px){
    #logo-div2{
       display: none; 
    }
    #header-movil{
        display: none;
    }
    
    img.ajuste.img-productos4 {
        display: none; 
    }
}


/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/



/* 3. CARRUCEL */

#carousel{

    width: 100%;
    height: 100%;
     z-index: 9999;
}



/* Carousel base class */

.carousel {
    margin-top: 160px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
   background-color: rgba(116,169,222,0.5);
   width: 100%;
   height: 150px;
   padding: 10px;
   z-index: 10;
  bottom: 0rem;
}

.carousel-caption b{
font-size: 85px;
}

/* Declare heights because of positioning of img element */
.carousel-item { 
  height: 500px;
  background-color: #777;
}

.carousel-item a{
    text-align: left;
    color: #fff;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}



.boton_carucel{
    font-family: 'Helvetica 35 Ligth';
font-style: normal;
font-weight: normal;
    text-decoration: none;
    padding: 10px;
    padding-left: 30px;
    padding-right: 500px;
    font-weight: 600;
    font-size: 25px;
    color: #fff;
    background-color: #e1134f;
   
  
  }

.boton_carucel:hover{
   font-family: 'Helvetica 35 Ligth';
font-style: normal;
font-weight: normal;
    text-decoration: none;
    padding: 10px;
    padding-left: 30px;
    padding-right: 500px;
    font-weight: 600;
    font-size: 25px;
    color: #fff;
    background-color: #e1134f;
    border-radius: 25px;
   
  }

@media only screen and (max-width: 2500px) 
{
    
.carousel-item { 
  height: 35rem;

}
    
    .carousel-item > img {
  height: 35rem;
}
}


@media only screen and (max-width: 1200px) 
{
    
.carousel-item { 
  height: 20rem;

}
    
.carousel-item > img {
  height: 20rem;
}
    

      
} 


@media only screen and (max-width: 600px) 
{
    
    .carousel-item { 
  height: 13rem;

}
    
.carousel-item > img {
  height: 13rem;
}
    
.carousel-caption {

   height: 150px;
   padding: 10px;
   z-index: 10;
  bottom: 0rem;
}
    
.carousel-caption h1{

font-size: 35px;
}
    
.carousel-caption b{
font-size: 40px;
}
    
.boton_carucel{

    padding: 10px;
    padding-left: 35px;
    padding-right: 240px;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    background-color: #e1134f;
   
  
  }

.boton_carucel:hover{
   font-family: 'Helvetica 35 Ligth';
font-style: normal;
font-weight: normal;
    text-decoration: none;
    padding: 10px;
    padding-left: 30px;
    padding-right: 100px;
    font-weight: 600;
    font-size: 25px;
    color: #fff;
    background-color: #e1134f;
    border-radius: 25px;
   
  }
      
} 

/************************* CARUCEL 1*********************/
#carousel1{
   margin-top: -50px;
    width: 100%;
     height: 300px;
     z-index: 9999;
}

.carousel1 {
    margin-top: -160px;
    }

#carousel1 .myCarousel1{
    margin-top: -500px;
}

.carousel-item1 { 
  height: 300px;
  background-color: #777;
}

.carousel-item1 > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}


@media screen and (max-width: 414px) and (min-width: 320px){
 section#carucel {
    padding: 0px;
}
    div#myCarousel {
    margin-top: 101px;
}
}



@media screen and (max-width: 600px) and (min-width: 540px){
 section#carucel {
    padding: 0px;
}
    div#myCarousel {
    margin-top: 101px;
}
}

    


    @media screen and (max-width: 900px) and (min-width: 768px){
       section#carucel {
    padding: 0px;
} 
          div#myCarousel {
    margin-top: 100px;
}
    
}

@media screen and (max-width: 1100px) and (min-width: 1024px){
    section#carucel {
    padding: 0px;
} 
    div#myCarousel {
    margin-top: 101px;
}

}


/************************* CINTILLO *********************/
.cintillo_nosotros{
    background-color: #9A999E;
    height: 65px;
}

/***************************************** 4. NOSOTROS *************************************/
#nosotros{
   
    width: 100%;
    height: 100%;
    
    
}

#nosotros h2{
font-family: "encabezadosH2";
    color: #fff;
    font-size: 24px;
    
}

#nosotros p{
    font-family: "parrafos";
    color: #fff;
    font-size: 18px;
    
}

#nosotros .title-nosotros
{
    margin-top: 20px;
}

.boton_nosotros{
    padding: 10px;
   font-family: "parrafos";
    color: #fff;
    font-size: 20px;
    background-color: #b70049;
    border-radius: 6px;
 
  }

#nosotros a{
    color: #ffF;
}

.boton_nosotros:hover{
  padding: 10px;
   font-family: "parrafos";
    color: #fff;
    font-size: 24px;
    background-color: #b70049;
    border-radius: 6px;
  }

#des-nosotros{
     background-image: url("../img/fondos/fondo-engranes.jpg");
    background-size: cover;
}

#des-nosotros h2{
font-family: "encabezadosH1";
color: #000;
font-size: 35px;    
}

#des-nosotros p{
color: #000;
font-size: 18px;    
}


#mision-nosotros{
    background-color: #667379;
}

#mision-nosotros h2{
     font-family: "encabezadosH1";
color: #fff;
font-size: 35px;  
}


/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 

    #detalle-nos{
        display: none;
    }
    
    #nosotros p{

    font-size: 18px;
    
}
    
    
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
  #detalle-nos{
        display: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  #detalle-nos-movil{
        display: none;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  #detalle-nos-movil{
        display: none;
    }
}

/******************* AVISO PRIVACIODAD ************************/

/****************** PRODUCTOS *************************/
#aviso{
   
    background-size: 100%;
    margin-top: 20px;
    height: 100%;
    margin-bottom: 20px;
  
}

/************************* CINTILLO *********************/
.cintillo_aviso {
    background-color: #667379;
    height: 80px;
    padding-left: 60px;
}

.h1-aviso{
    color: #fff;
    display: inline-block;
    padding-right: 10px;
    padding-top: 13px;
}

.img-aviso {
    display: inline-block;
    width: 40px;
    margin-top: -10px;
}

.col-xs-0.col-sm-0.col-md-10.col-lg-10.top-20 {
    text-align: right;
}
/***********************************************************/


/****************** PRODUCTOS *************************/
#productos{
   background-image: url("../img/fondos/fondo-engranes.jpg");
    background-size: cover;
    margin-top: 20px;
    height: 100%;
    margin-bottom: 20px;
  
}

@media screen and (max-width: 414px) and (min-width: 320px){
 #productos{
    margin-top: 0px;
    margin-bottom: 0px; 
     padding: 0px;
}  
    .cintillo_productos {
    text-align: center;
    padding-left: 0px; 
}
    .col-xs-0.col-sm-0.col-md-10.col-lg-10.top-20 {
    text-align: center;
}
    .col-xs-0.col-sm-0.col-md-8.col-lg-8.text-centro {
    margin: 0px 40px;
    text-align: center;
}
    .row.top-20 {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
}
    
    .boton-productos {
     margin-bottom: 10px;
}
    

}


@media screen and (max-width: 600px) and (min-width: 540px){
 #productos{
    margin-top: 0px;
    margin-bottom: 20px; 
     padding: 0px;
}  
    .col-xs-0.col-sm-0.col-md-10.col-lg-10.top-20 {
    text-align: center;
}
}


@media screen and (max-width: 900px) and (min-width: 768px){
   #productos{
    margin-top: 0px;
    margin-bottom: 20px; 
     padding: 0px;
}  
    .cintillo_productos {
    padding-left: 0px; 
    text-align: center;
}
    .col-xs-0.col-sm-0.col-md-12.col-lg-8.text-centro {
    margin-bottom: 35px;
}
    .div-productos {
    margin-left: 45px;
}
    
    img.ajuste {
    height: 50%;
}
    img.ajuste.img-productos4 {
    height: 340px;
}
 
    .ajuste {
    width: 50%;
}
}



@media screen and (max-width: 1100px) and (min-width: 1024px){
 
     img.ajuste {
    height: 60%;
}  
    div.parallax {
    background-size: 100%;
    background-image: url(../img/fondos/nuestro-equipo-hidrotools.jpg);
    min-height: 550px;
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
}

}

/************************* CINTILLO *********************/
.cintillo_productos {
  background-color: #00305f;
    height: 100%;
    padding-left: 60px;
    margin-bottom: 10px;
}

.h1-productos{
    color: black;
    display: inline-block;
    padding-right: 10px;
    padding-top: 13px;
}

.h1-productos2{
    color: #fff;
    display: inline-block;
    padding-right: 10px;
    padding-top: 13px;
}

.img-productos {
    display: inline-block;
    width: 40px;
    margin-top: -10px;
}

.imagen-productos{
    display: inline-block;
    width: 100%;

    margin-top: -10px;
    
}

@media screen and (max-width: 375px) and (min-width: 320px){
        .cintillo_productos {
    background-color: #00305f;
    height: 80px;
    padding-left: 0px; 
}
    
 h1.h1-productos.top-10 {
    margin-top: 10px;
     font-size: 30px;
}
    
h1.h1-productos2.top-10 {
    font-size: 15px;
}
    .h1-productos2 {
    padding-right: 0px;
    padding-top: 20px;
}
}

@media screen and (max-width: 414px) and (min-width: 376px){
    .cintillo_productos {
    background-color: #00305f;
    height: 80px;
    padding-left: 0px; 
}
    
 h1.h1-productos.top-10 {
    margin-top: 10px;
     font-size: 30px;
}
    
       h1.h1-productos2.top-10 {
    font-size: 18px;
}
    .h1-productos2 {
    padding-right: 0px;
    padding-top: 20px;
}
    
}


@media screen and (max-width: 900px) and (min-width: 768px){
    .cintillo_productos {
    padding-left: 0px;
}
         h1.h1-productos2.top-10 {
    font-size: 25px;
}
}

@media screen and (max-width: 1100px) and (min-width: 1024px){
     .cintillo_productos {
    padding-left: 0px; 
    text-align: center;
}
    h1.h1-productos2.top-10 {
    margin-top: 5px;
}
 
}
/***********************************************************/

#productos h2{
    font-family: "encabezadosH2";
    color: #666666;
    font-size: 24px;
    
}

#productos h3{
    font-family: "encabezadosH3";
    color: #666666;
    font-size: 20px;
    
}

#productos p{
    color: #666666;
    font-size: 18px;
    
}

#productos .title-productos
{
    margin-top: 20px;
}

#productos .btn-catalogo{
    background-color: #0064a5;
    padding: 10px;
}

#productos .btn-catalogo h2{
    color: #fff;
}


.text-productos-der{
        text-align: right;
    }

.text-productos-izq{
        text-align: left;
    }

#productos .detail-productos{
   
}

#productos .detail-productos a{
color: #fff;
padding: 10px;
margin-top: 20px;    
}

.boton-productos {
     font-family: "productos";
    font-size: 15px;
    color: #fff;
    background-color: #00305f;
    border-color: #007bff;
    border-radius: 5px;
    box-shadow: 6px 5px 10px #00305f;
    padding: 10px
  
 
}

.boton-productos a {
    color: #fff;
   
}

@media (max-width: 576px) { 

    .text-productos-der{
        text-align: center;
    }
    
    .text-productos-izq{
        text-align: center;
    }
    
      #detalle-productos{
        display: none;
    }
    
    
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    #detalle-productos{
        display: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    #detalle-productos-movil{
        display: none;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  #detalle-productos-movil{
        display: none;
    }
    
    .imagen-productos{
   
    width: 80%;
    margin-left: 30px;
    
}
    
    
}

/****************** FIN  PRODUCTOS *************************/

/****************** CONTACTOS *************************/
#contacto{
    background-color: #00305f;
    width: 100%;
    height: 100%;
  
}

#contacto h2{
    font-family: "encabezadosH1";
    color: #fff;
    font-size: 35px;
    
}

#contacto p{
    font-family: "parrafos";
    color: #fff;
    font-size: 18px;
    
}

#contacto .title-contacto
{
    margin-top: 0px;
    text-align: right;
    
}

#contacto .detail-contacto
{
    background-image: url("../img/fondos/fondo-engranes.jpg");
    background-size: cover;
    margin-top: 20px;
    height: 110%;
    margin-bottom: 20px;
}

.imagen-contacto{
    display: inline-block;
    width: 100%;

    
}

@media (min-width: 1200px) { 

    
.imagen-contacto{
   
   width: 90%;
  
}
    
    .contac-form{
        margin-top: 100px;
    }
    
      .mapa{
        margin-top: 100px;
    }
    
    
}

.form-group{
   padding: 30px;
}

.form-group input{
    
    border-color: gray;
  border-radius: 5px;
     box-shadow: 6px 5px 10px gray;
}

.form-group textarea{
    
    border-color: gray;
  border-radius: 5px;
     box-shadow: 6px 5px 10px gray;
}



.separar{
    margin-top: 15px;
}

.btn-primary {
    color: #fff;
    background-color: #f45e75;
    border-color: #f45e75;
    border-radius: 5px;
    box-shadow: 6px 5px 10px gray;
}



@media screen and (max-width: 414px) and (min-width: 320px){
    
    .col-xs-0.col-sm-0.col-md-6.col-lg-6.top-20.rigth-10 {
    right: 0px;
}
 
}


@media screen and (max-width: 600px) and (min-width: 540px){
    
    .col-xs-0.col-sm-0.col-md-6.col-lg-6.top-20.rigth-10 {
    right: 0px;
}
 
}



@media screen and (max-width: 900px) and (min-width: 768px){
.col-xs-0.col-sm-0.col-md-10.col-lg-10.top-20 {
    text-align: center;
}
    #contacto .detail-contacto {
    background-image: url(../img/fondos/contacto.png);
    background-repeat:repeat;
    background-size: 100%;
    margin-top: 20px;
    height: 110%;
    margin-bottom: 20px;
}

}


/****************** FIN  CONTACTOS *************************/

/***************************************** 7. AVISO *************************************/
#aviso{
     background-image: url("../img/fondos/fondo-engranes.jpg");
       background-repeat:repeat;
    background-size: 100%;
    margin-top: 20px;
    height: 110%;
    margin-bottom: 20px;
   
}

#aviso h2{
font-family: "encabezadosH2";
    color: #fff;
    font-size: 24px;
    
}

#aviso p{
    font-family: "parrafos";
    color: #000;
    font-size: 18px;
    
}

#aviso .title-aviso
{
    margin-top: 20px;
}



#aviso a{
    color: #ffF;
}




/**************************** FOOTER *******************************/
.footer{
background-color: #101010;
    width: 100%;
    height: 100%;
}

.footer a{
color: #fff;    
}

.footer p{
 font-family: "parrafos";
    color: #fff;
    font-size: 18px;   
}

.div-img-footer{
    text-align: center;  
}

.img-footer{
    width: 150px;
}

p.parr-footer {
    margin-bottom: 0px;
}

.pie-social{
    padding-right: 2px
}

.foter-bg{
    text-align: center;
}


.foter-bg p{
    margin-top: 50px;
    color: #fff;
    
}

.footer-pre p{
    text-align: center;
}

.footer-pre p{

    color: #fff;
}

.fot-pre{
    margin-top: 30px;
}

.fot-img{
    padding-right: 8px;
  
}

.footer-post p{

    color: #fff;
}

.boton_sus{
    padding: 5px;
   font-size: 15px;
    color: #fff;
    background-color: #f45e75;
    border-radius: 6px;
    border: 2px solid #f45e75;
  }

.boton_sus:hover{
    padding: 5px;
   font-size: 15px;
    color: #fff;
    background-color: #f45e75;
    border-radius: 6px;
    border: 2px solid #f45e75;
  }

.facefoteer {
    font-size: 25px;
}

.facefoteer a{
    color: #fff;
}

@media screen and (max-width: 414px) and (min-width: 320px){
 
       .col-xs-0.col-sm-0.col-md-3.col-lg-3.top-20 {
    text-align: center;
}
    .col-xs-0.col-sm-0.col-md-2.col-lg-2.text-centro.top-40 {
    margin-bottom: 20px;
    margin-top: 20px;
}
}


@media screen and (max-width: 600px) and (min-width: 540px){
 
       .col-xs-0.col-sm-0.col-md-3.col-lg-3.top-20 {
    text-align: center;
}
    .col-xs-0.col-sm-0.col-md-2.col-lg-2.text-centro.top-40 {
    margin-bottom: 20px;
    margin-top: 20px;
}
}



@media screen and (max-width: 900px) and (min-width: 768px){
    .div-img-footer {
   padding-top: 35px;
    margin-left: 9px;
}
 
   .col-xs-0.col-sm-0.col-md-5.col-lg-5.text-centro.top-50 {
    padding-left: 60px;
    margin-left: -60px;
    margin-top: 60px;
    margin-right: 10px;
}
    .col-xs-0.col-sm-0.col-md-3.col-lg-3.top-20 {
    margin-left: 30px;
}
   
    .col-xs-0.col-sm-0.col-md-2.col-lg-2.text-centro.top-40 {
    display: inline-flex;
    margin-left: -30px;
    margin-top: 70px;
}
}

@media screen and (max-width: 1100px) and (min-width: 1024px){
    .col-xs-0.col-sm-0.col-md-2.col-lg-2.top-15.div-img-footer {
    margin-top: 25px;
    margin-left: 10px;
}
    .col-xs-0.col-sm-0.col-md-5.col-lg-5.text-centro.top-50 {
    margin-left: -30px;
    margin-top: 40px;
}
    .col-xs-0.col-sm-0.col-md-2.col-lg-2.text-centro.top-40 {
    margin-left: -10px;
}
}

/******************* FOOTER RESPONSIVE **********************/

}

/****************** subestaciones ************************/

.boton_catalogo{
     font-family: "parrafos";
    padding: 5px;
   font-size: 18px;
    color: #fff;
    background-color: #007db7;
    border-radius: 6px;
    
  }

.boton_catalogo:hover{
   font-family: "parrafos";
    padding: 10px;
   font-size: 18px;
    color: #fff;
    background-color: #007db7;
    border-radius: 6px;
  }



/*********************************************************/
@media(max-width:768px){

    .footer{

    height: 100%;
}
 }

/*********************** EQUIPOS PRUEBA DE ALTA TENSION ***************/

/****************** subestaciones ************************/


/************************** MARCAS *****************************/

/************************* CINTILLO *********************/

.cintillo_marcas {
    background-color: #00305f;
    height: 80px;
    padding-left: 80px;
    padding-top: 15px;
    margin-top: -20px
}

.h1-marcas{
    color: white;
}
/*********************************************************/

#marcas {
    margin-bottom: 30px;
    margin-top: 20px;
}

#img3 {
    padding-top: 30px;
}

#img5 {
    margin-top: 15px;
}

#img6 {
    padding-top: 10px;
}

.bmarca{
      border-color: #007bff;
    border-radius: 5px;
    box-shadow: 6px 5px 10px gray;
    padding: 0px
}



@media screen and (max-width: 414px) and (min-width: 320px){
    section#marcas {
    margin-bottom: 0px;
    padding: 0px;
    margin-top: 0px;
}
    .cintillo_marcas {
    padding-left: 0px; 
    text-align: center;
}
    section#carucel1 {
    padding: 0px;
}
    
}


@media screen and (max-width: 600px) and (min-width: 540px){
    section#marcas {
    margin-bottom: 0px;
    padding: 0px;
    margin-top: 0px;
}
    .cintillo_marcas {
    padding-left: 0px; 
    text-align: center;
}
    section#carucel1 {
    padding: 0px;
}
    
}



@media screen and (max-width: 900px) and (min-width: 768px){
     .row.top-150 {
    margin-top: 80px;
}
       section#marcas {
    margin-bottom: 0px;
    padding: 0px;
    margin-top: 0px;
}
    .cintillo_marcas {
    padding-left: 0px; 
    text-align: center;
}
    img.bmarca.ajuste {
  
}
    section#carucel1 {
    padding: 0px;
}
}

@media screen and (max-width: 1100px) and (min-width: 1024px){
    .row.top-150 {
    margin-top: 100px;
}
}



/*********************************************************/


/************************** GALERIA *****************************/



/************************* CINTILLO *********************/

.cintillo_galeria {
    background-color: #00305f;
    height: 80px;
    padding-left: 60px;
    padding-top: 15px;
    margin-top: -30px;
    text-align: right;
   
}

.cintillo_galeria h2 {
    font-family: "encabezadosH1";
    font-size: 35px;
      color: white;
    display: inline-block;
  
}

.h1-galeria{
       color: black;
    display: inline-block;
    padding-right: 10px;
    padding-top: 13px;
}


@media screen and (max-width: 414px) and (min-width: 320px){
  section#galeria {
    padding: 0px;
}  
  .cintillo_galeria {
    padding-left: 0px;
    text-align: center;
    margin-top: 0px;
}
    .div-galeria{
        margin-right: 0px; 
        margin-left: 0px;
    }
}



@media screen and (max-width: 600px) and (min-width: 540px){
  section#galeria {
    padding: 0px;
}  
  .cintillo_galeria {
    padding-left: 0px;
    text-align: center;
    margin-top: 0px;
}
    .div-galeria{
        margin-right: 0px; 
        margin-left: 0px;
    }
}


@media screen and (max-width: 900px) and (min-width: 768px){
      section#galeria {
    padding: 0px;
}  
 
    .cintillo_galeria {
    padding-left: 0px; 
    padding-top: 25px;
    margin-top: -30px;
    text-align: center;
}
    .div-galeria{
        margin-right: 0px; 
        margin-left: 0px;
    }
}
/*********************************************************/



/************************* NOVEDADES *********************/


/************************* CINTILLO *********************/
.cintillo_novedades{
    /* background-color: #9A999E;*/
    background-color: #00305f;
    height: 100px;
    padding-left: 60px;
}

.title-novedades{
    font-family: "encabezadosH1";
    color: #fff;
    font-size: 35px;
}


.img-novedades{
    display: inline-block;
    width: 40px;
    margin-top: -10px;
}
/***********************************************************/

#novedades {
  background-image: url("../img/fondos/fondo-trama.jpg");
    background-size: cover;
}

.row.div-nov {
    margin-bottom: 20px;
}

.div-logo-nov {
    text-align: right;
    margin-left: 50px;
}


.logo-nov {
    width: 220px;
    padding-top: 15px;
}

.h2-nov {
     font-family: "encabezadosH1";
    font-size: 65px;
    font-weight: 700;
}

.div-img-nov {
    text-align: right;
}

.img-nov {
    width: 250px;
    height: 250px;
}

.div-parr-nov {
    font-family: "parrafos";
    padding-right: 60px;
}

.parr-nov {
    padding-top: 20px;
    text-align: justify;
}

.div-parr2-nov {
      font-family: "encabezadosH1";
    text-align: left;
    padding-left: 130px;
}

.parr2-nov {
    font-size: 50px;
    font-weight: 700;
}





@media screen and (max-width: 414px) and (min-width: 320px){
    section#novedades {
    padding: 0px;
}
    div.cintillo_novedades {
    text-align: center;
    padding-left: 0px; 
}

    .div-logo-nov {
    text-align: center;
    margin-left: 0px;
    margin-bottom: 50px;
}
    
    .div-img-nov {
    text-align: center;
}
    .div-h2-nov {
    text-align: center;
}
    
    .div-parr-nov {
    padding: 10px 40px;
}
    .h2-nov {
    font-size: 46px;
    font-weight: 700;
}
    
    .div-parr2-nov {
     padding-left: 0px; 
}
    .parr2-nov {
    margin-bottom: 60px;
    font-size: 30px;
}
}



@media screen and (max-width: 600px) and (min-width: 540px){
    section#novedades {
    padding: 0px;
}
    div.cintillo_novedades {
    text-align: center;
    padding-left: 0px; 
}

    .div-logo-nov {
    text-align: center;
    margin-left: 0px;
    margin-bottom: 50px;
}
    
    .div-img-nov {
    text-align: center;
}
    .div-h2-nov {
    text-align: center;
}
    
    .div-parr-nov {
    padding: 10px 40px;
}
    .h2-nov {
    font-size: 46px;
    font-weight: 700;
}
    
    .div-parr2-nov {
     padding-left: 0px; 
}
    .parr2-nov {
    margin-bottom: 60px;
    font-size: 30px;
}
}




@media screen and (max-width: 900px) and (min-width: 768px){
        section#novedades {
    padding: 0px;
}
    div.cintillo_novedades {
    text-align: center;
    padding-left: 0px; 
}
    .div-parr2-nov {
    text-align: center;
    padding-left: 0px;
}
    .parr2-nov {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
}
    .div-parr-nov {
    padding-right: 5px;
    margin-left: 90px;
}
    .div-img-nov {
    padding-top: 50px;
}
    
    img.img-nov {
    width: 230px;
    height: 230px;
}
    .h2-nov {
    font-size: 45px;
    font-weight: 700;
}
    .div-h2-nov {
    margin-top: 50px;
    padding-left: 85px;
}
}
    
}



@media screen and (max-width: 1100px) and (min-width: 1024px){
    .div-h2-nov {
    margin-top: 45px;
    margin-left: 30px;
}
     .div-h2-nov {
    padding-top: 40px;
}
   .div-img-nov {
    margin-top: 40px;
}
    .div-parr-nov {
    margin-left: 65px;
}
    .parr2-nov {
    font-size: 45px;
    font-weight: 700;
}
    .div-parr2-nov {  
    padding-left: 0px; 
}
 
  
}

/***********************************************************/

/*********************************************************/



/************************** BLOG *****************************/

#blog{
    background-color: #0064a5;
    width: 100%;
    height: 100%;
    
    
}

#blog h2{
font-family: "encabezadosH2";
    color: #fff;
    font-size: 24px;
    
}

#blog p{
    font-family: "parrafos";
    color: #fff;
    font-size: 18px;
    
}

#blog .title-blog
{
    margin-top: 20px;
}

.fb-page
{
    width: 100%;
    }



/*********************************************************/


/*****************************************************************/

/* CLASES AUXILIARES */

.text-centro{
   text-align: center;   
}

.text-rigth{
   text-align: right;   
}

.text-left{
   text-align: left;   
}


.img-centro{
    text-align: center;   
}

.text-justificado{
    text-align: justify;
}

.top-05{
    margin-top: 5px;
}

.top-10{
    margin-top: 10px;
}

.top-15{
    margin-top: 15px;
}

.top-20{
    margin-top: 20px;
}

.top--20{
    margin-top: -20px;
}

.top-25{
    margin-top: 25px;
}

.top-30{
    margin-top: 30px;
}

.top-40{
    margin-top: 40px;
}

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

.top-60{
    margin-top: 60px;
}

.top-70{
    margin-top: 70px;
}

.top-100{
    margin-top: 100px;
}

.top-150{
    margin-top: 150px;
}

.bottom-30{
    margin-bottom: 30px;
}

.bottom-50{
    margin-bottom: 50px;
}

.bottom-70{
    margin-bottom: 70px;
}

.ajuste{
      width: 100%;
  }

.ajuste-50{
      width: 50%;
  }

.ajuste-80{
      width: 80%;
  }

.ajuste-90{
      width: 90%;
  }

.ajuste-110{
      width: 110%;
  }

.pading-5{
    padding: 5px;
}

.pading-10{
    padding: 10px;
}

.pading-15{
    padding: 15px;
}

.pading-20{
    padding: 20px;
}

.rigth-10{
   right: 15px;
}

.linea-blanca{
    color: #fff;
background-color: #fff;
height: 3px;
}

.linea-negra{
    color: #000;
background-color: #000;
height: 2px;
}

/****************** SOCIAL MEDIA****************/

/************************* CINTILLO *********************/

.cintillo_social-media {
    background-color: #00305f;
    height: 65px;
    padding-left: 60px;
    padding-top: 15px;
}

.h1-social-media{
    color: white;
}

#social-media{
    background-image: url(../img/fondos/social-media.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}
/*********************************************************/

.div-face{
    text-align: center;
    position: relative;
}

.img-face{
    width: 450px;
    height: 350px;
    border: 20px solid black;
    box-shadow: 8px 8px 10px 0px #909090;
}

.icon-face {
    position: absolute;
    left: 140px;
    bottom: -40px;
}

.div-you{
   text-align: center; 
     position: relative;
}

.img-you{
    width: 450px;
    height: 350px;
    border: 20px solid black;
    box-shadow: 8px 8px 10px 0px #909090;
}

.icon-you {
    position: absolute;
    left:140px;
    bottom: -40px;
}





@media screen and (max-width: 414px) and (min-width: 320px){
    .cintillo_social-media {
    padding-left: 0px; 
    text-align: center;
}
   section#social-media {
    padding: 0px;
} 
    .div-social-med{
    margin-top: 0px;
    margin-bottom: -7px;
}
    iframe {
    width: 100%;
}
    .div-you {
    margin-left: 20px;
    margin-right: 20px;
}
    .fb-page{
       width: 100%;  
    }
}



@media screen and (max-width: 600px) and (min-width: 540px){
    .cintillo_social-media {
    padding-left: 0px; 
    text-align: center;
}
   section#social-media {
    padding: 0px;
} 
    .div-social-med{
    margin-top: 0px;
    margin-bottom: -7px;
}
    iframe {
    width: 100%;
}
    .fb-page{
       width: 100%;  
    }
}



@media screen and (max-width: 900px) and (min-width: 768px){
        .cintillo_social-media {
    padding-left: 0px; 
    text-align: center;
}
   section#social-media {
    padding: 0px;
}
      iframe {
    width: 100%;
}
    .fb-page{
       width: 100%;  
    }
}


@media screen and (max-width: 1100px) and (min-width: 1024px){
          iframe {
    width: 100%;
}
   

} 
/*
#social-media{
    background-color: #e6145b;
    background-repeat: no-repeat;
    background-position: center;
    
      box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -o-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    -ms-box-shadow: 5px 0 10px 5px rgba(0,0,0,0.5);
    
}

#social-media .bg-social{
    width: 100%;
    height: 100%;  
}


#social-media h1{
   color: #fff;  
}

#social-media h2{
   color: #fff;
  
}   */





/****************** SOCIAL ****************/

.parallax {
  /* The image used */
  background-image: url("../img/fondos/nuestro-equipo-hidrotools.jpg");

  /* Set a specific height */
  min-height: 600px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/************************* CINTILLO *********************/
.cintillo_novedades{
    background-color: #00305f;
    height: 80px;
    padding-left: 60px;
}

.h1-productos{
    color: #fff;
    display: inline-block;
    padding-right: 10px;
    padding-top: 13px;
}



.img-novedades{
    display: inline-block;
    width: 40px;
    margin-top: -10px;
}
/******************** BOTON DE WHATS APP *******************/

.btn_wapp {
    position: fixed;
    top: 50%;
    right: -93px;
    z-index: 10;
    border-radius: 30px 0 0 30px;
    padding: 10px;
    background-color: #f45e75;
    color: white;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    vertical-align: middle;
    -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;
}

.btn_wapp:hover {
  right:0px;
}
.big { font-size: 28px; }
.btn_wapp a {color: white;}
.btn_wapp i {width: 30px; margin-right:10px; }

@media screen and (max-width: 480px) {
  .btn_wapp {top:80%;right:10px;width:60px;height:60px;text-align:center;border-radius:40px;}
  .btn_wapp i {width:40px; margin:0 auto;}
  .btn_wapp a span {display:none;}
	.btn_wapp:hover{right: 10px;}
    
    .cen-what{
    margin-left: -4px;
}
}

.span-whats{
  
     font-family: "parrafos";
    color: #fff;
    font-size: 24px;
}




/****************** FIN BOTON DE WHATS APP *************/


/******************** BOTON DE WHATS APP *******************/

.btn_tienda {
    position: fixed;
    top: 35%;
    right: -93px;
    z-index: 10;
    border-radius: 30px 0 0 30px;
    padding: 10px;
    background-color: #f45e75;
    color: white;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    vertical-align: middle;
    -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;
}

.btn_tienda:hover {
  right:0px;
}
.big { font-size: 28px; }
.btn_tienda a {color: white;}
.btn_tienda i {width: 30px; margin-right:10px; }

@media screen and (max-width: 480px) {
  .btn_tienda {top:80%;right:10px;width:60px;height:60px;text-align:center;border-radius:40px;}
  .btn_tienda i {width:40px; margin:0 auto;}
  .btn_tienda a span {display:none;}
	.btn_tienda:hover{right: 10px;}
    
    .cen-tienda{
    margin-left: -4px;
}
}

.span-tienda{
  
     font-family: "parrafos";
    color: #fff;
    font-size: 24px;
}




/****************** FIN BOTON DE WHATS APP *************/


/************************** PRODUCTOS 2 *****************************/

.h2-prod2 {
    font-family: "encabezadosH2";
    font-size: 50px;
}

strong{
    font-family: "encabezadosH1";
    font-size: 60px;
}

.icon-product2 {
    width: 90px;
}

.tit-prod2 {
    font-size: 17px;
    color: #b70049;
    font-weight: 800;
    padding-left: 30px;
}

.parr-prod2 {
    text-align: justify;
    padding-left: 30px;
}

#productos2 {
   /* background-image: url("../img/fondos/bg-productos.jpg");*/
    background-image: url("../img/fondos/fondo-coche.jpg");
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 40px;
}

#productos2 .detail-productos2 p
{
   font-family: "parrafos";
   font-size: 18px;    
    
}

#productos2 .detail-productos2 h2
{
   font-family: "encabezadosh1";
   font-size: 25px;
 color: #00305f;
    
}



@media screen and (max-width: 414px) and (min-width: 320px){
    section#productos2 {
    text-align: center;
}
    #productos2 .detail-productos2 p {
    font-family: "parrafos";
    font-size: 17px;
    margin-bottom: 3rem;
}
    
    .h2-prod2 {
    font-size: 38px;
}
    strong.impact {
    font-size: 55px;
}
    img.ajuste-90 {
    width: 70%;
}
    .div-prod2{
    margin-bottom: 60px;
}
    .col-8.col-sm-0.col-md-9.col-lg-10 {
    text-align: left;
}
 
  .col-xs-0.col-sm-0.col-md-7.col-lg-7 {
    text-align: center;
}  
 .col-xs-0.col-sm-0.col-md-5.col-lg-5.top-50 {
    text-align: center;
}
    img.img-prod2 {
    width: 300px;
    height: 200px;
}
    .col-xs-0.col-sm-2.col-md-12.col-lg-5.top-100 {
    margin-top: 50px;
}
}



@media screen and (max-width: 600px) and (min-width: 540px){
    section#productos2 {
    text-align: center;
}
    #productos2 .detail-productos2 p {
    font-family: "parrafos";
    font-size: 17px;
    margin-bottom: 3rem;
}
    
    .h2-prod2 {
    font-size: 38px;
}
    strong.impact {
    font-size: 55px;
}
    img.ajuste-90 {
    width: 70%;
}
    .div-prod2{
    margin-bottom: 60px;
}
    .col-8.col-sm-0.col-md-9.col-lg-10 {
    text-align: left;
}
 
  .col-xs-0.col-sm-0.col-md-7.col-lg-7 {
    text-align: center;
}  
 .col-xs-0.col-sm-0.col-md-5.col-lg-5.top-50 {
    text-align: center;
}
    img.img-prod2 {
    width: 300px;
    height: 200px;
}
    .col-xs-0.col-sm-2.col-md-12.col-lg-5.top-100 {
    margin-top: 50px;
}
}



@media screen and (max-width: 900px) and (min-width: 768px){
    section#productos2 {
    text-align: center;
}
    img.ajuste-90 {
    width: 60%;
}
    #productos2 .detail-productos2 h2 {
    font-size: 45px;
}
    #productos2 .detail-productos2 p {
    font-size: 23px;
}
        .col-xs-0.col-sm-0.col-md-9.col-lg-10.top-10 {
    text-align: justify;
}
    .col-xs-0.col-sm-0.col-md-3.col-lg-2 {
    padding-top: 50px;
}
    img.img-prod2 {
    width: 500px;
}
    .h2-prod2 {
    font-size: 45px;
        margin-bottom: 50px;
}
    .tit-prod2 {
    margin-bottom: 30px;
    padding-left: 40px;
}
    section#marcas {
    margin-bottom: 10px;
    padding: 0px;
    margin-top: -40px;
}
    .col-8.col-sm-0.col-md-9.col-lg-10 {
    text-align: left;
}
}


@media screen and (max-width: 1100px) and (min-width: 1024px){
    img.img-prod2 {
    width: 400px;
}
    .col-xs-0.col-sm-2.col-md-12.col-lg-5.top-50 {
    margin-top: 160px;
}
}
/*********************************************************/

#boton{



}



#boton:hover{

	opacity: .8;

}



#caja{

	width: 100%;

	margin: auto;

	height: 0px;


	transition: height .10s;

}


.top--100{
    margin-top: 0px;
}




/**********************NUESTRO EQUIPO***********************************/
@media screen and (max-width: 414px) and (min-width: 320px){
    .parallax {
    background-size: 100%;
    background-image: url(../img/fondos/nuestro-equipo-hidrotools.jpg);
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment:inherit;
}
    section#nuestro-equipo {
    margin-top: -15px;
}
}


@media screen and (max-width: 600px) and (min-width: 540px){
    .parallax {
    background-size: 100%;
    background-image: url(../img/fondos/nuestro-equipo-hidrotools.jpg);
    min-height: 200px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
}

@media screen and (max-width: 900px) and (min-width: 768px){
 .parallax {
    background-size: 100%;
    background-image: url(../img/fondos/nuestro-equipo-hidrotools.jpg);
    min-height: 360px;
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
}
}

/*********************************************************/

/***********************************************************/

#productos-3{
background-image: url(../img/fondos/milimetrico.jpg);    
margin-top: 200px;
    
}

#productos-3 h1{
    font-family: "encabezadosH2";
    color: #fff;
    font-size: 35px;
    
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
   #productos-3 h1{
    font-size: 20px;
    
}
}

#productos-3 h2{
    font-family: "encabezadosH2";
    color: #666666;
    font-size: 24px;
    
}

#productos-3 h3{
    font-family: "encabezadosH3";
    color: #666666;
    font-size: 20px;
    
}

#productos-3 img{
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

#productos p{
    color: #666666;
    font-size: 18px;
    
}

#productos .title-productos
{
    margin-top: 20px;
}

#productos .btn-catalogo{
    background-color: #0064a5;
    padding: 10px;
}

#productos .btn-catalogo h2{
    color: #fff;
}


.text-productos-der{
        text-align: right;
    }

.text-productos-izq{
        text-align: left;
    }

#productos .detail-productos{
   
}

#productos .detail-productos a{
color: #fff;
padding: 10px;
margin-top: 20px;    
}

#productos3 .boton_productos3 a{
    color: aqua;
}



.boton_productos5{
    padding: 5px;
    color: #fff;
    background-color: #00305f;
    border-radius: 6px;
    border: 2px solid #00305f;
  }

.boton_productos4{
    padding: 5px;
   font-size: 16px;
    color: #fff;
  } 

#productos5 .boton_productos4 a{
    color: aqua;
    
}



.boton_productos3{
    padding: 5px;
    color: #fff;
    background-color: #f45e75;
    border-radius: 6px;
    border: 2px solid #f45e75;
  }


.row.fila-acce {
    margin-bottom: 55px;
}

.enlace-boton {
    background: #f45e75;
    border-radius: 6px;
}

.boton_productos4{
    padding: 5px;
   font-size: 20px;
    color: #fff;
  }  

.tblanco{
    color: #fff;
}

#productos-3 .detalle-caracteristicas{
    border-style: solid; 
    padding: 20px; 
    height: 450px; 
    border-color: #00305f;
    margin-top: -16px

}

#productos-3 .detalle-especificaciones{
    border-style: solid; 
    padding: 20px; 
    height: 450px; 
    border-color: #00305f;
    margin-top: -16px
}

#productos-3 .detalle-accesorios{
    border-style: solid; 
    padding: 20px; 
    height: 450px; 
    border-color: #00305f;
    margin-top: -16px

}

#productos-3 .detalle-descargas{
    border-style: solid; 
    padding: 20px; 
    height: 450px; 
    border-color: #00305f;
    margin-top: -16px

}


#productos-3 .detalle-caracteristicas1{
    border-style: solid; 
    padding: 20px; 
    height: 250px; 
    border-color: #00305f;
    margin-top: -16px

}

#productos-3 .detalle-especificaciones1{
    border-style: solid; 
    padding: 20px; 
    height: 450px; 
    border-color: #00305f;
    margin-top: -16px
}

#productos-3 .detalle-accesorios1{
    border-style: solid; 
    padding: 20px; 
    height: 250px; 
    border-color: #00305f;
    margin-top: -16px

}

#productos-3 .detalle-descargas1{
    border-style: solid; 
    padding: 20px; 
    height: 250px; 
    border-color: #00305f;
    margin-top: -16px

}





@media screen and (max-width: 414px) and (min-width: 320px){
    section#productos-3 {
        margin-top: 150px;
        margin-bottom: 150px;
}
}

@media screen and (max-width: 900px) and (min-width: 768px){
    section#productos-3 {
        margin-bottom: 150px;
    margin-top: 150px;
}
}

@media screen and (max-width: 1100px) and (min-width: 1024px){
    section#productos-3 {
        margin-top: 190px;
    margin-bottom: 70px;
}
    
    #productos-3 h2 {
    font-size: 11px;
}
}


@media (max-width: 576px) { 

    .text-productos-der{
        text-align: center;
    }
    
    .text-productos-izq{
        text-align: center;
    }
    
      #detalle-productos{
        display: none;
    }
    
    
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    #detalle-productos{
        display: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    #detalle-productos-movil{
        display: none;
    }
}

@media screen and (max-width: 900px) and (min-width: 768px){
    a.boton_productos4 { 
    font-size: 20px;
}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  #detalle-productos-movil{
        display: none;
    }
    
    .imagen-productos{
   
    width: 80%;
    margin-left: 30px;
    
}
    
    
}

/****************** FIN  PRODUCTOS *************************/






div#detail-caracteristicas {
    height: 80%;
}

div#detail-especificaciones{
   height: 80%; 
}

div#detail-accesorios{
   height: 80%; 
}

div#detail-descargas{
   height: 80%; 
}


@media screen and (max-width: 1100px) and (min-width: 1024px){
    div#detail-caracteristicas {
    height: 90%;
}
    div#detail-especificaciones{
   height: 88%; 
}
    div#detail-accesorios {
    height: 85%;
}
}

/******************** CSS PRODUCTOS *****************************/

#tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li {
  float: left;
  margin: 0 .1em 0 0;
}

#tabs a {
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  padding: .4em 2.0em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {
  background: #fff;
}

#tabs a:focus {
  outline: 0;
}

#tabs a::after {
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;
}

#tabs #current a,
#tabs #current a::after {
  background: #fff;
  z-index: 3;
}

#content {
  background: #fff;
  padding: 2em;
  height: 100%;
  width: 100%;    
  position: relative;
  z-index: 2;
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
      border-right: solid; 
border-right-color: #00305f;
      border-bottom: solid; 
border-bottom-color: #00305f;
    
}

/****************** TABS 1 *****************************/

#tabs1 {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs1 li {
  float: left;
  margin: 0 .1em 0 0;
}

#tabs1 a {
  position: relative;
  background: #f45e75;
  background-image: #f45e75);
  padding: .4em 2.0em;
  float: left;
  text-decoration: none;
  color: #fff;

  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs1 a:hover,
#tabs1 a:hover::after,
#tabs1 a:focus,
#tabs a:focus::after {
  background: #f45e75;
}

#tabs1 a:focus {
  outline: 0;
}

#tabs1 a::after {
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;
  bottom: 0;
  width: 1em;
 background: #f45e75;
  background-image: #f45e75);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;
}

#tabs1 #current a,
#tabs1 #current a::after {
  background: #fff;
    color: #000;
  z-index: 3;
}

#content1 {
  background: #fff;
  padding: 2em;
  height: 100%;
  width: 100%;    
  position: relative;
  z-index: 2;
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    
     border-right: solid; 
border-right-color: #00305f;
      border-bottom: solid; 
border-bottom-color: #00305f;
  
   
}

.regresar{
    margin-top: 10px;
	 width: 60px;
}

.ul {
  list-style-image: url('../img/iconos/vinieta.png');
}

.body-login {
    position: relative;
    display: flex;
    min-height: 100vh;
    background-color: red;
}

.container {
    margin: auto;
    width: 40%;
    border-radius: 4rem;
}

.login {
    width: 100%;
    margin: 0;
    border-bottom: 10px solid #002B5C;
}
.login span img {
    width: 40%;
}

.form-control {
    width: 80%;
    margin: 1rem auto;
    text-align: center;
    padding: 1rem;
    border-radius: 3rem;
}

input.btn_sumit {
    width: 80%;
    margin: auto;
    background-color: #b30101;
    color: #fff;
    font-size: 1.5rem;
    padding: 1rem;
    border: none;
    border-radius: 3rem;
    cursor: pointer;
    box-shadow: none;
}

.btn_sumit:hover {
    background-color: #d63939;
}

.btn_sumit:active {
    background-color: #002B5C;
}

.card_menu {
    width: 100%;
    min-height: 35vh;
    padding: 1rem;
    background-color: #fff;
    border-radius: 2rem;
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.card_menu img {
    width: 90%;
    height: 8rem;
    margin: 0 auto;
    object-fit: contain;
    box-shadow: none;
    text-decoration: none;
}

.card_menu span {
    text-decoration: none;
    color: #002B5C;
    font-size: 1.2rem;
    font-weight: bold;
    margin: auto;
    margin-bottom: 0;
}

.img_table {
    width: 10vw;
}

.conten_novedad {
    margin: auto;
    max-width: 100%;
}

.cintillo_productos {
    display: flex;
}

.btn_salir {
    margin: auto 1rem;
    font-size: 1.5rem;
    text-decoration: none;
    position: relative;
}


.btn_salir label {
    position: absolute;
    top: 5%;
    right: 120%;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out;
    background-color: #fff;
    padding: .2rem 1rem;
    border-radius: .2rem;
    font-size: 1rem;
    color: #000;
}

.btn_salir:hover label {
    opacity: 1;
}