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

/**********************************************************************************************************************************************************
******************************************************************** PLANES HOSPEDAJE *********************************************************************
/*********************************************************************************************************************************************************/

	

  	#website .hosting{
		display:block;
		width: 920px;
		margin: 0 auto;
		margin-top:40px; /*100px;*/
		font-size: 15px;
		text-align: justify;
		margin-bottom:40px;
	}
		#website .hosting p{
			margin-bottom: 17px;
			line-height: 21px;
			color: #777777;
		}
		#website .hosting .hostcolumna{
			width:400px;
			padding-left: 0;
			padding-right: 0;
			float: left;
			box-sizing: border-box;
			margin-bottom: 30px;
			text-align: center;
			border:1px solid #bcbcbc;
			border-radius:8px;
		}
		#website .hosting .hostcolizq{
			margin-right:10px;
			margin-left: 45px;
		}
		#website .hosting .hostcolder{
			margin-left:10px;
		}
			#website .hosting .hostcolumna img {
				width:100px;
			}
			#website .hosting .hostcolumna .hostcoltit{
				font-size: 26px;
				color:#ffffff;
				width: 388px;
				display: block;
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				text-align:left;
				padding:10px 0px 0px 10px;
			}
			#website .hosting .hostcolumna .hctitmail {
				background-color:#ff7374;
			}
			#website .hosting .hostcolumna .hctitweb {
				background-color:#10cbc0;
			}
			#website .hosting .hostcolumna .hctitpro {
				background-color:#f8af31;
			}
			#website .hosting .hostcolumna .hctitult {
				background-color:#ae3e70;
			}
				#website .hosting .hostcolumna .hostcoltit .hosttittxt{
					text-transform:uppercase;
					font-weight:bold;
					display:inline-block;
					vertical-align: top;
					margin-top: 33px;
				}
			#website .hosting .hostcolumna .hostprecio{
				line-height: 40px;
				position: relative;
				display: block;
				box-sizing: border-box;
				text-align: center;
				color:#777777;
				font-size: 14px;
				margin-left:-10px;
				margin-top:40px;
				margin-bottom:5px;
			}
				#website .hosting .hostcolumna .hostprecio .hostprecioent {
					font-size: 60px;
					letter-spacing:-3px;
				}
				#website .hosting .hostcolumna .hostprecio .hostpreciodec {
					font-size: 25px;
					position: absolute;
					top: -7px;
				}
                #website .hosting .hostcolumna .hostprecio .hostentmail, #website .hosting .hostcolumna .hostprecio .hostdecmail, #website .hosting .hostcolumna .hostmensmail {
                    color: #ff7374;
                }
                #website .hosting .hostcolumna .hostprecio .hostentweb, #website .hosting .hostcolumna .hostprecio .hostdecweb, #website .hosting .hostcolumna .hostmensweb {
                    color: #10cbc0;
                }
                #website .hosting .hostcolumna .hostprecio .hostentpro, #website .hosting .hostcolumna .hostprecio .hostdecpro, #website .hosting .hostcolumna .hostmenspro {
                    color: #f8af31;
                }
                #website .hosting .hostcolumna .hostprecio .hostentult, #website .hosting .hostcolumna .hostprecio .hostdecult, #website .hosting .hostcolumna .hostmenscult {
                    color: #ae3e70;
                }
            #website .hosting .hostcolumna .hostmens {
                font-weight: bold;
                display: block;
                margin-bottom: 20px;
                color:#777777;
            }
			#website .hosting .hostcolumna .hostcolcact{
				display:block;
				color:#777777;
				text-align:justify;
				padding:0 10px;
				margin-top:20px;
				height:306px;
			}

			#website .hosting .hostcolumna .hotcolcontrata{
				border-radius: 8px;
				font-size: 24px;
				padding: 13px 20px;
				background-color: #3b3b3b;
				color: #ffffff;
				display: inline-block;
				margin-bottom:20px;
				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;
			}		
				#website .hosting .hostcolumna .hotcolcontrata: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:#cccccc;
					color:#2ba3d8;
				}



