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

/**********************************************************************************************************************************************************
************************************************************************ SERVICIOS ************************************************************************
/*********************************************************************************************************************************************************/

  	#website .servicios{
		display:block;
		width: 920px;
		margin: 0 auto;
		margin-top:40px; /*100px;*/
		position: relative;
	}
		/*#website .servicios .servcabecera{
			display: block;
			margin: 0 auto;
			text-align: center;
			width: 100%;
			text-transform: uppercase;
			font-size: 26px;		
			margin-bottom: 30px;
		}
			#website .servicios .servcabecera .servdecor {
				background: #112551;
				border-radius: 8px;
				color:#ffffff;
				padding:10px 0px;
				width: 920px;
				display: block;
			}*/
		#website .servicios .fondo_servicios{
			position: relative;
			left: -500px;
			z-index: -1;
			margin-top: -200px;
			overflow-x: hidden;
		}

		#website .servicios .todoserv {
			display:block;
			width: 920px;
			margin: 0 auto;
			/*margin-top:20px;*/
			position: absolute;
			z-index:1001;
			height:620px;
		}		
			#website .servicios .todoserv .columnaserv{
				width: 33.33333333%;
				float: left;
				box-sizing: border-box;
				padding:10px;
				margin-bottom:60px;
				text-align: center;
            }	
			    #website .servicios .todoserv .columnaserv img{
				    width: 93px;
			    }
				#website .servicios .todoserv .columnaserv .txtcolserv {
					display:block;
					margin-top:25px;
					text-align:center;
					width:100%;
					font-size:22px;
					color: #777777;
				}
					#website .servicios .todoserv .columnaserv .txtcolserv .explicaserv {
						display:block;
						margin-top:10px;
						text-align:center;
						width:100%;
						line-height: 21px;
						font-size: 15px;
						height: 63px;
					}
				#website .servicios .todoserv .columnaserv a{					
					border-radius: 8px;
					font-size: 14px;
					padding: 13px 20px;
					background-color: #3b3b3b;
					color: #2ba3d8;
					margin-top:25px;
					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 .servicios .todoserv .columnaserv a:hover {
						background-color:#cccccc;
						color:#ffffff;
						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;
					}
					

/**********************************************************************************************************************************************************
* ******************************************************************** P�GINA SERVICIO *********************************************************************
/*********************************************************************************************************************************************************/

		#website .servicios .bloqueservicio{
			width:100%;
			display:block;
		}
			#website .servicios .bloqueservicio .servtit{
				display: block;
				width: 100%;
				text-align: center;
				font-weight: bold;
				padding: 8px 0;
				margin: 27px auto;
				color: #ffffff;
				font-size: 15px;
				text-transform:uppercase;
				border-radius:4px;
			}
			#website .servicios .bloqueservicio .servrojo{
				background-color:#ff7374;
			}
			#website .servicios .bloqueservicio .serverde{
				background-color:#10cbc0;
			}
			#website .servicios .bloqueservicio .servamar{
				background-color:#f8af31;
			}
			#website .servicios .bloqueservicio .servmor{
				background-color:#ae3e70;
			}
			#website .servicios .bloqueservicio .serverdosc{
				background-color:#028880;
			}			
			#website .servicios .bloqueservicio .serviol{
				background-color:#9864fa;
			}
			#website .servicios .bloqueservicio .servlogo{
				height: 140px;
				width: 140px;
				margin-right: 20px;
				display:inline-block;
				vertical-align: top;
				/*margin-bottom:50px;*/
		    }
            #website .servicios .bloqueservicio .servlogo img{
                width:140px;
            }
			#website .servicios .bloqueservicio .servtxt{
				font-size: 15px;
				text-align: justify;
				display:inline-block;
				width:750px;
				vertical-align: top;
				line-height:21px;
				color:#777777;
			}
				#website .servicios .bloqueservicio .servtxt p{
					margin-bottom:21px;
				}

			.imagenabajo{
				display:block;
				margin:30px 0;
				border-radius:4px;
				width:920px;
				height:300px;
				overflow:hidden;
			}