@media all {
	.mainconten{ width: 1024px; margin: 0 auto; height: 768px;}
	.conten{ width: 1024px; height: 736px; overflow: auto;}
	.contenFooter{ width: 1000px; height: 32px; padding: 0 12px; overflow: auto;}
	.topHead{ width: 100%; height: 64px;}
		.topHead div{width: 115px; height: 20px; padding-left: 45px !important; padding: 22px 0;}
		.topHead select{height: 33px; width: 225px; }
	.selected{ padding: 20px 0 !important;}

	.login{ height: 500px; width: 420px;}
		.login p{ height: 77px; width: 90%; padding: 38px 5%;}
		.login input{ height: 56px; width: 358px;}
		.login a{ float:left;}
		.login div{ height: 32px; padding: 16px 0; width: 100%; float:left; margin-top: 18px;}

	.register{}
		.register img{ height: auto; width: 150px; display: block; margin: 0 auto; margin-top: 95px; margin-bottom: 75px;}
		.register p{ height: 27px; width: 100%; margin-bottom: 19px;}
		.register input{ height: 56px;  width: 498px; margin: 0 auto;}
		.register div{ height: 31px; padding: 15px 0; width: 502px; margin-left: 255px;}
		.register select{height: 56px; width: 502px; }
	#gesionConten button{ height: 35px; width: 15%; margin-top: 7px; margin-left: 5%; }

	.salesDay {height: 204px; width: 164px; float: left; padding: 17px;}
	.tools {height: 204px; width: 644px; float: left; padding: 17px;}
	.informes { margin: 0px; height: 284px; width: 892px; float: left; padding: 17px;}
		.informes p ,.tools p,.salesDay p{ margin: 0px;  height: 34px;}
		.salesDay div{ margin: 0px;  height: 46px; padding: 27px 0 67px;}
		.tools a div, .salesDay a span{ margin: 0px;  height: 25px; min-width: 80px; padding-top: 55px; width: auto;}
		.informes #chart1 { margin: 0px; height: 207px;}

	.gestion, .wizard, .ticket{ margin: 0px;height: 572px; width: 708px; float: left; padding: 17px; margin-top: 48px; margin-left: 48px;}
        .ticket{ overflow-y: scroll; overflow-x: hidden; }
		.gestion #contenlistitem { margin: 0px; float: right; width: 100%;}
		.gestion #contenlistitem p{ margin: 0px; height: 34px; float: left; width: auto;}
		.gestion #itemrow { margin: 0px; height: 15px; width: 100%; float: left; padding:17px 0;}
        .gestion .itemfirst { padding-top: 0px !important; }
    
        .gestion #itemcolDesc { width: 60%;float: left; }
        .gestion #itemcolActions { width: 40%;float: left; }
            #itemcolActions .buttonNewCart {   margin-top: 0px !important; }
            #itemcolActions #itemcol { width: 50px !important; margin-right: 10px; padding: 0px 13px !important;}
    
        .gestion #itemcolDesc2 { width: 80%;float: left; }
        .gestion #itemcolActions2 { width: 20%;float: left; }
        .gestion #itemcol { width: auto;float: left; }
        #itemcolPedNro {width:120px;float: left;}
        #itemcolCount {width:40px;float: left; text-align: center;}
        #itemcolCreated, #itemcolLast {width:120px;float: left;}
        #itemcolCodnac {width:99px;float: left;}
        #itemcolName {width:400px;float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
        
		.gestion #itemrow img{ margin: 0px; height: 20px; width: auto; float: right;}
        
        #btnSalir { float: left; }
        #totalize { float: right;
background-color: #969696;
clear: none;
margin-right: 40px;
/* font-size: 24px; */
width: 150px;
text-align: right;
padding-right: 5px;
color: #ffffff; }
    
	.gestiontools{ margin: 0px; height: 572px; width: 100px; float: left; padding: 17px;}
		.gestiontools p{ margin: 0px;  height: 34px; float: left; width: 100%; }
		.gestiontools div{ margin: 0px;  height: 162px; width: 100%; float: left;}
		.gestiontools h3 {margin-top: 20px; float: left; margin: 0px;}
		.gestiontools div img{ height: 32px; width: auto; display: block;}
		.gestiontools a div{ height: 25px; min-width: 95px; padding-top: 55px; width: auto;}
    .notice { clear: left; float: left; width: 100%; height: auto; margin-top: 7px; font-size: 12px; line-height: 17px;}
    #chart1 { -moz-column-count: 4; -moz-column-gap: 20px;  -webkit-column-count: 4;  -webkit-column-gap: 20px;  column-count: 4;   column-gap: 20px; list-style: none;  }
    #chart1 li { line-height: 17px; font-size: 12px; }
    #chart1 li #chartName { float:left; min-height: 18px; width: 70%; }
    #chart1 li #chartMinimo { text-align: right; float: right; width: 30%; font-style: normal; }
	
	.circleOff, .circleOn{ height: 12px !important; width: 12px !important; float: right !important;}
	.buttonNewCart { height: 17px; /* width: 180px; */ float: right; padding: 12px 40px;}
	.goback { height: 16px !important; padding: 16px 0 !important; float: left !important; width: 548px !important;  margin-left: -17px !important;}
		.goback spam{ height: 16px !important; }
		.goback img{ float: right; margin-right: 32px; cursor: pointer;}
	.historyFirst {margin-left: 16px !important;}
	.historySecond {margin-left: 53px !important; }
	.historyThird {margin-left: 91px !important; }
	.createLocal {height: 500px;}
	.divmap{ height: 280px !important; width: 484px !important; border: solid 2px #959595 !important; margin-bottom: 32px;}
    
    .setItemOrder{ float: left; clear: left; width: 100%; margin-top: 5px;}
    .setItemOrder .itemrowOrder { float: left; clear: left; width: 100%; } 
    
    .setItemOrder .autocomplete { width: 67%; float: left; clear: left; }
    .setItemOrder .quantity { width: 9.5%; float: left; clear: none; }
    .setItemOrder input{ border:0px; border-bottom: solid 1px #959595; color: #696969; margin-bottom: 5px; text-align: center; font-size: 14px; }
    .setItemOrder .itemrowOrder input {  background-color: #EBE8F5; }
    .setItemOrder .itemrowBack input { background-color: #ffffff; color:#676767; }
    .setItemOrder .itemrowBack input.autocomplete { text-align: left; }
    .setItemOrder .itemrowBack input.quantity { text-align:right; }
    
    .labInfo { margin-bottom: 20px; clear: left; float: left; width: 100%; }
    .labInfo * { font-size: 14px;  }
    .labInfo input { background-color: #969696; color:#ffffff; }
    .labInfo .labName { width: 48%; float: left; clear: left; }
    .labInfo .labMinName { width: 10%; float: left; }
    .labInfo .labMin { width: 15%; float: left; }
    .labInfo .labTotName { width: 7%; float: left; }
    .labInfo .labTot { width: 15.5%; float: left; text-align: right; padding-right: 1%; }
    
    .ui-autocomplete { font-size: 14px; }
    .ui-autocomplete .ui-menu-item { background-color: #f5f5f5; color:#696969; font-size: 11px; line-height: 20px; }
    .ui-state-hover, .ui-autocomplete .ui-menu-item:hover, .ui-state-focus { width: 100%; background-color: #f5f5f5; color:#000000; }
    /*.ui-state-hover, .ui-autocomplete li:hover, .ui-state-focus{width: 100%; color:#FFF; background:#696969; outline:none; }*/
    
	.setItem{}
		.setItem img{height: 168px !important; display: block !important; width: auto !important; float: none !important; }
		.setItem p{ height: 27px; width: 100%; margin-bottom: 19px;}
		.setItem input{ height: 56px;  width: 97%;}
		.setItem select{height: 62px;; width: 98%; }
		.setItem textarea{ height: 168px;  width: 96%;}
	.contenBoxDialog {position: absolute; width: 318px; height: auto;}
		.contenBoxDialog img{float: left;}
	.boxDialog {width: 300px; padding: 20px 5px; height: auto;}

	.wizardSector{width: 60% !important;; float: left !important;;}
	.wizardTable{float: left !important;; width: 17% !important;; margin-left: 9px !important;;}
	.wizardPrefix{float: left !important;; width: 16% !important;; margin-left: 9px !important;;}
	.wizard div{ float: left; width: 100%;}
	.wizard div div{ padding-top: 32px;}
	.gmnoprint div{display: none !important;}
	.dailyMenu{ width: 35%!important; margin-left: 2%!important; }

	.maincontenBlock { height: 768px; width: 1024px; position: absolute; top: 0px; }
	.contenalert { width: 450px; height: 320px; top: 224px; position: absolute; float: left;}
		.contenalert div{ height: 100px; width: 390px; float: left; }
	.contenalertbutton { width: 100% !important; height: 50% !important;}
		.contenalertbutton div{ padding: 50px 0; width: 222px; height: 60px !important;}
	
	.informe {}
		.informe iframe{width: 1024px; height: 665px;}
	.selectcity { width: 100px !important; float: left; height: auto !important;}
		.selectcity input[type=button]{ width: 98%; height: 50px; font-size: 25px; line-height: 50px; padding: 0px; color: #000; border: initial;}
	.ciudades{ float: left; height: auto !important; }
		.ciudades div{clear: left; float: left;}
	#searchandorder { height: 17px; float: left; padding: 12px 40px; }
	#contenfield { float: left; clear: left; height: auto; width: auto; font-family: nunitor; font-size: 16px;}

	.fielddata {float: left !important; height: auto !important; width: auto !important;}
		.fielddata p{ float: left; font-size: 13px !important; }
	.fieldname { width: 70% !important; float: left !important; }
	.fieldvalue { width: 25% !important; float: left !important; margin-left: 2% !important; }

#slideshow  { margin: 0px;height: 572px; width: 708px; float: left; padding: 17px; margin-top: 48px; margin-left: 96px; }
    
#slideShowContainer{
    width:710px;
    height:510px;
    position:relative;
    margin:40px auto;
}

#slideShow{
    position:absolute;
    height:490px;
    width:690px;
    background-color:#fff;
    margin:10px 0 0 10px;
    z-index:100;

    -moz-box-shadow:0 0 10px #111;
    -webkit-box-shadow:0 0 10px #111;
    box-shadow:0 0 10px #111;
    
}

#slideShow ul{
    position:absolute;
    top:15px;
    right:15px;
    bottom:15px;
    left:15px;
    list-style:none;
    overflow:hidden;
    
}

#slideShow li{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff;
    text-align: center;
}

#slideShowContainer > a{
    border:none;
    text-decoration:none;
    text-indent:-99999px;
    overflow:hidden;
    width:36px;
    height:37px;
    background:url('../images/arrows.png') no-repeat;
    position:absolute;
    top:50%;
    margin-top:-21px;
}

#previousLink{
    left:-38px;
}

#previousLink:hover{
    background-position:bottom left;
}

a#nextLink{
    right:-38px;
    background-position:top right;
}

#nextLink:hover{
    background-position:bottom right;
}	
}