/* DETALLES GENERALES */		/* DETALLES GENERALES */		/* DETALLES GENERALES */

body{
	background: #f2f2f2;
}
a {
	text-decoration: none;
	font-family:'Open Sans',sans-serif;
}

ul, ul ul {
	list-style: none;
	font-family:'Open Sans',sans-serif;
}

.LabelCal{
	color: white;
	text-align: center;
}

.LabelCal2{
	color: gray;
	text-align: center;
}

.Oculto{
	display: none;
}


.Labels{
	font-family:'Open Sans',sans-serif;
	border-radius:  15px;
	border-color: #8EC63F;
	border-style: solid;
	border-width: 2px;
	border-radius: 15px;
	box-shadow: 2px 2px 10px #999;
}

.filtrar{
	font-family:'Open Sans',sans-serif;
	text-align: center;
	-webkit-border-radius: 15px;
            -moz-border-radius: 15px;
			border-radius:  15px;
			overflow: hidden;

}

.LabelsGrid{
	font-family:'Open Sans',sans-serif;
	text-align: center;
	-webkit-border-radius: 15px;
            -moz-border-radius: 15px;
			border-radius:  15px;
			overflow: hidden;

}

.LabelsGrid2{
	font-family:'Open Sans',sans-serif;
	text-align: center;

}

#gvProspectosReg{

}

.FontNav{

	font-family:'Open Sans',sans-serif;
	color: white;
	font-size:15px;
	text-align: center;
}

.TextLogin{
	font-size:20px;
	display:inline-block;
	margin-bottom:50px;
	color: gray ;
	font-family:'Open Sans',sans-serif;
}

.TxtLogin{
	text-align: center;
	border-color: #8EC63F;
	border-style: solid;
	font-family:'Open Sans',sans-serif;
	border-width: 1px;
	box-shadow: 2px 2px 10px #999;
}

.TxtLogin2{
	text-align: center;
	border-color: #8EC63F;
	border-style: solid;
	font-family:'Open Sans',sans-serif;
	border-width: 1px;
	box-shadow: 2px 2px 10px #999;

	margin-bottom:5px;
}

.Labels_lb{
	text-align: center;
	font-family:'Open Sans',sans-serif;
}



.TxtBox{
	text-align: center;
	border-color: #8EC63F;
	border-style: solid;
	font-family:'Open Sans',sans-serif;
	border-width: 2px;
	border-radius: 5px;
	box-shadow: 2px 2px 10px #999;
	white-space: normal;
}

.TxtBox2{
	text-align: center;
	border-color: #8EC63F;
	border-style: solid;
	font-family:'Open Sans',sans-serif;
	border-width: 2px;
	border-radius: 5px;
	box-shadow: 2px 2px 10px #999;
	white-space: normal;
	height: 30px;
}

.Buttons{
	background-color: #8EC63F;
	color: white;
	font-family:'Open Sans',sans-serif;
	border-bottom-right-radius: 40%;
	border-bottom-left-radius: 40%;
}

.Buttons:hover{
	color:#404045;
	
}

.TxtGeneric{
	text-align: center;
	font-family:'Open Sans',sans-serif;
}

::-webkit-input-placeholder{
color:#ABA8BF;
}

:-ms-input-placeholder{
color:#ABA8BF;
}


.VentasButton{
	border-radius: 5px;
	padding: 0.2em 0.6em;
	width: 100px;
	height: 50px;
	background: #22BCE0;
	border: 1px solid #22BCE0;
	box-shadow: rgba(0,0,0,0.5) 5px 5px 20px;
	text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
	color: white;
}

.HeaderGrid{
	Position:relative;
    background:#8EC63F;
}

.VentasButtonGrid{
	border-radius: 5px;
	padding: 0.2em 0.6em;
	width: 80px;
	height: 30px;
	background: #22BCE0;
	border: 1px solid #22BCE0;
	box-shadow: rgba(0,0,0,0.5) 5px 5px 20px;
	text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
	color: white;
}


