<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
	UNA CREACIÃ“ DE CREATIUS GIRONA
	30/09/2013 | GIRONA
	http://www.creatiusgirona.com/
*/
.imgS{
	/*background-color: gray;*/
    background-image: url("slider/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    display: inline-block;
    height: 400px;
    position: relative;
    width: 100%;
}
.imgS img{
	display: none;
}
.containerImg{
    display: inline-block;
    position: relative;
    width: 100%;
}
.containerImg .elementARImg{
	/*margin-top: 41%;*/
	margin-top: 300px;
}
.containerImg .elementImg{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.containerImg .elementImg .contImgAR{
	display: inline-block;
    position: relative;
    width: 100%;
}
.containerImg .elementImg .contImgAR .aspectRatioImg{
	/*margin-top: 41%;*/
	margin-top: 400px;
}
.containerImg .elementImg .contImgAR .contImg{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	overflow: hidden;
}
.containerImg .elementImg .contImgAR .contImg img{
	/*position: absolute;
	width: 100%;
	height: 100%;*/
	position: none;
	position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	width: 100%;
}



/*
#container {
    display: inline-block;
    position: relative;
    width: 100%;
	padding-bottom: 30px;
}
#dummy {
    margin-top: 41%; 
}
#element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: silver 
}
#aaa {
	display: inline-block;
    position: relative;
    width: 100%;
}
#dummyaaa {
	margin-top: 41%; 
}
#elementaaa{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#elementaaa img{
	position: absolute;
	width: 100%;
	height: 100%;
}


.contGalery{
    height: 300px;
    position: relative;
    max-width: 1000px;
	padding-bottom: 30px;
}
.contGalery #contFot{
	display: inline-block;
	overflow: hidden;
    position: relative;
    width: 100%;
}
.contGalery #contFot #aspectRatio{
	margin-top: 41%;
}
.contGalery #contFot img{
    width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}*/

#indImg{
	float: right;
    left: -50%;
    position: relative;
	/*margin-top: -40px;*/
	margin-top: 50px;
}
#indImg span{
	background: url("slider/inactive.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	background-size: 100% auto;
	cursor: pointer;
    float: left;
    left: 50%;
	opacity: 0.7;
    height: 40px;
    margin: 0px 5px !important;
    position: relative;
    width: 17px;
}
#indImg span.rISel{
	background: url("slider/active.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	background-size: 100% auto;
}
#textImg{
    bottom: 0;
    display: none !important;
    height: 30px;
    position: absolute;
    width: 100%;
}
#textImg #bgTextImg{
	background: none repeat scroll 0 0 #000000;
	height: 100%;
    opacity: 0.5;
	position: absolute;
	width: 100%;
}
#textImg #textIm{
	color: #FFF;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
#next {
	background: url("slider/arrows.png") no-repeat scroll -28px center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    height: 100%;
    margin: 0 !important;
    opacity: 0.5;
    position: absolute;
    right: 0;
    text-align: center;
	top: 0;
    width: 28px;
}
#prev {
	background: url("slider/arrows.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    color: #FFFFFF;
	cursor: pointer;
	display: none;
    left: 0;
    height: 100%;
    margin: 0 !important;
    opacity: 0.5;
    position: absolute;
    text-align: center;
	top: 0;
    width: 28px;
}

/* MOBILE */
@media only screen and (max-width: 1100px){
.containerImg{
	/*margin-left: -25px;*/
	/*width: calc(100% + 50px);*/
}
}
@media only screen and (max-width: 768px){
	#next {
		background: url("slider/arrows.png") no-repeat scroll -15px center rgba(0, 0, 0, 0);
		background-size: 30px auto;
		width: 15px;
	}
	#prev {
		background: url("slider/arrows.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
		background-size: 30px auto;
		width: 15px;
	}
}</pre></body></html>