@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400);
@import url(http://fonts.googleapis.com/css?family=Exo+2:700,700italic);
/* ------------------------ */
/*  TanqueFLEX COLORES BASE 

Negro: 						#000;
Gris-Fondo: 				#222;
Amarillo: 					#FFD100; rgb(255,209,0); rgba(255,209,0,1);
Celeste Bandera Argentina: 	#75AADB; 
Amarillo Sol Bnadera: 		#FCBF49

*/

/* ---------- tipografías TanqueFlex ----------- */
body {
	background: #222 url(../images/noisy-texture-100x100.png);
	color: #FFD100;
}
body, p {
	color: #FFD100;
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3 {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
	font-style: italic;
}
h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
}
h1 {
	font-size: 2.0rem;
}
h2 {
	font-size: 1.75rem;
}
h3 {
	font-size: 1.5rem;
}
h4 {
	font-size: 1.4rem;
}
h5 {
	font-size: 1.25rem;
}
h6 {
	font-size: 1.15rem;
}
/* -------------------------------------------- */
/* ------------------ GENERALES --------------- */
hr {
	border: 1px solid #222;
	box-shadow: 0px 2px 3px #ddd;
}
blockquote {
	padding: 0.5625rem 1.25rem 1rem 1.1875rem;
	border-left: 1px solid #0064ff;
	color: #0064ff;
	text-shadow: 1px 1px 0px #ddd, 0px 0px 1px #999;
}
.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;
}
.sombra-imagen {
	box-shadow: 3px 3px 5px #333;
}
.sombra-texto {
	text-shadow: 1px 1px 3px #eee;
}
.texto-rojo {
	color: red !important;
}
.texto-azul {
	color: #73A8DA !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;
}
.afuera {
	position: absolute;
	top: -1000rem;
}
/* -------------------------------------------- */
/* ------------------ HEADER ------------------ */
header {
	background: #FFE300;
	box-shadow: 0 3px 4px #000;
}
#logo, #slogan {
	margin: 10px 0 10px 10px;
	display: block;
	float: left;
}
#logo {
}
#contenido-header {
	overflow: hidden;
	margin: 0.5em 0;
}
#logo img {
	max-height: 130px;
	width: auto;
}
#slogan {
}
#slogan {
	position: fixed;
	top: -4000px;
}
#productos-banner {
	padding-top: 1.5em;
}
#productos-banner h4 {
	color: #333333 !important;
	font-family: 'Exo 2', sans-serif;
}
.bandera-argentina {
	width: 100%;
	height: 18px;
	background: rgb(117,169,219); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(117,169,219,1) 0%, rgba(117,169,219,1) 29%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 64%, rgba(117,169,219,1) 74%, rgba(117,169,219,1) 100%, rgba(191,232,249,1) 100%, rgba(35,174,234,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(117,169,219,1)), color-stop(29%, rgba(117,169,219,1)), color-stop(41%, rgba(255,255,255,1)), color-stop(64%, rgba(255,255,255,1)), color-stop(74%, rgba(117,169,219,1)), color-stop(100%, rgba(117,169,219,1)), color-stop(100%, rgba(191,232,249,1)), color-stop(100%, rgba(35,174,234,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(117,169,219,1) 0%, rgba(117,169,219,1) 29%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 64%, rgba(117,169,219,1) 74%, rgba(117,169,219,1) 100%, rgba(191,232,249,1) 100%, rgba(35,174,234,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(117,169,219,1) 0%, rgba(117,169,219,1) 29%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 64%, rgba(117,169,219,1) 74%, rgba(117,169,219,1) 100%, rgba(191,232,249,1) 100%, rgba(35,174,234,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(117,169,219,1) 0%, rgba(117,169,219,1) 29%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 64%, rgba(117,169,219,1) 74%, rgba(117,169,219,1) 100%, rgba(191,232,249,1) 100%, rgba(35,174,234,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(117,169,219,1) 0%, rgba(117,169,219,1) 29%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 64%, rgba(117,169,219,1) 74%, rgba(117,169,219,1) 100%, rgba(191,232,249,1) 100%, rgba(35,174,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a9db', endColorstr='#23aeea', GradientType=0 ); /* IE6-9 */
}
.vacaciones {
	color: #F00;
	padding: 1rem 0;
	background: #fff;
	text-align: center;
	margin: 1rem;
	font-weight: bold;
	border: 2px solid red;
	border-radius: 6px;
}
.vacaciones img {
	width: 30px;
	vertical-align: bottom;
}
/* ----------------------------------------- */
/* ------------------ NAV ------------------ */ 
#barra-nav-over {
	padding: 2px;
	background: #333;
	margin: 0.5em 0px;
	border-radius: 8px;
}
#barra-nav {
	border: 1px solid #FFD100;
	border-radius: 6px;
}
.top-bar {
	margin: 3px 6px;
	height: auto;
}
.top-bar-section .dropdown {
	box-shadow: 0px 3px 5px #000;
	border: 1px solid #ffd300;
	border-top: none;
	border-radius: 0 0 5px 5px;
	padding-bottom: 5px;
	background: #272727;
}
.top-bar-section ul li > a {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
}
.top-bar-section ul li > a, .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
	color: #FFD100;
}
.top-bar-section ul li {
	border-right: 1px solid #ffd300;
	border-radius: 8px
}
.top-bar-section ul li ul li {
	border-right: none;
	border-radius: none;
}
/* -------------------------------------------- */
/* ----------------- SLIDESHOW ---------------- */
#layerslider {
	margin: -1rem 0 1.5rem 0;
	border-bottom: 1px solid #ffd100;
}
#cuerpo-pagina #layerslider h2 {
	color: #295F1C;
	padding: 1rem;
	font-size: 3rem;
	background: rgba(23, 132, 247, 0.89);
	text-shadow: 2px 2px 4px #FFF;
	box-shadow: 2px 2px 7px;
}
#cuerpo-pagina #layerslider h3 {
	background: rgba(196,196,196,0.75);
	color: #1784F7;
	padding: 1rem;
	text-shadow: 2px 2px 4px #dcdcdc;
	font-size: 2rem;
}
#cuerpo-pagina #layerslider h4 {
	background: rgba(196,196,196,0.75);
	padding: 1rem;
	text-shadow: 2px 2px 4px #dcdcdc;
	font-size: 1.8rem;
}
/* -------------------------------------------- */
/* ------------------ CUERPO ------------------ */
#cuerpo-pagina {
	background: none;
	padding-top: 4em;
	min-height: 25em;
}
#cuerpo-pagina h1, #cuerpo-pagina h2, #cuerpo-pagina h3, #cuerpo-pagina h4, #cuerpo-pagina h5, #cuerpo-pagina h6, #cuerpo-pagina p {
	color: #FFD100;
}
#cuerpo-pagina h3 {
	color: #ddf;
}
.panel-negro {
	margin-bottom: 1.25rem;
	padding: 1.25rem;
	background: #333;
	box-shadow: 0 0 7px #000;
}
.divisor-derecho {
	border-right: 1px solid #666;
	padding: 0 1rem 1.3rem 0;
}
/* -------------------------------------------- */
/* ---------------- PRODUCTOS ----------------- */
.titulo-producto {
	margin-bottom: 2rem;
}
.titulo-producto h1 {
	font-size: 2.5rem;
	border-bottom: 2px solid #FFD100;
	text-shadow: 1px 1px 2px #FA0D0D;
	box-shadow: 0px 1px 0px #fa0d0d;
}
.titulo-producto h2 {
	font-size: 1.55rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
}
.imagen-principal {
	border: 1px solid #ffd100;
	padding: 2px;
	margin: 1rem 0px;
	box-shadow: 1px 1px 5px rgba(251,0,0,0.70);
}
.tabla-medidas table {
	margin: 1rem auto;
}
.tabla-medidas table td {
	text-align: center;
}
/* -------------------------------------------- */
/* -------------- GALERIAS FOTOS -------------- */

