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

/**********************************************************************************************************************************************************
*************************************************************************PORTADA***************************************************************************
/*********************************************************************************************************************************************************/

	#website .portada{
		width:100%;
		display: block;
		margin: 0 auto;
		font-size: 14px;
		text-align: justify;
		margin-bottom: 40px;
		background-color:#ffffff;
	}
		#website .portada .minervasf {
			display: block;
			background-image:url(images/fondo_1.png);
			background-position: center; 
		}
			#website .portada .minervasf .tramo1{
				width: 960px;
				height:710px;
				margin: 0 auto;
				text-align:center;
				position: relative;
			}
                #website .portada .minervasf .tramo1 .oferta_portada {
                    display: block;
                    width: 416px;
                    height: 194px;
                    background-image: url(images/fondo_oferta.png);
                    background-repeat: no-repeat;
                    position: absolute;
                    right: 10px;
                    margin-top: 10px;
                    z-index: 9999;
                }
                    #website .portada .minervasf .tramo1 .oferta_portada .txt_oferta {
                        color: #333333;
                        text-transform: uppercase;
                        display: block;
                        position: absolute;
                        top: 42px; /*top: 40px;  45px;*/
                        left: 48px; /*left: 50px;*/
                        font-size: 25px; /*font-size:28px;  21px; */
                        font-weight: bold;
                        width: 85px;
                        text-align: center;
                        transform: rotate(-20deg);
                    }
                    #website .portada .minervasf .tramo1 .oferta_portada .txt_ofertadto{
					    color:#ffffff;
					    text-transform:uppercase;
					    display:block;
					    position: absolute;
					    top: 128px;
					    left: 10px;
					    font-size: 36px;
					    font-weight: bold;
					    width: 120px;
					    text-align: center;
                    }
					    #website .portada .minervasf .tramo1 .oferta_portada .txt_ofertadto .txt_euros{
						    font-size: 16px;
					    }
                    #website .portada .minervasf .tramo1 .oferta_portada .txt_ofertatit {
                        color: #ffffff;
                        text-transform: uppercase;
                        display: block;
                        position: absolute;
                        top: 70px;
                        left: 135px; /*left: 150px;*/
                        font-size: 24px;
                        text-align: center;
                        width: 260px; /*width: 230px;*/
                        font-weight: bold;
                        line-height: 26px;
                    }
                    #website .portada .minervasf .tramo1 .oferta_portada .txt_ofertacart{
					    color:#ffffff;
					    text-transform:uppercase;
					    display:block;
					    position: absolute;
					    top: 125px;
					    text-align: center;
					    width: 230px;
					    left: 150px;
                    }
				#website .portada .minervasf .tramo1 .logominerva{
					margin-top:26px;
				}
				#website .portada .minervasf .tramo1 .slogan {
					color: #57d0ff;
					text-transform:uppercase;
					display:inline-block;
					width:100%;
					font-size:30px;
					font-weight:bold;
					margin-top:20px;
					margin-bottom:20px;
				}
				#website .portada .minervasf .tramo1 .portada_servicios{
					width:950px;
					margin-left:-10px;
					display:inline-block;
				}
					#website .portada .minervasf .tramo1 .portada_servicios .bloque_serv{
						width:220px;
						margin:10px;
						display: inline-block;
						text-align:left;
						padding-left:70px;
						color:#ffffff;
						font-size:18px;
						height:84px;
						overflow:hidden;
					}
					/*#website .portada .minervasf .tramo1 .portada_servicios .bloque_serv:hover {
						opacity:0.6;
					}*/
                    #website .portada .minervasf .tramo1 .portada_servicios .mcbportada {
                        background: url(images/icono_mcb2.png) no-repeat;
                        background-size: 58px;
                    }
                    #website .portada .minervasf .tramo1 .portada_servicios .planesportada {
                        background: url(images/icono_hosting.png) no-repeat;
                        background-size: 58px;
                    }
					/*#website .portada .minervasf .tramo1 .portada_servicios .mobileportada{
						background:url(images/icono_mobile.png) no-repeat;
					}*/
                    #website .portada .minervasf .tramo1 .portada_servicios .disenoportada {
                        background: url(images/icono_diseno.png) no-repeat;
                        background-size: 58px;
                    }
                    #website .portada .minervasf .tramo1 .portada_servicios .appsportada {
                        background: url(images/icono_apps.png) no-repeat;
                        background-size: 58px;
                    }
                    #website .portada .minervasf .tramo1 .portada_servicios .rrssportada {
                        background: url(images/icono_ataqueinformatico.png) no-repeat;
                        background-size: 58px;
                    }
                    #website .portada .minervasf .tramo1 .portada_servicios .webportada {
                        background: url(images/icono_web.png) no-repeat;
                        background-size: 58px;
                    }
						#website .portada .minervasf .tramo1 .portada_servicios .bloque_serv .descrp_serv{
							font-size:14px;
							font-weight:normal;
							color:#abe1fa;
							display:block;
						}
		#website .hostings{
			display: block;
			width: 960px;
			height: 370px; /*height:490px;*/
			margin: 0 auto;
			text-align:center;
			position: relative;
			padding-top:30px;
		}
			#website .hostings .bloquehostport {
				background-color:#efefef;
				width:200px;
				margin:0 4px;
				display: inline-block;
				text-align:center;
				color:#000000;
				height: 280px;/*height:400px;*/
				overflow:hidden;
				border-radius: 4px;
				padding:20px 10px;
			}
				#website .hostings .bloquehostport .titmin{
					font-size:20px;
					font-weight:bold;
					display:inline-block;
					width:100%;
					margin:12px 0 20px 0;
				}
				#website .hostings .bloquehostport .colorminmail{
					color:#c10c0c;
				}
				#website .hostings .bloquehostport .colorminweb {
					color: #00776f;
				}
				#website .hostings .bloquehostport .colorminpro {
					color: #835305;
				}
				#website .hostings .bloquehostport .colorminult{
					color: #65032e;
				}
				#website .hostings .bloquehostport .txtminhost{
					font-size:14px;
					display: inline-block;
					/*border-bottom:1px #2f2f2f solid;*/
					height:105px;
					padding:0 15px;
				}
				#website .hostings .bloquehostport .prechost{
					font-size:40px;
					font-weight:bold;
					display:inline-block;
					width:100%;
				}
                #website .hostings .bloquehostport .costemensual{
                    font-weight:bold;
                    display:block;
                    margin-top: 10px;
                }
				#website .hostings .bloquehostport .masinfohost {
					border-radius: 8px;
					font-size: 14px;
					padding: 13px 20px;
					background-color: #3b3b3b;
					color: #2ba3d8;
					margin-top:15px;
					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;
					width:138px;
				}
					#website .hostings .bloquehostport .masinfohost:hover {
						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;
						background-color:#ffffff;
						color:#2ba3d8;
					}

