#cabeceratop{

	display : block;
	width : 95%	;
	max-width : 1200px;
	border-bottom : 3px solid #e9e9e9;

	margin: 0px auto;
	text-align : left;	
}


#cabecera{

	display : block;
	width : 95%	; 
	border-bottom : 3px solid #e9e9e9;
	height : 56px;
	margin: 0px auto;
	margin-bottom : 10px;
	margin-top : -3px;
	max-width : 1200px;	
}



#imglogocabecera {  
  margin-bottom : 20px;
}



#cabecera h1 {

	font-weight: normal;
	font-family : Verdana,Georgia;
	font-size : 26px;
color : #5B6A7D;
}

#cabeceratop h3{
	
	margin-top : 0px;
	font-size : 12px;
}

#cabeceratop h1{
	
	font-family : 'Open Sans',Verdana,Georgia;
	margin-top : 0px;
	font-size : 20px;
	color : #0E6096;	
		font-weight: bold;

	text-shadow : 1px 1px 6px  rgb(169, 189, 202);
}

  

.log_out{ 
  background-image: url(../imagenes/exit.png); 
  background-repeat: no-repeat;
  background-position: -7px 4px ;  
}
.log_in{ 
  background-image: url(../imagenes/candado.png); 
  background-repeat: no-repeat;
  background-position: left top ;  
}

.login{ 

  height : 40px;
  float:right;  
  padding : 5px;
  font :  12px/100% Arial, Helvetica, sans-serif;
  text-align : right; 
  padding-left : 45px; 
  color : #566272;
}

.login:hover {
 color : #ccc;
 //filter: blur(6px);
 //background-color : #566272;
}

.login h3 {
  padding-top : 11px;
  padding-bottom : 4px;
  margin : 0px;
  
}


body {

	font-family : "Helvetica Neue",Helvetica,Arial,sans-serif;
	color : #666;
}



ul {
	list-style : none;
}


li{
  display : list-item;

}

a {
	text-decoration : none;
	color : #666;
}


h1{
   font-size : 20px;
   margin : 10px;
  }
  
h4{
   font-size : 16px;
   margin : 10px;
  }

.subpie h4{
margin-left : 40px;
}  
 
  
h5{
   font-size : 12px;
   margin : 10px;
  }

#principal {
display :block;
//width : 95%;
max-width : 1200px;
margin: 0px auto;
min-height : 500px;
//border : 1px solid black;
padding : 20px;
text-align : center;


}



#izquierda{
	
	display : block;
	float : left;
	border-right : 1px solid rgb(49, 110, 206);
	min-height : 450px;
	width : 10%;	
	

}


#centro{
	display : block;
	float : left;
	//border : 1px solid black;
	min-height : 450px;
	width : 89%;	
	//min-width : 800px;
	margin : 0px auto;
	text-align : center;
}


#derecha{
	display : block;
	float : right;
	//border-left : 1px solid rgb(49, 110, 206);
	min-height : 450px;
	width : 10%;
	text-align : right;

}




#pie{
    margin : 0px auto;
	margin-top : 10px;
	margin-bottom:20px;
	display : block;
	float : left;
//	height : 200px;
	//border-top : 6px solid #2D2D44; 
	width  : 99%;
	//max-width : 1200px;
	padding : 5px;
	text-align : center;
	
}



.subpie{
	display : block;
	float : left;
	height : 195px;
	//border : 1px solid black;
	width  : 24.7%;
	
}


.borde {
    
	border-left : 1px solid #666;

}



.sf-contener {
  clear: both;
  float: left;
  width: 100%; }

.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu {
  position: relative;
  padding: 0;
  width: 95%;
  border-bottom: 3px solid #e9e9e9;
  background: #f6f6f6; }
  @media (max-width: 767px) {
    .sf-menu {
      display: none; } }

.sf-menu ul {
  position: absolute;
  top: -999em;
  background: white; }
  @media (max-width: 767px) {
    .sf-menu ul {
      position: relative; } }

.sf-menu ul li {
  width: 100%; }

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */ }

.sf-menu > li {
  float: left;
  border-right: 1px solid #d6d4d4;
  margin-bottom: -3px; }
  @media (max-width: 767px) {
    .sf-menu > li {
      float: none;
      position: relative;
      border-right: none; }
      .sf-menu > li span {
        position: absolute;
        right: 6px;
        top: 20px;
        width: 30px;
        height: 30px;
        z-index: 2; }
        .sf-menu > li span:after {
          font-family: "FontAwesome";
          content: "\f067";
          font-size: 26px; }
        .sf-menu > li span.active:after {
          content: "\f068"; } }
  .sf-menu > li > a {
    font: 600 18px/22px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #484848;
    display: block;
    padding: 17px 12px;
    border-bottom: 3px solid #e9e9e9; }
  .sf-menu > li.sfHover > a,
  .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
    background: #333333;
    border-bottom-color: #666666;
    color: white; }

.sf-menu li li li a {
  display: inline-block;
  position: relative;
  color: #777777;
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
  padding-bottom: 10px; }
  .sf-menu li li li a:before {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    padding-right: 10px; }
  .sf-menu li li li a:hover {
    color: #333333; }

.sf-menu li ul {
  display: none;
  left: 0;
  top: 59px;
  /* match top ul list item height */
  z-index: 99;
  padding: 12px 0px 18px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
  @media (max-width: 767px) {
    .sf-menu li ul {
      top: 0; } }

.sf-menu li li ul {
  position: static;
  display: block !important;
  opacity: 1 !important;
  background: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }

.sf-menu li li li ul {
  padding: 0 0 0 20px; }

.sf-menu li li li ul {
  width: 220px; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 200px;
  /* match ul width */
  top: 0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 200px;
  /* match ul width */
  top: 0; }

.sf-menu > li > ul {
  padding: 26px 30px 31px;
  width: 100%; }
  .sf-menu > li > ul > li > a {
    text-transform: uppercase;
    font: 600 16px/20px "Open Sans", sans-serif;
    color: #333333; }
    .sf-menu > li > ul > li > a:hover {
      color: #515151; }

.sf-menu > li > ul > li {
  float: left;
  width: 20%;
  padding-right: 15px; }
  @media (max-width: 767px) {
    .sf-menu > li > ul > li {
      width: 50%; } }
  @media (max-width: 479px) {
    .sf-menu > li > ul > li {
      width: 100%; } }
  @media (min-width: 768px) {
    .sf-menu > li > ul > li.first-in-line-lg {
      clear: left; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .sf-menu > li > ul > li.first-in-line-xs {
      clear: left; } }

.sf-menu > li > ul > li#category-thumbnail {
  width: 100% !important;
  float: none;
  clear: both;
  overflow: hidden;
  padding-right: 0; }
  .sf-menu > li > ul > li#category-thumbnail > div {
    float: left;
    padding-left: 10px;
    padding-top: 20px;
    width: 20.333%; }
    @media (max-width: 479px) {
 .sf-menu > li > ul > li#category-thumbnail > div {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
        text-align: center; } }
    .sf-menu > li > ul > li#category-thumbnail > div:first-child {
      padding-left: 0; }
    .sf-menu > li > ul > li#category-thumbnail > div img {
      max-width: 100%;
      display: block; }

