body {
  margin: 0px;
  font-family: sans-serif;
  font-size: 15px;
  text-align: justify;
}

/*************** MENU ********************/

.navbar {
  padding: 0px;
}

.navbar-default .navbar-nav > li > a {
  color: #000033;
  font-size: 14px;
  font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ff9300;
}

.navbar-brand {
  color: #000033 !important;
  font-weight: bold;
}

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dropdown-item {
    padding: .25rem 1rem;
    background-color: transparent;
    font-size: 14px;
    color: #000033;
  font-weight: bold;
}

  @media (max-width: 1200px) {
.navbar-default .navbar-nav > li > a {
  font-size: 14px;
  text-align: left;

}
}

@media (max-width: 990px) {
  .navbar {
  padding: 5px 20px;
}
}

    .navbar-toggler {
    color: #2f2f2f;
    border-color: #2f2f2f;
    font-size: 1rem;
}

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(47, 47, 47, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.top{
  height: auto;
  background-color: #214389;
  padding: 10px 0px;
  background-image:url(../images/header.jpg);
  background-repeat: no-repeat;
  background-position: center; 
}

.bg-menu{
    background-color: #BCC8E3;
}

.divisor{
  line-height: 2.7em;
}

/***************ESTILOS CONTENIDO********************/

h1, h2{margin:0 0 10px 0 !important;}

.clear{
  padding: 10px;
}

.clear2{
  padding: 20px;
}

.clear3{
  padding: 24px;
}


.t-blanco{
  color: #fff;
}

.t-azul{
  color: #000033;
}

.padding2{padding:2px;}

.padding5{padding:5px;}

.padding10{padding:10px;}

.texto12 {font-size:12px;}

.texto14 {font-size:14px;}

.texto16 {font-size:16px;}

.t-gris{
  color:#5b5953;
}


.wrapper-atencion{
  color: #fff;
  padding: 5px 0px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


.border-top{
 background-color: #fff;
}

.sobre{
  margin-bottom: 7px;
  float: left;
}

.lista2 {
  line-height: 25px;
}

/******************TEXTOS******************/

.t-1{
  font-size: 11px;
}

 .t-2{
  font-size: 12px;
}

 .t-3{
  font-size: 14px;
}

 .t-4{
  font-size: 16px;
}

 .t-5{
  font-size: 20px;
}


.t-6{
  font-size: 26px;
}

.t-gris2{
  color:#5b5953;
  font-size: 13px;
  text-align: center;
  padding: 5px;
}

/*************** IMAGENES ********************/

  .imagen{
    padding: 5px;
  border: 1px solid #ccc;
  background-color: #eee;
  }

.pie{
 width:250px;
  text-align: center;
  font-size: 12px;
  padding:4px;
  margin: 15px auto;
  border:1px solid #ccc;
  background-color: #eee;
}

.pie2{
 width:220px;
 min-height: 10px;
  text-align: center;
  font-size: 12px;
  padding:4px;
  margin: 15px auto;
  border:1px solid #ccc;
  background-color: #eee;
}

.pie3{
 width:200px;
 min-height: 12px;
  text-align: center;
  font-size: 12px;
  padding:4px;
  margin: 15px auto;
  border:1px solid #ccc;
  background-color: #eee;
}

.pie4{
 width:140px;
 min-height: 12px;
  text-align: center;
  font-size: 10px;
  padding:4px;
  margin: 15px auto;
  border:1px solid #ccc;
  background-color: #eee;
}


.pie5{
 width:190px;
 min-height: 12px;
  text-align: center;
  font-size: 12px;
  padding:4px;
  margin: 15px auto;
  border:1px solid #ccc;
  background-color: #eee;
}


/*************** FOOOTER ********************/

.footer{
    background-image: url(../images/footer-bg.jpg) !important;
background-position: bottom !important;
color: #fff;
padding: 10px;
border: 1px solid #ccc;
background-repeat: no-repeat !important;
background: #4F4E50;
font-size: 14px;
}

.footer a{
color:#fff;}

/*************** FOOOTER ********************/

.footer{
    background-image: url(../images/footer-bg.jpg) !important;
background-position: bottom !important;
color: #fff;
padding: 10px;
border: 1px solid #ccc;
background-repeat: no-repeat !important;
background: #4F4E50;
}

.footer a{
color:#fff;}





/*************** FORMULARIOS ********************/

h1{
color:#14296A;
font-size:20px;}

h2{
color:  #bf7e09!important;
font-size: 26px;
}



.banner{
text-align: center;
font-family:sans-serif;
font-size:14.5px;
margin: auto;
background-color:#828282;
color:#ffffff;
padding:10px;
 border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
font-weight: bold;
}


#container-formulario{
margin:25px auto;
background-color:#ffffff;
padding:15px;
 border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border: solid 1px #c0d6ec;
}


.inputs{
width:300px;}

input#enviar {
width:80%;
margin:auto;
cursor:pointer;
background-color:#e08019;
color:#ffffff;
font-weight:bold;
font-size:16px;
text-align:center;
height:40px;
text-indent: 0;
-moz-border-radius: 5px;
border-radius: 4px;
border:0;
}

.minis{
font-size:10px;}

table{
color:999;
}

.cajas_mini {
    width: 40px;
}

.cajas2 {
    width: 100px;
}

.ancho {
    width: 170px;
font-size: 12px;
}

/*************** LINKS ********************/

a.liga{
  color: #002b4f;
  font-size: 12px;
  font-weight: bold;
}

a.liga:hover{
color: #cdc8c7;
  }

/*************** gracias ********************/

.container-gracias{
text-align: center;
padding: 10px;
margin: auto;
 border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border: solid 1px #c0d6ec;

}



.submenu1{
	background-color: #ec971f;
	color:#fff;
	font-size: 14px;		
	padding:10px;
	width:200px;
	margin:0;
	font-family: "Arial";	

}


.submenu2{
	background-color: #e7e7e7;
	color:#000;
	font-size: 14px;		
	padding:10px;
	width:200px;
	margin-bottom: 10px;
	font-family: "Arial";	
	
}



.producto{
	background-color: #c0d6ec;
	color: #000;
	font-size: 15.5px;
	width: 100%;
	padding: 15px 20px;
  text-align: justify;
	
}

/*************** parallax ********************/

.highlight-info2 {
    background: url(../images/bancas-para-jardin1.jpg) center fixed;
    background-size: cover; 
    background-color: black;
    font-size: 16px;
    text-align: justify;
    color: #fff;
    
}
.highlight-info2 h1, .highlight-info2 .h1 {
    font-size: 63px;
  color:#fff;
  text-align: center;
}

.highlight-info2 a {
color:#67b8fe;}

.highlight-info2 .overlay {
    background: rgba(41, 39, 39, 0.7);
    padding: 10px 30px 10px 30px;
}

/*************** parallax 2********************/

.highlight-info {
    background: url(../images/jardineras1.jpg) center fixed;
    background-size: cover; 
    background-color: black;
      font-size: 16px;
    text-align: justify;
    color: #fff;
    
}
.highlight-info h1, .highlight-info .h1 {
    font-size: 63px;
  color:#fff;
  text-align: center;
}

.highlight-info a {
color:#67b8fe;}

.highlight-info .overlay {
    background: rgba(41, 39, 39, 0.7);
    padding: 10px 30px 10px 30px;
}

/*************** parallax 3********************/

.highlight-info3 {
    background: url(../images/bancas-para-parques1.jpg) center fixed;
    background-size: cover; 
    background-color: black;
    
}
.highlight-info3 h1, .highlight-info3 .h1 {
    font-size: 63px;
  color:#fff;
}

.highlight-info3 a {
color:#67b8fe;}

.highlight-info3 .texto16{
color:#fff;}

.highlight-info3 .overlay {
    background: rgba(41, 39, 39, 0.6);
    padding: 10px 30px 10px 30px;
}

/*************** parallax 4********************/

.highlight-info4 {
    background: url(../images/bancas-de-picnic1.jpg) center fixed;
    background-size: cover; 
    background-color: black;
    
}
.highlight-info4 h1, .highlight-info4 .h1 {
    font-size: 63px;
  color:#fff;
}

.highlight-info4 a {
color:#67b8fe;}

.highlight-info4 .texto16{
color:#fff;}

.highlight-info4 .overlay {
    background: rgba(41, 39, 39, 0.6);
    padding: 10px 30px 10px 30px;
}

/*************** parallax 5********************/

.highlight-info5 {
    background: url(../images/bancas-metalicas1.jpg) center fixed;
    background-size: cover; 
    background-color: black;
    
}
.highlight-info5 h1, .highlight-info5 .h1 {
    font-size: 63px;
  color:#fff;
}

.highlight-info5 a {
color:#67b8fe;}

.highlight-info5 .texto16{
color:#fff;}

.highlight-info5 .overlay {
    background: rgba(41, 39, 39, 0.6);
    padding: 10px 30px 10px 30px;
}


/*************** parallax 6********************/

.highlight-info6 {
    background: url(../images/bancas-de-aluminio1.jpg) center fixed;
    background-size: cover;  
    background-color: black;
    
}
.highlight-info6 h1, .highlight-info6 .h1 {
    font-size: 63px;
  color:#fff;
}

.highlight-info6 a {
color:#67b8fe;}

.highlight-info6 .texto16{
color:#fff;}

.highlight-info6 .overlay {
    background: rgba(41, 39, 39, 0.6);
    padding: 10px 30px 10px 30px;
}

/******************/
.port-1 {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align:justify;
    border: 0px solid transparent;
}

.port-1.effect-2:hover .text-desc {
    bottom: 0;
}
.port-1.effect-2 .text-desc {
    top: auto;
    bottom: -100%;
}
.port-1 .text-desc {
    opacity: 0.9;
    top: -100%;
    transition: 0.5s;
    color: #000;
    padding: 45px 20px 20px;
}
.text-desc {
    position: absolute;
    background-color: #0c438acc;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.texto-de-foto {
    line-height: 100%;
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.2 !important;
}

.banner-azul {
  background-color: #001c5f;
  color: #fff;
  padding: 10px;
  border-radius: 7px;
  margin: 15px 0px;
  text-align: center;
  font-size: 17px;
}

.banner-azul a {
  color: #fff;
  text-decoration: none;
 }

 .banner-azul:hover{
  background-color: #011443;
  color: #fff;
  margin: 16px 2px;
  
}

.boton-azul {
  background-color: #007bbc;
  color: #fff;
  padding: 10px;
  border-radius: 7px;
  margin: 15px 0px;
  text-align: center;
  font-size: 14px;
}

.boton-azul:hover { 
  background-color: #026ca4;
}

.cuadro-azul {
  background-color: #004e7a;
  color: #fff;
  padding: 10px;
  margin: 15px 0px;
  text-align: center;
}

.inputmini{
  width:25%;}
.inputmini2{width:70%;}

.input_captcha2{
  width:38%;}

   .form{
      -webkit-border-bottom-left-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
      -moz-border-radius-bottomright: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      background-color:#ffffff;
      font-family:sans-serif;
      margin-left: 15px;
      padding:10px;
      font-size:12px;
      color:#555555;
      border: 1px solid #c0d6ec;
    margin:auto;

    }

    .titulo{
      font-family:sans-serif;
      font-size:14px;
      margin:auto;
      background-color:#c0d6ec;
      color:#464545;
      padding:10px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border: solid 1px #c0d6ec;

    }

    .btn-warning {
    color: #fff;
    background-color: #bf7e09;
    border-color: #bf7e09;
}

    .btn-warning:hover {
    color: #fff;
}

.table2 td, .table2 th {
    padding: .4rem .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 14.5px;
}


    input.i-text, textarea {
  display: none;
}
/* lo muestros si está seleccionado value=imagen */
input.i-radio[value="empresa"]:checked ~ input.i-text {
  display: block;
}