/*		#website .tramoferta {
			display: block;
			background-image:url(images/fondo_2gran.jpg);
			background-position: center; 
			background-repeat:no-repeat;
		}
			#website .tramoferta .tramo3{
				width: 920px;
				height:311px;
				margin: 0 auto;
				text-align:left;
				position: relative;
				font-weight:bold;
			}
				#website .tramoferta .tramo3 img{
					float: left;
					display: inline-block;
					margin-right: 20px;
					padding-top:60px;
				}
				#website .tramoferta .tramo3 .txtofertaport{
					display: inline-block;
					float: left;
					width: 780px;
					color:#ffffff;
					font-size: 24px;
					padding-top: 90px;
				}
				#website .tramoferta .tramo3 .masinfomob{
					font-size: 14px;
					display: block;
					text-decoration: none;
					text-transform: uppercase;
					margin: 0 auto;
					text-align: center;
				}
					#website .tramoferta .tramo3 .masinfomob a{
						border-radius: 8px;
						padding: 13px 50px;
						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;
						background-color: #2894ce;
						color: #ffffff;
					}
						#website .tramoferta .tramo3 .masinfomob a:hover {
							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;
							background-color:#ffffff;
							color:#2ba3d8;
						}*/
		#website .tramoasesoria{
			display: block;
			background-image:url(images/fondo_5gran.jpg);
			background-position: center; 
			background-repeat:no-repeat;
		}
			#website .tramoasesoria .tramo5{
				width: 920px;
				height:311px;
				margin: 0 auto;
				text-align:left;
				position: relative;
			}
				#website .tramoasesoria .tramo5 .asesoizq {
					width:690px;
					display:inline-block;
					font-size:26px;
					font-weight:bold;
					margin-top:50px;
				}
				#website .tramoasesoria .tramo5 .asesoizq .iconosasesor{
					vertical-align: middle;
					margin-left: 40px;
				}
					#website .tramoasesoria .tramo5 .asesoizq .promoasesoria{
						display:block;
						font-size:24px;
						margin-top:15px;
					}

					#website .tramoasesoria .tramo5 .asesoizq .masinfoaseso{
						font-size: 14px;
						display: block;
						text-decoration: none;
						text-transform: uppercase;
						margin: 0 auto;
						text-align: center;
						margin-top: 44px;
						margin-left: 230px;
					}
						#website .tramoasesoria .tramo5 .asesoizq .masinfoaseso a{
							border-radius: 8px;
							padding: 13px 50px;
							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;
							background-color: #006862;
							color: #ffffff;
						}
							#website .tramoasesoria .tramo5 .asesoizq .masinfoaseso a:hover {
								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;
								background-color:#ffffff;
								color:#2ba3d8;
							}
				#website .tramoasesoria .tramo5 .asesodcha {
					width:220px;
					height:220px;
					display:inline-block;
					background-image:url(images/fondo_revision_gratis.png);
					background-position: center; 
					background-repeat:no-repeat;
					float:right;
					margin-top:30px;
					color:#00968d;
					text-align:center;
				}
					#website .tramoasesoria .tramo5 .asesodcha .asesodchatxt{
						padding-top: 60px;
						font-size: 20px;
					}
						#website .tramoasesoria .tramo5 .asesodcha .asesodchatxt .gratisasesoport {
							font-weight:bold;
							font-size: 36px;
							line-height: 28px;
						}

		#website .proyectosportada{
			display: table;
			border-collapse: collapse;
			width: 920px;
			margin: 0 auto;
			text-align:center;
			position: relative;
			/*padding-top:50px;*/
			margin-top:40px;
		}
			#website .proyectosportada .clientportcol {
				height: 212px;
				overflow: hidden;
				display: block;
				float: left;
				/*margin-right: 20px;*/
				margin-bottom: 20px;
			}
			#website .proyectosportada .margenproy{
				margin-left:20px;
			}
			
				#website .proyectosportada .clientportcol .portadacolumna-img{
					height: 168px;
					overflow: hidden;
					position: relative;
					text-align: center;
					margin-bottom: 10px;
					border-radius: 3px;
				}
				#website .proyectosportada .clientportcol .portadacolumna-img .efectoportada {
					height: 168px;
					position: absolute;
					overflow: hidden;
					top: 0;
					left: 0;
				}
				#website .proyectosportada .clientportcol .portadacolumna-img img {
					display: block;
					position: relative;
				}
				#website .proyectosportada .clientportcol .portadacolumna-img a.enlace {
					display: inline-block;
					text-decoration: none;
					padding: 7px 0px;
					background: #222;
					color: #fff;
					text-transform: uppercase;
					margin-top: 68px;
					width: 100%;
				}
				#website .proyectosportada .clientportcol .portadacolumna-img a.enlace:hover {
					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;
					background-color:#ffffff;
					color:#2ba3d8;
				}
				#website .proyectosportada .clientportcol .portadaunic img {
					transition: all 0.2s linear;
				}
				#website .proyectosportada .clientportcol .portadaunic .efectoportada {
					opacity: 0;
					background-color: rgba(0,148,255, 0.6);
					transition: all 0.3s ease-in-out;
				}
				#website .proyectosportada .clientportcol .portadaunic a.enlace{
					opacity: 0;
					transition: all 0.4s ease-in-out;
					transform: translateY(100px);
				}
				#website .proyectosportada .clientportcol .portadaunic:hover img {
					transform: scale(1.1);
				}
				#website .proyectosportada .clientportcol .portadaunic:hover .efectoportada {
					opacity: 1;
				}
				#website .proyectosportada .clientportcol .portadaunic:hover a.enlace {
					opacity: 1;
					transform: translateX(0px);
				}
				#website .proyectosportada .clientportcol .portadaunic:hover a.enlace {
					transition-delay: 0.2s;
					transform: translateY(0px);
				}
			#website .proyectosportada .clientportcol .titcol{
				color: #000000;
				text-align: left;
				font-size: 14px;
				font-weight: bold;
				display: block;
			}
			#website .proyectosportada .clientportcol .peqdescrp {
				color: #222222;
				text-align: left;
				font-size: 12px;
				display: block;
			}

		#website .tramocontacto {
			display: block;
			background-image:url(images/fondo_3gran.jpg);
			background-position: center; 
			background-repeat:no-repeat;
			margin-top:40px;
		}
			#website .tramocontacto .tramo5{
				width: 920px;
				height:329px;
				margin: 0 auto;
				text-align:center;
				position: relative;
				color:#ffffff;
				font-size:24px;
				font-weight:bold;
			}
				#website .tramocontacto .tramo5 .linea1{
					margin-top:50px;
					display:inline-block;
				}
				#website .tramocontacto .tramo5 .linea2{
					margin-top:25px;
					display:block;
				}
					#website .tramocontacto .tramo5 .linea2 .tlf{
						background:url(images/telefono2.png) no-repeat;
						height: 33px;
						display: inline-block;
						width:300px;
						text-align: left;
						padding-left: 45px;
						margin-right:60px;
					}
					#website .tramocontacto .tramo5 .linea2 .negro{
						color:#000000;
					}
					#website .tramocontacto .tramo5 .linea2 .mail{
						background:url(images/mail.png) no-repeat;
						height: 33px;
						display: inline-block;
						width: 280px;
						text-align: left;
						padding-left: 55px;
						margin-left:60px;
					}

				#website .tramocontacto .tramo5 .linea3{
					margin-top:25px;
					display:inline-block;
				}
				#website .tramocontacto .tramo5 .linea4{
					margin-top:25px;
					display:block;
				}
					#website .tramocontacto .tramo5 .linea4 .margenrrss-r {
						margin-right:140px;
					}
					#website .tramocontacto .tramo5 .linea4 .margenrrss-l {
						margin-left:140px;
					}

  	#website .serviciosport{
		display:block;
		width: 920px;
		margin: 0 auto;
		margin-top:40px;
		margin-bottom: -40px;
		position: relative;
	}
		#website .serviciosport .fondo_serviciosport{
			position: relative;
			left: -500px;
			z-index:0;
			overflow-x: hidden;
		}
		#website .serviciosport .todoservport {
			display:block;
			width: 920px;
			margin: 0 auto;
			position: absolute;
			z-index:1001;
			height:620px;
			margin-top:44px;
		}		
			#website .serviciosport .todoservport .columnaservport{
				width: 33.33333333%;
				float: left;
				box-sizing: border-box;
				padding:10px;
				margin-bottom:60px;
				text-align: center;
			}
                #website .serviciosport .todoservport .columnaservport img {
                    width: 93px;
                }
				#website .serviciosport .todoservport .columnaservport .txtcolservport {
					display:block;
					margin-top:25px;
					text-align:center;
					width:100%;
					font-size:22px;
					color: #777777;
				}
					#website .serviciosport .todoservport .columnaservport .txtcolservport .explicaservport {
						display:block;
						margin-top:10px;
						text-align:center;
						width:100%;
						line-height: 21px;
						font-size: 15px;
						height: 63px;
					}
				#website .serviciosport .todoservport .columnaservport  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 .serviciosport .todoservport .columnaservport  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;
					}

						


/**********************************************************************************************************************************************************
**************************************************************** AJUSTES TAMA�O PANTALLA ******************************************************************
/*********************************************************************************************************************************************************/

@media only screen and (max-width: 1365px) {
	#website .tramoferta {
		background-image: url(images/fondo_2.jpg);
	}

	#website .tramocontacto {
		background-image: url(images/fondo_3.jpg);
	}

	#website .tramoasesoria{
		background-image: url(images/fondo_5.jpg);
	}

}