/*
 Template Name: Apollo Comercial
 By Guillermo Conde
 @version: 1.0.0
 @contact: gconderos@gmail.com
 www.arceoconde.com
*/
/****************************
Global CSS classes used for all theme.
****************************/
/* Estilos Generales */
.top-20 {
	margin-top: 20px;
}

#accesorios .tabla-accesorios th {
	background: #CCC;
	border: 1px solid #000;
	font-size: 0.8em;
	padding: 5px;
	text-align: center;
}

#accesorios .tabla-accesorios td {
	border: 1px solid #000;
	font-size: 0.8em;
	padding: 5px;
}
.producto-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.skin-chooser-container {
    position: fixed;
    bottom: 18%;
    right: 0;
    z-index: 1000;
    width: 0;
    -webkit-transition: 1000ms right;
    -moz-transition: 1000ms right;
    -o-transition: 1000ms right;
    transition: 1000ms right;
}
.skin-chooser-container .arrow-left {
    position: absolute;
    top: 17%;
    left: -50px;
    z-index: -1;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    font-size: 24px;
    line-height: 51px;
    -webkit-transition: 300ms color;
    -moz-transition: 300ms color;
    -o-transition: 300ms color;
    transition: 300ms color;
    text-align: center;
    color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-color: #25d366;
}

@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(1, 1);
	}

	to {
		-webkit-transform: scale(1.5, 1.5);
	}
}

@keyframes zoom {
	from {
		transform: scale(1, 1);
	}

	to {
		transform: scale(1.5, 1.5);
	}
}

.carousel-inner .item > img {
	-webkit-animation: zoom 20s;
	animation: zoom 20s;
}

.top-38p {
	top: 38%
}