html{
	position: relative;
  	min-height: 100%;
}

@font-face{
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
}

@font-face{
    font-family: 'Lato';
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
}
*{
	margin: 0;
	padding:0;
}
body{
	padding: 0;
	font-size: 100%;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}
/* .nav-link{
	font-family: 'Lato';

  } */
  
  p{
	margin-bottom: 0 !important;
  }
table tr td{
	padding: 0 1%;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}
.clear{
	clear: both;
}
div#overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333333 no-repeat scroll center center;
    opacity: 0.5;
    z-index: 50;
}
div#dialogo {
    position: absolute;
    border-radius: 3px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
    z-index: 999;
    background-color: rgb(255,238,138) !important;
}
.TituloModalRoboto{
	font-family: "Roboto Slab", serif !important;
}
form input[type="submit"]{
	border: none;
	background-color: #4caf45;
	padding: 5px 15px;
	font-size: 0.8em;
	color: #FFFFFF;
}
form input {
	margin-top: 3px;
}
form select {
    margin-top: 3px;
}
form input[type="button"]{
	border: none;
	background-color: #4caf45;
	padding: 5px 15px;
	font-size: 0.8em;
	color: #FFFFFF;
}
form input[type="reset"]{
	border: none;
	background-color: #4caf45;
	padding: 5px 15px;
	font-size: 0.8em;
	color: #FFFFFF;
}
.text-responsive{
	font-size: 4pt;
	/* color: #000000; */

}
/* header{

	background-color: #259040;
	width: 100%;
	margin: 0;
	padding: 0;
	color: white;
	overflow: hidden;
	z-index: 2;
	height: 200px;
} */
header .head .datos .DatosUsuario {
	color: #FFFFFF;
	line-height: 27px;
}
header .head .datos h2 {
	margin-left: 10%;
	display: none;
}
header .head .datos .CuadroDeLogin .CuadroTexto{
	color: #333333;
}
	header .head .datos .CuadroDeLogin p {
		margin-bottom: 0px;
	}
	header .head .datos .CuadroDeLogin{
		margin: 0px;
		position: relative;
	}
	header .head .datos #submit{
		color: #FFFFFF;
		background-color: #4BAE44;
		border: none;
		display: block;
		padding: 5px;
		margin-top: 5px;
	}
	header .head .datos .CuadroDeLogin ul {
	list-style: none;
	margin: 0;
	margin-left: 1.5em;
	}
	header .head .datos .CuadroDeLogin .RecuperarPass{
		margin-left: 11%;
	}
	header .head .datos .CuadroDeLogin .RecuperarPass p {
		margin: 0;
	}
	header .head .datos .CuadroDeLogin .RecuperarPass a {
		text-decoration: none;
		color:#FFFFFF;
	}
	header .head .datos .CuadroDeLogin .CuadroTexto {
		border: none;
		border-radius: 2px;
	}
 

	header .head .datos form{
		margin-left: 10%;
	}
	header .head .datos {
		width: 100%;
		height: 135px;
		padding-top: 25px;
		/*padding-bottom: 25px;*/
		position: relative;
	}
	header .head .datos table {
		position: absolute;
		bottom: 10%;
		left: 6%;
		font-family: open sans, sans-serif;
	}

	header .head .datosB  {	
		height: 200px;
		top:0;
		right: 0;
		padding: 0;
		float: left;
		width: 0%;
		position: absolute;
		display: none;
	}
	header .head .home .hom {
		margin-top: 0.5em;
		float: right;
		color: white;
		right: 0;
		font-size: 12px;
		text-decoration: none;
		position: absolute;
	}
	header .head .datosB .titulo {
		z-index: 2;
		display: none;
		/*margin-left: 200px;*/
		margin-bottom: 0;
		padding-bottom: 0;
	}
	header .head .datosB .titulo img {
		/*width:225px;
		height:66px;
		margin-left: auto;	
		margin-bottom: 0px;*/
	}
	header .head .datosB .logo {
		margin: 0;
		padding: 0;
		right: 10%;
		bottom: 0;
		margin-bottom: 0;
		display: none;
	}
	header .head .datosB .logo img {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		right:10%;
		float: right;
	}
	header .head .datosB .salir {
		position:absolute;
		top:9%;
		right: 3%;
		display: none;
	}
