/*
	Colores:
	Azul: #27488b;
	Rojo: #da251c;
*/
body { background: url('../images/imgIndex3/bgBody.jpg'); }
.container { max-width: 970px; }
@font-face {
	font-family: 'glyphicons';
	src:url('../fonts/glyphicons-halflings-regular.eot');
	src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
		url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
		url('../fonts/glyphicons-halflings-regular.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3 { color: #27488b; }
a { color: #666;}
a:hover { color: #27488b; text-decoration: none; }
/* ////////////////////////
				HEADER
///////////////////////// */
header {
	background: #fff;
	border-bottom: #27488b 3px solid;
	box-shadow: 5px 0 5px #333;
	height: 11.25em;
	padding: 0 0 10px 0;
	position: relative;
	z-index: 50;
}

/* ////////////////////////
				SLIDER
///////////////////////// */
.bgSlider { 
	width: 100%;
	background: url('../images/imgIndex3/bgFullSlider.jpg'); 
	height: 360px; 
	position: relative; top: -3px;
	z-index: 0;
	box-shadow: 4px 0 8px #666;
	padding-top: 1.3em;
}
.containerSlider {
	width: 92%;
	margin: 0 auto;
	padding: 1em 0;
}
.flexslider {
	background: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 0 5px;
}

.flexslider .slides img {
	max-width: 940px;
	display: block;
	margin: 0 auto;
}
.flex-control-nav {
	bottom: -25px;
}
.flex-control-paging li a {
	background: #da251c;
	background: rgba(218,37,28,0.7);
}
.flex-control-paging li a:hover {
	background: #da251c;
}

/* ////////////////////////
					NAVBAR
///////////////////////// */
.navbar-nav { float: right; }
.navbar-nav>li>a { padding-bottom: 10px; }
.nav>li>a:hover, .nav>li>a:focus {
	background: none;
	color: #27488b;
	/*border-bottom: 3px solid #27488b;*/
}
.navbar-nav>li>a span {
  display: inline-block;
  padding: 6px 0px 6px;
  position: relative;
}
.navbar-nav>li>a span:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0px;
  border-bottom: 3px solid #27488b;
  bottom: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: transform: 0.2s ease-in;
}

.navbar-nav>li>a span:hover:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
#login { margin: .5em 0 0 0; } 
/* ////////////////////////
				BUSCADOR
///////////////////////// */
.sb-search {
	position: relative;
	top: -.5em;
	width: 0%;
	min-width: 37px;
	height: 37px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}
.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 37px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 1.2em;
	color: #27488b;
}
.sb-search-input::-webkit-input-placeholder {	color: #666;}
.sb-search-input:-moz-placeholder {	color: #666;}
.sb-search-input::-moz-placeholder {	color: #666;}
.sb-search-input:-ms-input-placeholder { color: #666; }
.sb-icon-search,
.sb-search-submit  {
	width: 37px;
	height: 37px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 37px;
	text-align: center;
	cursor: pointer;
}
.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}
.sb-icon-search {
	color: #fff;
	background: #27488b;
	z-index: 90;
	font-size: 22px;
	font-family: 'glyphicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
	content: "\e003";
}
/* Open state */
.sb-search.sb-search-open {
	width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #27488b;
	color: #fff;
	z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}
/* Footer */
footer {
	background: #fff;
	box-shadow: 0px -2px 3px #D0D0D0;
	font-size: .9em;
	margin-top: 3em;
	padding-top: 1em
}
footer h5 {
	color: #27488b;
}
footer a {
	display: block;
	line-height: 2.2em;
}
footer .data {
	height: 80px;
	vertical-align: bottom;
  display: table-cell;
}
footer .data img {
	margin: 0 1em;
}
#copy {
	border-top: 1px dotted #dedede;
	margin-top: .5em;
	padding-top: 1em;
}

/* *****************
				HOME 
***************** */
#homeProductos { margin: 3em 0 2em 0;}
#homeProductos img {
	width: 100%;
}
#homeProductos article {
	background: #efefef;
	background: rgba(255,255,255,.55);
	box-shadow: 0px 0px 3px #999;
	margin-bottom: 1em;
}
#homeProductos article p { margin-top: 1em; text-align: center;}
#homeProductos article p.precio {	text-align: right; color: #da251c; margin: 0 .5em 0 0;}
#homeProductos article p.precio small { display: block; font-size: 70%;}
#homeProductos article a {
	background: #dbdbdb;
	display: block;
	padding: .5em 0;
	text-align: center;
}
#homeProductos article a:hover {
	background: #27488b;
	color: #fff;
}
#homeTarjetas {
	background: #fff;
	border-radius: .5em;
	box-shadow: 0 0 .25em #999;
}
#homeTarjetas img {
  display: inline-block;
	margin: .75em 15px;
	max-width: 100px;
	height: auto;
}

