body a span th tr td table div label h1 h2 h3 h4 ul li{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0;
	padding:0;
}
h1{
	font-size:20px;
	font-weight:bold;
}
h2{
	font-size:18px;
	font-weight:bold;
}
h3{
	font-size:16px;
	font-weight:bold;
}
h4{
	font-size:14px;
	font-weight:bold;
}
.login{
	margin:0 auto;
	padding:140px 0 10px;
	width:500px;
	height:200px;
	text-align:center;
}
.login h1{
	font-size:40px;
}
.login .content{
	width:500px;
	border:1px solid #E5E5E5;
	padding: 10px 10px 0;
	box-shadow:0 4px 10px -1px rgba(200, 200, 200, 0.7);
}
.login .content .rows{
	float:left;
	clear:both;
	padding:0 0 10px;
}
.login .content label{
	font-size:20px;
	font-weight:bold;
	float:left;
	display:block;
	width:120px;
	text-align:left;
}
.login .content .input{
	border:#003399 1px solid;
	font-size:20px;
	height:40px;
	width:370px;
	color:#333;
}
.login .content .send{
	float:right;
	width:150px;
	height:40px;
	font-size:20px;
	margin-right:10px;
	cursor:pointer;
}
.sideleft{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	height:100%;
	width:233px;
	max-width:233px;
	background-color:#FFF;
	border:1px solid #ddd;
	vertical-align:top;
	border-collapse:collapse;	
}
.sideleft ul,.mnusecundario ul{
	margin:0;
	padding:0;
}