.cat-title {
  display: none; }
  @media (max-width: 767px) {
    .cat-title {
      display: block;
      font: 600 18px/22px "Open Sans", sans-serif;
      text-transform: uppercase;
      color: #484848;
      display: block;
      padding: 17px 20px;
      border-bottom: 3px solid #e9e9e9;
      background: #f6f6f6;
      position: relative; }
      .cat-title:hover {
        background: #333333;
        border-bottom-color: #666666;
        color: white; }
      .cat-title:after {
        display: block;
        font-family: "FontAwesome";
        content: "\f067";
        position: absolute;
        right: 15px;
        top: 18px;
        font-size: 26px; }
      .cat-title.active:after {
        content: "\f068"; } }

.sf-menu li.sf-search {
  border: none; }
  .sf-menu li.sf-search input {
    display: inline;
    padding: 0 13px;
    height: 30px;
    line-height: 30px;
    background: white;
    margin: 13px 10px 0 0;
    font-size: 13px;
    color: #9c9b9b;
    border: 1px solid #d6d4d4; }

#online_linea p {
   
   font-size: 10px;
   height : 12px; 
   
}

#online_linea {
   padding : 10px;
   width : 95%;
   display : block;
   background :#FCF6CF;
   margin-bottom: 10px;
    border: 2px solid #d6d4d4;


}


#imgderecha {
  padding : 0px;
  margin : 0px auto;
  width : 100%;
  height : 90px;

}
#imgcabecera {
  padding : 0px;
  margin : 0px auto;
  width : 100%;
  height : 120px;
}

.imgnuevodoc {

    background-image: url(../imagenes/adddoc.png); 
	background-repeat: no-repeat;
	background-position: 5px -1px;
}


.imgborrar {

    background-image: url(../imagenes/delete.png); 
	background-repeat: no-repeat;
	background-position: 5px -1px;

}



#contenedormain {
 
	width : 100%;  
    display: table;
	margin : 0px auto;
    //border: 2px solid #555668;
    text-align:center;
} 


#contenedormainimg {
  width : 100%;
  min-height : 650px;
  text-align:center;
   background-image: url(../imagenes/principal.jpg); 
  background-repeat: no-repeat;
  background-position: center center ;
  
}

#imgprinci {
  
  //border: 2px solid #555668;
 
  width : 60%;
  height : 450px; 
}



.contenedor2 ul {
   // list-style-image: url('/imagenes/punto.png');
	//color : #CCCCCC;
	padding-left : 20px;
	
	font-size : 12px;
}

.contenedor2 li {
	padding-bottom:7px;
}

.contenedor2 a {
	//color : #CCCCCC;
		color : #4B5767;	
}

.contenedor2 a:hover {	 
   
   color : #DB6011;	
   
}


.contenedor1 {

 border-radius: 8px 8px 0px 0px;
 height : 25px;
 //border: 1px solid #C1C1CE;
 //background-color : #d0e5f5;
 margin-top : 30px;
 padding-top : 10px;
 padding-left : 10px;
 
}


#slidelateral {
  margin-top : 20px;

}

.contenedor1 span {

color : #000;
font-size : 14px;

}


.contenedor2{
	
	//background-color : #5C6C79;
	border-top: 2px solid #CCC;
	border-radius: 0px 0px 5px 5px;
}





#etiquetaindice  span{
   
   color : #484848;
}

#online_img_listado {	
  
  padding : 10px;
  width : 95%;

}



.divlateral {

    background :#EDF1FF;
    
    border: 2px solid #555668;
	border-left : 5px solid #555668;
	width : 100%;
	height : 75px;
	margin-left : 10px;
    
	border-radius: 0px 30px 10px 0px;
	
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; 
	
}

.divlateral p{
margin-left : 10px;
font-size: 12px;
margin-top : 2px;
}

.separador{
 width : 5px;
 height : 25px;
 background : #555668;
 //border: 2px solid #555668;
 //border-left : 5px solid #555668;
 margin-left : 55px;
 
}
.separador2{
 width : 100%;
 height : 15px;
 background : #555668;
 margin-left : 10px;
 
}

.divlateral img{
  width : 30px;
  height : 30px;
  margin-bottom : 0px;


}


#cierreleft {
 width : 50%;
 float : left;
}
#cierreright {
 width : 50%;
 float : left;
}


#cabecera2 {
 
	width : 90%;
	float : left;
	padding-bottom : 0px;
	margin-bottom : 0px;
	//border-bottom: 2px solid #C1C1CE;
	//border-left: 5px solid #C1C1CE;
	margin-bottom : 40px;
}




.contesta1 {
 display : table-cell;
 margin-right : 0px; 
 color : #CCC;
// min-width : 100px;
 
 
}

.contesta1.seleccionada span{

  color : #DA640A;  
 
}


.contesta1 span {
  color : #8E989A;
  font-size : 12px;
  margin-right : 10px;
  margin-left : 5px; 
  padding-left : 8px;  
  
}


.contesta {
display : table-row;
float : right;
 margin-top : -40px;
 text-align : left;
}

.contesta2{
	
	background-image: url(../imagenes/triangulo.png); 
	background-repeat: no-repeat;
	background-position:  left top;	
    
	height : 25px;
	color : #FFFFFF;
	padding-left : 5px;
	padding-right : 5px;
}

.contesta2 img  {
  padding-top : 5px;
} 


.contesta2 a {
	color : #CCCCCC;
}


#etiquetaindice {
	
	
//	border: 2px solid #C1C1CE;
		border-bottom: 2px solid #C1C1CE;
	width : 290px;
	height : 28px; 
//	border-radius: 5px 5px 0px 0px;
	color : #37415B;
	padding-top : 10px;
	padding-left : 20px;
	
	margin-right : 50px;
	float:left;
	
  
}


.maximizado {
  width : 100%;
  float : left;
  //background-color : #FFF;
  
}

.divcentrado {

  //float :left;   
    display: table;
	margin : 0px auto;
    text-align:center;
  
}


#online_listado {
  display : block;
 float : left;
 padding-left : 20px;
}

.panelmicuenta {

width : 90%;
height : 50px;
margin : 0px auto;
margin-bottom : 10px;

}

.panelmicuenta span, img{
//margin-left : 20px;
}

.subpanelmicuenta1 {

padding-top :5px;
width : 100%;
height : 25px;
//border-radius: 0px 35px 35px 35px;
//border: 2px solid #C1C1CE;
background : #FFFFFF;
color : #23226C;
}


.subpanelmicuentatop {

width : 30%;
height : 15px;
//border-radius: 35px 35px 0px 0px;
//border: 2px solid #C1C1CE;
//border-bottom : 2px solid #C1C1CE;
margin : 0px;
//background : #CCCCCC;
color : #949494;
}

.contenedor_paneles {

//border: 2px solid #ECECEF;
width : 100%;
margin-top : 30px;
}

.contenedor_paneles input{

 margin-left : 20px; 
 margin-top : 10px;

}

.contenedor_paneles_t h1{
 text-decoration: underline;
 
}

.subpanelmicuenta1 span {
 font-weight: bold;
}



.contenedor_paneles_t {

width : 40%;
border: 2px solid #ECECEF;
padding-top : 10px;
float : left;
margin-left : 50px;
margin-bottom : 30px;
border-radius: 0px 55px 0px 0px;
}




#cabeceraticket {

 border: 1px solid #a6c9e2;
 width : 630px;
 margin : 0px auto;
 background : #dfeffc;
 border-radius: 10px 10px 0px 0px;
 height : 55px;
 padding : 10px;

}

.etiquetascabeceraticket {
  font-size : 11px;
  color : #666;
  
}