#homeSecciones { margin: 2em 0 1em 0; }
#homeSecciones .col-md-5ths { margin-bottom: 1.5em; height: 181px; }
#homeSecciones a img { box-shadow: 0 0 .3em #cdcdcd; opacity: .9; width: 100%; 

	-webkit-transition: border .25s ease-in-out;
	   -moz-transition: border .25s ease-in-out;
	    -ms-transition: border .25s ease-in-out;
	     -o-transition: border .25s ease-in-out;
	        transition: border .25s ease-in-out;

}
#homeSecciones a:hover img { box-shadow: 0 0 .3em #999; opacity: 1; border: 4px solid #27488b; }
#homeSecciones a span {
	position: absolute;
	top: 11em;
	left: 1.5em;

	-webkit-transition: left .75s ease-in-out;
   -moz-transition: left .75s ease-in-out;
    -ms-transition: left .75s ease-in-out;
     -o-transition: left .75s ease-in-out;
        transition: left .75s ease-in-out;
}
#homeSecciones a:hover span { left: 2.5em;}

/* Marcas */
section#marcas {
	background: url('../images/imgIndex3/bgFullSlider.jpg'); 
	border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;
	box-shadow: 0 0 .5em #cdcdcd;
	height: 121px;
	margin-bottom: 1em;
	padding: 1em 0;
}
section#marca .owl-wrapper-outer .owl-wrapper { height: 48px !important; }
.owl-carousel .owl-wrapper-outer { height: 48px !important; }


/* Pag. Promociones */
#PromosProd article {
	background: #fff;
	background: linear-gradient(to top,  #e8ebf0 0%, #fff 10%,rgba(255,255,255,0) 99%);
	border: 1px solid #c7cfdb;
	border-radius: 4px;
	margin: 0 auto;
	margin-bottom: 1.5em;
	width: 90%;
	text-align: center;
}
#PromosProd article .promoDetalle {
	background: #c7cfdb;
	display: inline-block;
	padding: .5em 0 0 1.5em;
	width: 85%;
	margin: 0 0 7% 10%;
	text-align: left;
	box-shadow: 2px 2px #1e3f6f;
	-ms-transform: skew(-25deg,0deg); 
  -webkit-transform: skew(-25deg,0deg);
  transform: skew(-25deg,0deg); 
}
#PromosProd article .promoDetalle p {
	-ms-transform: skew(25deg,0deg); 
  -webkit-transform: skew(25deg,0deg);
  transform: skew(25deg,0deg);	
  font-size: .8em;
}
#PromosProd article .promoDetalle p.precio { font-size: 1.2em; margin-left: 1.2em; margin-bottom: 4px;}
#PromosProd article .promoDetalle p strong {
	color: #da251c;
	font-size: 1.2em;
}

/* Pag. Formas de Pago */
#fPTarjetas .col-sm-2 {
	padding: .75em 1.75em;
	margin-bottom: .25em;
}
#fPTarjetas .col-sm-2 img,
#fPTarjetas .col-xs-4 img {
	width: 100%;
	max-width: 7em;
}
#fPBancos .col-sm-4 article {
	margin: 1em 0em;
	padding: 1em 2em;
	border: 1px solid #dedede;
	border-radius: 4px;
	font-size: .9em;
}
#fPBancos .col-xs-4 article strong {
	font-size: 1.1em;
}
.ic_fp_bf {background: transparent url('http://images.donweb.com/img/ic_formas_pago.png') no-repeat; height: 48px;}
.ic_fp_banco-de-la-nacion-argentina {width: 140px;background-position: -588px -204px;}
.ic_fp_citibank { width: 56px; background-position: -146px -156px; }

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	min-width: 100%;
}

