input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}


a{ color:#036; text-decoration:none; cursor:pointer;}
a:hover{ color:#09F; text-decoration:none; cursor:pointer;}
a:active { outline:none; border:none; }
p { margin:0; padding:0;}
a img { border:none; }
body {
   margin:0;
   padding:0;
   font-size:13px; 
   color:#333; font-family:Tahoma, Geneva, sans-serif; 
}
html, body {height: 100%;  background-color:#FFF; background-color:#FFF;   }
input[type="text"], input[type="password"], textarea, select { 
    outline: none;  padding:2px; border:1px solid #CCC; border-radius:3px; font-family:Tahoma, Geneva, sans-serif; 
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { 
    outline: none;  border:1px solid #666;
}

.formErrorContent{ color:#FFF; font-size:11px; padding:5px;
 background-color:#900;
}
table
{
border-collapse:collapse; border-color:#555; max-width:600px;
}

.footer { float:left; padding-left:10px; margin-top:30px;}

.head{ width:100%; float:left;}

.contC{  float:left; width:100%; }
.cont{ float:left; }

.contenido { float:left;  margin-left:210px;  }

.imgGallery {border:1px solid #EBEBEB; float:left; margin-right:15px; 106px; padding:5px; }
.imgGallery:hover { border:1px solid #CCC;}

.load {float:left; height:30px; width:100%; display:none; background:url(/erp/img/load.gif) center center no-repeat;}


.boton{ background-color:#036; padding:5px; border-radius:3px; border:1px solid #036; font-size:12px; color:#FFF; float:right; text-shadow:none;  font-size:14px;}
.boton:hover{ background-color:#126497; box-shadow:0 0 5px 0px #000;}

.botonA{ font-size:14px; float:left; width:auto; color:#126497; font-family: 'Oswald', sans-serif;  line-height:30px; height:30px;}

.delete{ background-color:#F00; padding:5px; border-radius:3px;  color:#FFF; float:right; text-shadow:none;  font-size:11px;}
.delete:hover{ background-color:#900; box-shadow:0 0 2px 0px #000;}

.titulos { color:#126497; width:100%; text-align:center; font-family: 'Oswald', sans-serif; font-size:20px; text-transform:uppercase;}

.campoT{ float:left; width:150px;  text-transform:uppercase; font-size:14px; color:#126497; }

.campoF{ float:right;  color:#126497; font-family: 'Oswald', sans-serif; font-size:15px; }
.field{ font-family:Tahoma, Geneva, sans-serif; border:1px solid #999; border-radius:5px; padding:3px; background-color:#EBEBEB; width:260px; color:#666;}
.field:hover, .field:focus{border:1px solid #126497; border-radius:5px; padding:3px; background-color:#FFF; color:#000; box-shadow:0 0 5px 0px #CCC;}


.comentarios { float:left; font-size:11px; color:#666;}

.menu {float:left;  color:#126497; font-family: 'Oswald', sans-serif; font-size:14px; width:100%; background:url(/erp/img/down.png) no-repeat center right; cursor:pointer;}
.menu:hover{color:#09F;}

.menuP {float:left;  color:#09F; font-family: 'Oswald', sans-serif; font-size:14px; width:100%; background:url(/erp/img/up.png) no-repeat center right; cursor:pointer;}

.menuS {float:left;  color:#126497; font-family: 'Oswald', sans-serif; font-size:13px; width:100%;}
.menuS:hover{color:#09F;}

.subMenu { width:170px; float:right; display:none;}

.div { width:100%; height:1px; background-color:#EBEBEB; float:left; margin:6px 0 6px 0;}


/* alerta */
.alerta{ width:100%; max-width:600px; padding:0 20px 20px 20px; z-index:999; position:fixed;  transform: translateX(-50%); left:30%; text-align:center;}
.alertaBox{ background-color:#FFF; padding:20px; box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.75); position:relative; width:100%; float:left;}
.alertaBoxTitulo { width:100%; text-align:center; font-size:22px;}
/* alerta*/

/* botones procesos*/
.botonesProceso{ display:table; float:left; opacity:.7; color:#FFF; cursor:default;}
.botonesProceso:hover { opacity:1;}
.botonesVerde { background-color:rgba(0,102,14,.9); cursor:pointer;   color:#FFF; padding:10px; border:1px solid rgba(0,102,14,.900);}
.botonesVerde:hover {background-color:rgba(0,102,14,1) !important; }
.botonesRojo { background-color:rgba(193,0,3,.800) !important; cursor:pointer; color:#FFF; padding:10px; border:1px solid rgba(193,0,3,.900);}
.botonesRojo:hover {background-color:rgba(193,0,3,1) !important; }
.botonesCancelar {  cursor:pointer; color:#ccc; padding:10px; border:1px solid #EBEBEB; float:left;}
.botonesCancelar:hover { color:#333; border:1px solid #333;}
.botonProcesoAcepta {  background-color:#999; cursor:pointer;opacity:0;   position:absolute;  left: 0px;   display:table; color:#fff; transition: all 0.2s linear;}
.botonProcesoAcepta:hover {  background-color:rgba(0,102,14,1.00);}
.botonsProcesoAceptaPadre:hover .botonProcesoAcepta { opacity:1;  left: 100%;}
.procesoJustificacion { display:none;}
/*  */

.left{ float:left !important;}
.right{ float:right !important;}
.textAlignCenter { text-align: center;}

/* mensajes  en over */
.fondoMensaje { width:100%; height:100%; background-color:rgba(255,255,255,0.85); position:fixed; z-index:998; display:none;}
.alertBox {  width:100%; min-width:400px; padding:20px; }
.alertBoxR{  float:left; display:none; z-index:999; width:100%; height:100%; position:relative; background-color:#fff; border:1px solid #ebebeb; box-shadow:0px 0px 10px 0 rgba(0,0,0,0.15); padding:10px;}
.alertBoxR:hover{ box-shadow:0px 0px 10px 0 rgba(0,0,0,0.35);}
.alertBoxC { display:table-row;}
.alertBoxCell { display:table-cell; padding:10px; vertical-align:middle;}
.archivosSeleccion { width:100%; float:left; display:none; padding:10px; border:1px solid #EBEBEB; margin-bottom:30px;}
archivosSeleccionArchivos { width:100%; float:left; }
.closeSeleccion { float:right; background-color:#666; right:-10px; top:-10px; width:20px; text-align:center; line-height:20px; color:#fff;   border-radius:100px; cursor:pointer;}
.closeSeleccion:hover { background-color:#000;}
.close { position:absolute; background-color:#666; right:0px; top:0px; width:30px; text-align:center; line-height:30px; color:#fff;  cursor:pointer;}
.close:hover { background-color:#000;}
/*  */
#table-3 { text-shadow:none; border-collapse:collapse;
	width: 100%;
	color: #333; 
}
.mensaje { padding:10px 10px 10px 40px; border:1px solid #CCC; float: left; background:url(/erp/img/exclamacion.png) no-repeat 10px 10px;}
.ok { padding:10px 10px 10px 40px; border:1px solid #CCC; float: left; background:url(/erp/img/ok.png) no-repeat 10px 10px;}

#table-3 thead, thead:hover {
	color:#333; background-color: #DADADA; 
}

#table-3 td, #table-3 th {
	border-top-color: white;
	border-bottom: 1px solid #DFDFDF;
	border:1px solid #EBEBEB; 
}

#table-3 tbody tr:hover td {
	border-top-color: white;
	background-color: #F9F9F9;
	color: #000; 
}



#table-3 th {
	font-weight: normal;
	padding: 7px 7px 8px;
	text-align: left;
	line-height: 1.3em;
	font-size: 13px; 
}
#table-3 td {
	font-size: 13px;
	padding:3px;
	vertical-align: top;
}

.dragdrop{ padding-left:00px; background-repeat:no-repeat;
	cursor:move;
	float:left; cursor:move;
	
}

#sorteable{
    padding:0px !important;
    margin:0px !important;
    border:0px;
}
.porta{ }
.porta:hover{ background-color:#EBEBEB; }
.controles { width:100%;  float:left; padding:3px 0 3px 0;}
.placeholder {
    border: 1px dashed #333;  width:200px; float:left; 
   height:15px;  
}

.placeholderSub {
    border: 1px dashed #333;  width:300px; float:left; 
   height:15px;  
}

.placeholderV {
    border: 1px dashed #333;  width:198px; float:left; margin-right:15px; 
   height:130px;  
}
.dragdropC{}
.dragdropC:hover { background-color:#EBEBEB; cursor:move;}



.alignleft{
float:left; margin:0px 15px 6px 0; max-width:755px;	
	
}

.alignright{
float:right; margin:0px  6px 0 15px	;	max-width:755px;
	
}

.aligncenter{
 	max-width:755px;
	
}

.seccion { height:37px; line-height:37px; float:left; padding:3px; width:594px;}
.seccion:hover { background-color:#EBEBEB;}
.subs{ background-color:#f9f9f9; }

.sub{ height:37px; line-height:37px; }
.sub:hover{ background-color:#C0CDD1; }

.cats{ background-color:#F0f0f0; }

.cat{ height:37px; line-height:37px; }
.cat:hover{ background-color:#C0CDD1; }

.status{ width:10px; height:10px; border-radius:10px; float:left; margin-right:3px; margin-top:3px;}