.camposcabeceraticket {
  font-size : 16px;
  color : #2e6e9e;
  margin-left : 10px;
  margin-right : 30px;
  
}

#ticketcabeceraticket {

 font-size : 24px;
 color : #2e6e9e;
 margin-left : 10px;
 margin-right : 50px;

}

#separadorcabeceraticket {

border-bottom: 1px solid #A8DBEA;
margin-bottom : 10px;
  
}

#fechacabeceraticket {

 font-size : 20px;
 color : #2e6e9e;
 margin-left : 10px;
 margin-right : 30px;
}

#pieticket {
 
 width : 650px;
 margin : 0px auto;
 background : #FFFFFF;

}

#totalpieticket {

 font-size : 26px;
 color : #2e6e9e;
 margin-left : 10px;
 margin-right : 10px;
}


#totalticket{

 border: 1px solid #a6c9e2;
 width : 250px;
 background : #dfeffc;
 float : right;
 height : 40px;
 padding-top : 20px;
 border-radius: 0px 0px 10px 30px;

}

#totalticket span{
 float:right;
 font-weight: bold;
 font-family : Arial,sans-serif;
}


.contnavegador {
	width : 100%;
	float : left;
    //background-color	: #FFF;
    //border : 1px solid #ccc;
    //border-radius: 5px 15px 5px 5px; 
}

.navegador {
    
	display : block;
    margin : 0px auto;
	background-color	: #FFF;
	width  : 600px;
    border : 1px solid #a6c9e2;
	height : 40px;             
	padding-top : 6px;
	padding-right : 50px;
    border-radius: 10px 10px 5px 5px;
	
}

.navegador span{
  margin-right : 50px;
  font-size : 30px;
  font-family : Georgia,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
		
}

.navboton {
    border-radius: 5px 5px 5px 5px;
    
	width  : 40px;
	
    border : 1px solid #a6c9e2;
	height : 25px;
	margin : 3px;
	float  : right;
	
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; 
	

}

.navboton:hover {
   width : 38px;
   	height : 23px;

   border : 2px solid #a6c9e2;
   background-color	: #A8DBEA;
}
.navboton:active {
   width : 34px;
   margin : 6px;
   border : 1px solid #a6c9e2;
   background-color	: #A8DBEA;
}

#navnext   { background-image: url(../imagenes/navnext.png);}
#navprior { background-image: url(../imagenes/navprior.png);}
#navfirst { background-image: url(../imagenes/navfirst.png);}
#navlast   { background-image: url(../imagenes/navlast.png);}



.gridnavegador {
display : block;
//width : 95%;
width : 900px;
min-height : 500px;

border-top : 2px solid #ccc;

//float : left;
padding: 10px;
background-color	: #FFF;
margin : 0px auto;
margin-top : 20px;

//border-radius: 5px 15px 5px 5px; 
text-align : center; 

}

.cabgridnavegador {	
width : 50%;
 //display:block;
 //float:left;
 border : 2px solid #fff;
 border-radius: 5px 5px 5px 5px; 
 //background-color	: #D9DADC; 
text-align : left;    
margin-top : -30px;
margin-bottom : 10px;

}

.cabgridnavegador  p{	

border : 1px solid #ccc;
padding-left : 20px; 
  color : #18202D;
  font-family: 'Roboto',sans-serif !important;
   background-color	: #D9DADC;
 border-radius: 5px 5px 5px 5px; 
 font-size: 18px;
 line-height: 24px;
font-weight: normal;
margin : 0px;
}

.botonera {
    display : block;   
    float : left;
	 margin: 0px auto;
    // margin-top : -35px;
    // margin-right : 50px;
	width  : 100%;
    //border : 1px solid #2E6E9E;
	height : 70px;

	padding-top : 0px;
	padding-left : 0px;
	margin-bottom : 10px;
   // border-radius: 5px 5px 5px 5px;
    //background-color	: #F0F5FA;
	
	background-image: url(../imagenes/marcalogo.png); 
	background-repeat: no-repeat;
	background-position:  right top;
	
}


.botoneraconex { 
 
	float:left;
	padding : 3px;
	margin-top : 7px;
	margin-left : 10px;
	border-radius: 7px 7px 7px 7px;
	border : 2px solid #FFF;
	
}

.botoneraboton {
    border-radius: 5px 5px 5px 5px;
    
	//width  : 110px;
	
    border-right : 2px solid #C1C1CE;
	border-left : 2px solid #C1C1CE;
	height : 45px;
	margin : 0px;
	float  : left;
	margin-top : 10px;
	margin-left : 20px;
		
	
//	background-color : #EDF3F7;
//	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
//	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
//	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; 
	
}

.imgverdocu {
	background-image: url(../imagenes/verinci.png); 
	background-repeat: no-repeat;
	background-position: 10px 3px;
}
.imgback {
	background-image: url(../imagenes/back.png); 
	background-repeat: no-repeat;
	background-position: 10px 3px;
}




.imgsave {
	background-image: url(../imagenes/save.png); 
	background-repeat: no-repeat;
	background-position: 10px 3px;
}


.botoneraboton p{
  margin : 0px auto;
  // margin-top : 15px;
  padding-top : 5px;
  padding-left : 53px;
  padding-right : 5px; 
  
  font-size : 16px;
  font-family : Georgia,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
  color : #868484; 		
}


.botoneraboton p:hover{
  //font-size : 16px;
  color : #216191; 
  

}

.botoneraboton:hover{
  
  color : #216191; 
   border : 2px solid #CCC;
   	

  

}

.botoneraboton:active{
  
   border : 3px solid #C1C1CE;
  	margin-top : 11px;

   margin-left : 18px;

}


.botoneraboton p:active{
  //font-size : 14px;
  color : #000000;
  //padding-top : 7px;
  //padding-left : 55px;
}



.divnota {
  width : 60%; 
  height : 40px;
  margin : 0px auto;
  
  float : left;
  border-radius: 5px 5px 5px 5px;
  
  padding-left : 20px;
  
  background-image: url(../imagenes/aviso.png); 
  background-repeat: no-repeat;
  background-position: 15px 3px;
 
  background-color	: #F6DEA9;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; 
}


.divnota p {
  padding-left : 50px;
 // padding-top : 10px;
  font-size : 16px;
  color : #263D4C;
  
}

 
.divinfo {
  width : 90%; 
  //display : block;
  
  float : left;
  
  margin : 0px auto;
  margin-top : 40px;
  margin-bottom : 30px;
  
  border-radius: 5px 5px 5px 5px;
  
  padding-left : 70px;
  
  background-image: url(../imagenes/informa.png); 
  background-repeat: no-repeat;
  background-position: 15px 3px;
  text-align : left;
 
  //background-color	: #F6DEA9;
 // -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
 // -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
 // box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; 
}


.divinfo2 {
 
  //width : 90%; 
  //  float : left;
   
  border-radius: 10px 10px 10px 10px;
  padding-left : 10px;
  border-left : 2px solid #C1C1CE;
  
}

.divinfo .separador {

 width : 80%;
 height : 5px;
 border-top : 1px solid #EAEAEA;
 margin-left : 10px;
 padding-left : 0px;
 margin-top : 10px;
 background : #FFF;
 

}


