@charset "utf-8";
/* CSS Document */
#slid_bass{
	position:relative;
	width:100%;
	height:800px;
	background:rgba(204,204,204,1);
}
#slid_cont{
	position:absolute;
	height:100%;
	width:400%;
	top:0px;
	left:0px;
}
.diapositiva{
	position:relative;
	height:100%;
	width:25%;
	display:inline-table;
	float:left;
	cursor:pointer;
}
#s-a {
	background:url(../cp-images/slider-imgs/sld_001.jpg);
	background-size:auto 100% ;
	background-position:center;
	background-repeat:no-repeat;
}
#s-b {
	background:url(../cp-images/slider-imgs/sld_002.jpg);
	background-size: auto 100%;
	background-position:center;
	background-repeat:no-repeat;
	background-color:rgba(153,102,0,1);
}
#s-c {
	background:url(../cp-images/slider-imgs/sld_003.jpg);
	background-size: auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-d {
	background:url(../cp-images/slider-imgs/sld_004.jpg);
	background-size: auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#aviso1{
	position:absolute;
	right:0px;
	top:55%;
	width:50%;
	height:auto;
	padding-left:3%;
	padding-top:3%;
	padding-bottom:3%;
	background-image:linear-gradient(to right, rgba(6,159,108,0.8), rgba(6,159,108,0.8), rgba(6,159,108,0.5), rgba(6,159,108,0));
	color:#fff;
	font-size:2.1em;
	font-family:Aller, arial, Verdana, Geneva, sans-serif;
	text-align:left;
	cursor:pointer;
	z-index:5;
	text-shadow:rgba(0,0,0,0.5) 2px 2px 5px;
}
#aviso2{
	position:absolute;
	right:15%;
	bottom:-7%;
	width:15%;
	height:auto;
	font-size:0.3em;
	font-family:Aller,arial, Verdana, Geneva, sans-serif;
	font-weight:lighter;
	text-align:right;
	padding-right:1.5%;
	padding-top:1.5%;
	padding-bottom:1.5%;
	background:url(../cp-images/slider-imgs/cruz.jpg);
	background-size:auto 100%;
	background-position:left;
	background-repeat:no-repeat;
	background-color:#6d6e71;
	color:#e7e7e8;
	cursor:pointer;
	z-index:5;
	display:none;
}

/*controladores*/
#circus1{
	position:absolute;
	width:12px;
	height:12px;
	bottom:30px;
	right:57%;
	z-index:10;
	border:solid 2px #FFFFFF;
	border-radius:30px 30px 30px 30px;
	cursor:pointer;
	background:#fff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}
#circus1:hover{
	background:rgba(255,255,255,1);
}

#circus2{
	position:absolute;
	width:12px;
	height:12px;
	bottom:30px;
	right:52%;
	z-index:10;
	border:solid 2px #FFFFFF;
	border-radius:30px 30px 30px 30px;
	cursor:pointer;
	box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}
#circus2:hover{
	background:rgba(255,255,255,1);
}

#circus3{
	position:absolute;
	width:12px;
	height:12px;
	bottom:30px;
	right:47%;
	z-index:10;
	border:solid 2px #FFFFFF;
	border-radius:30px 30px 30px 30px;
	cursor:pointer;
	box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}
#circus3:hover{
	background:rgba(255,255,255,1);
}

#circus4{
	position:absolute;
	width:12px;
	height:12px;
	bottom:30px;
	right:42%;
	z-index:10;
	border:solid 2px #FFFFFF;
	border-radius:30px 30px 30px 30px;
	cursor:pointer;
	box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}
#circus4:hover{
	background:rgba(255,255,255,1);
}
/*fin controladores*/

/*ventanitas*/
#ventanita{
	position:absolute;
	width:200px;
	height:70px;
	left:50px;
	bottom:75px;
	border:solid 2px #FFF;
	background:url(../i-imgs/sld-imgs/m01.jpg);
	z-index:49;
	opacity:0;
	-webkit-transition-duration:0.7s;
	display:block;
}
#ventanipik{
	position:absolute;
	width:10px;
	height:10px;
	background:url(../cp-images/slider-imgs/piki.png);
	background-size:100% 100%;
	top:100%;
	left:52%;
}

/*fin ventanitas*/

#slid_mask{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:url(../cp-images/slider-imgs/slid_mask.png);
	background-size:100% auto;
	z-index:2;
}
/*pausaplay*/
.stoop{
	position:absolute;
	bottom:10px;
	left:10px;
	height:50px;
	width:50px;
	z-index:10;
	background:url(../cp-images/slider-imgs/pausas.png);
	background-size: 100% 100%;
	border-radius:5px 5px 5px 5px;
	cursor:default;
}

.plays{
	display:none;
	position:absolute;
	bottom:10px;
	left:10px;
	height:50px;
	width:50px;
	z-index:10;
	background:url(../cp-images/slider-imgs/sigues.png);
	background-size: 100% 100%;
	border-radius:5px 5px 5px 5px;
	cursor:default;
}

