@charset "utf-8";
/* CSS Document */

/* ------------------------ */
/* SACAR ANTES DE PUBLICAR 
.row {
	border: 1px solid blue;
}
.columns {
	border: 1px solid red;
}
*/


/* 
DEFINICIONES COLORES Y TIPOGRAFÍAS EMPRESA
Coral: #ff0000;
Monocr. Oscuro #5C2C36; Intermedio #A91E3A;

Negro: #1c1c1c;
Blanco:
*/
 @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
 @import url('https://fonts.googleapis.com/css?family=Dosis');
 @import url('https://fonts.googleapis.com/css?family=Play');
body {
	color: #555;
	overflow-x: hidden;
}
body, p {
	color: #555;
	font-family: 'verdana', sans-serif;
}
h1, h2, h3, h4 {
	font-family: 'Play', sans-serif;
	color: #686868;
	font-weight: 100;
}
h5, h6 {
	font-family: 'Verdana', sans-serif;
	font-weight: 100;
}
h1 {
	font-size: 2.5em;
}
h2 {
	font-size: 2.05em;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.25rem;
}
h6 {
	font-size: 1.15em;
}
hr {
	border: 1px solid #222;
	box-shadow: 0px 2px 3px #ddd;
}
blockquote {
	color: #008006;
/*	font-weight: bold;
*/	font-size: 1.2em;
}
a {
	color: #465BC3;
}
button, .button {
	background-color: #00701c;
	border-radius: 4px;
}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #025316;
}
.comentario-destacado {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: rgba(255,255,255,0.25);
	padding: 1rem 1rem;
	margin: 1rem 2rem 1.5rem 2rem;
	text-align: center;
}
.separador-1rem {
	height: 1rem;
	width: 100%;
	clear: both;
}
.separador-2rem {
	height: 2rem;
	width: 100%;
	clear: both;
}
.separador-3rem {
	height: 3rem;
	width: 100%;
	clear: both;
}
.mayusculas {
	text-transform: uppercase;
}
.sombra-imagen {
	box-shadow: 3px 3px 5px #333;
}
.sombra-texto {
	text-shadow: 1px 1px 3px #eee;
}
.oculto {
	position: absolute;
	top: -1000em;
}
.mayusculas {
	text-transform: uppercase;
}
.texto-rojo {
	color: #FF0000 !important;
	font-weight: bold;
}
.texto-azul {
	color: #73A8DA !important;
}
.texto-negro {
	color: #000 !important;
}
.fuente80 {
	font-size: 0.8em;
}
.fuente115 {
	font-size: 1.15em;
}
.fondo-gris {
	background: #ccc;
}
.imagen50 {
	width: 50%;
	max-width: 400px;
	height: auto;
}
.naranja {
	background: #FF4400;
	font-weight: bolder;
}
.naranja:hover {
	background: #9E2A00;
}
.imagen-fondo-div>img {
	position: absolute;
	overflow: hidden;
}
.cuadro {
	border: 1px solid #ccc;
	background: #ddd;
	padding-top: 15px;
}
#en-construccion {
	padding: 8rem 0;
	text-align: center;
}
.afuera {
	position: absolute;
	top: -1000rem;
}


/* -------------------------------------------- */
/* ------------------ HEADER ------------------ */
header {
	border-bottom: 5px solid #636363;
}
section#pre-header {
	background: #FFDD00;
}
.texto-fuera {
	position: absolute;
	top: -5000px;
}
div#logo-principal {
	padding: 4px 0 1px 0;
	position: absolute;
	z-index: 50;
}
div#logo-movile {
	float: left;
	margin-right: 1rem;
}
.iconos-header ul li img {
	height: 20px;
	width: auto;
	vertical-align: baseline;
}
.iconos-header {
	text-align: right;
}
.iconos-header ul {
	margin: 2px 0 4px;
	padding: 0;
	line-height: 20px;
}
.iconos-header ul li {
	list-style: none;
	display: inline-block;
	margin-left: 2px;
}
.iconos-header i:before {
	font-size: 30px;
	border-right: 1px solid #e1e1e1;
	padding: 2px 9px 0 3px;
}
.iconos-header .fi-telephone {
	color: #387c2b;
}
.iconos-header .fi-mail {
	color: #387c2b;
}
.iconos-header .fi-social-facebook {
	color: #3b5998;
}
.iconos-header .fi-social-youtube {
	color: #bb0000;
}