.barra_titulo2 .listaTitulo2 {
  position: relative;
  display: inline-block;
  float: left;
  padding: 1px;
  font-family: 'Raleway', sans-serif;
  margin-left: -20px;
  height: 50px;
  width: 938px;
  background-color: #8EC63F;
  text-align: center;
  z-index: 100;
  margin-top: -30px;
  position: fixed;
}

 .barra_titulo2 .listaTitulo2 li {
  float: left;
  list-style: none;
  text-align: left; }
 
 .barra_titulo2 .listaTitulo2 li a {
  color: white;
  display: block;
  padding: 25px 25px;
  text-decoration: none;
  white-space: nowrap; }

.barra_titulo3 .listaTitulo3 {
  position: relative;
  display: inline-block;
  float: left;
  padding: 1px;
  font-family: 'Raleway', sans-serif;
  margin-left: -20px;
  height: 50px;
  width: 839px;
  background-color: #8EC63F;
  text-align: center;
  z-index: 100;
  margin-top: -30px;
  position: fixed;
}

 .barra_titulo3 .listaTitulo3 li {
  float: left;
  list-style: none;
  text-align: left; }
 
 .barra_titulo3 .listaTitulo3 li a {
  color: white;
  display: block;
  padding: 25px 25px;
  text-decoration: none;
  white-space: nowrap; }


#Encabezado{
  margin-top: -75px;
}

#barra_titulo .listaTitulo {
  position: relative;
  display: inline-block;
  float: left;
  padding: 1px;
  font-family: 'Raleway', sans-serif;
  margin-left: -10px;
  height: 50px;
  width: 800px;
  background-color: #8EC63F;
  text-align: center;
  min-width: 995px;
  width: 100%;
  z-index: 100;
  margin-top: -30px;
  position: fixed;
  -o-animation:superior .5s;
  -ms-animation:superior .5s;
  -moz-animation:superior .5s;
  -webkit-animation:superior .5s;
  animation:superior .5s;
  -o-transition:.3s;-ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
   }
 #barra_titulo .listaTitulo li {
  float: left;
  list-style: none;
  text-align: left; }
 
 #barra_titulo .listaTitulo li a {
  color: white;
  display: block;
  padding: 25px 25px;
  text-decoration: none;
  white-space: nowrap; }
 #barra_titulo .listaTitulo li:hover ul {
    visibility: visible; }

/* NAVEGACION DEL SITIO */

#Menu{
	background:#8EC63F;
	font-family:'Open Sans',sans-serif;
	bottom:0;padding:5px;
	position:fixed;
	top:0;
	width:230px;
	text-align:center;
	left: -10px;
	-o-animation:Menu .5s;
	-ms-animation:Menu .5s;
	-moz-animation:Menu .5s;
	-webkit-animation:Menu .5s;
	animation:Menu .5s;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	z-index:2;color:#fff;
	overflow:hidden;
}

#Menu a{color:#fff}

#Menu .Options{
	margin:0 -40px;
	position:relative;
	right:20px;margin-top: 10px;
}
#Menu .Options .OptionSelect a{
	display:block;
	text-decoration:none;
	padding:10px;
	text-transform:uppercase;
	font-size:12px;
}

#Menu .Options .OptionSelect a:hover{
	color:#404045;
	background:#f2f2f2
}
#Menu .Options .OptionSelect a.active{
	color:#404045;
}


.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background-image: url("static/images/icon_top.png") no-repeat;
}


/* CONTENEDOR PRINCIPAL */		/* CONTENEDOR PRINCIPAL */		/* CONTENEDOR PRINCIPAL */
		

#Contenedor{
	margin-left:100px;
	margin-top:105px;
	padding:20px;
	width: 4000px;
	-o-animation:Contenedor .7s;
	-ms-animation:Contenedor .7s;
	-moz-animation:Contenedor .7s;
	-webkit-animation:Contenedor .7s;
	animation:Contenedor .7s;
	position:relative;
}

#Contenedor .title{
	font-size:40px;
	display:inline-block;
	border-bottom:2px solid #8EC63F;
	margin-bottom:50px;
	color: gray;
	font-family:'Open Sans',sans-serif;
}

.labels2{
	color: gray;
	font-family:'Open Sans',sans-serif;
}