/*Parte Nueva de Tarjetas*/
#fpTarj ul li {	font-size: 1.25em; }
#fpTarj ul li:nth-child(2) { margin-left: 5%; }
#fpTarj ul li:nth-child(3) { margin-left: 10%; }

#fpTarj .col-sm-6 article {
	border-bottom: #dedede 1px solid;
	border-radius: .5em;
	border-right: #dedede 1px solid;
	padding-bottom: 3em;
	margin: .75em 0em;
	max-height: 9.2em;
	padding: 2em;
}
#fpTarj .col-sm-6 p { margin-top: 32px; }
#fpTarj .col-sm-offset-0 p { margin-top: 20px; }
#fpTarj .col-sm-offset-0 article { padding-bottom: 1.75em !important; } 
#fpTarj .col-sm-6 p span {color: #da251c;	font-size: 1.5em;}
#fpTarj .col-sm-6 img  { float: left;}
#fpTarj h4 { border-radius: 1em; padding: .75em 0; border-bottom: 1px solid #dedede;}
#fpTarj h4 span {	color: #da251c; font-size: 1.75em;}

article#bgAhora { padding-bottom: 2.1em !important;}
article#bgAhora img { margin-right: 1em;}

/* Pag. Contacto */
#map { height: 375px; }
form > div  {
	margin: .25em 0;
}
form > div.input-group {
	padding: 0.25em 0;
}
form button {
	width: 30%;
}
input#email { width: 96%; }

.btn-warning {
	background-color: #788ca9;
	border-color: #566f93;
	transition: all 0.5s ease-in-out;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
	background-color: #1e3f6f;
	border-color: #566f93;
}
.form-control,
.input-group-addon {
	border: 1px solid #1e3f6f;
}


/* *******************************
			Agregado 5 Columnas
******************************** */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
  width: 20%;
  float: left;
}
}
@media (min-width: 992px) {
    .col-md-5ths {
      width: 20%;
      float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* *****************************
		Media Queries
****************************** */
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.nav>li>a { font-size: .9em; padding: 10px 5px;}
	#homeTarjetas img { margin: .75em -1px;	}
	#homeSecciones a span {top: 83%;}
	footer .data img { margin: 0 .25em; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	header { height: 14.5em;}
	.navbar-toggle { width: 8em; }
	.navbar-header { position: relative;}
	#iconHambur {float: left;}
	button.navbar-toggle span {
		display: inline-block;
		margin-top: .5em;}

	button.navbar-toggle,
	button[data-toggle='collapse'] {
		position: absolute;
		top: 94%;
		left: 3%;
	}
	.navbar-nav {
		background: #fff;
		border-top: 1px dotted #dedede;
		border-bottom: 3px solid #27488b;
		float: left;
		position: absolute;
		top: 127%;
		text-align: left;
		padding-left: 1em;
		width: 100.15%;
	}
	.navbar-brand { 
		padding: 9px 15px;
		height: 150px; width: 100%; border-bottom: 1px solid #dedede;}
	.navbar-collapse.in { -webkit-transition: all 1s ease-in;
	   -moz-transition: all 1s ease-in;
	    -ms-transition: all 1s ease-in;
	     -o-transition: all 1s ease-in;
	        transition: all 1s ease-in;}
	.bgSlider { height: auto;}
	#homeTarjetas img {margin: .75em 0px;width: 13%;}
	.col-md-5ths.col-sm-3.col-xs-6 {
	height: 100% !important; }
	#homeSecciones a span {top: 87%; left: 7%;}
	/* Pag. Contacto */	
	.input-group[class*=col-] { padding-left: 15px; }

	#PromosProd .col-xs-12 { width: 50%; }

}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.bgSlider { height: auto;}
	footer .data img { margin: 0 .25em; }
	#fpTarj .col-sm-6 article { max-height: initial; text-align: center;}
	#fpTarj .col-sm-6 img { float: none; }
	#fpTarj .col-sm-6 p { margin-top: -.85em;}

	#PromosProd .col-xs-12 { width: 100%; }
}