.divinfo p {
  padding-left : 10px;
  margin: 3px;
//  font-size : 15px;
  color : #6B542F;
  font-family: 'Roboto',sans-serif !important;
  
  
 font-size: 18px;
 font-weight: normal;
 line-height: 24px; 
 //padding: 0px 0px 0px 0px;
 //text-shadow: 0px -1px 0px #000;

  // font-family : 'Roboto',Georgia,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
 } 

 
 /*----------------------------------
				CHAT
----------------------------------*/

 
 
 .cont_mensa {
 // display : block;
 // border : 1px solid #626F7F;
 
  float : left;
  width : 100%;
  padding : 0px;
  margin-top : 0px;
  height : 100px;
   
 }
 
 
 
#conten_mensajes {
  float : left;
  width : 80%;
  text-align : left;
  // min-width : 80%; 
} 
 
 
 #conten_usuarios {
 float :left;
 width : 15%;
 
 margin-right : 30px;
 border-right : 1px solid #fff;
 }


  
  .lineizquierda {
  
   
    background-image: url(../imagenes/lined.png); 
    background-repeat: no-repeat;
	background-position: 106px 45px;
  }
  
  
  .chat_msg {
  

	 background-image: url(../imagenes/tienesmen.png); 
    background-repeat: no-repeat;
	background-position: 100% -5px;
  }
  
  .linederecha {
  
    display:inline-block;
	float : right;
	width : 50px; 
	height : 100px;
	
    background-image: url(../imagenes/linedcha.png); 
    background-repeat: no-repeat;
	background-position: 0px 45px;
	
	//border : 1px solid #CCC;
  }
  
  .doblecheck {
    display:inline-block;
    margin-right : 70px;
	float : right;
	width : 50px; 
	height : 100px;
    background-image: url(../imagenes/doblecheck.png); 
    background-repeat: no-repeat;
	background-position: 0px 50px;
	
	
  }
  .simplecheck {
  display:inline-block;
  margin-right : 70px;
	float : right;
	width : 50px; 
	height : 100px;
    background-image: url(../imagenes/check.png); 
    background-repeat: no-repeat;
	background-position: 0px 50px;
	
	
  }
 
  
  
 .spani { 
    padding-top : 30px;
	margin-top : 60px;
	padding-left : 20px;
   color : #6B542F;
   font-size : 11px;
   font-family: 'Roboto',sans-serif !important;
 
 }
 .spand { 
    float : right;
    padding-top : 30px;
	margin-top : 60px;
	padding-right : 20px;
   color : #6B542F;
   font-size : 11px;
   font-family: 'Roboto',sans-serif !important;
 
 }
 
 
 
 .ico_mensa {
    display:inline-block;
	width : 40px;
	height : 50px;
	//top : 5px;
	margin-top : 0px; 
	margin-left : 30px;
	border : 1px solid #CCC;
	background-color : #FFF;
	
	background-image: url(../imagenes/usericon.png); 
    background-repeat: no-repeat;
	background-position: 0px 0px;

 }
 
 
 .ico_USER {
   // display:inline-block;
	width : 90%;
	height : 70px; 
	margin-top : 0px; 
	margin-left : 0px;
	//border : 1px solid  #5C6C79;
	border : 1px solid  #CCC;
    background-color : #FFF;
	//background-color : #E9EAEC;
	//background-image: url(../imagenes/usericon.png); 
    background-repeat: no-repeat;
	background-position: center 5px;
	background-size: 45px 35px;	
	//border-radius: 0px 16px 5px 0px;
	//border-radius: 3px 3px 3px 3px;
	 
	
 }
 
 .chat_bola {
	width : 90%;
	height : 80px; 
  background-repeat: no-repeat;
	background-position: center top;
	border-bottom : 3px solid  #FFF;
	margin-bottom : 20px;
	
 }
 
 .chat_select {
  
  border : 1px solid #CCC;
  border-left : 5px solid #000;
  
  //background-color : #FFF;
  
  background-color : #FFE;   
  margin-left : 10px;
  
 }
 
 
 #icon_select {
    
	background-repeat: no-repeat;
	background-position: center top;
	  
	float : left;
	width : 150px;
	height : 90px;
	margin : 0px auto;
    
 }
 
 #icon_select p {
   margin-left : 0px auto;
   margin-right : 0px auto;
   margin-top : 80px;
   font-size : 15px;
   color : #DB6011;
 }
  
 
  
 
 
 .ico_USER:hover {  opacity: 0.8; }
 .ico_USER:active {  opacity: 0.2; }
 
 
 .ico_chat_cuenta { background-image: url(../imagenes/chat_cuenta.png); }
 .ico_chat_estab { background-image: url(../imagenes/chat_establ.png); }
 .ico_chat_usuarios { background-image: url(../imagenes/chat_usuarios.png); }
 .ico_chat_usuario { background-image: url(../imagenes/chat_usuario.png); }
 .ico_chat_pc { background-image: url(../imagenes/chat_pc.png); }
 
 .ico_USER p{ 
    margin : 0px auto;
    margin-top:  45px;
    font-size : 12px;
    padding : 5px;
	color : #6587C3;
 }

 
 .ico_USER span{ 
    margin : 0px auto;
    margin-top:  10px;
	margin-right : -10px;
    font-size : 18px;
    padding-left  : 5px;
	padding-right  : 5px;
	 float : right;



 }

 .ico_USER span.pend{ 
	background-color : #FC0505;
	border-radius: 10px 10px 10px 10px;
	border : 2px solid #FFF;
 	color : #D0E5F5;
 }
 
 .ico_mensa p {
 
    margin-top:  50px;
 }
 
