@charset "utf-8";
/* CSS Document */
body{
   margin:0;
   padding:0;
   font-family:Arial, Helvetica, sans-serif;
   background-color:#333333;

}

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
-->



.small{
   font-family:"Trebuchet MS";
   font-size:13px;
   color:#0070BA;
}
.small a{
   color:#EE9E46;
}
#menu_superior{
   width:100%;
   background-image:url(../images/toolbar-bg.png);
   background-repeat:repeat-x;
   height:31px;
}
.separador{
   background-image:url(../images/level2Bg.gif);
   height:6px;
   background-repeat:repeat-x;
   width:100%;
   float:left;
}
#cabecera{
   float:left;
   width:100%;
   border:0px #000000 solid;
}
#submenu{
  margin-top:5px;
  padding-bottom:5px;
  width:600px;
  height:15px;
  margin-left:10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#CCC;
  font-weight:bold;
  border:0px #FF0000 solid;
  float:left;
}
#bienvenida{
  float:right;
  width:400px;
  border:0px #CC6633 solid;
  margin-top:5px;
  color:#CCC;
  font-size:12px;
}
#submenu a{
   color:#FF9933;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
}

#herramientas{
  width:100%;
  border:0px #FF0000 solid;
  float:left;
  text-align:right;
}
#herramientas p{
  margin:0;
  padding:0;
  margin-top:5px;
  margin-right:10px;
  border:0px #FF0000 solid;
}

#footer{
  font-family:  Arial, Helvetica, sans-serif;
  font-size:.7em;
  color:#FFF;
  clear:both;
  padding:2em 0 .66em 0px;
  width:1000px;
  margin:0 auto;
}

#footer strong{
  color:#FFF;
  font-weight:bold;
  font-size:1.1em;
}

#footer p{
  margin:0 0 0px 130px;
  padding:0;
  text-align:left;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: .9em;
}
#powered{
	font-family: Arial, Helvetica, sans-serif;
	font-size:.80em;
	float:right;
	margin-right:115px;
	//margin-right:60px;
	margin-top:-15px;
}


#contenido{
   float:left; 
   width:1100px; 
   text-align:left; 
   border:0px #FF0000 solid;
   background-image:url(../images/homePageSeperator.png);
   background-repeat:no-repeat;   
   background-color:#333;
   margin-left:10px;
   margin-top:10px;
   color:#CCC;
}
#content_info{
   float:left;
   width:95%;
   border:0px #FF0000 solid;
   margin-left:20px;
   margin-top:20px;
   padding-left:15px;
}



#datos{
   float:left;
   width:100%;
   border:0px #FF0000 solid;
   
}
#datos a{
   text-decoration:underline;
   color:#EE9E46;
}

#espacio{
  float:left;
  width:100%;
  height:50px;
}
#permisos{
  float:left;
  width:940px;
  border:0px #FF0000 solid;
  padding-top:15px;
}
#tabla{
  border:1px #F9F9F9 solid;
}
#tablaP{
  border:1px #CCCCCC solid;
  margin-top:15px;
}
#tablaU{
  border:1px #CCCCCC solid;
  margin-top:15px;
  margin-left:15px;
}
#guardar{
  float:left;
  width:900px;
  text-align:center;
  padding-top:20px;
}
.columna{
    border-top:1px solid #fff;
	border-left:1px solid #ddd;
	border-right:0px solid #fff;
	border-bottom:0px solid #fff;
	background: #FFFFFF url(../images/columna.gif) repeat-x scroll center bottom;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4C7FB2;
	height:25px;
	padding-left:5px;
	
}
.columna2{
    
	border-left:1px solid #ddd;
	border-right:0px solid #fff;
	border-bottom:0px solid #fff;
	background: #FFFFFF url(../images/columna.gif) repeat-x scroll center bottom;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	height:25px;
	padding-left:5px;
	background-color:#F9F9F9;
}

.datos{
  border:1px #CCCCCC solid;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  height:22px;
  padding-left:5px;
}
.datos_c{
  border:1px #CCCCCC solid;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  
  padding-left:5px;
}



.titulo_campo{
   background-color:#333;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   padding-left:5px;
   color:#FFF;
   font-weight:bold;
}
.titulo_campo_{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   padding-left:5px;
   color:#666;
}
.titulo_campo span{
  color:#FF9933;
}
.descripcion{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}
.descripcion a{
   text-decoration:underline;
   color:#EE9E46;
   font-size:13px;
   font-weight:bold;  
}
#info{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
}
.detalle_info{
  color:#CCCCCC;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

/*****/
#titulo{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#CCC;
   font-weight:bold;
}

#paginacion{
  font-size:11px;
}
#paginacion a{
  color:#4F84B8;
}
.border{
   background-image:url(../images/punto.jpg);
   background-repeat:repeat-x;
}



/********************* paginacion *****************************/
.comment-page-numbers{
	height:1%;
	overflow:hidden;
	clear:both;
	padding:15px 0;
	font-size:11px;
}

.comment-page-numbers strong{
	background:url(../images/page_num.gif) no-repeat 0 100%;
	color:#FFF;
	float:left;
	text-align:center;
	text-decoration:none;
	display:block;
	width:26px;
	height:30px;
	padding-top:3px;
	margin:0 5px;
}

.comment-page-numbers a{
	float:left;
	text-align:center;
	text-decoration:none;
	display:block;
	width:26px;
	height:30px;
	color:#777;
	font-weight:bold;
	padding-top:3px;
	margin:0 5px;
	background:url(../images/page_num.gif) no-repeat 0 0;
}

.comment-page-numbers a:hover, .comment-page-numbers strong:hover{
	background:url(../images/page_num.gif) no-repeat 0 100%;
	color:#FFF;
}

a.com_show_al{
	background:url(../images/nextbutton.gif) no-repeat 0 0;
	width:92px;
}

a.com_show_al:hover{
	background:url(../images/nextbutton.gif) no-repeat 0 0;
	color:#000;
}
.wp-pagenavi .extend, .dotdot{
	display:none;
}
/*********************fin de paginacion *****************************/



.titulos_tramite{
  font-size:16px;
  color:#F9F9F9;
  font-weight:bold;
}
.titulos_tramite p{
  padding:0;
  margin:0;
  margin-top:5px;
}
#buscador{
   width:800px;
   border:1px #CCC solid;
   margin:0 auto;
   display:none;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   margin-top:30px;
}
#buscador2{
   width:800px;
   margin:0 auto;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   margin-top:30px;
}

.searchAlph{
	border:1px #CCC solid;
    cursor:pointer;
}



/****** drag and drop*****/
#origen{
    width: 340px; 
    height: 300px;
    border: solid 1px #CCC;
    background-color: #FFF;
    padding-left: 1px;
    margin-left: 0px;
    padding-left: 0px;
	overflow:auto;
	
}

#listaInicial, #listaUno, #listaDos{
    margin: 2px;
}

.elemento{
    border: solid 1px #CCC;
    padding: 2px 2px 2px 2px;
    cursor: move;
    z-index: 100;
    background-color: #F9F9F9;
    color: #000;
    width:250px;
    list-style-type: none;
    margin-top: 1px;
}

#grupoDestinos{
    position:absolute;
}

.destino{
    float:left;
    margin-right: 0px;
    width: 330px; 
    height: 300px;
    border: solid 1px #CCC;
    background-color: #FFF;
    margin-top: 2px;
    margin-left: 2px;
    overflow: auto;
}
.celda{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  border-right:1px #CCCCCC solid;
  padding-left:5px;
}  
#login{
   background-image:url(../images/login.png);
   width:357px;
   height:388px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#FFF;
}
#usuario{
  float:left;
  margin-left:10px;
  margin-top:25px;
}   
#usuario p{
  margin:0;
  padding:0;
}
.boton{
  height:30px;
  background-color:#FFFFFF;
  font-family:"Trebuchet MS";
  font-size:13px;
  font-weight:bold;
  color:#333;
  border:none;
  cursor:pointer;
  display:inline;
  background-image:url(../images/fondo.gif);
  background-repeat:repeat-x;
  vertical-align:middle;
}
.boton_guardar {
   background-image:url(../images/1243951348_onebit_12.png);
   background-repeat:no-repeat;
   width:23px;
   margin:0 auto;
   margin-top:0px;
   height:22px;
   cursor:pointer;
   border:0px #FF0000 solid;
   background-color:#333;
}
.boton_cancelar{
   background-image:url(../images/1243951849_onebit_35.png);
   background-repeat:no-repeat;
   width:24px;
   margin:0 auto;
   margin-top:0px;
   height:23px;
   cursor:pointer;
   border:0px #FF0000 solid;
   background-color:#333;
}