.galeria-fotos {
}
.galeria-fotos ul {
	margin-left: 0;
}
.galeria-fotos ul li {
	list-style: none;
	box-shadow: 1px 1px 4px #ccc;
	background: #666;
}
.galeria-fotos ul li .item-titulo {
	font-size: 0.8rem;
	line-height: 2.5rem;
	text-align: center;
	font-style: italic;
	color: #ffd300;
}
.galeria-4col li {
	display: inline-block;
	width: 23.5%;
	margin: 1em 0;
	margin-right: 1%;
}
.galeria-fotos li {
	border: 1px solid #ffe100;
	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);
}
.galeria-fotos-home ul {
	margin-left: 0;
}
.galeria-fotos-home ul li {
    list-style: none;

}
.galeria-fotos-home ul li .panel-home {
	box-shadow: 1px 1px 4px #ccc;
	background: #666;
}
.galeria-fotos-home ul li .panel-home .item-titulo {
	font-size: 1rem;
	line-height: 2.5rem;
	text-align: center;
	font-style: italic;
	color: #ffd300;
}
.galeria-4col li .panel-home {
	display: inline-block;
	 
	margin: 1em 0;
	margin-right: 1%;
}
.galeria-fotos-home li .panel-home {
	border: 1px solid #ffe100;
	padding: 8px;
	border-radius: 4px;
	background: rgba(225,225,225,0.8);
	overflow: hidden;
	margin-bottom: 25px;
}
.galeria-fotos-home li .panel-home img {
	border: 1px solid #ccc;
	margin-bottom: 10px;
    width: 100%;
}
.galeria-fotos-home li:hover .panel-home 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;
}
#galeria-homepage .galeria-fotos .item-titulo {
}
#galeria-homepage .galeria-fotos .item-titulo a {
	color: #ffd100;
	font-size: 0.85rem;
	font-weight: bold;
}
/* -------------------------------------------- */
/* ------------------ ICONS  ------------------ */