.principal {
	background: #ffffff;
	display: block;
	overflow: hidden;	
	}
.principal .foro {
	width: 100%;
	background-color: #292a2b;
	color: white;
	height: 320px;
}

.principal .foro .LogoForo {
	margin: 0;
	text-align: center;
	display:none;
	height: 320px;
}
.principal .foro .Descripcion {
	/*text-align: center;*/
	height: 320px;
	position: relative;
	margin: 2px;

}
.principal .foro .Descripcion .Dess{
	margin-top: 1em;
	margin-left: 20px;
	margin-right: 10px;
}

.principal .foro .Descripcion #DescripcionForo{
	/*text-align: center;*/
	 font-size: 0.8em;
  	text-decoration: none;
  	font-family: open sans, sans-serif;
  	line-height: 1.1em;
}
.principal .foro .Descripcion .TextoGrande{
  font-family: 'Roboto Slab', serif;
  font-size: 1.6em;
  font-weight: 400;
  display: block;
  line-height: 1em;
  margin-left: 20px;
}

.principal .foro .Descripcion h1{
	padding: 0;
	margin: 0;
	max-height: 100%;
}
.principal .plan{
	width: 100%;
	height:1200px;
}
.principal .plan .Left, .Right{
	width: 100%;
}
.principal .plan .Left{
	height: 600px
}
.principal .plan .Right{
	height: 600px;
}
.principal .foro .LogoForo img{
	margin-top: 10px;
	max-height:320px;
	max-width: 530px;
	height: auto;
	width: auto;
}
.principal .graficas{
	width: 100%;
	background: white;
	margin: auto;
	display: inline-block;
	padding: 2% 10%;
	border-bottom: 1px solid #ABB2C0;
}
.principal .graficas .GraficaIncidencias{
		height: 400px;
		width: 95%;
		margin-left: 5%;
		float: left;
}
.principal	.graficas .GraficaTiempoRespuesta{
		height: 400px;
		width: 100%;
		float: left;
}

.principal .secciones {
	margin-top: 8%;
	padding-bottom: 2em;
}
	.principal .secciones a {
		text-decoration: none;
		color: black;
	}
	.principal .secciones .modulos {
		width: 100%;
		height: 220px;
		/*float: left;*/		
	}
		.principal .secciones .modulos .texto {
			font-family: open sans, sans-serif;
			text-align: center;
			width: 95%;
			font-size: 1em;
			margin: 2.5%;
		}

		.principal .secciones .modulos .texto h3{
			margin-top: 0;
			margin-bottom: 0;
		}
		.principal .secciones .modulos .texto p {
			margin: 0;
		}
		.principal .secciones .modulos img {
			display: block;
			width: 100px;
			height: 100px;
			margin-top: 0px;
			position: relative;
			margin: auto;
		}


		.footer {
			position: relative;
			bottom: 0;
			width: 100%;
			/* Set the fixed height of the footer here */
			height: auto;
			line-height: 50px;
			/* Vertically center the text there */
			background-color: #353D46;
			color: #FFF;
		}
