@charset "UTF-8";
/* CSS Document */
#container-pro{
	position:absolute;
	width:220px;
	height:200px;
	z-index:2001;	
	margin-left:425px;
	margin-top:-200px;
	
}
#contenido-pro{
	margin-left:0px;
	margin-top:0px;

	
}


.proy-menu{
margin:auto;	
width: 215px;


	}
.proy-menu li{
	font-family: 'Raleway', sans-serif;
    width: 215px;
	height:17px;
    position: relative;
    float:left;
	margin-top:5px;
	padding-top:5px;
	padding-left:20px;
    background-color: rgba(204,0,1,0.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-right: 2px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.proy-menu li:last-child{
    margin-right: 0px;
	
}
.proy-menu li a{
    text-align: left;
    display: block;
    color: #FFF;
    position: relative;


}

.proy-icon{
	
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 12px;
   color: #cc0001;
    line-height: 150px;
    position: absolute;
	width:auto;
    left: 4px;
    top: -64px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
	
}

.proy-content{
    position: absolute;
    left: 2px;
	width: 215px;
    height: 30px;
  
	
}
.proy-main{
	margin-top:0px;
	margin-left:0px;
    font-size: 11px;
    
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	
		
}

.proy-menu li:hover {
	
    background-color: rgba(113,27,27,0.5);
}
.proy-menu li.current {
	
    background-color: rgba(113,27,27,0.5);
	
	
}

.proy-menu li:hover .proy-icon{
	
    color: #FFF;
   -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;

		
}

.proy-icon.active{
	color: #FFF;
 
}

.proy-menu li:hover .proy-main{
	color: #FFF;
	-webkit-animation: smallToBig 300ms ease;
	-moz-animation: smallToBig 300ms ease;
	-ms-animation: smallToBig 300ms ease;	
	
		
}
.proy-menu li:hover .proy-sub{
    color: #FFF;
    background-color: rgba(113,27,27,0.5);
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
	
}