.border{
	float:left;
	left:233px;
	overflow:hidden;
	position:absolute;
	transition:left 0s ease 0s;
	z-index:4;
	background:none repeat scroll 0 0 #F5F5F5;
	border-left:1px solid #C8C8C8;
	border-right:1px solid #DDDDDD;
	box-shadow:-1px 0 3px rgba(0, 0, 0, 0.2);
	cursor:w-resize;
	height:100%;
	width:5px;	
}
.sidecontent{
	min-width:760px;
	width:auto;
	vertical-align:top;
	height:auto;
	border-collapse:collapse;
	overflow:hidden;
	color:#444444;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
.menuleft{
	color:#444444;
	font-size:13px;
	font-weight:normal;
	padding:0;
	text-transform:none;
	background-image:-moz-linear-gradient(center top , #F9F9F9, #F2F2F2);
	border-bottom:1px solid #CCCCCC;
	border-collapse:collapse;
	cursor:pointer;
}
.menuleft .mcontent{
	transition:all 130ms ease-in-out 0s;
	border-left:4px solid rgba(0, 0, 0, 0);
	text-transform:none;
	cursor:pointer;
}
.link1 {
  color: #428bca;
  text-align: center;
  text-decoration: none;
  padding-left: 15px;
}

.link1:hover {
  text-decoration: underline;
  cursor: pointer;
}
.menuleft .mcontent .mborder{
	background-color:rgba(0, 0, 0, 0);
	height:40px;
	margin-right:6px;
	padding:0;
	clear:none;
	float:left;
}
.menuleft .mcontent .micon{
	height:24px;
	width:24px;
	margin:7px 6px 0 0;
	float:left;
}
.mnusecundario{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	height:auto;
	width:233px;
	max-width:233px;
	background-color:#FFF;
	border:1px solid #ddd;
	vertical-align:top;
	border-collapse:collapse;
	display:none;
	position:absolute;
	top:0;
	right:-233px;
	z-index:120;
}
.linkmenu{
	position:relative;
	height:40px;
	width:100%;
	line-height:40px;
	vertical-align:middle;
	display:block;
	color:#444;
	border:1px solid #FFF;
	border-bottom:1px solid #ddd;
	list-style:none;
}
.linkmenu:hover{
	border:1px solid #428bca;
}
.linkmenu a:hover + div, .mnusecundario:hover{
	border:1px solid #428bca;
	display:block;
}
.linkmenu a{
	padding-left:35px;
	height:40px;
	width:195px;
	display:block;
	color:#444;
	font-weight:bold;
	line-height:40px;
	text-decoration:none;
	vertical-align:middle;
}
.icon-cliente{
	background:url(https://markflash.artesanianica.com/imagenes/clientes.png) no-repeat 5px;
}
.icon-addinterview{
	background:url(https://markflash.artesanianica.com/imagenes/add24x24.png) no-repeat 5px;
}
.icon-buscar{
	background:url(https://markflash.artesanianica.com/imagenes/buscar.png) no-repeat 5px;
}
.icon-citas{
	background:url(https://markflash.artesanianica.com/imagenes/citas.png) no-repeat 5px;
}
.icon-logout{
	background:url(https://markflash.artesanianica.com/imagenes/apagar.png) no-repeat 5px;
}
.icon-cuenta{
	background:url(https://markflash.artesanianica.com/imagenes/cuenta.png) no-repeat 5px;
}
.icon-reports{
	background:url(https://markflash.artesanianica.com/imagenes/rep.gif) no-repeat 5px;
}
.icon-promotor{
	background:url(https://markflash.artesanianica.com/imagenes/promotores.png) no-repeat 5px;
}
.icon-punto-venta{
	background:url(https://markflash.artesanianica.com/imagenes/punto-venta.png) no-repeat 5px;
}
.icon-ploteo{
	background:url(https://markflash.artesanianica.com/imagenes/ploteo.png) no-repeat 5px;
}
.icon-articulos{
	background:url(https://markflash.artesanianica.com/imagenes/articulos.png) no-repeat 5px;
}
.icon-roles{
	background:url(https://markflash.artesanianica.com/imagenes/roles24x24.png) no-repeat 5px;
}
.icon-ubicaciones{
	background:url(https://markflash.artesanianica.com/imagenes/ubicaciones24x24.png) no-repeat 5px;
}
.icon-formatos{
	background:url(https://markflash.artesanianica.com/imagenes/formatos24x24.png) no-repeat 5px;
}
.icon-competencia{
	background:url(https://markflash.artesanianica.com/imagenes/competencia24x24.png) no-repeat 5px;
}
.icon-productos_competencia{
	background:url(https://markflash.artesanianica.com/imagenes/productos_competencia24x24.png) no-repeat 5px;
}
.icon-categories{
	background:url(https://markflash.artesanianica.com/imagenes/categories24x24.png) no-repeat 5px;
}
.icon-home{
	background:url(https://markflash.artesanianica.com/imagenes/home24x24.png) no-repeat 5px;
}
.icon-informacion{
	background:url(https://markflash.artesanianica.com/imagenes/informacion24x24.png) no-repeat 5px;
}
a.linkmenuselect{
	background-color: #428bca;
    border: 1px solid #428bca;
    color: #fff;
}
.linkmenudown{
	border:1px solid #FFF;
}
.menuleft .mcontent .miconusuarios{
	background:url("https://markflash.artesanianica.com/imagenes/cuenta.png") no-repeat;
}
.menuleft .mcontent .miconaddinterview{
	background:url("https://markflash.artesanianica.com/imagenes/add24x24.png") no-repeat;
}
.menuleft .mcontent .miconbuscar{
	background:url("https://markflash.artesanianica.com/imagenes/buscar.png") no-repeat;
}
.menuleft .mcontent .miconcitas{
	background:url("https://markflash.artesanianica.com/imagenes/citas.png") no-repeat;
}
.menuleft .mcontent .miconlogout{
	background:url("https://markflash.artesanianica.com/imagenes/apagar.png") no-repeat;
}
.menuleft .mcontent .miconclientes{
	background:url("https://markflash.artesanianica.com/imagenes/clientes.png") no-repeat;
}
.menuleft .mcontent .miconreport{
	background:url("https://markflash.artesanianica.com/imagenes/rep.gif") no-repeat;
}
.pricedown{
	display:inline-block;
	width:7px;
	height:16px;
	background:url("https://markflash.artesanianica.com/imagenes/arrowdownred.png") no-repeat;
	margin-left:5px;
}
.priceup{
	display:inline-block;
	width:7px;
	height:16px;
	background:url("https://markflash.artesanianica.com/imagenes/arrowupgreen.png") no-repeat;
	margin-left:5px;
}
.menuleft .mcontent .mlabel{
	height:40px;
	line-height:40px;
	padding:0;
	font-weight:bold;
	
}
.label{
	font-size:12px;
	font-weight:bold;
	margin:0 10px 5px;
	float:left;
	display:block;
	text-align:left;
}
.labelinfo{
	font-size:10px;
	margin:0 10px 5px;
	display:block;
	text-align:left;
}
.contenttext{
	margin:0;
	float:left;
	display:block;
}
.text{
	background:#fff;
	border-radius:5px;
	padding:4px;
	margin:0 10px 5px;
	float:left;
	border:1px solid #428bca;
}
.clear{
	clear:both;
	display:block;
}
.message{
	box-shadow:-1px 0 3px rgba(0, 0, 0, 0.2);
	margin:0 auto 10px;
	padding:10px;
	width:500px;
	border-color:#C8C8C8 #DDDDDD #DDDDDD #C8C8C8;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
}
.topform{
	background:#fff;
	border:1px solid #ddd;
	border-radius:4px 4px 0 0;
	margin:30px auto 0;
	padding:10px;
	border-bottom:none;
}
.footform{
	background:#fff;
	border-radius:0 0 4px 5px;
	border:1px solid #ddd;
	border-top:0 none;
	clear:both;
	float:none;
	margin:0 auto;
	text-align:right;
	padding:10px;
	border-top:none;
}
.button{
	background:#ea6153;
	border:1px solid #ea6153;
	border-radius:5px;
	margin-left:14px;
	padding:10px 15px;
	cursor:pointer;
	color:#fff;
}
.button:hover{
	border:1px solid #428bca;
    
}
.calendario{
	margin:30px auto 0;
	border:1px solid #428bca;
}
.calendario .thcal{
	background: #428bca none repeat scroll 0 0;
    border-bottom: 1px solid #428bca;
    border-top: 1px solid #428bca;
    color: #fff;
    font-weight: bold;
    height: 30px;
    text-align: left;
	padding:10px;
	text-align:center
}
.calendario .day{
	border: none;
    border-collapse: collapse;
    height: 60px;
    line-height: 60px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
	cursor:pointer;
	color:#444;
}
.calendario .day:hover{
	background:#ea6153;
	color:#FFF;	
}
.calendario .day-select{
	background:#428bca;
	font-weight:bold;
	color:#FFF;	
}
.calendario .day2{
	border: none;
    border-collapse: collapse;
    height: 60px;
    line-height: 60px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
	cursor:pointer;
	color:#444;
	float:left;
	text-decoration:none;
	background:#fff;
}
.calendario .day2:hover{
	background:#ea6153;
	color:#FFF;
}
.calendario .day-cita{
	display: block;
    float: right;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 530px;
}

.th{
	background:-moz-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-weight:bold;
	border-right: 1px solid #FFFFFF;
	text-align:left;
	height:20px;
}
.td{
	border-bottom: 1px solid #428bca;
	border-collapse:collapse;
	text-align:left;
}
.bsearch{
	background:url("https://markflash.artesanianica.com/imagenes/buscar.png") no-repeat;
	width:24px;
	height:24px;
	border:1px solid #fff;
	float:left;
	margin-left:-5px;
	cursor:pointer;
	border-radius:5px;
}
.bsearch:hover{
	border:1px solid #428bca;
}
.th2{
	background: #428bca none repeat scroll 0 0;
    border-bottom: 1px solid #428bca;
    border-top: 1px solid #428bca;
    color: #fff;
    font-weight: bold;
    height: 20px;
    text-align: left;
}
.th3{
	background: #ea6153 none repeat scroll 0 0;
    border-bottom: 1px solid #ea6153;
    border-top: 1px solid #ea6153;
    color: #fff;
    font-weight: bold;
    height: 20px;
    text-align: left;
}
.thleft{
	border-left: 1px solid #428bca;
}
.thright{
	border-right:1px solid #428bca;
}
.thleft2{
	border-left: 1px solid #ea6153;
}
.thright2{
	border-right:1px solid #ea6153;
}
.tdleft{
	border-left:1px solid #428bca;
}
.tdright{
	border-right:1px solid#428bca;
}
.arrowUp{
	background:url(https://markflash.artesanianica.com/imagenes/arrow-up.png) center no-repeat;
}
.arrowDown{
	background:url(https://markflash.artesanianica.com/imagenes/arrow-down.png) center no-repeat;
}
.downSearch{
	border: 1px solid #ddd;
    height: 30px;
    margin: 0 auto;
    width: 1000px;
	font-weight:bold;
	text-align:center;
	cursor:pointer
}
#search{
	border: 1px solid #ddd;
    min-height: 230px;
    margin: 0 auto;
    width: 980px;
	font-weight:bold;
	text-align:center;
	display:none;
	padding:5px 10px
}
.div-ubicacion{
	width:250px;
	float:left;
}
.div-categories{
	width:250px;
	float:left;
}
.div-others{
	width:250px;
	float:left;
}
#search .slabel{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
	margin-bottom:10px;
}
.paginacion {
    margin-top: 15px;
    text-align: center;
    width: 100%;
}
ul.pagination {
    font-size: 12px;
    height: 100%;
    list-style-type: none;
    margin: 4px 0;
    overflow: hidden;
    padding: 0;
}
ul.pagination li {
    float: left;
    margin: 0 0 0 5px;
    padding: 0;
}
ul.pagination li:first-child {
    margin-left: 0;
}
ul.pagination li a {
    color: #000;
    display: block;
    padding: 7px 10px;
    text-decoration: none;
}
ul.pagination li a img {
    border: medium none;
}
ul.paginationB li a {
    border: 1px solid;
    border-radius: 3px;
    padding: 6px 9px;
}
ul.paginationB li {
    padding-bottom: 1px;
}
ul.paginationB li a:hover, ul.paginationB li a.current {
    box-shadow: 0 1px #ededed;
    color: #fff;
}
ul.paginationB03 li a {
    background: #f7f9fe none repeat scroll 0 0;
    border-color: #8aaeef;
    color: #1e429a;
}
ul.paginationB03 li a:hover, ul.paginationB03 li a.current {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #c2e0ff 1px, #84affe 1px, #1e429a) repeat scroll 0 0;
    border-color: #1e429a;
    text-shadow: 0 1px #4876c9;
}
.material-icons{
	color:#FFF;
}