footer .ul{
	display: inline;
}
footer .foot{
	height: 100%;
	background: url("../imagenes/buhofooter-2.svg") no-repeat 95% 100%;
}
footer .foot .sociales{
	padding: 0;
	margin: 0;
	margin-left: 5px;
	padding-top: 3px;
	position: absolute;
	bottom: 30px;
	left: 10px;
}
footer .foot .sociales .redes{
	display: inline-block;
}
footer .foot .derechos{
	color: #FFFFFF;
	font-size: 0.5em;
	text-align: right;
	z-index: 2;
	position: absolute;
	bottom: 15px;
	left: 25px;
}

	footer .foot .sociales .redes li{
		margin-right: 5px;
	}

	footer .foot ul li#face a {
	background: url(../imagenes/facebook.svg) center no-repeat;
	}
	footer .foot ul li#face a:hover {
		background: url(../imagenes/facebook-over.svg) center no-repeat;
	}
	footer .foot ul li#tw a {
		background: url(../imagenes/Twitter.svg) center no-repeat;
	}
	footer .foot ul li#tw a:hover {
		background: url(../imagenes/Twitter-over.svg) center no-repeat;
	}
	footer .foot ul li#gPlus a {
		background: url(../imagenes/Googleplus.svg) center no-repeat;
	}
	footer .foot ul li#gPlus a:hover {
		background: url(../imagenes/Googleplus-over.svg) center no-repeat;
	}
	footer .foot ul li#SmartS a {
		background-color: blue;
	}
	footer .foot ul li#SmartS a:hover {
		background-color: yellow;
	}
	footer .foot img{
		position: absolute;
		bottom: 0;
		right: 0;
	}
	footer .foot strong{
		color: #2DA44A;
	}
	footer .foot ul li a{
		display: block;
		height: 26px;
		width: 26px;
		text-indent: -9009px;
		overflow: hidden;
		text-decoration: none;
		text-align: center;
	}


@media screen and (min-width: 480px) and (max-width: 640px){
	
	header .head .datos{
		width: 50%;
	}
	header .head .datosB{
		width: 50%;
		display: block;
	}
	header .head .datosB .logo {
		display: block;
		float: right;
		margin-top: 34px;
	}
	.principal .foro .Descripcion #DescripcionForo{
		display: block;
	}
	.principal .secciones .modulos{
		width: 50%;
		float: left;
	}
	.principal .foro {
		width: 100%;
	}
	.principal .ad {
		width: 100%;
	}
	.text-responsive{
		font-size: 0.3rem; 
	}

}

@media screen and (min-width: 641px) {
	/* header{
		width: 100%;
		height: 200px;

	} */
	.text-responsive{
		font-size: 0.3rem;
	}
	header .head .datos h2 {
	margin-left: 10%;
	display: none;
}
	 header .head{
	 	height: 200px;
	 	margin-right: auto;
	 	margin-left: auto;
	 }
	 header .head .datos {
	 	width: 40%;
	 }
	 header .head .datosB {
	 	width: 60%;
	 	display: block;
	 }
		header .head .datosB .titulo{
			display: inline-block;
			height: 100%;
			width: 100%;
			float: right;
		}
		header .head .datosB .titulo img{
			height: 60%;
			margin-top: 80px;
			margin-right: 10%;
			float: right;
		}
		header .head .datosB .tituloB img{
			height: 70%;
			margin-right: 10%;
			float: right;
		}
		header .head .datosB .logo {
			display: none;
		}
			header .head .datosB .logo img {
				display: none;

			}
		 .principal .foro {
		 	width: 100%;
		 	height: 320px;
		 }
		 .principal .ad {
		 	width: 100%;
		 }

.principal	.graficas{
		position: relative;
		background: white;
	}
	.principal	.graficas .GraficaIncidencias{
			height: 400px;
			width: 62%;
			margin-left: 3%;
			margin-top: 1%;
		}

	.principal	.graficas .GraficaTiempoRespuesta{
			height: 400px;
			width: 33%;
			margin: 1%;
		}
.principal	.secciones{
		margin-right: auto;
		margin-left: auto;
	}

	.principal	.secciones .modulos {
		    width: 33%;
		    margin-top: 2%;
		  	/*padding: auto;*/
		  	display: inline-table;
		  	float: left;
		  }
	.principal	.secciones .modulos .texto .detalle{
			margin: auto;
			width: 100%;
			}
	 .principal	.secciones .modulos .texto {
	  	font-size: 1em
	  }
	 .principal	.secciones .modulos h3{
	  	font-size: 1em
	  }
	 .principal	.secciones .modulos img{
		max-width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;

	  }
	  	.principal .foro .Descripcion #DescripcionForo{
		display: block;
	}

}
@media screen and (min-width: 768px) {

	.text-responsive{
		font-size: 0.5rem;
		
	}
header .head .datos{
	width: 50%;
	border-bottom: 1px solid #ABB2C0;

}
header .head .datosB{
	width: 50%;
	border-bottom: 1px solid #ABB2C0;
}
header .head .datos h2 {

	display: inline;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	left: 50px;
	top: 62px;
}
header .head .datos .DatosUsuario {
	width: 50%;
	max-width: 314;
}

header .head .datos .DatosUsuario tbody tr {
	
}
header .head .datos .CuadroDeLogin{
	height: 12px;
	width: 125px;
}
header .head .datos .CuadroDeLogin .whateever {
	margin-left: 40px;
	font-size: 1.5em;
	font-family: 'Roboto Slab', serif;

}

header .head .datos .CuadroDeLogin .CuadroTexto {

	/*height: 20px;*/
}
header .head .datos .CuadroDeLogin ul {
	display: inline-flex;
	display: -webkit-inline-box;
	margin-top: 0px;
	position: relative;
}
header .head .datos .CuadroDeLogin li {
	margin-left: 7px;
}
header .head .datos .CuadroDeLogin #submit {
	position: absolute;
	bottom: 0;
	height: 25px;
	padding: 1px 12px 1px 12px;
	margin-left: 26px;

}

