.kwicks {
	width: 1097px;
	height: 400px;
}

.kwicks > li {
	height: 400px;
	width: 125px;
	margin-left: 5px;
	float: left;
}


#panel-1 {
	background: url(../img/1.jpg) center;
}

#panel-2 {
	background: url(../img/2.jpg) center;
}

#panel-3 {
	background: url(../img/3.jpg) center;
}

#panel-4 {
	background: url(../img/4.jpg) center; 
}

.shadow {
	width: 25px;
	height: 400px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/shadow.png);
	z-index: 1;
}

.panel-1 {
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	position: absolute;
	background-color: #800000;
	text-align: center;
}

.kwicks h2 {
	color: #FFF;
	width: 274px;
	font-family: arial;
	font-size: 1.2em;
	padding: 0;
	margin-top: 20px;
	position: absolute;
}

.kwicks p {
	color: #FFF;
	font-family: sans-serif;
	font-size: 0.85em;
	text-align:left;
	width: 200px;
	left: 274px;
	padding: 0;
	margin-top: 15px;
	position: absolute;
}

.panel-1 .kwicks-button {
	color: #FFF;
	font-family: sans-serif;
	font-weight: bold;
	font-size: .80em;
	background-color: #500;
	padding: 10px 0;
	margin-top: 14px;
	text-decoration: none;
	border: none;
	border-radius:6px;
	cursor: pointer;
	width: 90px;
	left: 460px;
	display: block;
	position: absolute;

}

.panel-1 .kwicks-button:hover {
	background-color: #600;
}


.panel-2{
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	position: absolute;
	background-color: #D56A00;
	text-align: center;
}

.panel-2 .kwicks-button {
	color: #FFF;
	font-family: sans-serif;
	font-weight: bold;
	font-size: .80em;
	background-color: #934900;
	padding: 10px 0;
	margin-top: 14px;
	text-decoration: none;
	border: none;
	border-radius:5px;
	cursor: pointer;
	width: 90px;
	left: 460px;
	display: block;
	position: absolute;
}

.panel-2 .kwicks-button:hover {
	background-color: #B75B00;
}

.panel-3 {
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	position: absolute;
	background-color: #00356A;
	text-align: center;
}

.panel-3 .kwicks-button {
	color: #FFF;
	font-family: sans-serif;
	font-weight: bold;
	font-size: .80em;
	background-color: #002040;
	padding: 10px 0;
	margin-top: 14px;
	text-decoration: none;
	border: none;
	border-radius:5px;
	cursor: pointer;
	width: 90px;
	left: 460px;
	display: block;
	position: absolute;

}

.panel-3 .kwicks-button:hover {
	background-color: #00274F;
}


.panel-4 {
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	position: absolute;
	background-color: #008040;
	text-align: center;
}

.panel-4 .kwicks-button {
	color: #FFF;
	font-family: sans-serif;
	font-weight: bold;
	font-size: .80em;
	background-color: #004A25;
	padding: 10px 0;
	margin-top: 14px;
	text-decoration: none;
	border: none;
	border-radius:5px;
	cursor: pointer;
	width: 90px;
	left: 460px;
	display: block;
	position: absolute;
}

.panel-4 .kwicks-button:hover {
	background-color: #006231;
}

@media screen and (min-width: 0px) and (max-width: 786px) {
	
.kwicks {
	width: 400px;
	height:250px;
}

.kwicks > li {
	width: 60px;
	height: 250px;
	margin-left: 5px;
	float: left;
}


#panel-1 {
	background: url(../img/1-movil.jpg) center;
}

#panel-2 {
	background: url(../img/2-movil.jpg) center;
}

#panel-3 {
	background: url(../img/3-movil.jpg) center;
}

#panel-4 {
	background: url(../img/4-movil.jpg) center; 
}

.shadow {
	width: 25px;
	height: 250px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/shadow.png);
	z-index: 1;
}

.panel-1 {
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	position: absolute;
	background-color: #800000;
	text-align: center;
}

.kwicks h2 {
	color: #FFF;
	width: 80px;
	font-family: arial;
	font-size: 1em;
	padding: 0;
	margin-top: 13px;
	margin-left:10px;
	position: absolute;
}

.kwicks p {
	color: #FFF;
	font-family: sans-serif;
	font-size: 0.50em;
	text-align:left;
	width: 200px;
	left: 195px;
	padding: 0;
	margin-top: 20px;
	position: absolute;
}

.panel-1 .kwicks-button {
	color: #FFF;
	font-family: sans-serif;
	font-weight: bold;
	font-size: .80em;
	background-color: #500;
	padding: 10px 0;
	margin-top: 14px;
	text-decoration: none;
	border: none;
	border-radius:6px;
	cursor: pointer;
	width: 90px;
	left: 194px;
	display: block;
	position: absolute;

}

.panel-1 .kwicks-button:hover {
	background-color: #600;
}


.panel-2{
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	position: absolute;
	background-color: #D56A00;
	text-align: center;
}

.panel-2 .kwicks-button {
	color: #FFF;
	font-family: sans-serif;
	font-weight: bold;
	font-size: .80em;
	background-color: #934900;
	padding: 10px 0;
	margin-top: 14px;
	text-decoration: none;
	border: none;
	border-radius:5px;
	cursor: pointer;
	width: 90px;
	left: 194px;
	display: block;
	position: absolute;
}

.panel-2 .kwicks-button:hover {
	background-color: #B75B00;
}

.panel-3 {
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	position: absolute;
	background-color: #00356A;
	text-align: center;
}

.panel-3 .kwicks-button {
	color: #FFF;
	font-family: sans-serif;
	font-weight: bold;
	font-size: .80em;
	background-color: #002040;
	padding: 10px 0;
	margin-top: 14px;
	text-decoration: none;
	border: none;
	border-radius:5px;
	cursor: pointer;
	width: 90px;
	left: 194px;
	display: block;
	position: absolute;

}

.panel-3 .kwicks-button:hover {
	background-color: #00274F;
}


.panel-4 {
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	position: absolute;
	background-color: #008040;
	text-align: center;
}

.panel-4 .kwicks-button {
	color: #FFF;
	font-family: sans-serif;
	font-weight: bold;
	font-size: .80em;
	background-color: #004A25;
	padding: 10px 0;
	margin-top: 14px;
	text-decoration: none;
	border: none;
	border-radius:5px;
	cursor: pointer;
	width: 90px;
	left: 194px;
	display: block;
	position: absolute;
}

.panel-4 .kwicks-button:hover {
	background-color: #006231;
}
	
}