[class*="foundicon-"]:before {
	font-size: 1.8em;
	color: #444;
	background: #ccc;
	padding: 5px;
	box-shadow: 0 0 1px;
	border-radius: 7PX;
	position: relative;
	top: 8px;
}
#datos-contacto .icon {
	height: 30px;
	margin: 0 10px 10px 0;
	display: block;
	float: left;
}
#datos-contacto .dato {
	margin: 0 0px 15px 4rem;
	width: 85%;
	padding-bottom: .8rem;
}
/* -------------------------------------------- */
/* ---------------- FORMULARIOS --------------- */

.logo-formulario {
	float: right;
	width: 80px;
	height: auto;
	margin-right: 12px;
}
fieldset legend {
	color: #f00;
}
p.lead {
	color: #696969;
}
div.consultar {
/*float: right;
		position: relative;
	top: -1.1rem;
*/}
div.consultar a {
	display: block;
	padding: 1.5rem;
	color: #FFFF00;
	font-style: italic;
	font-weight: bolder;
	font-size: 1.3rem;
	background: red;
	border: 1px solid white;
	border-radius: 0.25rem;
	text-align: center;
	max-width: 25rem;
	margin: 1.5rem auto;
	box-shadow: 1px 1px 4px #444;
}
div.consultar a:hover {
	background-color: #B00000;
}
div#campo-invisible {
	visibility: hidden;
	height: 0;
}
/* -------------------------------------------- */
/* ---------------- ERROR 404  ---------------- */

.error-404 {
	padding: 4rem 0;
}
.error-404 h1 {
	font-size: 4rem;
	font-weight: bolder;
	line-height: 1.5em;
	color: #666;
}
.error-404 h1 span {
	font-size: 10rem;
}
.error-404 h2 {
	text-transform: uppercase;
}
/* -------------------------------------------- */
/* ------------------ FOOTER ------------------ */
#footer {
	background: #3a3a3a;
	box-shadow: 0 -1px 4px #333;
	padding: 5rem 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 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;
}


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



.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;
}