/**********************************************************************************************************************************************************
******************************************************************** PLAN INDIVIDUAL **********************************************************************
/*********************************************************************************************************************************************************/
		#website .hosting .hostinginfo{
			overflow: hidden;
			position: relative;
			display: inline-block;
			float: left;
			/*height:190px;*/
			margin-bottom:50px;
		}
			#website .hosting .hostinginfo .textodesc{
				display: block;
			}
				#website .hosting .hostinginfo .textodesc .iconhost {
					max-width: 100px;
					margin-right: 15px;
					margin-bottom:15px;
					display: inline-block;
					float: left;
				}
				#website .hosting .hostinginfo .ocultardesc {
					position: absolute;
					display: block;
					left: 0px;
					right: 0px;
					bottom: 0px;
					text-align: center;
					width: 100%;
					z-index: 9999;
					background: url(~/imagenes/fondo_blancodegrad.png) no-repeat;
					background-size: cover;
					height: 40px;
				}
					#website .hosting .hostinginfo .ocultardesc .vermasdesc {
						display: inline-block;
						text-align: right;
						background-color: #ffffff;
						bottom: 0;
						width: 100px;
						height: 20px;
						margin-top: 20px;
					}
						#website .hosting .hostinginfo .ocultardesc .vermasdesc img {
							width: 20px;
							height: 10px;
						}
				#website .hosting .hostinginfo .textodesc .textohosting{
					display:inline-block;
					width:800px;
					line-height: 21px;
					color: #777777;
					font-size: 15px;
				}		
					#website .hosting .hostinginfo .textodesc .textohosting .multicolumna{
					   -moz-column-count: 2;
					   -moz-column-gap: 30px;
					   /*-moz-column-rule: 1px solid #ccf;*/
					   -webkit-column-count: 2;
					   -webkit-column-gap: 30px;
					   /*-webkit-column-rule: 1px solid #ccf;*/
					   margin:30px 0;
					}
						#website .hosting .hostinginfo .textodesc .textohosting .multicolumna p{
							margin-left:15px;
						}
		#website .hosting .formulario{
			display:block;
			width:920px;
			background-color:#ff7374;
			/*height:300px;*/
			box-sizing: border-box;
			margin-bottom: 30px;
			background-color: #efefef;
			border-radius: 8px;
			padding: 30px 20px 20px 20px;
		}
			#website .hosting .formulario .forizq{
				display:inline-block;
				width:380px;
				float:left;
				margin-right:40px;
			}
			#website .hosting .formulario .forder{
				display:inline-block;
				width:460px;
				float:left;
                margin-top:35px;
			}
            #website .hosting .formulario .fordermasmarg{
                margin-top:45px;
            }
            #website .hosting .formulario .fordersinmarg {
                margin-top: 0px;
            }
			#website .hosting .formulario .campo{
				width:96%;
				margin:0 auto;
				display:block;				
				font-size:14px;
				margin-bottom: 20px;
			}
			#website .hosting .formulario .centneg{
				text-align:center;
				font-weight:bold;
				font-size: 18px;
			}
				#website .hosting .formulario .campo input{
					width:100%;
					display:block;
					padding:0 2%;
					color:#333333;
					font-weight:bold;
					border: 2px #6d7585 solid;
					border-radius: 6px;
					font-size:14px;
					padding-top: 10px;
					padding-bottom:11px;
					margin-top:5px;
				}
				#website .hosting .formulario .campo .selector{
					display:block;
					/*margin-top:15px;*/
					width: 480px;
				}
					#website .hosting .formulario .campo .selector .gbprecio {
						display: block;
						font-weight: bold;
						text-align: center;
						width:75%;
						margin-left:15%;
						color:#2ba3d8;
						font-size: 24px;
						/*margin-top: 20px;*/
					}
						#website .hosting .formulario .campo .selector .gbprecio .calcprecio{
							margin-left:15px;
						}
						#website .hosting .formulario .campo .selector .gbprecio  .calcprecio .ivainclu{
							font-weight:normal;
							font-size:10px;
							margin-left:5px;
						}

            #website .hosting .formulario .rgpdcontrata {
                font-size: 10px;
                margin-top: 16px;
                padding-right: 10px;
                line-height: 13px;
            }
                #website .hosting .formulario .rgpdcontrata .rgpdcontrata_tit {
                    display: block;
                    font-weight: bold;
                    font-size: 14px;
                    margin: 10px 0;
                }
                #website .hosting .formulario .rgpdcontrata .rgpdcampo {
                    width: 100%;
                    text-align: left;
                    font-size: 10px;
                    margin: 15px 0 10px 0px;
                    line-height: normal;
                }
                    #website .hosting .formulario .rgpdcontrata .rgpdcampo .rgpdconfirmacion {
                        margin-top: -17px;
                        display: inline-block;
                    }


		#website .hosting .dosbotones{
			width:100%;
			margin:0 auto;
			overflow:hidden;
			display:block;
			text-align:center;
			margin-top:20px;
		}
			#website .hosting .dosbotones .unboton{
				/*background-color:#2ba3d8;*/
				color:#ffffff;
				width:45%;
				display:inline-block;
				border-radius: 6px;
				font-size:18px;
				margin:14px 5px 0px 5px;
				padding: 10px 0px;
				background-color: #3b3b3b;
				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;
			}
				#website .hosting .dosbotones .unboton: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:#cccccc;
					color:#2ba3d8;
				}
			#website .hosting .formulario .tiempo{
				width:96%;
				margin:0 auto;
				display:block;
				text-align:center;
				margin-bottom: 20px;
			}
				#website .hosting .formulario .tiempo input[type=radio] {
					display:none; 
				}
				#website .hosting .formulario .tiempo input[type=radio] + label {
					display:inline-block;
					background-color: #d5d5d5; /*#e7e7e7;*/
					border-color: #ddd;
					color:#a5a5a5; /*#858585;*/
					width:35%;
					margin:-2px;
					font-size:18px;
					padding: 10px 0px;
				}
				#website .hosting .formulario .tiempo input[type=radio]:checked + label { 
					background-image: none;
					background-color:#2ba3d8;
					color:#ffffff;
					width:35%;
					font-weight:bold;
					font-size:18px;
					padding: 10px 0px;
				}
				#website .hosting .formulario .tiempo .inputizq {
					border-top-left-radius:6px;
					border-bottom-left-radius:6px;
				}
				#website .hosting .formulario .tiempo .inputder {
					border-top-right-radius:6px;
					border-bottom-right-radius:6px;
				}

		#website .hosting .titabla{			
			display: block;
			width: 920px;
			text-align: center;
			font-weight: bold;
			padding: 8px 0;
			background-color: #5f5f5f;
			color: #ffffff;
			font-size: 14px;
			text-transform: uppercase;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
		}


    #tabcarac {
        text-align: center;
        margin: 0 auto;
		width:920px;
        display: table;
		margin-bottom:40px;
    }
		#fila {
			display: table-row;
			font-size:12px;
		}
			#columna1 {
				display: table-cell;
				vertical-align: middle;
				width:37%;
				text-align:left;
				padding: 10px 0 10px 5px;
				border-bottom:1px solid #e6e6e6;
			}
			#columna2 {
				display: table-cell;
				vertical-align: middle;
				width:20%;
				background-color:#f2f2f2;
				padding: 10px 0;
				border-left:2px #6d7585 solid;
				border-bottom:1px solid #e6e6e6;
			}
				#columna2.colorweb{
					background-color:#10cbc0;
				}
				#columna2.colorult {
					background-color:#ae3e70;
				}
			#columna3 {
				display: table-cell;
				vertical-align: middle;
				width:20%;
				padding: 10px 0;
				border-left:2px #6d7585 solid;
				border-bottom:1px solid #e6e6e6;
			}
				#columna3.colorpro {
					background-color:#f8af31;
				}
			#columnalt1 {
				display: table-cell;
				vertical-align: middle;
				width:37%;
				text-align:left;
				background-color:#e9f6fb;
				padding: 10px 0 10px 5px;
				border-bottom:1px solid #e6e6e6;
			}
			#columnalt2 {
				display: table-cell;
				vertical-align: middle;
				width:20%;
				background-color:#dde9ee;
				padding: 10px 0;
				border-left:2px #6d7585 solid;
				border-bottom:1px solid #e6e6e6;
			}
			#columnalt3 {
				display: table-cell;
				vertical-align: middle;
				width:20%;
				background-color:#e9f6fb;
				padding: 10px 0;
				border-left:2px #6d7585 solid;
				border-bottom:1px solid #e6e6e6;
			}
                .tick{
					width:19px;
					height:15px;
				}