@media screen and (max-width:1000px){#Menu{width:300px}
#Contenedor{margin-left:340px}
}@media screen and (max-width:767px){#Menu{position:static;width:auto;}

#Contenedor{margin:0}
}@-moz-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-webkit-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-o-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-ms-keyframes Menu{0%{left:-300px}
100%{left:0}
}@keyframes Menu{0%{left:-300px}
100%{left:0}
}@-moz-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-webkit-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-o-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-ms-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@keyframes Contenedor{0%{right:100%}
100%{right:0}
}


#ContenedorServicios{
	margin-left:0px;
	margin-top:105px;
	padding:-5px;
	width: 1300px;
	-o-animation:Contenedor .7s;
	-ms-animation:Contenedor .7s;
	-moz-animation:Contenedor .7s;
	-webkit-animation:Contenedor .7s;
	animation:Contenedor .7s;
	position:relative;
}

#ContenedorServicios .title{
	font-size:40px;
	display:inline-block;
	border-bottom:2px solid #8EC63F;
	margin-bottom:50px;
	color: gray;
	font-family:'Open Sans',sans-serif;
}

@media screen and (max-width:1000px){#Menu{width:300px}
#ContenedorServicios{margin-left:340px}
}@media screen and (max-width:767px){#Menu{position:static;width:auto;}

#ContenedorServicios{margin:0}
}@-moz-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-webkit-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-o-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-ms-keyframes Menu{0%{left:-300px}
100%{left:0}
}@keyframes Menu{0%{left:-300px}
100%{left:0}
}@-moz-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-webkit-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-o-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-ms-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@keyframes Contenedor{0%{right:100%}
100%{right:0}
}

#ContenedorCitas{
	margin-left:300px;
	margin-top:10px;
	padding:-5px;
	width: 1000px;
	-o-animation:Contenedor .7s;
	-ms-animation:Contenedor .7s;
	-moz-animation:Contenedor .7s;
	-webkit-animation:Contenedor .7s;
	animation:Contenedor .7s;
	position:relative;
}

#ContenedorCitas .title{
	font-size:40px;
	display:inline-block;
	border-bottom:2px solid #8EC63F;
	margin-bottom:50px;
	color: gray;
	font-family:'Open Sans',sans-serif;
}

@media screen and (max-width:1000px){#Menu{width:300px}
#ContenedorCitas{margin-left:340px}
}@media screen and (max-width:767px){#Menu{position:static;width:auto;}

#ContenedorCitas{margin:0}
}@-moz-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-webkit-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-o-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-ms-keyframes Menu{0%{left:-300px}
100%{left:0}
}@keyframes Menu{0%{left:-300px}
100%{left:0}
}@-moz-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-webkit-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-o-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-ms-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@keyframes Contenedor{0%{right:100%}
100%{right:0}
}



#ContenedorReportingS{
	margin-left:0px;
	margin-top:105px;
	padding:20px;
	width: 800px;
	-o-animation:Contenedor .7s;
	-ms-animation:Contenedor .7s;
	-moz-animation:Contenedor .7s;
	-webkit-animation:Contenedor .7s;
	animation:Contenedor .7s;
	position:relative;
	font-family:'Open Sans',sans-serif;
}
}

@media screen and (max-width:1000px){#Menu{width:300px}
#ContenedorReportingS{margin-left:340px}
}@media screen and (max-width:767px){#Menu{position:static;width:auto;}

#ContenedorReportingS{margin:0}
}@-moz-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-webkit-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-o-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-ms-keyframes Menu{0%{left:-300px}
100%{left:0}
}@keyframes Menu{0%{left:-300px}
100%{left:0}
}@-moz-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-webkit-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-o-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-ms-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@keyframes Contenedor{0%{right:100%}
100%{right:0}
}

#ContenedorTecnicos{
	margin-left:0px;
	margin-top:105px;
	padding:20px;
	width: 600px;
	-o-animation:Contenedor .7s;
	-ms-animation:Contenedor .7s;
	-moz-animation:Contenedor .7s;
	-webkit-animation:Contenedor .7s;
	animation:Contenedor .7s;
	position:relative;
}

