/*
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

body {font-family: 'Open Sans', sans-serif;}
nav {margin-top: 1%;}
section {padding-top: 5%; padding-bottom: 5%;   background: url(../img/fondo.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.portadaIndex { padding-bottom: 0 !important;}
p, li{ font-size: 160%; font-weight: lighter; text-align: justify; }
h1, h2 {font-weight: bolder; font-family: 'Roboto Condensed', sans-serif; color: #3a2567;}
h1{text-align: center; margin-bottom: 3%; text-transform: uppercase;}
h2 {font-size: 200%; border-bottom: 1px solid #eee; padding-bottom: 2%; color: #000;}
a:link, a:visited, a:active {color: #f08124; text-decoration: none;}
a:hover {color: #f9ab6a; }
.textoValor{ font-size: 110%; font-weight: lighter; }
.productoIMG {border: 1px solid #999;}
.tituloEspecial{text-align: center !important; text-transform: uppercase; background-color: #f5f5f5;padding-top: 2%; border: 1px solid #dddddd;}
.panel-heading h3 {font-weight: bolder !important;}
.panel {height: 250px;}
.caption h3{ font-weight: bolder; font-style: italic; text-align: center; }
.caption p{font-size: 90%; text-align: center;}
.panel-body {text-align: justify;}
.laEmpresa .caption {height: 200px;}
.listaproductos {height: 300px;}
.listaproductos li {text-align: left;}

.divEstadistica {color: #3d3991;}
.divEstadistica .numeroDiv {font-size: 300%; text-align: center; font-weight: bolder; }
.divEstadistica p{font-size: 96%;}
.divEstadisticaPrincipal {color: #3d3991; margin-bottom: 2%;}
.divEstadisticaPrincipal .numeroDiv {font-size: 380%; text-align: center; font-weight: bolder; }
.divEstadisticaPrincipal p{font-size: 120%; }
/* columnas tipo instagram */

/* productos */
.textoProducto {font-size: 110%; text-align: center;}

.oculto {display: hidden;}
.visible {display: normal;}

