
#slideshow {
	overflow: hidden;
	position : relative;
	z-index  : 0;
	margin: 0 auto;
	height: auto;
}

.slidergeneral:before {
	pointer-events           : none;
	position                 : absolute;
	z-index                  : 3;
	content                  : ' ';
	height                   : 100px;
	width                    : 100%;
	background 	   	         : rgb(252,252,252);
	top                      : -50px;
	right                    : -1.25px;

	-webkit-transform-origin : 100% 0%;
	-moz-transform-origin    : 100% 0%;
	-o-transform-origin      : 100% 0%;
	-ms-transform-origin     : 100% 0%;
	transform-origin         : 100% 0%;

	-webkit-transform        : rotate(1deg);
	-moz-transform           : rotate(1deg);
	-o-transform             : rotate(1deg);
	-ms-transform            : rotate(1deg);
	transform                : rotate(1deg);
}

.slidergeneral-inner:before {
    pointer-events           : none;
    position                 : absolute;
    z-index                  : 2;
    content                  : "";
    height                   : 100px;
    width                    : 100%;
    background               : rgb(255,255,255);
    bottom                   : -20px;
    right                    : 0;

	-webkit-transform-origin : 0% 0%;
	-moz-transform-origin    : 0% 0%;
	-o-transform-origin      : 0% 0%;
	-ms-transform-origin     : 0% 0%;
	transform-origin         : 0% 0%;

	-webkit-transform        : rotate(2deg);
	-moz-transform           : rotate(2deg);
	-o-transform             : rotate(2deg);
	-ms-transform            : rotate(2deg);
	transform                : rotate(2deg);
}

.slidergeneral:after {
	pointer-events           : none;
	position                 : absolute;
	z-index                  : 2;
	content                  : ' ';
	height                   : 70px;
	width                    : 100%;
	background 	   	         : rgba(255,255,255,0.50);
	top                      : 0;
	left                     : 0;
}

.slidergeneral-inner:after {
    pointer-events           : none;
    position                 : absolute;
    z-index                  : 1;
    content                  : "";
    height                   : 70px;
    width                    : 100%;
    background               : rgba(255,255,255,0.50);
    bottom                   : 0;
    right                    : 0;
}


.lac-slider {
	position: relative;
	width: 100%;
	height: 800px;
	margin: 0 auto;
	z-index: 0;
}
.lac-slider-loading {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,79,163,0.4);
	color: #fff;
	text-align: center;
	line-height: 400px;
}

.lac-slider-large {
	height: 100%;
	width: 100%;
	position:relative;
}
.lac-slider-large li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.lac-slider-large img { width: 100%; }


.lac-title {
	position: absolute;
	top: 13%;
	left: 50%;
	margin-left:-470px !important;
	width: 940px !important;
}

.lac-title h2>span { background: rgba(255,0,0,.50); line-height: 1.30; box-shadow: 10px 0 0 0 rgba(255,0,0,.50), -10px 0 0 0 rgba(255,0,0,.50);
}

.lac-title h2 {
	font-size : 4em;
	color     : rgb(255,255,255);
	font-weight : 900;
	text-transform: uppercase;
	margin: 5px 0;
    white-space: pre-line; /* Not understood by IE, use manual br for IE */
	text-shadow: 1px 1px 0px rgba(200,200,200,1.50);
}


.lac-title h3 {
	font-size : 1.40em;
	font-weight: 300;
	color     : rgb(255,255,255);
	padding   : 5px;
	background: rgba(0,0,0,.10); box-shadow: 10px 0 0 0 rgba(0,0,0,.10), -10px 0 0 0 rgba(0,0,0,.10);
	text-shadow: 1px 1px 0px rgba(0,0,0,0.50);
}


@media screen and (max-width: 830px) {
	#slideshow {
		height: 100%;
}
	.lac-slider-large li img { width: 100%; height: auto;}
	.lac-title {
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 20%;
		padding: 3px 0;
	}
	.lac-title h2, .lac-title h3 { text-align: center; 	}
	.lac-title h2 { font-size: 1em; }
	.lac-title h3 { font-size: .9em; font-weight: 300 }
}

@media screen and (max-width: 320px) {
	.lac-title h3 { font-size: none }
}




.slider-marcas { background: rgb(252,252,252); margin: 20px 0 0}
.descripcion { position: absolute; top: 3% }
.descripcion h3 { background:rgba(255,84,84,.70); padding:2% 3%; font-size: 72px; line-height: 90px; font-weight: 900; text-transform: uppercase;  }



#marcas { display:none; }