@media screen and (max-width:1000px){#Menu{width:300px}
#ContenedorTecnicos{margin-left:340px}
}@media screen and (max-width:767px){#Menu{position:static;width:auto;}

#ContenedorTecnicos{margin:0}
}@-moz-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-webkit-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-o-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-ms-keyframes Menu{0%{left:-300px}
100%{left:0}
}@keyframes Menu{0%{left:-300px}
100%{left:0}
}@-moz-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-webkit-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-o-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-ms-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@keyframes Contenedor{0%{right:100%}
100%{right:0}
}

#ContenedorLevServicios{
	margin-left:100px;
	margin-top:105px;
	padding:20px;
	width: 900px;
	-o-animation:Contenedor .7s;
	-ms-animation:Contenedor .7s;
	-moz-animation:Contenedor .7s;
	-webkit-animation:Contenedor .7s;
	animation:Contenedor .7s;
	position:relative;
}

#ContenedorLevServicios .title{
	font-size:40px;
	display:inline-block;
	border-bottom:2px solid #8EC63F;
	margin-bottom:50px;
	color: gray;
	font-family:'Open Sans',sans-serif;
}

@media screen and (max-width:1000px){#Menu{width:300px}
#ContenedorLevServicios{margin-left:340px}
}@media screen and (max-width:767px){#Menu{position:static;width:auto;}

#ContenedorLevServicios{margin:0}
}@-moz-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-webkit-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-o-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-ms-keyframes Menu{0%{left:-300px}
100%{left:0}
}@keyframes Menu{0%{left:-300px}
100%{left:0}
}@-moz-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-webkit-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-o-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-ms-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@keyframes Contenedor{0%{right:100%}
100%{right:0}
}

/* FORMULARIOS */		/* FORMULARIOS */
		


	/* SALES PROFILE */		/* SALES PROFILE */		/* SALES PROFILE */