#banner-descripcion h2 {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-weight: 500;
	color: #8c8f91;
	line-height: 48px;
}
#nav {
	background: #8C8F91;
}
/* ----------------------------------------- */
/* ------------------ NAV ------------------ */ 
.top-bar-section ul li a {
	font-family: 'Play', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}
/* -------------------------------------------- */
/* ------------------  SLIDER  ---------------- */
#slider h2 {
	/* [disabled]font-family: Arial Black;
*/
	font-size: 3.5em;
	color: #fff;
	text-shadow: 5px 5px 8px #222, -1px -1px 3px #797979;
}
#slider h2 small {
	color: #fff;
}
#slider h2 small strong {
	color: #00a8d0;
}
#slider h3 {
	color: white;
	font-size: 2.5em;
	text-shadow: 5px 5px 8px #222, -1px -1px 3px #797979;
}
#slider h4 {
	font-family: Arial;
	font-size: 1.875em;
	color: #fff;
	text-shadow: 2px 2px 4px #222, -1px -1px 0px #797979;
}
.bgcolorgris {
	background: rgba(97,97,97,.75);
}
.sesgar {
	transform: skewx(20deg);
}
#mensaje-principal {
	background: #387C2B;
	padding: 3rem 0;
	text-align: center;
}
#mensaje-principal h1 {
	color: #fff;
	font-size: 2.6em;
	text-transform: uppercase;
}
#mensaje-principal h1 strong {
	color: #ffdd00;
}
#mensaje-principal h3 {
	color: #fff;
}
#mensaje-principal h2 {
	color: #fff;
}
#mensaje-principal h5 {
	color: #FFDD00;
}
#valores-home {
	text-align: center;
	padding: 4rem 0 1rem;
}
#valores-home h4 {
	margin: 1.5rem 0;
	text-transform: uppercase;
	font-size: 1.75em;
}
#productos-home {
	background: #387c2b;
	padding: 2rem 0;
}
#productos-home .contenedor {
	background: #e9e9e9;
	border-top: 4px solid #ffdd00;
	margin: 0 5px 1.5rem;
	border-radius: 6px;
}
#productos-home .contenedor .texto {
	padding-left: 1rem;
}
#productos-home .contenedor .imagen {
	text-align: center;
	margin-bottom: 1rem; 
}
#productos-home ul li {
	padding: 0 1px;
	margin: 0;
}
#servicios-home {
	text-align: center;
	background: #F3F3F3;
	padding: 2rem 0;
}
#servicios-home .imagen-producto-home {
	position: relative;
	overflow: hidden;
}
#servicios-home .imagen-producto-home img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#servicios-home li:hover .imagen-producto-home img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#servicios-home [class*="block-grid-"] > li {
	padding-left: 1px;
	padding-right: 1px;
	border: 1px solid #fdfdfd;
	background: #E8E8E8;
	padding-bottom: 2px;
}
#servicios-home h5 {
	color: #387c2b;
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0.5rem;
}
#mensaje-cierre-home {
	padding: 2rem 0;
	background: #FF0000;
	text-align: center;
	color: #fff;
}
#mensaje-cierre-home h4 {
	color: #fff;
}
#mensaje-cierre-home .linea-arriba {
	border-top: 2px solid #ddd;
	padding: 1rem;
	font-weight: bold;
}
#empresas-clientes {
	padding: 2.5rem 0;
	}
#empresas-clientes p {
	text-align: center;
}
#sobre-empresa { padding: 2.5rem 0;
}
/*------------------------------------------------*/
/*----------------   SECCIONES    ----------------*/
#banner {
	background: #c6c6c6;
	padding: 0;
}
#titulo {
	padding: 1rem 0 0.7rem 0;
	background: #666;
}
#titulo h1 {
	color: #fff;
}
#titulo h2 {
	color: #000;
}
#info-principal {
	padding: 4rem 0;
}
div#galeria-fotos [class*="block-grid-"] > li {
	padding: 1px;
}
div.foto-galeria {
	position: relative;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(0,0,0,0.36) url(../img/layout/overlay.png) no-repeat center;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}
.overlay:hover {
	opacity: 1;
}
/* -------------------------------------------- */
/* ------------------ CUERPO ------------------ */

.cuerpo-pagina {
	position: relative;
	min-height: 15em;
	background: #fff;
}
#contenido, #pagina-contacto {
	padding: 4rem 0;
}
#contenido .producto {
	border-bottom: 1px solid #f00;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
}
#contenido .producto .sesgar {
	background: #a6a6a6;
	padding: 5px 15px;
	transform: skew(-10deg);
	display: inline-block;
	margin-bottom: 10px;
}
#contenido .producto .sesgar h2 {
	display: inline-block;
	transform: skew(10deg);
	color: #fff;
}
#contenido h4 {
	color: #03516F;
	font-weight: bold;
}
#contenido p span {
	font-size: 1.5em;
	color: #03516F;
	font-weight: bold;
	/* text-decoration: underline; */
	border-bottom: 2px solid #ff0000
}
#fortalezas, #productos, .servicio-cliente {
	padding: 2rem 0 0 0;
}
#fortalezas h2, #productos h2, .servicio-cliente h2 {
	text-transform: uppercase;
	font-size: 1.8rem;
	margin: 1rem 0;
	text-align: center;
	color: #1E1D41;
}
#fortalezas ul {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 1.5rem 0 0 0;
}
#fortalezas ul li {
	list-style: none;
	width: 100%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	padding: 0 0.6rem;
}
#fortalezas ul li img {
	width: 55px;
	height: auto;
}
#fortalezas ul li h3 {
	text-transform: uppercase;
	font-size: 1.25rem;
	margin: 1rem 0;
}
#alerta {
	padding: 1rem 0;
	margin: 2rem 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fcfcfc;
	box-shadow: -3px 0 3px #fcfcfc, 3px 0 3px #fcfcfc;
}
#alerta h2 {
	color: #03516F;
	font-size: 1.45rem;
}
#alerta h2 span {
	font-size: 1.5em;
	font-weight: bold;
}
#alerta .boton {
	padding: 1rem 0 0 0;
}
#alerta .boton img {
	height: 70px;
	width: auto;
}
#alerta p.button a {
	color: #fff !important;
	font-weight: bold;
	font-size: 1.25em;
}
#alerta p.button:hover a {
	color: #FFDD00 !important;
}
.servicios h3 {
	background: #093445;
	color: #dedede;
	padding: 5px;
	font-size: 1.2em;
	border-bottom: 1px solid #888;
}
.servicios strong {
	color: #03516F;
}
/*.cuerpo-pagina a {
	color: #ff0000 !important;
}
*/#map_canvas {
	height: 400px;
	width: 100%;
	border-top: 5px solid #666;
}
#blog-articulo {
	padding: 2rem 0;
}
.datos-contacto-item .icon {
	float: left;
	margin: 0 1rem 0 0;
}
[class*="foundicon-"]:before {
	font-size: 1.8em;
	color: #1D8CC2 !important;
}
.datos-contacto-item {
	margin-top: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #aaa;
}
.datos-contacto-item i {
	margin-right: 0.5rem;
	font-size: 1.8em;
	vertical-align: middle;
	color: #ff0000;
}
div#campo-invisible {
	visibility: hidden;
	height: 0;
}
.datos-contacto-item .dato {
	margin-left: 44px;
}
.gracias {
	padding: 8rem 0;
	height: 25rem;
}
.aviso-zona {
	padding: 0;
	margin: 2rem 0;
	border-top: 1px solid #ddd;
	background: #fcfcfc;
	box-shadow: -3px 0 3px #fcfcfc, 3px 0 3px #fcfcfc;
}
.aviso-zona h5 {
	position: fixed;
	top: -10000px;
	font-family: impact !important;
	font-size: 2rem !important;
	color: #FFD500;
	text-shadow: -2px -2px 1px #333, 2px 2px 1px #333, -2px 2px 1px #333, 2px -2px 1px #333;
	text-align: center;
}
ul.accordion {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.accordion li {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 0 0 10px 0;
}
ul.accordion li .panel-header {
	background: #eee;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
ul.accordion li .panel-header a {
	color: #093445 !important;
	font-weight: bold;
	font-size: 1.15rem;
}
ul.accordion li .content {
	padding-left: 30px;
}
.iconos-descarga {
	background: #F5F5F5;
	overflow: hidden;
	margin-top: 15px;
	padding: 15px 15px 0 15px;
}
.iconos-descarga ul li {
	list-style: none;
	display: inline-block;
	text-align: center;
	margin: 0 25px 10px 0;
}
.iconos-descarga ul li img {
	height: 60px;
}
.boton-consultas {
	margin: 1.5rem auto;
}
.error404 {
	font-size: 3rem;
	font-weight: bold;
	color: 555;
	text-shadow: 3px 3px 3px #bbb;
}
#servicios {
	padding: 3rem 0 2rem 0;
}
#servicios li {
	border-bottom: 2px solid #ddd;
	margin-bottom: 2rem;
}
.destacada {
	padding: 2rem 0;
	background: #a9a9a9;
	text-align: center;
}
.destacada h3 {
}
/* -------------------------------------------- */
/* -------------- GALERIAS FOTOS -------------- */
#homepage-gallery {
	text-align: center;
	font-size: 13px;
}
#homepage-gallery li {
	position: relative;
	display: inline-block;
	height: auto;
	margin: 5px;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.35);
}
#homepage-gallery li div {
	position: absolute;
	height: 0;
	width: 60%;
	background: rgba(0,0,0,.45);
	overflow: hidden;
	bottom: 10px;
	left: 10px;
	padding: 0 10px;
	line-height: 50px;
	color: #fff;
	transition: height .3s, width .5s;
}
#homepage-gallery li:hover div {
	height: 50px;
	width: 90%;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: url(../img/layout/overlay.png) no-repeat center; /*dim the background*/
	transition: all 0.3s ease-in-out;
	opacity: 0;
}
.overlay:hover {
	opacity: 1;
}
.fancybox-title-outside-wrap {
	color: #ea0000 !important;
	font-size: 1.3rem !important;
	font-weight: bold !important;
}
.fancybox-title {
	background: #F9F9F9;
	padding: 10px;
	border-radius: 5px;
}
/* ------------------------------------ */

