/*****
Proyecto: Minerva S.F.
Autor: Minerva S.F.
*****/

/**********************************************************************************************************************************************************
************************************************************************** APPS ***************************************************************************
/*********************************************************************************************************************************************************/

	

  	#website .apps{
		display:block;
		width: 920px;
		margin: 0 auto;
		margin-top:40px; /*100px;*/
		font-size: 15px;
		text-align: justify;
		margin-bottom:40px;
	}
		#website .apps p{
			margin-bottom:30px;
			line-height: 21px;
			color: #777777;
		}
		#website .apps .appsfila {
			padding-left: 0;
			padding-right: 0;
			width: 100%;
			box-sizing: border-box;
			margin-bottom: 30px;
			margin-top:50px;
			display:block;
			background-color:#efefef;
			border-radius:8px;
			padding:20px 20px 20px 0px;
		}
			#website .apps .appsfila .appresent{
				width:360px;
				display:inline-block;
			}
			#website .apps .appsfila .appstxt {
				display: inline-block;
				margin-top: 35px;
				text-align: left;
				width: 535px;
				font-weight:bold;
				vertical-align: top;
			}
				#website .apps .appsfila .appstxt .appstit{
					text-transform:uppercase;
					font-size:20px;
					color:#112551;
				}
				#website .apps .appsfila .appstxt .appexplica {
					display: block;
					margin-top: 10px;
					text-align: justify;
					width: 100%;
					font-size: 15px;
					line-height: 21px;
					color: #777777;
					font-weight:normal;
				}
				#website .apps .appsfila .appstxt .masinfo{
					width:100%;
					display:block;
					text-align:center;
				}
					#website .apps .appsfila .appstxt .masinfo a {
						border-radius: 8px;
						font-size: 18px;
						padding: 13px 50px;
						background-color: #3b3b3b;
						color: #ffffff;
						margin-top: 35px;
						display: inline-block;
						text-decoration: none;
						transition-property: background-color, color;
						transition-duration: 0.5s;
						transition-timing-function: ease-out;
						-webkit-transition-property: background-color, color;
						-webkit-transition-duration: 0.5s;
						-o-transition-property: background-color, color;
						-o-transition-duration: 0.5s;
						text-transform: uppercase;
					}
						#website .apps .appsfila .appstxt .masinfo a:hover {
							background-color:#ffffff;/*#e5e5e5;*/
							color:#2ba3d8;
							transition-property: background-color, color;
							transition-duration: 0.5s;
							transition-timing-function: ease-out;
							-webkit-transition-property: background-color, color;
							-webkit-transition-duration: 0.5s;
							-o-transition-property: background-color, color;
							-o-transition-duration: 0.5s;
						}

/**********************************************************************************************************************************************************
********************************************************************* APP INDIVIDUAL **********************************************************************
/*********************************************************************************************************************************************************/
		#website .apps .appunic{
			box-sizing: border-box;
			display:block;
		}
			#website .apps .appunic .bannerapp{
				display:block;
				border-radius:6px;
				margin:30px 0;
			}
			#website .apps .appunic .iconappunic{
				width:120px;
				margin-right:30px;
				display:inline-block;
			}
			#website .apps .appunic .apptxtunic{
				display: inline-block;
				text-align: justify;
				width: 760px;
				vertical-align: top;
				line-height: 21px;
				color: #777777;
				font-size: 15px;
			}
                #website .apps .appunic .apptxtunic .apprrss {
                    vertical-align: middle;
                    margin-left: 30px;
                    width: 40px;
                }
				#website .apps .appunic .descargarapp{
					display:block;
					text-align:center;
					margin-top:30px;
				}
                    #website .apps .appunic .descargarapp img{
                        width: 150px;
                    }
					#website .apps .appunic .descargarapp .margenimg {
						margin-right:30px;
					}
			#website .apps .appunic .titgaleria{
				display: block;
				width: 920px;
				text-align: center;
				font-weight: bold;
				padding: 8px 0;
				background-color: #5f5f5f;
				color: #ffffff;
				font-size: 14px;
				margin-top: 40px;
				text-transform: uppercase;
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
			}
			#website .apps .appunic .capagaleria{
				overflow-y: hidden; 
				overflow-x: scroll;
				display: block;
				background-color: #efefef;
				padding: 20px 20px 20px 0px;
			}
				#website .apps .appunic .capagaleria .galeria {
					margin-left: 20px;
				}
					#website .apps .appunic .capagaleria .galeria ul {
						margin: 0px;
						padding: 0px;
						position: relative;
						list-style: outside none none;
						z-index: 1;
					}
						#website .apps .appunic .capagaleria .galeria ul li {
							overflow: hidden;
							float: left;
							width: 200px;
							height: 320px;
							margin-right: 18px;
							border:1px solid #5f5f5f;
						}
							#website .apps .appunic .capagaleria .galeria ul li .pantallazo {
								display: block;
								float: left;	
								width: 200px;
								margin-right: 20px;
							}

/**********************************************************************************************************************************************************
********************************************************************* WEB INDIVIDUAL **********************************************************************
/*********************************************************************************************************************************************************/

			#website .apps .appunic .verweb{
				display:block;
				width:100%;
				text-align:center;
				margin-top:40px;
			}
				#website .apps .appunic .verweb a {
					border-radius: 8px;
					font-size: 16px;
					padding: 13px 50px;
					background-color: #3b3b3b;
					color: #ffffff;
					display: inline-block;
					text-decoration: none;
					transition-property: background-color, color;
					transition-duration: 0.5s;
					transition-timing-function: ease-out;
					-webkit-transition-property: background-color, color;
					-webkit-transition-duration: 0.5s;
					-o-transition-property: background-color, color;
					-o-transition-duration: 0.5s;
					text-transform: uppercase;
					font-weight:normal;
				}
					#website .apps .appunic .verweb a:hover {
						background-color: #cccccc;
						color: #2ba3d8;
						transition-property: background-color, color;
						transition-duration: 0.5s;
						transition-timing-function: ease-out;
						-webkit-transition-property: background-color, color;
						-webkit-transition-duration: 0.5s;
						-o-transition-property: background-color, color;
						-o-transition-duration: 0.5s;
					}
			#website .apps .appunic .pantallasweb{
				display:inline-block;
				width:920px;
				margin:50px 0 0 0;
			}
				#website .apps .appunic .pantallasweb img{
					box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
					width:450px;
					float:left;
					margin:0 5px 30px 5px;
				}