#SubirImagen{

		
		font-family:'Open Sans',sans-serif;
		margin-Left: 650px;
		margin-top: -300px;
		width: 300px;
		
	}


	#Prospectos{

		
	

	}

	

	#FormPros{

		
		font-family:'Open Sans',sans-serif;
		margin-bottom: 1px;
		
	}

	#FormProsAnt{
		margin-top: -90px;	
		font-family:'Open Sans',sans-serif;
		margin-bottom: 1px;
		width: auto;
		background: #f2f2f2;	
		border-radius: 20px;
		padding: 20px;
	}

	#Documentos{
			font-family:'Open Sans',sans-serif;
		margin-bottom: 1px;
		width: auto;
		background: white;	
		border-radius: 20px;
		padding: 20px;
	}


	#Documentos2{
			font-family:'Open Sans',sans-serif;
		margin-bottom: 1px;
		width: auto;
		background: white;	
		border-radius: 20px;
		padding: 20px;
	}


	#LayoutCitas{

		float: left;
		width: auto;
		font-family:'Open Sans',sans-serif;
		text-align: center;
		border-top-color: #f2f2f2;
		border-bottom-color: #f2f2f2;
		border-left-color: #f2f2f2;
		border-right-color: #8EC63F;
		border-style: solid;
		padding: 35px;
	}

	#CalendarioCitas{

		float: left;
		margin-left: 30px;
		margin-top: 30px;
		width: auto;
		font-family:'Open Sans',sans-serif;
		text-align: center;
	}


	#ReportingS{

		float: left;
		margin-top: 1000px;
		margin-bottom: 500px;
		
		width: auto;

	}

	#gvProspectosDiv{

		margin-top: 90px;
		font-family:'Open Sans',sans-serif;
		text-align: center;
		width: auto;

	}

	#ModificarProspecto{
		float: left;
		border-radius: 20px;
		background: #f2f2f2;
		padding:.8em;
		width: 700px;
		margin-bottom: 10px;
		font-family:'Open Sans',sans-serif;
	}

	#EditarReg{
		float: left;
		border-radius: 20px;
		background: #f2f2f2;
		padding:.8em;
		width: 2000px;
		margin-bottom: 10px;
		margin-top: -90px;
		font-family:'Open Sans',sans-serif;
	}

	
	#CanalForm{
		
	    float:right;
	    margin-right: 20px;
		margin-top: 1px;
	}


	#CanalForm2{
		float:right;
	    margin-right: 3708px;
		margin-top: 1px;
	}

	#CanalForm3{
		float:right;
	    margin-right: 3708px;
		margin-top: 1px;
	}

	#CanalForm4{
		float:right;
	    margin-right: 3708px;
		margin-top: 1px;
	}

	#CanalForm5{
		float:right;
	    margin-right: 3708px;
		margin-top: 1px;
	}

	#StatusForm1{
		float:right;
		margin-right: 3607px;
		margin-top: -50px;
	}

	#CanalFormAnt1{
		float:right;
		margin-right: 360px;
		margin-top: 6px;
	}


	#CanalFormAnt2{
	  float:right;
	  margin-right: 360px;
	  margin-top: 6px;
	}

	#CanalFormAnt3{
	  float:right;
	  margin-right: 360px;
	  margin-top: 6px;
	}

	#CanalFormAnt4{
	  float:right;
	  margin-right: 360px;
	  margin-top: 6px;
	}


	#StatusFormAnt1{
		float:right;
		margin-right: 590px;
		margin-top: -50px;
	}

	#NuevoStatusForm1{
	  float:right;
	  margin-right: 1165px;
	  margin-top: -35px;
	  width: 800px;
	}

	#NuevoStatusForm8{
	  float:right;
	  margin-right: 1530px;
	  margin-top: -32px;
	}


	#TipoPagoForm1{
	  float:right;
	  margin-right: 1103px;
	  margin-top: 0px;
	  width: 500px;
	}

	#CompartirForm1{
	  float:right;
	  margin-right: 1362px;
	  margin-top: -5px;
	  width: 500px;
	}


	#TipoPagoForm2_1{
	  float:right;
	  margin-right: 1103px;
	  margin-top: 0px;
	  width: 500px;
	}

	#CompartirForm2_1{
	  float:right;
	  margin-right: 1362px;
	  margin-top: -5px;
	  width: 500px;
	}

	#TipoPagoForm3_1{
	  float:right;
	  margin-right: 1103px;
	  margin-top: 0px;
	  width: 500px;
	}

	#CompartirForm3_1{
	  float:right;
	  margin-right: 1362px;
	  margin-top: -5px;
	  width: 500px;
	}


	#TipoPagoForm4_1{
	  float:right;
	  margin-right: 1103px;
	  margin-top: 0px;
	  width: 500px;
	}

	#CompartirForm4_1{
	  float:right;
	  margin-right: 1362px;
	  margin-top: -5px;
	  width: 500px;
	}

	#TipoPagoForm5_1{
	  float:right;
	  margin-right: 1103px;
	  margin-top: 0px;
	  width: 500px;
	}

	#CompartirForm5_1{
	  float:right;
	  margin-right: 1362px;
	  margin-top: -5px;
	  width: 500px;
	}

#AsignarServicio{
	
		font-family:'Open Sans',sans-serif;
		float: left;
		margin-top: -45px;
		background: #f2f2f2;
		width: 900px;
		padding: 20px;
		border-radius: 30px;
	}
#LevantarServicio{
	
		font-family:'Open Sans',sans-serif;
		float: left;
		margin-top: -65px;
		background: #f2f2f2;
		width: 900px;
		padding: 20px;
		border-radius: 30px;
	}

	#Extras{
	
		font-family:'Open Sans',sans-serif;
		float: left;
		margin-top: -65px;
		background: #f2f2f2;
		width: 900px;
		padding: 20px;
		border-radius: 30px;
	}

#CalculoManual{
	
		font-family:'Open Sans',sans-serif;
		float: left;
		margin-top: -65px;
		background: #f2f2f2;
		width: 900px;
		padding: 20px;
		border-radius: 30px;
	}

	#CambiarDOCS{
	
		font-family:'Open Sans',sans-serif;
		float: left;
		margin-top: -65px;
		background: #f2f2f2;
		width: 900px;
		padding: 20px;
		border-radius: 30px;
	}

#Script60{
	
		font-family:'Open Sans',sans-serif;
		float: left;
		margin-top: -65px;
		background: #f2f2f2;
		width: 900px;
		padding: 20px;
		border-radius: 30px;
	}



