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

/* forma */
.formaB { width:100%; display:table; float:left;  margin-bottom:10px;}
.formaT { display:table-cell; width:150px; vertical-align:top;}
.formaC { display:table-cell; vertical-align:top;}
/* */

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga'; display:table-cell;
}
.menuInterfaseIcono{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 15px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga'; display:table-cell; vertical-align:middle; width:1px
}

.menuInterfaseTexto { display:table-cell; vertical-align:middle; padding-left:5px;}

.table { display:table; width:100%; float:left;}

.borra:hover { color:#E30000; cursor:pointer;}
.botonMenu:hover { color:#00A8A6; cursor:pointer;}


.hover { opacity:.8;}

.linea:hover .ctrls{ opacity:1;}

.ctrls {   width: 1px;
    white-space: nowrap; opacity:0; border:0; border-right:0 !important;}

div { box-sizing:border-box;}
a{ color:#333;   cursor:pointer; text-decoration:none;}
a:hover{ color:#666; text-decoration:none; cursor:pointer;}
a:active { outline:none; border:none; }
p { margin:0; padding:0;}
a img { border:none; }
body {
   margin:0;
   padding:5px;
   font-size:13px; 
   color:#333; font-family: 'Roboto', sans-serif;
}
html, body {  background-color:#FFF; background-color:#FFF;   }

table {border-collapse:collapse;}
table td{ border:1px solid #EBEBEB; padding:3px; }
input[type="text"], input[type="password"], input[type="search"], input[type="number"], textarea, select, checkbox {
	outline: none;
	background-color: #f9f9f9;
	padding: 5px;
	color: #666; border: 1px solid #eff0ef;
	font-size: 12px; box-sizing:border-box;
	
}

table.tablesorter tr.even:hover td,
table.tablesorter tr.odd:hover td {
    background-color: #EBEBEB;
}

input[type="text"]:focus, input[type="text"]:hover,  input[type="number"]:hover,   input[type="password"]:focus,  input[type="password"]:hover, textarea:hover{
	background-color: #FFF;
	border: 1px solid #CCC;
	color: #333;
}

.formError { z-index:9999;  }
.formErrorContent{ color:#FFF; font-size:11px; padding:5px;
 background-color:#333;
}
.mensaje { float:left; padding-left: 25px; background: url(/img/exclamacion.png) no-repeat left; height:25px; font-size:12px; line-height:25px; color:#900;}

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

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

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

.menuEspacio { float:left; width:20%; max-width:190px; min-height:30px;}
.menuIcono { display:none; margin-bottom:5px;}
.menuAll { position:absolute; width:100%; padding-left:10px; box-sizing:border-box; display:block; background-color:#FFF; z-index:1000;}
.contenido { margin-top:20px;float:left; width:80%; padding-left:30px; box-sizing:border-box; }
/* forma */
.formaB { width:100%; display:table; float:left;  margin-bottom:10px;}
.formaT { display:table-cell; width:150px; vertical-align:top;}
.formaC { display:table-cell; vertical-align:top;}
/* */


/* elementos */
.elementoMueve { opacity:0;}
.elementoBorra { opacity:0;}
.elementoTitulo { width:100%; display:table;}
.elementoElemento:hover .elementoMueve { opacity:1;}
.elementoElemento:hover .elementoBorra { opacity:1;}

/* elementos */

/* acordeones */

.acordeonTitulo { display:table; width:100%; float:left; background-color:#EBEBEB;}
.acordeonTitulo:hover { background-color:#CCC;}

/* acordeones */

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


.boton{ background-color:#666; padding:5px; cursor:pointer; border:none;   font-size:12px; color:#FFF; float:right; text-shadow:none;  font-size:14px;}
.boton:hover{ background-color:#333;  }

.botonA{ font-size:14px; display:table-cell; width:auto; color:#069; vertical-align:middle; padding-left:5px;}
.nueva { display:table;}
.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:#069; width:100%; font-weight:300; font-size:24px; text-transform:uppercase; float:left;}
.titulosS { color:#069; width:100%; font-weight:300; font-size:18px; text-transform:uppercase;}

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

.campoF{ float:right;  color:#126497; font-size:13px; }
.field{  width:100%; box-sizing:border-box; }


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

.menu {float:left; display:table;  color:#666; font-size:14px; width:100%; background:url(/img/down.png) no-repeat center right; cursor:pointer;}
.menu:hover{color:#066;}

.menuP {float:left; display:table;  color:#066; font-size:14px; width:100%; background:url(/img/up.png) no-repeat center right; cursor:pointer;}

.menuS {float:left;  color:#666; font-size:13px; padding-left:5px;  }
.menuS:hover{color:#333;}

.subMenu { width:100%; float:right; display:none;}

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

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


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


.padd { padding:12px !important;}

#sorteable{
    padding:0px !important;
    margin:0px !important;
    border:0px;
}
.porta{  padding:5px; width:100%; cursor:move; list-style:none; }
.porta:hover{ background-color:#EBEBEB;}
.controles { opacity:0;}
.placeholder {
    border: 1px dashed #333;  width:50px; float:left; 
   height:30px;  
}

.placeholder100 {
    border: 1px dashed #333;  width:100%; float:left; 
   height:5px;  
}

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

.placeholderV {
    border: 1px dashed #333;  width:198px; float:left; margin-right:15px; 
   height:130px;  
}
.dragdropC{ padding:10px; border:1px solid #EBEBEB; margin-bottom:5px; width:100%; max-width:400px;}
.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; }

.statusA{ width:10px; height:10px; border-radius:10px; float:left; margin-right:3px; margin-top:3px; background-color:#063;}
.statusI{ width:10px; height:10px; border-radius:10px; float:left; margin-right:3px; margin-top:3px; background-color:#666;}

.menuCasos{ float:left; margin-right:15px; line-height:24px; height:24px; border-right:1px solid #ebebeb; padding-right:10px;}
.iconoCont { float:left; padding:6px; cursor:pointer;  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 30px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;text-align:center;

  /* Support for IE. */
  font-feature-settings: 'liga'; display:table-cell;}
.iconoCont:hover { color:#1C69E0;}

.iconoContT {     color:#333; font-family: 'Roboto', sans-serif; font-size:10px; z-index:9999;}

 

.contadores { float:left; height:28px; line-height:28px;}
.elemento { border:1px solid rgba(255,255,255,0.00); padding:2px; box-sizing:border-box;}
.elemento:hover{ background-color:#F9F9F9; border:1px solid #C3C3C3;}
.elementoBotones {position:absolute; background-color:rgba(151,151,151,0.63); z-index:999;right:0; opacity:0 !important; display:none; transition: all 0.2s linear;}
.elemento:hover .elementoBotones { opacity:1 !important; display:block;}

.elementoBloque {   padding:2px; box-sizing:border-box; border:1px dashed #ccc;}
.elementoBloque:hover{ background-color:#F9F9F9;  }
.elementoBloqueBotones {position:absolute; background-color:#EBEBEB; z-index:999;right:0; opacity:0; display:none ; transition: all 0.2s linear;}
.elementoBloque:hover .elementoBloqueBotones { opacity:1; display:block;}

.cerrarComentario{ width:25px; height:25px; background-color:#333; color:#fff; text-align:center; line-height:25px; height:25px; float:right; border-radius:100px; cursor:pointer;}


.elemento_acorderonTitulo{ width:100%; float:left; padding:5px;	
}

.elemento_titulo{color: #0671b7;
    font-size: 30px;
   
    font-weight: 300;
}

.elemento_titulo1{color: #0671b7;
    font-size: 16px;
   
    font-weight: 300;
}

.textoImagenTitulo1 { padding:5px; background-color:rgba(0,0,0,0.86); color:#fff; font-size:14px; text-align:center; top: 50%;  left: 50%; position:absolute;  transform: translate(-50%, -50%); width:80%;}

.elemento_divisor{ clear:both; height:15px;  width:100%; background-color:#F9f9f9;
}

.elemento_divisor1{ clear:both; width:100%; height:1px; background-color:#CCC; margin:8px 0 8px 0;
}
.clear5 { clear:both; height:5px;}
.clear10 { clear:both; height:10px;}
.clear20 { clear:both; height:20px;}
.clear30 { clear:both; height:30px;}

.pie{    font-size: 12px;
    width: 100%;
    text-align: center;}
	
.descarga { padding-left:45px; background-image:url(//img/archivo.png); background-position:top left; background-repeat:no-repeat; padding-top:10px; min-height:40px;}

.seccionFooter { color:#FFF; float:left;}

/* Tabs */

.menuModulo { float:left;  font-size:13px; background-color:#f9f9f9; margin-right:5px; margin-bottom:5px; display:table;}
.menuModulo:hover, .menuModuloP { background-color:#EBEBEB; color:#000;}
.tableCell { display:table-cell; vertical-align:middle;}

/* divs  */
.div50{ float:left; width:50%;}
.div33{ float:left; width:33%;}

/*  */

/* drops */

.dropHover { background-color:#CCC; opacity:.6;}

/* Tabs */

/* padds */
.padd5, .padd5R { padding:5px;}
.padd10, .padd10R { padding:10px;}
.padd15, .padd15R { padding:15px;}
.padd20, .padd20R { padding:20px;}
.padd30, .padd30R { padding:30px;}

/* padds */
/* mensajes  en over */
.fondoMensaje { width:100%; height:100%; background-color:rgba(255,255,255,0.85); position:fixed; z-index:10000; display:none;}
.alertBox {  width:40%; min-width:400px; top: 50%;  left: 50%; position:absolute;  transform: translate(-50%, -50%); }
.alertBoxR{  float:left; display:none; 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:-15px; top:-15px; width:30px; text-align:center; line-height:30px; color:#fff;   border-radius:100px; cursor:pointer;}
.close:hover { background-color:#000;}
/*  */

.tituloBig { float:left; width:100%; font-size:24px; font-weight:300;}
.tituloBig:focus { padding:3px; border:1px solid #EBEBEB; outline: 0px solid transparent;}
.tituloBig2{float:left; width:100%; font-size:22px; font-weight:300; }
/* */
.seccionMenu, .seccionMenuI{ display:table; float:left; background-color:#f1f1f1; color:#000; margin:0 1px 1px 0; height:25px; padding:5px;}
.seccionMenu a {  color:#000;}
.seccionMenu:hover, .seccionMenuI:hover { background-color:#ccc; color:#000;}
.seccionMenuC{ display:table-cell; vertical-align:middle; cursor:pointer; padding:3px;}
/* */


/* controles */

.dragdropC:hover .controles { opacity:1;}
/* controles */


@media screen and (max-width: 600px) {
.contenido { width:100%;}	
.menuEspacio { width:100%; max-width:;}
.menuIcono { display: block;}
.menuAll { display:none;}
.contenido {padding-left:0px;}
}