/*********************************
* DESCRIPCIÓN: Estilos para el visor (default) del slider
* Creado por: Victor Villalobos, victor.villalobos@e-deas.com.co
* Copyright (c) 2014 E-DEAS LTDA. (www.e-deas.com.co)
* El uso de esta libreria esta reservador para este sitio y cualquier cambio o reutilización debe ser autorizado por E-DEAS LTDA. 
* Modificado por: Victor Villalobos, victor.villalobos@e-deas.com.co
* Fecha Modif: 23.10.2014
**********************************/
body{
    font-family: "Roboto Slab", serif;
    font-size: 14px;
    color: #555;
    line-height: 20px;
    background-color:transparent;
}
a{
    color: #FFF;
}
a:visited{
    color: #FFF;
}
a:hover{
    color: #DDD;
    text-decoration: none;
}
/*separador*/
hr {
	border-top: 2px solid #CCC;
}

#app {
    max-width: 960px;
    margin: 0px auto;
    background-color:transparent;
}
#customapp 
{
    display:none;
}
.caption {            
    display: block;
    border-radius: 0px;
    background-color: rgba(0,0,0,0.7);
    color:#FFF;
    box-sizing: border-box;
    padding:5px;
    font-family: "Roboto Condensed", sans-serif;
	font-size: 14px;
	text-align:center;
}

.caption h2 {
    color: #FFF;
    padding: 0px;
	font-size: 18px;
    line-height: 18px;
    font-family: "Roboto Condensed", sans-serif;
	margin-top: 0px;
    margin-bottom: 0px;
}
.caption h2 a,.caption h2 a,.caption h3 a,.caption h4 a{

    color: #FFF;
    padding: 0px;
    font-family: "Roboto Condensed", sans-serif;
}
.caption h2 a:hover,.caption h2 a:hover,.caption h3 a:hover,.caption h4 a:hover{

    color: #DDD;
    font-family: "Roboto Condensed", sans-serif;
    text-decoration: none;
}

.bottomCaption{
	background-color: transparent;
}

.caption h3 {color:#FFF;}
.caption h4 {color:#FFF;font-size: 10px;}
.caption h5 {color:#FFF;}
.caption h6 {color:#FFF;}

.jssora03r {
    right: 3px !important;
}


.imgslider{
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
    -moz-transition: all 0.3s ease-in-out; /* Firefox */
    -ms-transition: all 0.3s ease-in-out; /* IE 9 */
    -o-transition: all 0.3s ease-in-out; /* Opera */
    transition: all 0.3s ease-in-out;
}

.slides a{
    overflow: hidden;
	position: relative;
    display: inline-block;
}

.slides a .imgslider{
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
    -moz-transition: all 0.3s ease-in-out; /* Firefox */
    -ms-transition: all 0.3s ease-in-out; /* IE 9 */
    -o-transition: all 0.3s ease-in-out; /* Opera */
    transition: all 0.3s ease-in-out;
}

.slides a:hover .imgslider{
	-webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
    transform:scale(1.05);
    
	/*filter: brightness(0.6);
    -moz-filter: brightness(60%);
    -webkit-filter: brightness(60%);
    -ms-filter: brightness(60%);
    -o-filter: brightness(60%);*/   
          
    cursor: pointer;  
}
@media (min-width: 993px) {
	.slides a:after{
		content: '\002b';
		position: absolute;
		font-family: 'Glyphicons Halflings';
		font-size: 30pt;
		color: #fff;
		top: 0px;
		left: 0;
		width: 100%;
		text-align: center;
		display:block;
		padding-top: 30%;
		
		background: rgba(0,0,0,.5);
		height: 100%;
	 
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-khtml-opacity:0; 
		-moz-opacity:0; 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		
		-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
		-moz-transition: all 0.3s ease-in-out; /* Firefox */
		-ms-transition: all 0.3s ease-in-out; /* IE 9 */
		-o-transition: all 0.3s ease-in-out; /* Opera */
		transition: all 0.3s ease-in-out;
	}

	.slides a:hover:after{
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-khtml-opacity:1; 
		-moz-opacity:1;
	}
}
@media (max-width: 992px) {
	.bottomCaption{
		font-size: 16px;
	}
	.bottomCaption h2{
		font-size: 24px;
		line-height: 24px;
	}
	.slides a:after{
		font-size: 50pt;
		padding-top: 22%;
	}
	.jssora03l, .jssora03r {
        transform: scale(1.5);
    }
    .jssora03l {
        left: 15px !important;
    }
    .jssora03r {
        right: 15px !important;
    }
    .slides a:hover .imgslider {
        -webkit-transform: scale(1); /* Safari and Chrome */
        -moz-transform: scale(1); /* Firefox */
        -ms-transform: scale(1); /* IE 9 */
        -o-transform: scale(1); /* Opera */
        transform: scale(1);
    }
}