#ControlServicios{
	margin-left:0px;
	margin-top:15px;
	padding:-5px;
	width: 1300px;
	border-radius: 30px;
	background: #f2f2f2;
	-o-animation:Contenedor .7s;
	-ms-animation:Contenedor .7s;
	-moz-animation:Contenedor .7s;
	-webkit-animation:Contenedor .7s;
	animation:Contenedor .7s;
	position:relative;
}

#ControlServicios .title{
	font-size:40px;
	display:inline-block;
	border-bottom:2px solid #8EC63F;
	margin-bottom:50px;
	color: gray;
	font-family:'Open Sans',sans-serif;
}


	/* LOGIN */		/* LOGIN */		/* LOGIN */

#logo{

		border-radius: 30px;

	}

#logo img{

		border-radius: 30px;

	}


	#LoginPage{

		margin-top: -50px;
		float: left;
		font-family:'Open Sans',sans-serif;

	}
	#Credenciales{
		margin-top: -60px;
	}

	#vProspectosFt{

		float: left;
		font-family:'Open Sans',sans-serif;
		text-align: center;
		margin-top: 80px;

	}

	/* ADMIN PROFILE */		/* ADMIN PROFILE */		/* ADMIN PROFILE */

	#CalCitas{
		text-align: center;
		background: #f2f2f2;
		padding: 20px;
		border-radius: 20px;
		font-family:'Open Sans',sans-serif;
	}

	#Crear{
		float: left;
		width: 400px;
		height: 10px;
		margin-top: -50px;
		margin-bottom: 500px;
		background: #f2f2f2;
		padding: 10px;
		border-radius: 30px;
	}

	
	#Mod{
		float: left;
		width: 400px;
		height: 345px;
		margin-top: -50px;
		margin-bottom: 500px;
		background: #f2f2f2;
		padding: 10px;
		border-radius: 30px;
	}

	#OpcionesMod{
		float: left;
	}

	#Mod1{
		float: left;
		margin-left: 45px;
	}

	#Mod2{
		float: left;
		margin-left: 45px;
		margin-top: -29px;
	}

	#Mod3{
		float: left;
		margin-left: 50px;
		margin-top: 41px;
	}


	#ReportingS{
		float: left;
		margin-top: 1000px;
		margin-bottom: 500px;		
		width: auto;
			
	}

	#Reporting{
		float: left;	
		margin-top: 1000px;
		margin-bottom: 500px;		
		width: auto;
			
	}

	#ReportingVentas{
		float: left;
		margin-left: -925px;
		margin-top: 2450px;
		margin-bottom: 500px;		
		width: auto;			
	}


	#AsignarForm1{
	 float:right;
     margin-right: 3760px;
     margin-top: -205px;
	}

	#AStatusForm1{
		float:right;
		margin-right: 3607px;
		margin-top: 50px;
	}

	#vProspectosDiv{

		margin-top: 90px;
		font-family:'Open Sans',sans-serif;
		text-align: center;
		width: auto;	
	}

	#AStatusForm1{
		float:right;
		margin-right: 3607px;
		margin-top: -255px;
	}

	#DDLMant{
		float:right;
		margin-right: 620px;
		margin-top: -30px;
	}

	/* VENTAS ADMIN */		/* VENTAS ADMIN */		/* VENTAS ADMIN */

#ContenedorVentas{
	margin-left:-5px;
	margin-top:105px;

	width: 600px;

	-o-animation:Contenedor .7s;
	-ms-animation:Contenedor .7s;
	-moz-animation:Contenedor .7s;
	-webkit-animation:Contenedor .7s;
	animation:Contenedor .7s;
	position:relative;
}

@media screen and (max-width:1000px){#Menu{width:300px}
#ContenedorVentas{margin-left:340px}
}@media screen and (max-width:767px){#Menu{position:static;width:auto;}

#ContenedorVentas{margin:0}
}@-moz-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-webkit-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-o-keyframes Menu{0%{left:-300px}
100%{left:0}
}@-ms-keyframes Menu{0%{left:-300px}
100%{left:0}
}@keyframes Menu{0%{left:-300px}
100%{left:0}
}@-moz-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-webkit-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-o-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@-ms-keyframes Contenedor{0%{right:100%}
100%{right:0}
}@keyframes Contenedor{0%{right:100%}
100%{right:0}
}