header .head .datos .CuadroDeLogin .RecuperarPass p {
margin: 0;
width: 300px;
margin-left: 36px;
}
.principal {
	width: 100%;
}
 
/*.principal .secciones .modulos{
	height: auto;
}*/
.principal	.secciones	.modulos img {
		/*float: left;*/
		width: 28%;
		max-width: 120px;
	}
.principal	.secciones	.modulos .texto{
		/*text-align: left;
		float: left;
		width: 70%;
		padding: 1%;*/
		max-width: 70%;
		margin: auto;
	}
.principal .foro {
	/*width: 50%;
	display: block;
	float: right;*/
	margin: 0;
	/*height: auto;*/
	overflow: hidden;
}


.principal .foro .Descripcion h3 {
	/*width: 50%;
	display: block;
	float: right;*/
	font-family: 'Roboto Slab', serif;
}
.principal .foro .Descripcion {
	max-width: 50%;
	height: 320px;
	text-align: left;
	font-size: 1.2em;
	margin-left: 1.5em;
}
.principal .foro .LogoForo {
	width: 50%;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	height: 320px;
}
.principal .foro .LogoForo img {
	display: block;
	margin: auto;
	padding: 0;
	height: 95%;

}
.principal .plan .Left, .Right{
	width: 50%;
	float: left;
	height: 800px !important;
	position: relative;
}
.principal .foro p {
	margin: 0;
	padding: 0;
}

}

/*
	Planes y Servicios
*/

.PlanServ{
	width: 100%;	
	background-color: #FFFFFF;
}
.PlanServ .Cont{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
}
.PlanServ .Cont h1{
	margin: 0;
	padding: 10px;
}
.PlanServ .Cont .Busqueda{
	width: 30%;
	margin: 0 auto;
}
.PlanServ .Cont .Busqueda select{
	width: 230px;
}
.PlanServ .Cont .Datos{
	width: 30%;
	margin: 0 auto;
}
.PlanServ .Cont .Datos table{
	margin-top: 30px;
	margin-bottom: 30px;
}
.PlanServ .Cont .Datos table th{
	text-align: right;
	display: inline;
}
.PlanServ .Cont .Datos table td input[type="text"]{
	width: 100%;
}
.PlanServ .Cont .Datos table td input[type="number"]{
	width: 50px;
}
.PlanServ .Cont .Botones{
	width: 30%;
	margin: 0 auto;
}
.PlanServ .Cont .Botones ul{
	margin: 0;
	padding: 0;
}
.PlanServ .Cont .Botones ul li{
	display: inline-block;
	width: 20%;
}

/**************************************************
	Tabla de tickets del modulo consuktar Tickets
***************************************************/


/*#TablaConsulta{
width: 98%;
margin-left: 1%;
margin-top: 30px;
margin-bottom: 30px;

}
#TablaConsulta tr{
	height: 30px;
}
*/

/**************************************************
	Header login
***************************************************/
#lologin .head .datosB .titulo img{
	height: 50%;
}
 .principal .foro .Descripcion .entra{
	  width: 95px;
	  float: right;
	  margin-right: 50px;
	  margin-top: 10px;
}
.principal .planes{
	width: 100%;
	display: inline-block;
}
.principal .planes .PLANN .DescripcionPlanes{
	width: 90%;
	padding: 50px 0;
	margin: 0 auto;
}
.principal .planes .PLANN .DescripcionPlanes h3{
	font-size: 1.6em;
	text-align: center;
}

.principal .planes .PLANN #iconos{

}
@media screen and (min-width: 320px) and (max-width: 640px){
	#lologin .head .datosB	.Logo img {
		display: none;
	}
	.principal .foro .Descripcion .entra{
		  width: 100px;
		  float: right;
		  margin-right: 50px;
	}
	.principal .foro .Descripcion{
		width: 60%;
	}
	.DescripcionPlanes{
		display: none;
	}
	.text-responsive{
		/* font-size: 0.3rem; */
		/* display: none; */
	}
}
@media screen and (min-width: 641px) {
	#lologin .head .datosB	.Logo img {
		display: none;
	}
	.principal .foro .Descripcion .entra{
		display: inline-block;
		position: absolute;
		margin-left: 50%;
		width: 100px;
	}
		.principal .foro .Descripcion{
		width: 60%;
	}
	.principal .planes .PLANN .DescripcionPlanes{
		width: 90%;
		padding: 50px 0px;
	}

	

}
@media screen and (min-width: 768px){
	.principal .plan{
		height: 600px !important;
	}
	.text-responsive{
		font-size: 0.4rem;
	}
}
@media screen and (min-width: 1024px) {
	.principal .planes .PLANN .DescripcionPlanes{
		width: 90%;
		padding: 50px 0px;
	}
	.principal .foro .Descripcion{
		/*padding-top: 100px;*/
		padding-left: 10%;
	}
	.principal .foro .Descripcion .entra{
		display: inline-block;
		position: absolute;
		max-width: 130px;
	}
	.principal .plan{
		height: 550px !important;
	}
	.principal .plan .Left,.Right{
		width: 50%;
		float: left;
		height: 550px !important;
	}
}
/**************************************************
	Registro Tickets
***************************************************/
#RegistroDeTicket {
	background-color: #FFFFFF;
	width: 100%;
	padding-bottom: 1%;
}
#RegistroTicketDatos {
	width: 98%;
	margin-left: 1%;
}
#nota {
	background: url("./imagenes/LaptopMacBook.png");
	background-repeat: no-repeat;
}
#BarraNegra{
	width: 100%;
	height: 25px;
	background-color:#333333;
}

#Productos{
height: 200px;
width: 30%;
margin: 2%;
background-color: blue;

}

/*

	HEADER LOGIN

*/
.HeadFixed{
	display:none;
	width:100%;
	text-align:center;
	height:50px;
	position: fixed;
	top: 0;
	color: #FFFFFF;
	z-index: 99;
	background-color: transparent;
}
.HeaderLogin{
	width: 100%;
	height: 520px;
	height: 200px !important;
	background-color: #259040;
}
	.HeaderLogin .ContentHead{
		width: 80%;
		height: 100%;
		margin: 0 auto;
	}
		
		.HeaderLogin .ContentHead .Login{
			width: 50%;
			float: left;
			height: 150px;
		}
			.BarraNelson{
				background-color: #4caf45;
				height: 70px;
				position: relative;
				font-size: 13px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-right: 8%;
				padding-left: 8%;
			}
				.BarraNelson ul{
					margin: 0;
					padding: 0;
					line-height: 35px;
					position: absolute;
					width: 100%;
                    text-align: right;
				}
					.BarraNelson ul li{
						display: inline-block;
						cursor: pointer;
                        padding: 0 1%;
					}
						.BarraNelson ul li a{
							text-decoration: none;
							color: #FFFFFF;
						}
			.HeaderLogin .ContentHead .Login .Home{
				margin-top: 10px;
				text-align: right;
				font-size: 12px;
			}
			.HeaderLogin .ContentHead .Login .Home a{
				color: #FFFFFF;
				text-decoration: none;
			}
			.HeaderLogin .ContentHead .Login .Titulo{
				font-family: 'Roboto Slab', serif;
				font-size: 1.4em;
			}
			.HeaderLogin .ContentHead .Login .Formulario form .CamposForm .Campo{
				float: left;
				width: 44%;
				font-size: 0.8em;
				padding: 5px;
    			border-radius: 6px;
    			border: 1px solid grey;
			}
			.HeaderLogin .ContentHead .Login .Formulario form .CamposForm .Campo:nth-child(even){
				float: right;
			}
			.HeaderLogin .ContentHead .Login .Formulario form .CamposForm .Recuperar{
				clear: both;
				text-align: right;
				font-size: 0.8em;
			}
			.HeaderLogin .ContentHead .Login .Formulario form .CamposForm .Recuperar a{
				color: #FFFFFF;
				text-decoration: none;
			}
			.HeaderLogin .ContentHead .Login .Formulario form .CamposForm input[type=text],input[type=password]{
				color: #000000;
			}
			.HeaderLogin .ContentHead .Login .Formulario form .CamposForm input[type=submit]{
				border: none;
				background-color: #4caf45;
				padding: 5px 15px;
				font-size: 0.8em;
			}
		.HeaderLogin .ContentHead .Logo{
			width: 50%;
			height: 150px;
			float: left;
		}
			.HeaderLogin .ContentHead .Logo .Imagen{
				width: 100%;
				height: 100%;
				background: url(../imagenes/logoportal.svg) no-repeat 100% 58%
			}
		.HeaderLogin .ContentHead .AreaPrincipal{
			margin-top: 5px;
			width: 100%;
			height: 320px;
			
		}
			.HeaderLogin .ContentHead .AreaPrincipal .Mensaje{
				height: 325px;
				float: left;
				position: absolute;
				z-index: 2;
	  		}
			.HeaderLogin .ContentHead .AreaPrincipal .Mensaje ul{
				margin: 0;
				padding: 0;
				list-style: none;
				font-size: 2.5em;
				font-family: 'Roboto Slab', serif;
				line-height: 40px;
				margin-top: 30px;
			}
			.HeaderLogin .ContentHead .AreaPrincipal .Mensaje .Desc{
				width: 45%;
				font-size: 0.8em;
				margin-top: 15px;
			}
			.HeaderLogin .ContentHead .AreaPrincipal .Mensaje .Link{
				width: 50%;
				position: relative;
			}
			.HeaderLogin .ContentHead .AreaPrincipal .Mensaje .Link a{
				position: absolute;
				margin-left: 30%;
				margin-top: 6%;
			}
			.HeaderLogin .ContentHead .AreaPrincipal .ImagenPrincipal{
				width: 65%;
				height: 330px;
				float: left;
				text-align: center;
				position: absolute;
				right: 0;
				overflow-x: hidden;
			}
@media screen and (min-width: 320px)  and (max-width: 390px){
	.HeaderLogin .ContentHead .AreaPrincipal .Mensaje{
		position: relative;
	}
	.HeaderLogin .ContentHead .AreaPrincipal .Mensaje ul{
		font-size: 2em;
	}
	.HeaderLogin .ContentHead .AreaPrincipal .Mensaje .Desc{
		width: 100%;
	}
	.HeaderLogin .ContentHead .AreaPrincipal .ImagenPrincipal{
		display: none;
	}
	.text-responsive{
		font-size: 0.3rem;
	}
}
@media screen and (min-width: 391px)  and (max-width: 480px){
	.HeaderLogin .ContentHead .AreaPrincipal .Mensaje .Desc{
		width: 75%;
	}
	.text-responsive{
		font-size: 0.3rem;
	}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
	.HeadFixed{
		display: block;
	}
	.HeadFixed .ContentHeadFixed{
		width: 100%;
		height: 40px;
		background-color: #00733c;
		position: relative;
	}
	.HeadFixed .ContentHeadFixed .Logo{
		position: absolute;
		left: 13px;
		height: 30px;
		bottom: 2px;
	}
	.HeadFixed .ContentHeadFixed .Logo img{
		height: 30px;
		width: 89px;
	}
	.HeadFixed .ContentHeadFixed .Right{
		position: absolute;
		right: 0;
		width: 115px;
		top: 8px;
	}
	.HeadFixed .ContentHeadFixed .Right .Login{
		float: left;
		margin-right: 15px;
		margin-top: 4px;
		cursor: pointer;
	}
	.HeadFixed .ContentHeadFixed .Right .Buho{
		float: left;
	}
	.HeadFixed .ContentHeadFixed .Right .Buho img{
		height: 35px;
	}
	.HeaderLogin{
		height: 335px;
		height: 200px !important;
	}
	.HeaderLogin .ContentHead{
		width: 90%;
	}
	.HeaderLogin .ContentHead .Logo{
		display: none;
	}
	.HeaderLogin .ContentHead .Login{
		width: 100%;
		height: 100px;
		margin-top: 50px;
		display: none;
	}
	.HeaderLogin .ContentHead .Login .BarraNelson{
		display: none;
	}
	.HeaderLogin .ContentHead .Login .Home{
		display: none;
	}
	.HeaderLogin .ContentHead .AreaPrincipal{
		margin-top: 10px;
	}
}
@media screen and (min-width: 481px) and (max-width: 5000px){
	.HeaderLogin{
		height: 480px !important;
		height: 200px !important;
	}
	.HeaderLogin .ContentHead .Login{
		display: block !important;
	}
	footer .foot .derechos{
		font-size: 0.7em;
	}
}
@media screen and (min-width: 320px) and (max-width: 640px){
	.principal .planes .PLANN .DescripcionPlanes{
		width: 100%;
		padding: 50px 0px;
	}
}
/*

	FIN HEADER LOGIN

*/

/*

	MID LOGIN

*/
.IraPlanes{
	width: 38px;
	height: 38px;
	position: fixed;
	top: 14%;
	right: 3%;
	z-index: 2;
	display: none;
	background: url(../imagenes/BotonUp.svg);
	cursor: pointer;
}
/* .principal .planes .PLANN .DescripcionPlanes h3{
	font-family: 'Roboto Slab', serif;
} */
.principal .planes .PLANN .DescripcionPlanes .IconsPlanes{
	text-align: center;
	margin-top: 2em;
	overflow: hidden;
	margin: 0 auto;
	max-width: 1024px;
}

 .principal .planes .PLANN .DescripcionPlanes .IconsPlanes .iconos{
 	float: left;
 	width: 20%;
 	cursor: pointer;
 }
 .principal .planes .PLANN .DescripcionPlanes .IconsPlanes .iconos img{
  max-width: 130px;


}
@media screen and (min-width: 480px) and (max-width: 639px){
	.principal .planes .PLANN .DescripcionPlanes .IconsPlanes .iconos{
		width: 33%;
	}
}
@media screen and (min-width: 320px) and (max-width: 479px){
	.principal .planes .PLANN .DescripcionPlanes .IconsPlanes .iconos{
		width: 100%;
	}
}