.mostrarResultados {border: 1px solid #999; background-color: #efefef; padding: 2%; margin-top: 2%; margin-bottom: 2%;}

#grid[data-columns]::before { content: '4 .column.size-1of4';}
.column { float: left; }
.size-1of4 { width: 25%; }
.column { float: left; }
.size-1of4 { width: 25%; }
/* columnas tipo instagram */

.header {margin-top: 1%; margin-bottom: 1%; }
.barraSuperior {background-color: #f08124; padding-top: 7px; padding-bottom: 7px; padding-left: 8%;}
.barraSuperior i {color: #fff !important; margin-right: 3%; margin-top: 1%;}
.telefonoTop {color: #fff; margin-top: 1%; font-weight: bolder;}
.stylish-input-group .input-group-addon{ background: #f3b044 !important; margin: 0; border:0; color: #fff !important; }
.stylish-input-group .form-control{ border:0; background: #f3b044 !important; color: #fff !important; }
.stylish-input-group button{ border:0; background:transparent; }
.stylish-input-group .form-control::-webkit-input-placeholder { color: #fff; }
.stylish-input-group .form-control::-moz-placeholder {  color: #fff; }
.stylish-input-group .form-control:-ms-input-placeholder {  color: #fff; }
.stylish-input-group .form-control:-moz-placeholder {  color: #fff; }


.portadaFondo {background-color: #aaa; padding: 2% 0 2% 0;   background: url(../img/fondoPortada.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.portadaFondo h2 { text-align: center; border-bottom: none; color: #fff; }
.portadaFondo p {  color: #fff; text-align: center;}
.fondoNegro{  color: #fff; background-color: rgba(255, 255, 255, .5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
p.fondoNegro {color: #fff !important; }
.noMargin {margin: 0 !important; padding: 0 !important;}

.nav-pills { background-color: transparent; margin: 0; font-size: 110%; font-weight: bolder;}
ul.nav.nav-pills > li > a {font-size: 14px; text-decoration: none; padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; color: #777; text-align: center;  background-color: #fff; text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; font-weight: bolder;}
ul.nav.nav-pills > li > a:hover , ul.nav.nav-pills > .active > a, ul.nav.nav-pills > .active > a:hover, ul.nav.nav-pills > .active > a:focus {  text-decoration: none; background-color: transparent; color: #f08124; }

.carousel-caption  { top: 60%; transform: translateY(-60%); }
.carousel-caption h1 {font-size: 400%; font-family: 'Open Sans Condensed', sans-serif;  font-weight: bolder; color: #fff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);}
#portada1 {  background: url(../img/slider1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#caracteristicas {padding-top: 5%; padding-bottom: 5%; background-color: #fff; }
#blogReciente {padding-top: 5%; padding-bottom: 5%; background-color: #eee;}
#caracteristicas p {font-size: 90%;  font-family: 'Open Sans Condensed', sans-serif; }
#portadaFotos {maring: 0; padding: 3% 0 3% 0;}
footer {background-color: #f08124; padding-top: 1%; padding-bottom: 1%;}
footer h3{ color: #fff; font-size: 120%; font-family: 'Roboto Condensed', sans-serif; font-weight: bolder;}
footer p {color: #fff; font-size: 90%; }
footer a:link, footer a:visited, footer a:active {font-weight: bolder; text-decoration: underline; color: #e4df5f;}
footer a:hover {font-weight: bolder; text-decoration: underline; color: #fff600;}
#portada1 h2, #portada1 p{ color: #000 !important; }
.thumBlog {border: 1px solid #666;}
.blog p {font-size: 100%;}

.btn-claro, a.btn-claro { 
  color: #f08124; 
  background-color: #FFFFFF; 
  border-color: #FFFFFF; 
  text-decoration: none;
} 
 
 .modal-body {padding-left: 5%;padding-right: 5%;}
 .modal-body p, .modal-body li {font-size: 110%;}
.iconosPortada{padding-top: 3%; padding-bottom: 3%;}
.iconosPortada .col-md-4{background-color: #fff; }
.noMarginNoPadding{margin: 0; padding: 0;}
.imagenApoyo {border: 1px solid #555;}
.servicioTexto {font-size: 150%; font-weight: lighter; line-height: 110%; text-align: center; margin-bottom: 3%; margin-top: 3%; padding-left: 5%; padding-right: 5%;}
.servicioParrafo {font-size: 120%; font-weight: lighter; line-height: 120%; text-align: center; margin-bottom: 1%; margin-top: 1%; padding-left: 7%; padding-right: 7%;}

.btn-claro, a.btn-claro  { 
  color: #F58634; 
  background-color: #FFFFFF; 
  border-color: #FFFFFF; 
} 
 
.btn-claro:hover, 
.btn-claro:focus, 
.btn-claro:active, 
.btn-claro.active, 
.open .dropdown-toggle.btn-claro { 
  color: #F58634; 
  background-color: #F5E4D7; 
  border-color: #FFFFFF; 
} 
 
.btn-claro:active, 
.btn-claro.active, 
.open .dropdown-toggle.btn-claro { 
  background-image: none; 
} 
 
.btn-claro.disabled, 
.btn-claro[disabled], 
fieldset[disabled] .btn-claro, 
.btn-claro.disabled:hover, 
.btn-claro[disabled]:hover, 
fieldset[disabled] .btn-claro:hover, 
.btn-claro.disabled:focus, 
.btn-claro[disabled]:focus, 
fieldset[disabled] .btn-claro:focus, 
.btn-claro.disabled:active, 
.btn-claro[disabled]:active, 
fieldset[disabled] .btn-claro:active, 
.btn-claro.disabled.active, 
.btn-claro[disabled].active, 
fieldset[disabled] .btn-claro.active { 
  background-color: #FFFFFF; 
  border-color: #FFFFFF; 
} 
 
.btn-claro .badge { 
  color: #FFFFFF; 
  background-color: #F58634; 
}

.btn-tierra, a.btn-tierra { color: #FFFFFF; background-color: #F58634; border-color: #F58634; } 
.btn-tierra:hover, .btn-tierra:focus, .btn-tierra:active, .btn-tierra.active, .open .dropdown-toggle.btn-tierra { color: #ffffff; background-color: #EB934C; border-color: #F08124; } 
.btn-tierra:active, .btn-tierra.active, .open .dropdown-toggle.btn-tierra {  background-image: none; } 
.btn-tierra.disabled, .btn-tierra[disabled], fieldset[disabled] .btn-tierra, .btn-tierra.disabled:hover, .btn-tierra[disabled]:hover, fieldset[disabled] .btn-tierra:hover, .btn-tierra.disabled:focus, .btn-tierra[disabled]:focus, fieldset[disabled] .btn-tierra:focus, .btn-tierra.disabled:active, .btn-tierra[disabled]:active, fieldset[disabled] .btn-tierra:active, .btn-tierra.disabled.active, .btn-tierra[disabled].active, fieldset[disabled] .btn-tierra.active { background-color: #F08124; border-color: #F08124; } 
.btn-tierra .badge {  color: #F08124;  background-color: #ffffff; }


.about{padding: 3% 0 3% 0;}
.about h2 { font-size: 90px; color: #42b3e5; margin-top: 50px;}
.about h4 { font-size: 24px; color: #737373; margin-bottom: 45px;}
.about-img img { width: 100%;}
.single-about-detail { position: relative;}
.pentagon-text h1 { font-size: 60px; color: #fff; margin-left: auto; margin-right: auto; text-align: center;}
.pentagon-text { width: 100px; height: 100px; background: #fff; position: relative; top: -30px; left: 36%; border-radius: 50%; border: 2px solid #fff;}
.about-details { background: #2a2a2a;}
.about-details h3 { font-size: 36px; color: #fff; margin-top: 0; text-align: center;}
.about-details p { font-size: 13px; color: #fff; padding: 0 25px; padding-bottom: 30px; text-align: center;}
.margenNeg {margin-top: -130px;}
.naranja1 {background-color: #f1a147; }
.naranja2 {background-color: #db7049; }
.naranja3 {background-color: #f08124; }


.btn-tierra { 
  color: #ffffff; 
  background-color: #F08124; 
  border-color: #F08124; 
}