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

/* ==========================================================================
   WAJSMAN GLOBAL STYLES
   ========================================================================== */
/* 
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.skew {
	transform:skewY(8deg);
}

.skew .inner-skew {
	transform:skewY(-8deg)
}
/*GLOBAL CLASSES*/

/* ==========================================================================
   HEADER
   ========================================================================== */
header {
	background-color:#101010;
}

header div#sec-nav #inner-secnav{
	margin:17px 16% 0 8%;
}

header div#sec-nav ul,
header nav ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	margin-bottom:0;
}

header div#sec-nav ul#al-prof{
	width:152px;
}

header div#sec-nav ul li{
	float:left;
	color:#d41e45;
	margin:0 1%;
}

header div#sec-nav ul#socialmedia{
	width:108px;
}

header ul#socialmedia li.pinterest a, 
header ul#socialmedia li.twitter a, 
header ul#socialmedia li.facebook a {
	background:url(../images/sprite.png) no-repeat -178px -9px;
	display:block;
	width:26px;
	height:26px;
	margin:0 10%; 
}

header ul#socialmedia li.twitter a{
	background-position: -143px -9px;
}

header ul#socialmedia li.facebook a {
	background-position: -108px -9px;
}

header nav ul li,
header nav ul a{
	float:left;
	color:#FFF;
	font-size:1rem;
}
header nav ul a.active {/*JULI ESTA ES LA CLASE PARA MODIFICAR LOS LINKS ACTIVOS*/
	color:#d41e45;
    font-weight: bold;
    text-decoration: underline;
}

header nav ul li {
	padding:6% 2.3% 3%;
}

header nav ul li:first-child {
    margin-left:12%;
}

header nav ul li#novedades a {
    margin-left:12%;
    padding-lef:0%;
}

header nav ul li#logo {
	margin:0;
	padding:0 0 8px 0;
}

/*end: HEADER*/

/* ==========================================================================
   MAIN
   ========================================================================== */
#wrapper {
	height:100%;
}

#wrapper div.container{
	min-height:940px;
	background: url(../images/bg-01.jpg) top center no-repeat; 
}

#wrapper section#mainContainer {
	background: url(../images/bg-negro90.png) top left repeat; 
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.7);
	min-height:731px;
}

#wrapper section.skew {
	position:relative;
	top:120px;
}

/*Inicio*/
#wrapper .container section#frase {
	padding:54px 0 0 0;
}

#wrapper .container section#frase p {
	text-align:center;
	font-size:0.75rem;
	color:#d3d3d3;
}

.titles-wajsman {
	margin-top:2rem;
	text-transform:uppercase;
	font-size:bold;
	text-align:center;
}

#wrapper .container section#mainContainer p {
	text-align:center;
	margin-top:0.5rem;
	color:#d3d3d3;
	line-height:1.25rem;
	font-family: 'Open Sans', sans-serif;
    font-size:0.875rem;
}

#wrapper .container section#mainContainer a{
	text-decoration:underline;
	margin-top:0.5 rem;
	display:block;
	text-align:center;
    font-size:1rem;
}

/*Inicio/boxes*/
#wrapper .container section#mainContainer .three-boxes {
	margin-top:6%;
}

#wrapper .container section#mainContainer .boxContainer a.inner-box {
	height:245px;
	border-top: #ed1650 7px solid;
	box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.4) inset;
	background:url(../images/G1.png) no-repeat top left black;
	display:block;
    background-size: 100%;
}

#wrapper .container section#mainContainer section.boxContainer a.inner-box {
    margin-bottom:5%;
}

#wrapper .container section#mainContainer #box2 a.inner-box {
	background:url(../images/inicio-galeria.png) no-repeat top left black;
    background-size: 100%;
}

#wrapper .container section#mainContainer #box3 a.inner-box {
	background:url(../images/home-novedades.jpg) no-repeat top left black;
    background-size: 100%;
}

#wrapper .container section#mainContainer .boxContainer a.inner-box:hover {
	box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.1) inset;
}

#wrapper .container section#mainContainer .boxContainer a.inner-box:hover h3 {
	color:#b61a3b;
}

#wrapper .container section#mainContainer .boxContainer a.inner-box h3 {
	/*padding:65% 0 2% 5%;*/
    position: relative;
    top:193px;
    left:5%;
}

#wrapper .container section#mainContainer .boxContainer a.inner-box:hover h2 {
	color:#ed1650;
}

/*end:Inicio/boxes*/

/*1box*/
.oneBox {
	border-top:7px solid #ed1650;
	background-color:#231f20;
}

.oneBox .innerbox {
	padding:52px 5%;
	min-height:50px;
}
/*End:1box*/

/*End:Inicio*/


/*Main content nav*/
#wrapper section#mainContainer div.content-nav ul {
    list-style: none;
}

#wrapper section#mainContainer div.content-nav ul li {
    float:left;
    color:#FFF;
}

#wrapper section#mainContainer div.content-nav ul li a {
    color:#FFF;
    text-decoration: none;
}

#wrapper section#mainContainer div.content-nav ul li a.active {
    color:#d41e45;
    font-weight: bold;
    text-decoration: underline;
    
}

#wrapper section#mainContainer div.content-nav ul li a:hover {
    color:#b61a3b;
}
/*END: Main content nav*/

/* ==========================================================================
   END: MAIN
========================================================================== */


/* ==========================================================================
   FOOTER
   ========================================================================== */
footer {
	background-color:#101010; 
}

footer .footerContainer .inner-footer {
	margin-top:2%;
}

footer .footerContainer .inner-footer .footer-nav ul li,
footer .footerContainer .inner-footer .footer-nav ul li a {
	color:#FFF;
	font-size: 1rem;
}

footer .footerContainer .inner-footer .footer-nav ul li a:hover {
	color:#b61a3b;
}

footer .footerContainer .inner-footer .cat-info p {
	color:#d3d3d3;
	font-size: 0.875rem;
	text-align:right;
}
/*END:FOOTER */


/* ==========================================================================
   FORMS
========================================================================== */

.w-form fieldset {
  border:none;
}

.w-form fieldset ol {
  list-style:none;
}

.w-form fieldset ol li label sup {
  color:#ed1650;
}

/*FORM VALIDATION*/   

.w-form form .button-container input.submit {
  margin: 0 4% 4% 0;
}

.w-form form .button-container #response {
	padding-left:0 !important;
	padding-right:0 !important;
}

.w-form form .button-container #response p{
  color:#FFF !important;
  font-family: 'Open Sans', sans-serif;
  font-size:0.75rem !important;
  text-align:left !important;
  background-color: rgba(96, 28, 46, 30);
  border: #7e1b36 1px solid;
  margin: 0 !important;
  padding: 2% 4%;
  display:block;
}

/*FORM VALIDATION*/

/* ==========================================================================
   END: FORMS
========================================================================== */