/*** quitar lupa ***/
.df-ajax-search, .df-hide-footer{
	display:none!important;
}

/*** quitar redes sociales menu ***/
.df-social-connect{
	display:none;
}

/*** tabuladores ***/
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{ 
	background-color:#7c4199!important; 
	color:#ffffff!important; 
}

/*** menu ***/
.menu-align{
	margin-right:150px;
}
.site-branding{
	margin-left:150px;
}
#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon {
	color:#eee!important;
}

/*** margenes ***/
.margen-top-30{	margin-top:30px; }
.margen-top-50{	margin-top:50px; }
.margen-right-30{ margin-right:30px; }
.espaciado-top-20{ padding-top: 20px; }
.espaciado-bottom-20{ padding-bottom: 20px; }
.espaciado-left-20{ padding-right:20px; }
.espaciado-right-20{ padding-right:20px; }

/*** alinear ***/
.derecha{
	float:right;
}
.izquierda{
	float:left;
}
.centro{
	float:center;
}
.salto{
	clear:both;
}
.tamano{
	height: 18px;
	width: 18px;
}


/*** tablas ***/
table {
    width:100%;
    border-top:1px solid #f7ebf5;
    border-right:1px solid #f7ebf5;
	border-left:1px solid #f7ebf5;
    margin:1em auto;
    border-collapse:collapse;
}
th {
	text-align:center!important;
}
td {
    color:#678197!important;
    border-bottom:1px solid #f7ebf5;
    padding:.3em 1em;
    text-align:center!important;
}
tr:nth-child(2n+1){background-color: #f7ebf5;}
tr td:first-child {
    padding-left:10px;
	border-left:1px solid #f7ebf5;
	text-align:left!important;
}
th:last-child, td:last-child{
	padding-right:10px!important;
}
th, td {
	padding: 13px 16px!important;
}
select{
	height: 2.15em!important;
}
a, .post-pagination i {
    color: #7c4199!important;
}
body, .site-header .main-navigation ul ul a, .df-social-connect a, .languages-list a {
	font-family: "Karla"!important;
    font-size: 15px!important;
    letter-spacing: 0.25px!important;
    color: #676c7b!important;
    font-weight: 400!important;
}
body {
	line-height: 1.875em!important;
}
input, textarea, select, fieldset {
	margin-bottom: 15px!important;
}

/*** botones ***/
.btn {
	display: block!important;
    /*margin: 2px!important;*/
    padding: 8px 13px!important;
    font-size: 1em!important;
    line-height: 1.5!important;
    border-radius: 3px!important;
}
.button, button, input[type=submit], input[type=reset], input[type=button] {
	position: relative!important;
	letter-spacing: 1px!important;
    text-transform: uppercase!important;
}

/*** input ***/
.input-customer {
	background-color: #f7ebf5!important;
	height: 2em!important;
}

/*** select ***/
#select-hardware, #select-software  {
	width:100%;
}

/*** iconos ***/
.editar {
	background: url("../img/icon_edit.png") no-repeat center center;
	display: inline-block;
	height: 20px;
	width: 20px;
}
.editar:hover {
	background: url("../img/icon_edit_act.png") no-repeat;
	background-position: center;
}
.atras {
	background: url("../img/icon_atras.png") no-repeat center center;
	display: inline-block;
	height: 90px;
	width: 90px;
	margin-left:10px;
}
.atras:hover {
	background: url("../img/icon_atras_act.png") no-repeat;
	background-position: center;
}
.detalle {
	background: url("../img/icon_detalle.png") no-repeat center center;
	display: inline-block;
	height: 20px;
	width: 20px;
}
.detalle:hover {
	background: url("../img/icon_detalle_act.png") no-repeat;
	background-position: center;
}
.instalar {
	background: url("../img/icon_instalar.png") no-repeat center center;
	display: inline-block;
	float: right;
	height: 20px;
	width: 20px;
}
.no-instalar {
	background: url("../img/icon_instalar_no.png") no-repeat center center;
	display: inline-block;
	float: right;
	height: 20px;
	width: 16px;
}
.descargar {
	background: url("../img/icon_descarga.png") no-repeat center center;
	display: inline-block;
	height: 50px;
	width: 57px;
	margin-top: 20px;
}
.curso1 {
	background: url("../img/img_configura_sistema.png") no-repeat center center;
	display: inline-block;
	height: 350px;
	width: 177px;
}
.curso1:hover {
	background: url("../img/img_configura_sistema_act.png") no-repeat;
	background-position: center;
}
.curso2 {
	background: url("../img/img_modulo_basico.png") no-repeat center center;
	display: inline-block;
	height: 350px;
	width: 177px;
}
.curso2:hover {
	background: url("../img/img_modulo_basico_act.png") no-repeat;
	background-position: center;
}
.curso3 {
	background: url("../img/img_modulo_avanzado.png") no-repeat center center;
	display: inline-block;
	height: 350px;
	width: 177px;
}
.curso3:hover {
	background: url("../img/img_modulo_avanzado_act.png") no-repeat;
	background-position: center;
}

/*** alert ***/
.box {
  width: 20%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  /*opacity: 0;*/
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 200px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.modal-instalador {
	width: 70%!important;
}
.marco {
	border:1px solid #f7ebf5;
}

/*** footer ***/
.telefonos a{
	color:#ffffff!important;
}

/*** cursos ***/
#primary{
	padding: 0px 15%;
}

@media screen and (max-width: 800px){
	.modal-instalador{
		width: 99%!important;
	}
}
@media screen and (max-width: 770px){
  .df_span-sm-6{
    text-align:center;
  }
  .df_span-sm-6 .margen-right-30{
    margin-right:0!important;
  }
  .derecha, .izquierda{
    float:none!important;  
  }
  #descarga-software, #aceptar{    
    margin-bottom:10px!important;
  }
 }
@media screen and (max-width: 700px){
  .modal-instalador{
    width: 97%!important;
  }
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
  div.site-branding{
	width:70%;
	height:auto;
	margin-left:10px;
  }
  #primary{
	padding: 0px 10%;
  }
  .atras {
	background: url("../img/icon_atras2.png") no-repeat center center;
	height: 46px;
	width: 50px;
  }
  .atras:hover {
	background: url("../img/icon_atras2_act.png") no-repeat;
  }
}