#ContenedorVentas .title{
	font-size:40px;
	display:inline-block;
	border-bottom:2px solid #8EC63F;
	margin-bottom:50px;
	color: gray;
	font-family:'Open Sans',sans-serif;
}

#gvVentasDiv{

		
		font-family:'Open Sans',sans-serif;		
		
		
}

	#Procesar{
		border-radius: 20px;
		background: #f2f2f2;
		padding:.8em;
		width: 1270px;
		margin-bottom: 10px;
		margin-top: -90px;
		font-family:'Open Sans',sans-serif;
	}

#VentasGrid{
		
}

#RServiciosGrid{
		margin-top: 50px;
}

#RCitasGrid{
	    margin-top: 100px;
		margin-Left: 100px;
}



/* GRAFICAS */		/* AGRAFICAS */		/* GRAFICAS */

#GraficoDashboard {
  
  margin-top: -500px;
  margin-left:500px;
 
}

#EncabezadoRendimiento {
  padding: 15px 20px;
  padding-bottom: 30px;
  margin-top: -1px
  margin-left:5px;
  height: 3px;
  background: #8EC63F;
  width: 880px;
  color: white;
}

#Rendimiento{
  width: 920px;
  height: 530px;
  background: #f2f2f2;
  border-radius: 20px;
  margin-top: -10px;
  margin-left: 300px;
}

#RendimientoTags{
  margin-top: 50px;
  margin-left: 200px;
}

#CompEjecutivo{
	 margin-top: -60px;
	 margin-left: 80px;
}


#CompEjecutivo2{
	 margin-top: -20px;
	 margin-left: 80px;
}

#canvas-holder{
	 margin-top: 30px;
	 margin-left: 130px;
}
	/* Formulario de Filtros Reporting */

.filtros{
	text-align: center;
	padding:.8em;
	
	background: #8EC63F;
	float: left;
	margin-left: 2px;
	margin-top: -30px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: rgba(0,0,0,0.5) 5px 5px 20px;
	text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
}

.filtrosRServices{
	text-align: center;
	width: 800px;
	padding:.8em;
	margin-top: -300px;
	background: #8EC63F;
	float: left;
	margin-left: 2px;
	margin-top: 100px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: rgba(0,0,0,0.5) 5px 5px 20px;
	text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
}

.filtros input{
	border-radius: 5px;
	padding: 0.2em 0.6em;
	width: 100px;
}

.filtros input[type="text"],
.filtros input[type="url"]{
	border: 1px solid #888;
}
.filtros input[type="submit"]{
	background: #22BCE0;
	border: 1px solid #22BCE0;
	box-shadow: rgba(0,0,0,0.5) 5px 5px 20px;
	text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
	color: white;
}



/* MODAL */

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.carga {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('static/images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

#Porcentaje{
  float: left;
  margin-left: 380px;
  margin-top: 40px;
  font-family:'Open Sans',sans-serif;
 
}
.chart {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  margin-top: -335px;
  margin-bottom: 50px;
  text-align: center;
  margin-right:22px;
  font-weight:bold;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 160px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}


.percent2 {
  display: inline-block;
  line-height: 160px;
  z-index: 2;
}
.percent2:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}

#calendar{
		
	 font-family:'Open Sans',sans-serif;	
	 
	}


/* CLOCK */ 


#clockp{
	float:right;
    margin-right: 30px;
    margin-top: 1px;
}

#clockp2{
	float:right;
	margin-right: 230px;
    margin-top: -35px;
}

#clockpCitas{
	float:left;
    margin-left: 50px;
}


.hljs-pre {
	background: #f8f8f8;
	padding: 3px;
}

.pull-center {
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px) {
  .container {
    max-width: 730px;
  }
}
@media (max-width: 767px) {
  .pull-center {
    float: right;
  }
}
.loader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align:right;
    text-decoration:none;
}


/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }