#wrapper-flow {
	overflow: hidden;
	width: 100%;
}

#workflow {
	position: relative;
	margin-bottom: 30px;
	height:498px;
	
	-webkit-transition: height 800ms ease;
	-moz-transition: height 800ms ease;
	-ms-transition: height 800ms ease;
	-o-transition: height 800ms ease;
	transition: height 800ms ease;
}
	
	#workflow .inner {
		position: absolute;
		width: 100%;
		top:0;
		left:0;
		
		-webkit-animation-duration: 500ms;
		-moz-animation-duration: 500ms;
		-ms-animation-duration: 500ms;
		-o-animation-duration: 500ms;
		animation-duration: 500ms;
}

#workflow #transaccion {}

	#workflow #transaccion .boxTransaccion {
		text-transform: uppercase;
		background: #e85b1c;
		padding: 7px 5px;
		cursor: pointer;
		margin-bottom: 12px;
	}
	
		#workflow #transaccion .boxTransaccion h1 {
			text-shadow: 2px 3px 0px #c31c01;
			text-align: center;
			font-size: 34px;			
			color: #FFCF00;
			font-family: "HelveticaNeueBold";
		    border-top: 2px dotted #ffcf00;
		    border-bottom: 2px dotted #ffcf00;
		    padding: 30px 0 20px; 
		    margin: 0;
		    

		}
			#workflow #transaccion .boxTransaccion h1 span {				
				color: #FFFFFF;
			}
			
/** CATEGORIAS **/
#workflow #categorias {}
.categorias {
    margin-bottom: 26px;
    margin: 0;
}

.categorias .categoria {
	height: 180px;
	border: 1px solid #DDD;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
	
}
	.categorias .categoria h3 {
		text-align: center;
		text-transform: uppercase;
		font-size: 16px;
		color: #ababab;
	}
	
	.categorias .categoria .icon {
		font-size: 100px;
		width: 100%;
		text-align: center;
		color: #E5E5E4;
		margin-top: 20px;
	}
		
	.categorias .categoria .productos {
		position: absolute;
		bottom: -180px;
		width: 100%;
		height: 100%;
		background: rgba(255, 191, 0, 0.65);
		z-index: 2;
		
-webkit-transition: all 700ms ease-in-out;
-moz-transition: all 700ms ease-in-out;
-ms-transition: all 700ms ease-in-out;
-o-transition: all 700ms ease-in-out;
transition: all 700ms ease-in-out;
	}
	.categorias .categoria:hover .productos {bottom:0}
	
	.categorias .categoria .productos ul {
		list-style: none; 
		text-align: center;
		margin: 20px 0 0 0;
		padding: 0;
		}
		
		.categorias .categoria .productos ul li a {
		    font-size: 18px;
    		line-height: 26px;
    	}
    	.categorias .categoria .productos ul li a:HOVER {text-decoration: underline;}
    	
    	.categorias .categoria .productos ul li.more {
    	   padding-top: 10px;
    	}
	    	.categorias .categoria .productos ul li.more a {
	    	   font-size: 14px;
	    	   font-weight: bold;
	    	   text-transform: uppercase;
	    	} 
    	
/* TRANSACTION */
.inner.transaction {

}


/* Custom, iPhone Retina */
@media only screen and (min-width : 280px){
    #workflow #transaccion .boxTransaccion h1 {
        font-size: 30px;
    }
}

#no-progress-bar {
    position: absolute;
    height: 2px;
    background-color: #E85B1C;
    top: 0;
    width: 0px;
    position: fixed;
    
    -webkit-transition: width 500ms ease-out;
    -moz-transition: width 500ms ease-out;
    -ms-transition: width 500ms ease-out;
    -o-transition: width 500ms ease-out;
    transition: width 500ms ease-out;
}

#detailModal h1.title {
    font-size: 24px !important;
    margin: 30px 0 10px;
}

#detailModal h2.title {
	font-size: 22px !important;
	margin: 0 0 25px;
}

#detailModal .modal-content {
   	
}

#detailModal #entryProviders {
	margin: 20px 0 40px;
	padding: 0;
    font: 14px/20px;
    
}

#detailModal #entryProviders span.info {
    	font-size: 20px;
}

#detailModal #entryProviders li {
	list-style: none;
	text-transform: uppercase;
	position: relative;
}

#detailModal #entryProviders .status {
	font-weight: normal;
	margin-left: 5px;
}

#detailModal #entryProviders li .label { 
    position: absolute;
    top: 3px;
}

#result-operation .title{
	font-size: 32px !important;
}