.galeria-fotos {
}
.galeria-fotos ul {
	margin-left: 0;
}
.galeria-fotos ul li {
	list-style: none;
	box-shadow: 1px 1px 4px #ccc;
	background: #093445;
	text-align: center;
}
.galeria-fotos ul li .item-titulo {
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
	font-style: italic;
	padding: 10px 0;
	color: #FFf;
}
.galeria-3col li {
	display: inline-block;
	width: 31.5%;
	margin: 1em 0;
	margin-right: 1%;
}
.galeria-fotos li {
	padding: 8px;
	border-radius: 4px;
	background: rgba(225,225,225,0.8);
	overflow: hidden;
	margin-bottom: 10px;
}
.galeria-fotos li img {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.galeria-fotos li:hover img {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
#fancybox-thumbs {
	background: rgba(255,255,255,0.9);
	padding: 3px 0;
	border-top: 1px solid #fff;
}
/* -------------------------------------------- */
/* --------------- FORMULARIOS ---------------- */
#ubicacion-empresa {
	padding: 3rem 0; 
}
#datos-contacto p {
	margin-left: 1rem;
}
#datos-contacto h5 {
	color: #387C2B;
}
#realizar-consulta {
	padding: 3rem 0;
	background: #eaeaea;
}
.logo-formulario {
	float: right;
	height: auto;
	margin-right: 12px;
}
fieldset {
	background: #d8d8d8;
}
#velocidades-especiales  {
	width: 100%;
}