.ico_mensa span {
 
    margin-top:  -80px;
	margin-left: 12px;
	//border : 1px solid #FFF;
	display : block;
	color : #FFF;
	font-size : 14px;
	height : 20px;
 }
 
  
 .ico_enviar {
    display:inline-block;
	float : right;
	opacity: 0.6;
	width : 90px;
	height : 80px;
	margin-top : 0px; 
	margin-right : 40px;
	border : 1px solid #EFEFEF;
	
	background-image: url(../imagenes/enviar.png); 
    background-repeat: no-repeat;
	background-position: 0px 0px;
 }
 
 
 .ico_enviar:hover {
  //margin-top :0px;
  //margin-right : 38px;
  //border : 1px solid #FFF;
  opacity: 1;
 
 }
 
 .ico_enviar:active {
  margin-top :0px;
  margin-right : 38px;
  //border : 1px solid #FFF;
  opacity: 1;
 
 }
 
 
 .mensa {
 
   display:inline-block;
   
   
   background-color	: #FFF;
   border : 1px solid #626F7F;
   
   margin-left : 50px;
   margin-top : 40px;
   padding : 0px;
   padding-left :0px;
   border-radius: 10px 10px 10px 10px;
   
   color : #6B542F;
   font-size : 20px;
   font-family: 'Roboto',sans-serif !important;
   max-width :50%;
   min-height : 60px;
   min-width : 50px;
    
 }
 
 
 .mensa_propio {
 
   display:inline-block;
   float : right;
   
   
   background-color	: #FDF9A6;
   border : 1px solid #626F7F;
   
   
   margin-top : 40px;
   margin-right : -6px;
   padding : 0px;
   padding-right :20px;
   padding-left : 20px;
   border-radius: 10px 10px 10px 10px;
   
   color : #6B542F;
   font-size : 20px;
   font-family: 'Roboto',sans-serif !important;
   max-width :50%;
   min-height : 60px;
   min-width : 50px;
    
 }
 
 
 .cchat textarea { 
   width : 60% ;
   height : 80px;
    color : #6B542F;
   font-size : 20px;
   font-family: 'Roboto',sans-serif !important;
   margin-bottom : 0px;
  }
 
 .mensa p { 
     
	 padding-left : 20px;
	 padding-right : 30px;
	 padding-top : 0px;
	 padding-bottom : 0px;
 }
 
 
 .sep_chat {
   
    margin-top : 20px;
    width : 100%;
	height : 5px;
    border-top : 3px solid #888D93;	
 
 }
 
 
 
 
 /*------------------------------------------------------------------------
 --------------------------------------------------------------------------
				VERCOMEDOR
 --------------------------------------------------------------------------
 ----------------------------------*/
 
 
 
 .cont_comedor{
     float : left;
	 padding : 0px;
	 display : block;
  
 
 }
 
 .cont_comedor img {
   float : left;
   width : 80%;
   border : 3px solid #888D93;	
   border-radius: 10px 10px 0px 0px;
   margin : 0px;
   min-width : 700px;
 }
 
 
 .contbcom {
   float : left;
   width : 10%;
   margin-left : 3px;
 
 }
 
 .bcomedor {
 
   float : left;
   width : 65px;
   height : 85px;
   border : 2px solid #888D93;	
   border-radius: 3px 3px 3px 3px;
  // margin : 2px;
   background-color : #BFC3B4;
   color : #000;
   opacity: 0.8; 
   
 }
 
 .bcomedor:hover {
	opacity: 0.9; 
 }
 
 .bcomedor:active {
   opacity : 1;
   border : 2px solid #000;	
   margin-left : -3px;
 }
 
 .bcomedor p {
   
   font-size : 30px;
   font-family: 'Roboto',sans-serif !important;
   padding-left : 22px;    
   margin-bottom : 0px;
   padding-bottom : 0px;
 }
 
 .bcomedor span {
   font-size : 12px;
   color : #FBFBE1;
   margin-left : 5px;
 }
 
 .selectbcom {
  margin-left : -5px;
  opacity : 1;
 } 
 
 
 .cont_gra_horas {
	float : left;
	width : 70%;
	
	border-top : 3px solid #888D93;
  border-bottom : 3px solid #888D93;
  border-left : 3px solid #888D93;
  //border : 3px solid #888D93;	
   border-radius: 0px 0px 3px 3px;
   

 }
  
 
 .cont_gra_datos {

   
 width : 10%;
 float : left;
 height : 300px;
  border-top : 3px solid #888D93;
  border-bottom : 3px solid #888D93;
  border-right : 3px solid #888D93;
  
  background-image: url(../imagenes/marcalogo.png); 
  background-repeat: no-repeat;
  background-position: 10px 0px;
  
 }
 
  
 .cont_gra_datos p{
    margin-top : 90px;
	margin-right : 20px;
    font-size : 22px;
	color : #F6FDE0;
	background-color : #71736F;
	border : 2px solid #909090;	
	border-radius: 3px 3px 3px 3px;
 }
 
 
  
 /*------------------------------------------------------------------------
 --------------------------------------------------------------------------
				PIE DE PAGINA
 --------------------------------------------------------------------------
 ----------------------------------*/
 

 .elpie {
 
   width : 100%;
   float: left;
   background-color : #4B5767;
   
   border-top : 2px solid #000;	
 }
 
 .elpie li {
  background-image: url(../imagenes/next.png); 
  background-repeat: no-repeat;
  background-position: 10px 0px;
  padding-left :30px;
  margin : 10px;
 }
 
 .elpie a:hover  {
   color  : #CCC;
 
 }
 
 .elpie  a {
 color : #FFF;
 }
 
 .elpie_izq {
   float : left;
   width : 50%;
   margin-left : 50px;
   
 }
 .elpie_dcha {
   
   float : left;
   width : 40%;
   color : #FFF;  
 }
 
 
 
 
 /*------------------------------------------------------------------------
 --------------------------------------------------------------------------
				QUIENES SOMOS
 --------------------------------------------------------------------------
 ----------------------------------*/
 
 
 .quienessomos {
 
   //width : 90%;
   float : left;
   
   margin-left : 100px;
   margin-right : 100px;
   margin-bottom : 0px;
   padding-bottom : 0px;
   
   border : 5px solid #44505E;	
   background-color : #44505E;	
   text-align : left;
 }
 
 
 
 .quienessomos h1 {
   font-size : 30px;
   color : #FFF;  
   font-family : Georgia,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; 
 }
 
 .quienessomos p {
   text-indent: 5em;
   font-size : 22px;
   line-height : 34px;
   //border : 2px solid #44505E;	
   background-color : #FFF;	
   padding : 30px;
   color : #A59C57; 
 }
  
 
 .qtodo h1 {
   font-size : 30px;
   color : #000;  
   font-family : Georgia,Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; 
 }
 
 
 .qtodo ul { 
	background-color : #FFF;	
	font-size : 20px; 
	line-height : 34px;
 }
 
 .qtodo ul li {
	padding-left: 20px;
    background-image: url(../imagenes/list.png); 
   background-repeat: no-repeat;
   background-position: left center;

 }
 
  
.qtodo {
   float : left;
   width : 100%;
   // border : 1px solid #000;	
 }

 
 .qtodo p {
   text-indent: 5em;
   font-size : 22px;
   line-height : 34px; 
   
   padding : 30px;
   color : #A59C57;
 
 }
 

.qcontenedor {
   
   float : left;	
   width : 90%;
   text-align : left;
    //border-top : 1px solid #000;	
}

 
.pngtablet  {
   background-image: url(../imagenes/tablet.png); 
   background-repeat: no-repeat;
   background-position: left;
}



.pngproximidad  {
   background-image: url(../imagenes/proximidad.png); 
   background-repeat: no-repeat;
   background-position: left;
}
.pngchipo  {
   background-image: url(../imagenes/chipo.png); 
   background-repeat: no-repeat;
   background-position: left;
}




