@media screen and (max-width: 1200px) {
.par2 {
	margin: 0px !important;
	padding: 20px 0;
}
#Cuerpo {
    height: auto;
}
.banner{
	height: auto !important;
	margin-bottom: 20px;
}
.pika-imgnav{
	display: block !important;
}
.jcarousel-container.jcarousel-container-horizontal {
	display: none !important;
}
.marcasindex{
	max-width: 100%;
	height: auto;
}
.par1 {
    /*margin: -230px 0 0;*/
	margin: 130px 0 0;
}
.marca-logo {
    /*width: 100%;*/
	margin: 0 0 0 5%;
    width: 25%;
}
#Cuerpo .contenido {
    width: 100%;
}
.par2 {
    margin: -68px auto 100px;
    width: 100%;
}
#Cuerpo h2 {
    background: none repeat scroll 0 0 #fff;
    clear: both;
    float: left;
    margin: 0;
    width: 100%;
}
.caption {
    font-size: 26px;
    text-align: center;
    width: 100%;
}
.mf {
    float: left;
    list-style: outside none none;
    margin: 0 0 0 20%;
    width: 100%;
}
.par2 {
    margin: 110px auto 100px;
    width: 100%;
}
}
@media screen and (max-width: 1000px) {
	.pika-stage {
    height: auto !important;
}
.pika-stage > a, .pika-stage > a img {
    height: auto !important;
    max-width: 100%;
}

}
@media screen and (max-width: 500px) {
#Cuerpo{
	height: auto !important;
}
.pika-stage {
	height: 0px !important;
}
.jcarousel-container.jcarousel-container-horizontal {
	display: none !important;
}
.caption{
	height: 83px !important;
}
.jcarousel-clip.jcarousel-clip-horizontal {
	display: none !important;
}
.pika-imgnav {
	display: block !important;
}

.marca-logo {
	width: 50% !important;
	margin: 0 auto !important;
	}
.pika-aniwrap, .pika-stage a {
    /*display: none !important; */
}
.banner {
    height: 345px !important;
    width: 100% !important;
}
.jcarousel-container.jcarousel-container-horizontal {
    top: 190px;
    width: 100% !important;
}
.caption {
    height: 186px;
    margin: 0 !important;
    top: 3px;
    width: 100% !important;
}
.pika-stage {
    width: 100% !important;
}
.pika-thumbs.jcarousel-list.jcarousel-list-horizontal {
    height: auto !important;
    left: 42px !important;
    margin: 0 auto;
    text-align: center;
    width: 100% !important;
}
.jcarousel-clip.jcarousel-clip-horizontal {
    text-align: center;
    width: 100% !important;
}
.jcarousel-container.jcarousel-container-horizontal {
}
.caption img {
    bottom: 0;
    right: 0;
}
.par2 {
    /*margin: 90px auto 0; */
	margin: 0px !important;
    width: 100%;
}
.pika-stage {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e5e5e5;
    /*height: 618px !important;*/
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100% !important;
}
.banner {
    height: 618px;
    overflow: hidden;
    width: 100% !important;
}
.mf {
    float: left;
    list-style: outside none none;
    margin: 0 0 0 20%;
    width: 100%;
}
.par2 {
    margin: 160px auto 100px;
}
}
@media screen and (max-width: 979px) {
	.marca-logo {
    width: 27%;
	}
	.par1 {
		margin: 20px 0 0;
	}
	.caption{
		margin: -88px auto 0;
	}
	.par2{
		margin: 0px !important;
	}
}