.botonconsultar {
    text-align: center;
    font-size: 16px;
    margin-top: 30px;
}
    .botonconsultar a {
        background-color: #001d4e;
        color: #ffffff !important;
        border-radius: 6px;
        padding: 10px 55px;
        margin-top: 10px;
        display: inline-block;
    }
        .botonconsultar a:hover {
            background-color: #b1c7d2;
            color: #000000;
        }


/**********************************************************************************************************************************************************
******************************************************************** PLANES HOSPEDAJE *********************************************************************
/*********************************************************************************************************************************************************/
		#website .hosting .asesorinfo{
			margin-bottom: 30px;
			display: block;
			display: inline-block;
			line-height: 21px;
			color: #777777;
			font-size: 15px;
		}
			/*#website .hosting .asesorinfo .revision{
				float: right;
				background-image: url(images/fondo_revision_gratisverde.png);
				background-repeat: no-repeat;
				color: #ffffff;
				text-align: center;
				width: 286px;
				height: 208px;
				margin: 0 0 8px 16px;
				background-size: 286px;
				padding-top: 84px;
				font-size: 24px;
			}
				#website .hosting .asesorinfo .revision .gratis {
					font-size: 48px;
					line-height: 48px;
					font-weight: bold;
				}*/
			#website .hosting .asesorinfo .textoref {
				font-size: 13px;
			}
			#website .hosting .asesorinfo .saltopeq {
				margin-bottom:7px;
			}
			#website .hosting .adaptacionform{
				/*height:385px;*/
			}
						#website .hosting .adaptacionform .forder .tiempo .inputplan{
							display: block;
							margin: 0 auto;
							border-radius: 6px;
							margin-bottom: 30px;
							min-width: 200px;
						}
					#website .hosting .adaptacionform .forder .dosbotones .adaptacionbtn{
						width: 260px;
						margin-top:20px;
					}