.qleft {
   
   float : left;
   //width : 100%;
   padding-left : 200px;
   // border : 1px solid #000;	
 } 
 
 .titulo21 {
 
   font-size : 16px;
   line-height : 20px; 
   color : #A59C57;
 
 }
  
 
 .incidencia {
 
   width : 98%;	
   float : left;
   //border-bottom : 1px solid #5C6979;	
   border-radius: 5px 5px 5px 5px;
   margin : 3px;
   background-color : #FFF;
   
 }
 
 .incidencia_fecha {
	float : left;
	width: 35px;
   
	border-radius: 5px 5px 5px 5px;
	border : 1px solid #CCC;	
	
	margin : 3px;
	background-color : #FFF;
	text-align : center;   
 }
 
 
 .incidencia_hora {
	
	float : left ;
	//width : 72px;
	margin-top : 25px;
	margin-left : 5px;
	margin-right : 5px;
	font : bold 12px/100% Arial, Helvetica, sans-serif;
	
 }
 
  
 .incidencia_caja {
	float : left ;
	width : 75px;
	height : 50px;
	//border : 1px solid #CCC;	 
	//background-image: url(../imagenes/caja.png); 
	//background-repeat: no-repeat;
	//background-position: left;
	margin-top : 4px;
	margin-left : 5px;
	text-align : center;  
	
 }
 
  .inci_text {
 float : left;
 width : 24px;
 font : 8px/100% Arial, Helvetica, sans-serif;
 line-height: 20px;
 
 //margin-top : 7px;
 //padding-left : 33px;
//border : 1px solid #CCC;	
 
 }
 
 .inci_caja {
 //display : block;
 float : left;
 width : 47px;
 font : bold 18px/100% Arial, Helvetica, sans-serif;
 border-radius: 5px 5px 0px 0px;
 line-height: 20px;
  color : #299631;
 //margin-top : 7px;
 //padding-left : 33px;
 border : 1px solid #CCC;	
 background-color : #EEF2F4; 
 
 }
 
 .inci_cierre { 
 
 float : left;
 width : 47px;
 font : bold 14px/100% Arial, Helvetica, sans-serif;
 //padding-left : 33px;
 color : #F7720B;
 border : 1px solid #CCC;	
 line-height: 20px; 
 border-radius: 0px 0px 5px 5px;
 //margin-right : 26px; 
 //margin-left : 5px;
 background-color : #EEF2F4; 
 }
 
 
  
 .inci_month {
 display : block;
 border-bottom : 1px solid #CCC;	
 width : 100%;
 text-transform : uppercase;
 border-radius: 5px 5px 0px 0px;
 font : 11px/100% Arial, Helvetica, sans-serif;
 background-color : 7CAEBC; 
 color : #FFF;
 padding : 2px 0px;
 
 }
 .inci_year {
 display : block;
 //border : 1px solid #CCC;	
 width : 100%;
 font : 10px/100% Arial, Helvetica, sans-serif;
 
 }
 .inci_day {
 display : block;
 //border : 1px solid #CCC;	
 width : 100%;
 font : bold 18px/100% Arial, Helvetica, sans-serif;
 
 }
 
 
 .incidencia_empleado {
	float : left ;
	width : 90px;
	height : 50px;
	text-align : center;   
	//border : 1px solid #CCC;	 
	background-image: url(../imagenes/vendedor.png); 
	background-repeat: no-repeat;
	background-position: center 5px;
	//margin-top : 2px;
	margin-left : 10px;
 }
 
 
 .inci_empleado {
	display : block;	
	width : 100%;
	font : 12px/100% Arial, Helvetica, sans-serif;
	color : #1A642A;
	margin-top : 35px;
 }
 
 .incidencia_mesa {
	float : left ;
	width : 30px;
	height : 50px;
	text-align : center;   
	margin-left : 20px;
	margin-right : 20px;
	 
 }
 
 
 
 .inci_mesa {
	display : block;	
	width : 30px;
	//height : 50px;
	font : bold 16px/100% Arial, Helvetica, sans-serif;
	color : #1A642A;
	padding  : 10px;
	//margin : 5px;
	
	
	border : 1px solid  #ccc; 
	border-radius : 10px; 
	
	//background-image: url(../imagenes/mesa.png); 
	//background-repeat: no-repeat;
	//background-position: center 1px;
 }
 
 
 .incidencia_ticket {
	float : left ;
	width : 80px;
	height : 50px;
	text-align : center;   
	
	
	
 }
 .inci_ticket {
	display : block;	
	width : 100%;
	height : 50px;
	font : 11px/100% Arial, Helvetica, sans-serif;
	color : #1A642A;
	padding-top : 10px;
	
	background-image: url(../imagenes/ticket.png); 
	background-repeat: no-repeat;
	background-position: center -1px;
 }
 
 
 .incidencia_tipo {
	float : left ;
	width : 300px;
	height : 52px;	
	background-repeat: no-repeat;
	background-position: 210px 1px;	
	
 }
 
 .inci_concepto {
	display : block;	
	width : 100%;
	font : 12px/100% Arial, Helvetica, sans-serif;
	
	margin-top : 10px;
	margin-left : 80px;
 }
 
 .inci_descripcion {
	display : block;	
	width : 100%;
	height : 20px;
	font : bold 16px/100% Arial, Helvetica, sans-serif;
	padding-top : 20px;
	
	
	margin-top : 0px;
	margin-left : 80px;
	
	
 }
 
 .inci_tipo_add {
 background-repeat: no-repeat;
	background-position: 20px 1px;	
   background-image: url(../imagenes/inci_add.png); 
   color : #2F9430;      
 }
 
 .inci_tipo_del {
 background-repeat: no-repeat;
	background-position: 20px 0px;	
   background-image: url(../imagenes/inci_del.png); 
   color : #F00;      
 }
 
 .inci_tipo_aper {
   //background-repeat: no-repeat;
//	background-position: 210px 1px;	
   background-image: url(../imagenes/inci_aper.png); 
   color : #F00;      
   
   
 }
 
 .inci_tipo_cobro_efectivo {
  // background-repeat: no-repeat;
//	background-position: 210px 1px;	
   background-image: url(../imagenes/inci_cobroefectivo.png); 
   color : #A19B9B;      
   
 }
 
 .inci_tipo_trasladar {
   //background-repeat: no-repeat;
//	background-position: 210px 1px;	
   background-image: url(../imagenes/inci_trasladar.png); 
   color : #E28100;      
   //opacity: 0.6;       
 }
 
 
 .inci_tipo_cobro_visa {
  // background-repeat: no-repeat;
//	background-position: 230px 1px;	
   background-image: url(../imagenes/inci_cobrovisa.png); 
   color : #CCC;           
 }
 
 .inci_tipo_cobro_impago{
  // background-repeat: no-repeat;
  // background-position: 230px 1px;	
   background-image: url(../imagenes/inci_cobroimpagado.png); 
   color : #CCC;           
 }
 
 .inci_tipo_cobro_consumicion{
  // background-repeat: no-repeat;
  // background-position: 230px 1px;	
   background-image: url(../imagenes/inci_cobroconsumicion.png); 
   color : #CCC;           
 }
 
 .inci_tipo_cobro_pendiente{
  // background-repeat: no-repeat;
  // background-position: 230px 1px;	
   background-image: url(../imagenes/inci_cobropendiente.png); 
   color : #CCC;           
 }
 
 .inci_tipo_cobro_vip{
  // background-repeat: no-repeat;
  // background-position: 230px 1px;	
   background-image: url(../imagenes/inci_cobrovip.png); 
   color : #CCC;           
 }
 
 .inci_tipo_copiaticket{
  // background-repeat: no-repeat;
  // background-position: 230px 1px;	
   background-image: url(../imagenes/inci_copiaticket.png); 
   color : #CCC;           
 }
 
 
 
 .inci_tipo_cierre {
  // background-repeat: no-repeat;
//	background-position: 230px 1px;	
   background-image: url(../imagenes/inci_cierre.png); 
   color : #F00;      
 }
 .inci_tipo_entrada_empleado {
  // background-repeat: no-repeat;
//	background-position: 230px 1px;	
   background-image: url(../imagenes/inci_entradaempleado.png); 
   color : #A96510;      
 }
 .inci_tipo_invitacion {
   //background-repeat: no-repeat;
	//background-position: 230px 1px;	
   //background-image: url(../imagenes/inci_invitacion.png); 
   color : #0EC9D0;      
 }
 
 
 
 
 .incidencia_total {
	float : left ;
	padding-left : 60px;
	width : 85px;
	height : 50px;
	text-align : right;   
	font : bold 16px/100% Arial, Helvetica, sans-serif;
	color : #6B6BC2;
	margin-right : 5px;
	
 }
 
   
 
 .inci_total {
	display : block;	
	//width : 85;
	height : 50px;
	//font : bold 18px/100% Arial, Helvetica, sans-serif;
	
	padding-top : 5px;
	background-image: url(../imagenes/euros.png); 
	background-repeat: no-repeat;
	background-position: 65px 25px;
	
	
 }
 
 .total_izquierda {
  //float : left;
  padding-left : 0px;
  font : bold 22px/100% Arial, Helvetica, sans-serif;
  color : #F00;
 }
 
 
 /*////////////////////////////////////////////////
 /////////          filtros
 //////////////////////////////////////////////////
 */
 
 .filtro_group {
	float : left;
	width : 98%; 
	margin-left  : 3px;
	margin-right  : 3px;
	background-color : #FFF;
	border : 1px solid #C1C8D2;
 }
 
 
 
 .filtro_labeledit {
	float : left;
	
	margin : 15px;
  
 }
 
 
 .filtro_edit {
	float : left;
	width : 200px;
	height : 34px;
	font-size : 14px;
	line-height : 1.42857;
	color : #555;
	border : 1px solid  #ccc; 
	border-radius : 4px; 
 }
 
 .filtro_label { 
 
 
	display : block;
	font-weight : bold;
	
} 
 
 
 .filtro_filtrar {
 
 font-size : 14px;
 float : left;
 height : 50px;
 margin-left : 5px;
 margin-top : 3px;
 border-radius : 6px; 
 border : 1px solid  #CCC; 
 background-color : #FFF;
 padding-left : 35px;
 
 background-image: url(../imagenes/verinci.png); 
 background-repeat: no-repeat;
 background-position: left center;
 
 }
 
 
 .filtro_filtrar:hover {
 
 background-color : #EFEFEF;
 color : #000;
 
 }
 
 .filtro_filtrar:active {
 
 background-color : #EFEFEF;
 color : #CCC;
 
 }
 
 
 .navegador_grid {
 
   float : left;
   width : 890;
   margin : 10px;
   margin-top : 5px;
   margin-bottom : 5px;
   margin-left : 2px;
   
 }
 
 
 /*
	navegador de incidencias,....
 */
 