#velocidades-especiales input[type="number"] {
	max-width: 100px;
	display:inline;
	margin: 10px;
	
}
#ingrese-necesidades {
	display: none;
}
#map-canvas {
	width: 100%;
	height: 450px;
	max-width: 100%;
	max-height:70vh;
	background: #C1C1C1;
	padding: 0;
	margin:0; 
}

/* ----- Boton Whatsapp ----*/
.btn-whatsapp {
        display:block;
        width:70px;
        height:70px;
        color:#fff;
        position: fixed;
        left:20px;
        bottom:20px;
        border-radius:50%;
        line-height:80px;
        text-align:center;
        z-index:999;
}


/* -------------------------------------------- */
/* ------------------ FOOTER ------------------ */
#footer {
	background: #1b381f;
	box-shadow: 0 -1px 4px #333;
	padding: 3rem 0;
}
#footer p, #footer a, #footer a:hover, #footer h3, #footer h4 {
	color: #ccc;
	font-size: 0.8em;
}
#footer a {
	text-shadow: 1px 1px 1px rgba(51,51,51,0.7);
}
#footer #datafiscal {
	padding: 0;
	float: left;
	width: 60px;
	height: auto;
	margin-right: 10px;
	display: block;
}
#footer #pieEmpresa {
	margin: 0;
}
#footer #pieEmpresa p {
	font-size: 0.8em;
	margin: 0;
	line-height: 1.8em;
}
#footer #pieEmpresa h4, #footer #pieEmpresa h4 a {
	font-size: 1.2em;
	margin: 0 0 0.5em;
	color: #ffd100;
}
#footer #pieEmpresa h6.export {
	font-size: 0.95rem;
	line-height: 1.5em;
	color: #ff9800;
	margin: 0 0 0.5em;
}
#footer #enlaces {
	margin: 0;
	padding: 0;
}
#footer #enlaces li {
margin: 0 0 0.8em 0;
    list-style: none;
    width: 75%;
    float: left;
    margin-right: 9%;
    padding-bottom: 0;
    text-align: center;}
#footer #enlaces a {
	font-size: 0.8em;
	line-height: 1.4em;
	padding-left: 10px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
#footer #enlaces a:hover {
	color: #f1f1f1;
	padding-left: 12px;
	padding-top: 1px;
}
#footer .copyEmpresa {
	font-size: 0.7em;
	color: #ccc;
	margin-bottom: 1rem;
	margin-top: 2rem;
}
p.social-icons img {
	width: 50px;
	display: inline-block;
	margin: 4px;
	border: 1px solid #222;
	border-radius: 8px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
p.social-icons img:hover {
	border: 1px solid #eee;
	width: 52px;
}
.scrollToTop {
	width: 50px;
	height: 80px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 40px;
	right: 20px;
	z-index: 5000;
	display: none;
	background: url('../img/layout/arrow_up.png') no-repeat 0px 20px;
}
.scrollToTop:hover {
	text-decoration: none;
}

/* COPYRIGHT RUMBO DISEÑOS WEB www.rumbo.net.ar */
#copyright-rumbo {
	background: #12165D;
	border-bottom: 5px solid #5c616f;
	padding: 12px 0 10px 0;
	text-align: center; 
}
#copyright-rumbo a { 
	color: #FFF; 
}
#copyright-rumbo a small{ 
	vertical-align: bottom;
}
#copyright-rumbo .whatsapp {
	color: #34AF23;
	font-size: 1.2rem;
	vertical-align: sub;
}