@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

Verde Torcen --- >>>>   #82C227
Verde Oscuro: --->>>>	#23711E

*/
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
#en-construccion {
	padding: 10em 0;
}
body {
}
.separador-1rem {
	width: 100%;
	height: 1rem;
	clear: both;
}
.separador-2rem {
	width: 100%;
	height: 2rem;
	clear: both;
}
.separador-3rem {
	width: 100%;
	height: 3rem;
	clear: both;
}
button, .button {
	background-color: #060;
}
button:hover, button:focus, .button:hover, .button:focus {
	background-color: #030;
}
blockquote, blockquote p {
	color: #3C6787;
	margin-top: 2rem;
}
strong, b {
	color: #005C00;
	font-weight: bold;
}
.oculto {
	visibility: hidden;
}
.afuera {
	position: absolute;
	top: -1000rem;
}


/* -------------------------------------------- */
/* ------------------ HEADER ------------------ */
header {
}
#contenido-header {
	margin-top: 1.2rem;
}
#logo {
	max-width: 300px;
	margin: 0 0 0 0.7rem;
}
#slogan h3 {
	font-family: Arial;
	font-weight: bolder;
	color: #222;
	text-shadow: 1px 1px 3px #CCC;
	margin-left: 13px;
	text-transform: uppercase;
	margin: 10px 0 5px 0px;
	padding: 0px;
	font-size: 1.2rem;
	font-style: italic;
	line-height: 1.5rem;
}
#slogan h3 span {
	font-size: 1.4em;
	color: #4BAE4B;
	text-shadow: 2px 0px 0px #505050;
	letter-spacing: 1px;
}
#iconos-sociales {
	float: right;
}
#iconos-sociales ul li {
	list-style-type: none;
	display: inline-block;
	width: 35px;
	height: auto;
}
#iconos-sociales ul li img {
	width: 32px;
	height: auto;
	transition: all 0.1s ease;
}
#iconos-sociales ul li img:hover {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}
.telefono-principal {
	color: #600075;
	font-weight: bold;
}
/* ----------------------------------------- */
/* ------------------ NAV ------------------ */ 

section#nav, .top-bar, .top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button) {
	background: #23711E;
	color: #fff;
	text-shadow: 1px 1px 0px #333;
}
section#nav {
	border-bottom: 1px solid;
	box-shadow: 0 3px 5px rgba(0,0,0,0.7);
}
.top-bar-section ul li > a {
	font-size: 1rem;
	color: #000;
}
/* -------------------------------------------- */
/* ------------------ CUERPO ------------------ */
/* 
#titulo {}
#banner
#descripciones
#otras
*/
#titulo {
	padding: 2rem 0 3rem 0;
	background: #001B2E;
}
#titulo h1 {
	color: #fff;
	text-transform: uppercase;
	border-bottom: 2px solid #83C327;
	font-family: 'Oswald', sans-serif;
}
#titulo h2, #titulo h4 {
	color: #83C327;
	font-size: 1.4rem;
}
#banner {
	padding: 2rem 0;
	background: #f0f0f0;
}
#cuerpo-pagina {
	min-height: 15em;
	background: #eee;
}
#cuerpo-pagina h1 {
	font-size: 2.5rem;
	background: none;
	color: #82C227;
	padding: 0.5rem 1rem;
	text-shadow: -1px -1px 0 #222, 1px 1px 0 #fff;
}
#descripciones, #empresa {
	padding: 2rem 0;
}
ul.mision-vision {
	list-style: none;
	margin-top: 15px;
}
ul.mision-vision h4 {
	text-transform : uppercase;
	font-size: 1.2rem;
	color: #1E1A77;
}
li.mision {
}
li.vision {
}
.caracteristicas h4 {
	background: rgba(186, 186, 186, 0.43);
	margin-top: 1rem;
	padding: 0.5rem;
	border-bottom: 1px solid #00ff00;
	text-transform: uppercase;
	font-size: 1.2rem;
}
.caracteristicas p, .caracteristicas ul li {
	font-size: 0.9rem;
}
table.prestaciones {
	width: 100%;
}
table.prestaciones th, table.prestaciones td {
	width: auto;
	text-align: center;
}
.consulta-prod {
	background: rgba(186, 186, 186, 0.43);
	margin-top: 1rem;
	padding: 0.6rem;
}
.consulta-prod #campo-invisible {
	visibility: hidden;
	height: 0;
}
#map_canvas {
	height: 550px;
	width: 100%;
}
ul.descargas {
}
ul.descargas li {
	list-style: none;
	text-align: center;
	display: inline-block;
	vertical-align: text-top;
	width: 48%;
	margin-bottom: 1rem;
}
ul.descargas img {
	width: 60px;
	display: block;
	margin: 0px auto;
}
/* -------------------------------------------- */
/* ---------------- HOME PAGE ----------------- */
#slider {
	background: rgba(181,181,181,1.00);
	padding: 2rem 0;
}
.slider h2 {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 1.75rem;
	text-shadow: 1px 1px 5px #333, -1px -1px 0 #111;
	line-height: 1.5em;
	font-style: italic;
}
.slider h2 span {
	color: #0087FF;
	font-size: 1.8em;
}
#destacado-home1 {
	background: #35A335;
	padding: 3rem 0;
	text-align: center;
}
#destacado-home1 h3 {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	padding: 1rem 0;
	font-size: 2.5rem;
}
#destacado-home1 h4 {
	color: #fff;
	font-size: 1.3rem;
	font-weight: 100;
}
#productos-home {
	padding: 3rem 0;
}
#productos-home ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#productos-home ul li {
	display: inline-block;
}
#slide-clientes {
	padding: 2rem 0;
	background: #666;
}
#slide-clientes h2 {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	padding: 1rem 0;
	font-size: 1.6rem;
}
#slide-clientes h2 span {
	color: #35A335;
	font-size: 2rem;
	font-style: italic;
}
.logos-clientes {
	clear: both;
}
.logos-clientes ul {
	list-style: none;
	text-align: center;
}
.logos-clientes ul li {
	display: inline-block;
	margin-bottom: 4px;
	text-align: center;
	width: 15%;
}
.items-servicios.centrar {
	text-align: center;
}
.items-servicios .titulo {
	text-transform: uppercase;
	color: #23711E;
}
.items-servicios.centrar img {
	box-shadow: 2px 2px 6px rgba(30,30,30,0.5);
	margin-bottom: 1rem;
}
img.alto400 {
	max-height: 400px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.galeria-fotos {
	padding: 0;
	margin: 0;
}
.galeria-fotos ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.galeria-fotos ul li {
	display: inline-block;
	margin-bottom: 6px;
	position: relative;
}
.gal2col ul li {
	width: 49%;
}
.gal3col ul li {
	width: 32%;
}
.gal4col ul li {
	width: 24%;
}
.galeria3col {
	padding: 2rem 0;
	margin: 0;
}
.galeria3col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.galeria3col ul li {
	width: 32%;
	display: inline-block;
	margin-bottom: 6px;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: url(../img/productos/overlay.png) no-repeat center; /*dim the background*/
	transition: all 0.3s ease-in-out;
	opacity: 0;
}
.overlay:hover {
	opacity: 1;
}
.galeria-empresa {
	clear: both;
}
.galeria-empresa img {
	float: left;
}
.galeria-empresa .ancho100 img {
	width: 100%;
}
.galeria-empresa .ancho25 img {
	width: 25%;
}
/* -------------------------------------------- */
/* --------------- FORMULARIOS ---------------- */



.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: #4a831c;
}
.datos-contacto-item .dato {
	margin-left: 3rem;
}
div#campo-invisible {
	visibility: hidden;
	height: 0;
}
.gracias {
	padding: 8rem 0;
	height: 25rem;
}
/* -------------------------------------------- */
/* ------------------ FOOTER ------------------ */
#footer {
    background: #0b1320;
    padding: 60px 0;
}
#footer p, #footer a, #footer a:hover, #footer h3, #footer h4 {
	color: #ccc;
	font-size: 0.8em;
}
#footer h5 {
	color: #83C327;
	margin-top: 1rem;
	font-size: 0.9rem;
}
#footer h5 span {
	font-size: 1.25rem;
}
#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 0 0 71px;
}
#footer #pieEmpresa p {
	font-size: 0.8em;
	margin: 0;
	line-height: 1.8em;
}
#footer #pieEmpresa h4 {
	font-size: 1.2em;
	margin: 0 0 0.5em;
}
#footer #enlaces li {
	margin: 0 0 0.5em 0;
	list-style: none;
}
#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;
}
ul.tags-footer {
	display: block;
	margin: 0;
}
ul.tags-footer li {
	display: inline-block;
	margin: 0em 10px 2em 0;
}
ul.tags-footer li a {
	text-align: center;
	text-transform: uppercase;
	color: #eee;
	border-radius: 4px;
	border: 1px solid #aaa;
	padding: 10px 12px;
	font-size: 0.7em;
	transition: all 0.2s;
}
ul.tags-footer li a:hover {
	color: #f8f8f8;
	border: 1px solid #f8f8f8;
	background: #888;
}
#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;
}
 