.cp-vincul1{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}
/*finpaus*/
@media only screen and (max-width: 1920px) {
	#s-a {
	background:url(../cp-images/slider-imgs/sld_001.jpg);
	background-size:100% auto ;
	background-position:center;
	background-repeat:no-repeat;
}
#s-b {
	background:url(../cp-images/slider-imgs/sld_002.jpg);
	background-size:100% auto ;
	background-position:center;
	background-repeat:no-repeat;
}
#s-c {
	background:url(../cp-images/slider-imgs/sld_003.jpg);
	background-size:100% auto ;
	background-position:center;
	background-repeat:no-repeat;
}

#s-d {
	background:url(../cp-images/slider-imgs/sld_004.jpg);
	background-size:100% auto ;
	background-position:center;
	background-repeat:no-repeat;
}
}




@media only screen and (max-width: 1366px) {

#slid_bass{
	height:600px;	
}

#s-a {
	background:url(../cp-images/slider-imgs/sld_001.jpg);
	background-size:100% auto;
	background-position:center;
	background-repeat:no-repeat;
}

#s-b {
	background:url(../cp-images/slider-imgs/sld_002.jpg);
	background-size:100% auto;
	background-position:center;
	background-repeat:no-repeat;
}

#s-c {
	background:url(../cp-images/slider-imgs/sld_003.jpg);
	background-size:100% auto;
	background-position:center;
	background-repeat:no-repeat;
}

#s-d {
	background:url(../cp-images/slider-imgs/sld_004.jpg);
	background-size:100% auto;
	background-position:center;
	background-repeat:no-repeat;
}

#aviso2{
	width:17%
}

#slid_mask{
	background:url(../cp-images/slider-imgs/slid_mask_b.png);
}

}

@media only screen and (max-width: 1100px) {

#s-a {
	background:url(../cp-images/slider-imgs/sld_001.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-b {
	background:url(../cp-images/slider-imgs/sld_002.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-c {
	background:url(../cp-images/slider-imgs/sld_003.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}	

#s-d {
	background:url(../cp-images/slider-imgs/sld_004.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}	


	#slid_bass{
	height:550px;	 
}
	#aviso1{
		font-size:2em;
	}
	
	#aviso2{
	width:18%;
	}
}

@media only screen and (max-width: 800px) {
	#circus1{
		width:9px;
		height:9px;
		border:solid 2px #FFFFFF;
	}
	
	#circus2{
		width:9px;
		height:9px;
		border:solid 2px #FFFFFF;
	}
	
	#circus3{
		width:9px;
		height:9px;
		border:solid 2px #FFFFFF;
	}
	
	#circus4{
		width:9px;
		height:9px;
		border:solid 2px #FFFFFF;
	}
	
#ventanita{
	display:none;
}

	#s-a {
	background:url(../cp-images/slider-imgs/sld_001.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-b {
	background:url(../cp-images/slider-imgs/sld_002.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-c {
	background:url(../cp-images/slider-imgs/sld_003.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}	

#s-d {
	background:url(../cp-images/slider-imgs/sld_004.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}	


	#slid_bass{
	height:500px;	 
}

#aviso1{
	font-size:1.5em;

}
#aviso2{
	font-size:0.3em;
}

.stoop{
	bottom:5px;
	left:5px;
	height:35px;
	width:35px;
}

.plays{
	bottom:5px;
	left:5px;
	height:35px;
	width:35px;
}

}

@media only screen and (max-width: 600px) {
	#s-a {
	background:url(../cp-images/slider-imgs/sld_001.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-b {
	background:url(../cp-images/slider-imgs/sld_002.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-c {
	background:url(../cp-images/slider-imgs/sld_003.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-d {
	background:url(../cp-images/slider-imgs/sld_004.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

	#slid_bass{
	height:400px;	 
}

#aviso1{
	font-size:1.5em;
	top:45%;
	width:65%;


}
#aviso2{
	font-size:0.3em;
	width:32%;
}

#circus4{
	right:32%;
	bottom:15px;
}

#circus3{
	right:42%;
	bottom:15px;
}

#circus2{
right:52%;
	bottom:15px;
}

#circus1{
	right:62%;
	bottom:15px;
}

}

@media only screen and (max-width: 400px) {
	#s-a {
	background:url(../cp-images/slider-imgs/sld_001.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-b {
	background:url(../cp-images/slider-imgs/sld_002.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-c {
	background:url(../cp-images/slider-imgs/sld_003.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

#s-d {
	background:url(../cp-images/slider-imgs/sld_004.jpg);
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
}

	#slid_bass{
	height:300px;	 
}

#aviso1{
	font-size:1.3em;
	top:40%;
	width:75%;
	background-color:rgba(255,255,255,.7);

}
#aviso2{
	font-size:0.3em;
	width:32%;
}

#circus1{
	bottom:10px;
}

#circus2{
	bottom:10px;
}

#circus3{
	bottom:10px;
}

#circus4{
	bottom:10px;
}

}