.paginacion {
    
	
	display : block;
    margin : 0px auto;
	width  : 100%;	
    border : 1px solid #CCC;
	height : 45px;             	
    border-radius: 3px 3px 5px 5px;
	background-color : #FFF;
	margin-top : 0px;
	
}

.paginacion span{
   float : right;
   margin-top : 12px;
   margin-right : 20px;
   margin-left : 20px;
   width : 150px;
   font-size : 10px;
   font-family :Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
   font-weight: bold;		
}


.pagboton {
    border-radius: 5px 5px 5px 5px;    
	width  : 40px;
	
    border : 1px solid #CCC;
	height : 25px;
	margin : 3px;
	margin-top : 10px;
	float  : right;
	
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; 
}


.pag_paginacion {

    margin : 3px;
	margin-top : 10px;
	padding-left : 5px;
	padding-right : 5px;
    border : 1px solid #CCC;
    float  : right;
	height : 25px;
	line-height: 25px;
	text-align : center;
}
 
.pag_paginacion span{
    margin : 0px auto;
	
}
.pagpdf {
    width : 55px;
	height : 45px;
	float:left;
	margin-top : 3px;
	margin-left : 10px;
	background-image: url(../imagenes/pdf.png); 
	background-repeat: no-repeat;
	background-position: center center;
	border : 1px solid #CCC;
    border-radius: 3px 3px 3px 3px;
}

.imgpdf {

	background-image: url(../imagenes/pdf.png); 
	background-repeat: no-repeat;
	background-position: 10px 1px;

}

.imgdocu {

	background-image: url(../imagenes/docu.png); 
	background-repeat: no-repeat;
	background-position: 5px 1px;

}


.imgbuscar {

    background-image: url(../imagenes/search.png); 
	background-repeat: no-repeat;
	background-position: 5px -2px;

}
.imgcopydoc {

    background-image: url(../imagenes/copydoc.png); 
	background-repeat: no-repeat;
	background-position: 6px -2px;

}
.imgalbaranar {

    background-image: url(../imagenes/albaranar.png); 
	background-repeat: no-repeat;
	background-position: 6px -1px;

}



.pagpdf:hover {
   background-color	: #ECECEC;
}

.pagpdf:active {
  margin-left : 11px;
  margin-top  : 4px;
  background-color : #CCC;
  
}

.pagboton:hover {
   width : 38px;
   border : 2px solid #a6c9e2;
   background-color	: #A8DBEA;
}
.pagboton:active {
   width : 34px;
   margin : 6px;
   border : 1px solid #a6c9e2;
   background-color	: #A8DBEA;
}
 
  
.cuentas {

   
   display : block-inline;
   float : left;
   margin-top : 20px;
   width : 100%;
}

.panel_cuenta {
  display :  block;
  float:left;
  margin : 20px;
  
  padding-bottom : 10px;
  border-radius: 5px 15px 15px 35px;    
  width   : 90%;
  border  : 1px solid #000;
 
  background-color : #CDD388;
  
}

.panel_cuenta_titulo {
  display : block;
  float:left;
  background-color : #FCFDC4; 
  height : 30px;
  margin-top : -15px;
  margin-left : 10px;
  border-radius: 5px 5px 5px 5px;    
  width   : 70%;
  border  : 1px solid #000;
  
  
}
 
.panel_cuenta_titulo p {
   color : #555;  
   
   font-size : 16px;
   font-family :Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
   font-weight: bold;	
   margin-top : 0px;
   padding-top : 0px;    
   padding-bottom : 0px;
   padding-left : 10px;
   padding-right : 10px;
   
   
 }
 
.panel_cliente {
  
 //  display :  block;
 display : block;
 float:left;
   margin-left : -5px;
   padding : 5px;
   margin-top : 5px;
   margin-bottom : 0px;
   border-radius: 2px 12px 12px 2px;    
   width   : 100%;
   border  : 1px solid #000; 
   background-color : #F0FDE4 ; //#FCFCFC;
   
}
 
.tabla_accesos {
  display : block;
  float : left;
  width : 100%;
  margin-top : 30px;
  margin-bottom : 30px;
}

.tabla_accesos table {

 width : 100%;
 font-size : 14px;
 border : 3px solid #C5D149;
 padding : 10px;
 border-radius: 5px 5px 5px 5px;    
}
 
.tabla_accesos td{
border : 1px solid #8B9240;
color : #4C4E32;
}


.tabla_accesos tr{
  border : 3px solid #C5D149;
background-color : #ECF1C1;
}


.tabla_accesos thead{
color : #0F0;

}

 
.panel_cliente_datos {
 //  border  : 1px solid #a6c9e2;  
 float : left;
 width : 60%;
 
}

.panel_cliente_dat_desp {

 margin-left : 20px;
 margin-top  : -10px;
}

.panel_cliente_datos p { 
  
  margin-top : 0px;
  margin-bottom : 3px;
}
.panel_cliente_funciones {
  // border  : 1px solid #a6c9e2;  
  float : right;
  //width : 35%;
  height : 75px;
  padding-right : 10px;
}