@media screen and (max-width: 869px) {
}

@media screen and (max-width: 640px) {
}

/* -------------------------------------------- */
/* --------  RESPONSIVE MEDIA QUERIES  --------- */


/*  // Small screens Define mobile styles */
@media only screen {
.top-bar-section ul li > a {
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 1rem;
	text-transform: capitalize;
}
header {
	padding-bottom: 10px;
}
.galeria-empresa .ancho25 img {
	width: 50%;
}
}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
.galeria-4col li, .galeria-2col li {
	width: 97.5%;
	margin: 1%;
}
#logo {
	text-align: center;
}
#home-page-titular h1 {
	font-size: 2.2rem;
}
#home-page-titular h1, #home-page-titular h2 {
	padding: 0;
}
}

/*  // Medium screens   min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
#barra-nav {
	height: auto;
}
section#nav {
	background: #b4ddb4; /* Old browsers */
	background: -moz-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b4ddb4), color-stop(17%, #83c783), color-stop(33%, #52b152), color-stop(67%, #008a00), color-stop(83%, #005700), color-stop(100%, #002400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400', GradientType=0 ); /* IE6-9 */
}
.top-bar {
	height: auto;
}
.top-bar-section .has-dropdown > a:after {
	border-color: rgb(13, 20, 172) transparent transparent transparent;
}
.top-bar, .top-bar-section li:not(.has-form) a:not(.button) {
	background: transparent;
	transition: all ease-in-out 0.25s;
}
.top-bar-section ul.dropdown {
	border: 1px solid #211c35;
}
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
	background: #ccc;
	color: #4A831C;
}
.top-bar-section ul li > a {
	color: #333;
}
#titulo {
	background: #123347 url(../img/secciones/banner-productos.jpg) no-repeat center scroll;
}
.galeria-empresa .ancho25 img {
	width: 25%;
}
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/*  // Large screens  min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
/*.top-bar {
	margin-top: 1rem;
}*/
.top-bar-section ul {
	background: none;
}
.top-bar-section > ul > li {
	margin: 5px 10px;
}
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/*  // XLarge screens  min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/*  // XXLarge screens  min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
}



/* 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;
}