/**********************************************************************************************************************************************************
*********************************************************************** BACKUP NUBE ***********************************************************************
/*********************************************************************************************************************************************************/
					
			/*#website .hosting .asesorinfo .backupoferta{
				float: right;
				background-image: url(images/fondo_backup_nube.png);
				background-repeat: no-repeat;
				color: #ffffff;
				text-align: center;
				width: 286px;
				height: 286px;/*208px;
				margin: 0 0 8px 16px;
				background-size: 286px;
				padding-top: 84px;
				font-size: 24px;
			}
				#website .hosting .asesorinfo .backupoferta .backgratis {
					font-size: 48px;
					line-height: 48px;
					font-weight: bold;
				}
				#website .hosting .asesorinfo .backupoferta .instalarya{
					color: #ffffff;
					width: 220px;
					display: inline-block;
					border-radius: 6px;
					font-size: 24px;
					margin: 75px 5px 20px 5px;
					padding: 15px 10px 15px 0px;
					background-color: #3b3b3b;
					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;
				}
					#website .hosting .asesorinfo .backupoferta .instalarya: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: #2ba3d8;
						color: #ffffff;
					}
					.pulse {
						display:inline-block;
						width: 30px;
						height: 27px;
						border-radius: 50%;
						cursor: pointer;
						animation: pulse 1s infinite;
						margin:0 5px 0 10px;
					}
						.pulse:hover {
							animation: none;						
						}

			#website .hosting .asesorinfo .backuparraf{
				display:inline-block;
				width:440px;
				float:left;
				margin-bottom:30px;
			}
            #website .hosting .asesorinfo .backupdistrib{
                display: block;
                width: 920px;
                text-align: center;
                font-weight: bold;
                padding: 8px 0;
                background-color: #5f5f5f;
                color: #ffffff;
                font-size: 14px;
                text-transform: uppercase;
                border-radius: 8px;
                margin-bottom:20px;
            }
			#website .hosting .asesorinfo .backupcaprec{
				display:inline-block;
				width:440px;
				float:right;
				margin-bottom:30px;
			}
				#website .hosting .asesorinfo .backupcaprec .backuptabla{
					text-align: center;
					width:440px;
					display: table;
				}
					#website .hosting .asesorinfo .backupcaprec .backuptabla .backupfila {
						display: table-row;
						font-size:20px;
						color:#000000;
						font-weight: bold;
					}		
						#website .hosting .asesorinfo .backupcaprec .backuptabla .backupfila .backupcpdad {
							display: table-cell;
							vertical-align: middle;
							width:200px;
							padding: 10px 0 10px 5px;
							border-bottom:1px solid #e6e6e6;
							color: #6fa50a;
							border-left:2px #6d7585 solid;
						}
						#website .hosting .asesorinfo .backupcaprec .backuptabla .backupfila .backuprecio {
							display: table-cell;
							vertical-align: middle;
							width:200px;
							background-color:#f2f2f2;
							padding: 10px 0;
							border-left:2px #6d7585 solid;
							border-right:2px #6d7585 solid;
							border-bottom:1px solid #e6e6e6;
							color: #c0198d;
						}
						#website .hosting .asesorinfo .backupcaprec .backuptabla .backupfila .titizq{						
							border-top-left-radius: 8px;
							padding: 4px 0;
							background-color: #5f5f5f;
							color: #ffffff;
							font-size: 14px;						
						}					
						#website .hosting .asesorinfo .backupcaprec .backuptabla .backupfila .titder{
							border-top-right-radius: 8px;
							padding: 4px 0;
							background-color: #5f5f5f;
							color: #ffffff;
							font-size: 14px;
						}					
						#website .hosting .asesorinfo .backupcaprec .backuptabla .backupfila .backupfinizq {
							border-bottom:2px #6d7585 solid;
							border-bottom-left-radius: 8px;
						}
						#website .hosting .asesorinfo .backupcaprec .backuptabla .backupfila .backupfinder {
							border-bottom:2px #6d7585 solid;
							border-bottom-right-radius: 8px;
						}					
				#website .hosting .asesorinfo .backupcaprec .txtasterisco{
					text-align: right;
					width:440px;
					display: block;
					margin-top:10px;
					margin-bottom:0px;
				}*/