/*

	FIN MID LOGIN

*/
.principal .plan .Left .ContentLeft, .ContentRight{
	width: 300px;
	height: 540px;
	margin: 0 auto;
	padding-top: 60px;
	position: relative;
}
.principal .plan .Left .ContentLeft .Logo{
	width: 280px;
	height: 90px;
	margin: 0 auto;
	text-align: center;
}
.principal .plan .Left .ContentLeft .Descripcion{
	width: 100%;
	color: white;
	margin-top: 20%;
	line-height: 40px;
	font-size: 21px;
}
.principal .plan .Left .ContentLeft .Adquirir{
	position: absolute;
	right: 0;
	bottom: 66px;
}
.principal .plan .Left .ContentLeft .Adquirir a{
	border: 2px solid #ffffff;
	width: 56px;
	height: 15px;
	padding: 5px 20px;
	font-size: 0.9em;
	text-decoration: none;
	color: #ffffff;
	line-height: 15px;
}
.principal .plan .Left .ContentLeft .Adquirir a:hover{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
}
.principal .plan .Right{
	position: relative;
}
.principal .plan .Right .ContentRight{
	width: 345px;
	height: 500px;
	margin: 0 auto;
	padding-top: 40px;
	position: relative;
}
.principal .plan .Right .ContentRight .Caracteristicas{
	width: 100%;
	height: 80px;
	margin-bottom: 20px;
}
.principal .plan .Right .ContentRight .Caracteristicas .Logo{
	float: left;
	width: 80px;
	height: 100%;
	text-align: center;
}
.principal .plan .Right .ContentRight .Caracteristicas .Descripcion{
	color: #FFFFFF;
	float: left;
	font-size: 18px;
	padding: 5%;
	padding-left: 5%;
}
.principal .plan .Right .Condiciones{
	margin: 0 auto;
	width: 90%;
	color: #FFFFFF;
	position: absolute;
	bottom: 30px;
	left: 8%;
}
.principal .plan .Right .CuatroIconos{
	padding-top: 90px !important;
	position: relative;
}

/*
	INICIO RECUPERAR
*/
.Contenedor{
	background-color: #FFFFFF;
	height: 300px;
}
.Contenedor .Descripcion{
	margin-bottom: 100px;
	padding-top: 25px;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 65px;
}
.Contenedor .ContentContenedor{
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.Contenedor .ContentContenedor form input{
	margin: 5px;
}

/*
	FIN RECUPERAR
*/
/*
	INICIO DESCARGAS
*/
.Descargas{
	width: 100%;
	background-color: #FFFFFF;
}
.Descargas .ContentDescargas{
	width: 80%;
	margin: 0 auto;
	padding-top: 50;
	padding-bottom: 50;
}
.Descargas .ContentDescargas .Producto{
	/*margin: 10px;
	float: left;*/
	color: #000000;
	margin-top: 30px;
}
.Descargas .ContentDescargas .Producto .Imagen{
	text-align: center;
}
.Descargas .ContentDescargas .Producto .Imagen img{
	width: 35%;
	min-width: 96px;
}
.Descargas .ContentDescargas .Producto .Datos{
	margin-top: 10px;
	/* line-height: 20px; */
	text-align: center;
}
.Descargas .ContentDescargas .Producto .Datos .Descripcion{
	margin-bottom: 15px;
}
@media screen and (min-width: 320px) and (max-width: 479px){
	.Descargas .ContentDescargas .Producto .Right{
		width: 100%;
	}
}
@media screen and (min-width: 480px) and (max-width: 639px){
	.Descargas .ContentDescargas .Producto .Right{
		width: 100%;

	}
}
@media screen and (min-width: 640px) and (max-width: 1023px){

}
/*
	FIN DESCARGAS
*/

.cursor-pointer {
 	cursor: pointer;
}