.panel_cliente p {
   
   color : #555;  
   
   line-height : 12px;
   font-size : 14px;
   font-family :Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
   
   margin-top : 0px;
   padding-top : 0px;    
   padding-bottom : 0px;
   padding-left : 10px;
   padding-right : 10px;
   
   
 }
 
 .panel_cliente_imagen {
 
   width : 47px;
	height : 47px;
    float : right;
  border  : 1px solid #a6c9e2;  
  border-radius: 25px 25px 25px 25px;    
  margin-left : 20px;
 
	
 }
 
 .panel_cliente_imagen:hover{
 
  border  : 1px solid #000;  
  border-radius: 25px 25px 25px 25px;    
 
 }
 
 .panel_cliente_imagen:active{
 
  border  : 3px solid #FFF;  
  border-radius: 10px 10px 10px 10px;    
 
 }
 
  .p_c_lupa {
    width : 47px;
	height : 47px;
    float : right;
   border  : 1px solid #a6c9e2;  
  border-radius: 25px 25px 25px 25px;    
	background-image: url(../imagenes/lupa.png); 
	background-repeat: no-repeat;
	background-position: 1px 1px;
}
 
 .borrar {
   width : 47px;
	height : 47px;
    float : right;
	background-image: url(../imagenes/papelera.png); 
	background-repeat: no-repeat;
	background-position: -2px 1px;
	border : 0px;
}
 .conectar {
   width : 47px;
	height : 47px;
    float : right;
	background-image: url(../imagenes/conectar.png); 
	background-repeat: no-repeat;
	background-position: 1px 1px;
	border : 0px;
}
 
 
 .p_c_imagen_on {
  
	background-image: url(../imagenes/boton_on.png); 
	background-repeat: no-repeat;
	background-position: 1px 1px;
}
 .p_c_imagen_off {
    
	background-image: url(../imagenes/boton_off.png); 
	background-repeat: no-repeat;
	background-position: 1px 1px;
}


.ventahoras {
  width : 100%;
  display : block;
  text-align:center;  
}

.ventasx {
  //float : right;
  
  font-family :Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  width : 80%;
  display : block;
  text-align:center;
  
 // border-radius: 10px 10px 10px 10px;      
}

.ventasxlabel {
  width : 50%;
   font-size : 12px;
  line-height : 20px;
  display : block;
  float : right;
  text-align:right;
  //margin-top : 25px;
  color : #D36904;
  //border  : 1px solid #CCC;  
}

.ventasxtotal {
   font-size : 16px;
 font-weight: bold;	  
   
  width : 100px;
  float : right;
  //display : block;
  
  text-align:right;
  border  : 2px solid #91562C;  
    border-radius: 3px 3px 3px 3px;      
  color : #47432E;
  background-color : #F5EBB9;
  padding : 5px;
  margin-left : 10px;
}
 
 
 .ventasxtotal p {
   margin : 0px;
 }

 
 .ventana_progreso {
    width: 	300px;
	//height : 40px;
	
	margin : 0 auto;
	vertical-align:middle;
	font-size : 16px;
 }
 
 
.ventana_progreso_cont {
	position: fixed; 
	
	top: 45%;
	left: 50%;	 
	z-index:10001; 
	padding: 6px; 
	//margin: 5px;
	background-color : #FFF;
	color : #171346;
	margin-left : -150px;
	//margin : 0px auto ;
	text-align: center;
	vertical-align:middle;
	font-weight: bold;
	border  : 2px solid #000;  
	border-width: 1px !important; 
	font-size:11px;
	border-radius: 4px 4px 4px 4px;      
}
 
 
 .ventana_buscar_cont {
	position: fixed; 
	top: 10%;
	left: 50%;	 
	z-index:101; 
	padding: 6px; 
	margin: 5px;
	background-color : #FFF;
	color : #171346;
	margin-left : -400px;
	text-align : left;
	vertical-align:middle;
	border  : 1px solid #30668C;  
	//border-width: 1px !important; 
	border-top: 15px solid #30668C;  
	font-size:11px;
	border-radius: 4px 4px 4px 4px;      
}


 .ventana_buscar {
    width: 	800px;	
	height : 600px;
	margin : 0 auto;
	vertical-align:middle;
	font-size : 17px;
	overflow: scroll;
 }


 
 .noticia_cont {
	
	display : block;
	//float : left;
	
	//width : 900px;
	margin : 0px auto;
	text-align : center;
	//border : 1px solid #000;
 }
 
 .noticias_titulo {
 
    font-size : 22px;
	color : #0E6096;
	line-height : 90px;
	//background-color :  #D8E8F1;
	width : 800px;
	height : 100px;
	text-align : center;
	margin : 0px auto;
	margin-bottom : 20px;
	background-repeat: no-repeat;
    background-position: right center ;  
	background-image: url(../imagenes/logotpvconecta.png);
 }
 
 .noticias {
	
	display : table;
	width : 800px;
	margin : 0px auto;
	text-align : center;
	//border : 1px solid #000;
 }
 
 .pedidos     { background-image: url(../imagenes/pedidos.png);  } 
 .verticket   { background-image: url(../imagenes/verticket.png);} 
 .comedor     { background-image: url(../imagenes/comedor.png);  } 
 .vhoras      { background-image: url(../imagenes/vhoras.png);  } 
 .incidencias { background-image: url(../imagenes/incidencias.png);  } 
 .chat_establ { background-image: url(../imagenes/chat_establ.png);  } 
 
 .noticia { 
   display : table-row;
   
 }
 
 .noticia:hover {
 
   background-color : #E3EFF5;
   cursor : hand;
 }
 
 .noticia_sep {
   display : table-row;
   height : 40px;
   border-top  : 1px solid #000;
 }
  
 .noticia_img {
   display : table-cell;
   //border-right : 1px solid #BBD0DA;
   border-top : 2px solid #BBD0DA;
   border-bottom : 2px solid #BBD0DA;
   width : 200px;
   min-width : 200px;
    background-repeat: no-repeat;
   background-position: center center ;  

  }
  
  .noticia_texto {
  
   display : table-cell;
   //border : 1px solid #000;
   border-top    : 2px solid #BBD0DA;
   border-bottom : 2px solid #BBD0DA;
   width : 600px;
   text-align : left;
   padding : 10px;
 }
   
  .noticia_titulo {
  
   font-size : 22px;
   color : #753A3A;
   margin-bottom : 5px;
  // text-decoration: underline;
   font-weight: bold;
   
  }
  .noticia_descrip {
  
   font-size : 22px;
   color : #4B5767;
   margin-left : 20px;
  }
   
  
 

.v_get_n_cont {
  display : none;
	position: fixed; 
	top: 2%;
	left: 50%;	 
	z-index:101; 
	padding: 6px; 
	margin: 5px;
	background-color : #FFF;
	color : #171346;
	margin-left : -195px;
	text-align : left;
	vertical-align:middle;
	border  : 1px solid #30668C;  
	
	border-top: 15px solid #30668C;  
	font-size:11px;
	border-radius: 4px 4px 4px 4px;      
	text-align : center;
	
}

.v_get_n_t {

	display : table;
	
}

.v_get_n_r {

	display : table-row;
	font-size : 50px; 

}

.v_get_n_c {

	display : table-cell;
	min-width : 130px;
	line-height : 90px;
	border : 1px  solid #CCC;	
}


.v_get_n_cs {

	display : table-cell;
	min-width : 130px;
	line-height : 90px;
	border : 1px  solid #CCC;	
	font-size : 20px; 
	
}


.v_get_n_display {
  display:block;
  width : 100%;
  

}

#v_get_n_valor {
 float : left ;
 width :  130px;
 min-width :  130px;
 border : 1px  solid #CCC;	
 font-size : 26px; 
 line-height : 70px;
 min-height : 70px;
 margin-bottom : 10px;
 background-color : #E6EDF3;
}


.v_get_n_aceptar {
float : left;

width :  130px;
border : 1px  solid #CCC;	
font-size : 20px; 
line-height : 70px;
margin-bottom : 10px;
}