#logo {
background: url('../img/logo.gif') no-repeat 0 0;
height: 238px;
width: 238px;
display: block;
float: left;
}



a{

  text-decoration: none;

}

h1{

  font-size: 20px !important;
  font-weight: bold;

}

body {
margin: 0;
background: #f2f5f7;
background-attachment: fixed;
}

table {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}

table.base {
width: 978px;
margin: 0 auto;
}

td {
font-family: Arial, Verdana, Tahoma, Courier, Courier New;
font-size: 14px;
line-height: 16px;
color: #5e5d5d;
}


ul {
padding: 0 0 0 2px;
margin: 0;
margin-left: 1px;
list-style: none;
}

.filterdes:after{

   content:" ↓";

}

.filterasc:after{
  
  content:" ↑";

}


.nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: block
}

.nav ul li a span {
color: #fff;
font-size: 15px;
}

.nav ul li {
position: relative;
display: inline;
float: left;
height: 27px;
list-style-type: none !important;
background: none;
margin: 0;
padding: 0;
}

#footer_wrap {
clear: both;
background: url('../img/bg_footer.gif') no-repeat 0 0;
height: 52px;
line-height: 45px;
font-size: 11px;
margin: 0 auto;
color: #999;
}

#infoo {
color: #FFFFFF;
float: left;
font-size: 11px;
line-height: 14px;
margin: 15px 0 0 18px;
_margin: 15px 0 0 10px;
}

div#callus span {
font-size: 18px;
font-weight: bold;
}


div#callus {
color: #fff;
font-size: 11px;
line-height: 14px;
text-align: right;
}

#restofpage {
clear: both;
padding: 15px 24px 15px;
background: url('../img/bg_site.gif') repeat-y top left;
}


div#horiz-menu {

	width:736px;
	height:33.5px;
	position:relative;
	float:left;
	display:block;
	margin:0;
	left:0;
	background:url('../img/bgmenu.gif') no-repeat top right;	
	background-size: 100% 100%;
}

div.bottombar {
	background: url('../img/bottombar.gif') repeat-x 0 0;
	height: 27px;
	margin: 25px 0 0 0;
}



.nav {	
	position: relative;
	margin:0 auto;
	width:740px; /*Old size: 960px;*/	
	z-index:100;
}

.nav ul {
	list-style-type:none;
	margin: 0;
	padding: 0;	
	padding-top: 2px; 
}

.nav ul li {
	position: relative;
	display: inline;
	float: left;
	height: 22.5px;
	list-style-type: none !important;
	background: none;
	margin: 0;
	padding: 0;
}

.nav ul li a {
	display: block;
	padding: 4px 48px 3px 48px;
	background:none;
	/*border-left:1px solid #fff;*/
	border-right:1px solid #fff;
	text-decoration:none !important;
}


.nav ul li a span {
	color:#fff;
	font-size:15px;
}

* html .nav ul li a{ 
	display: inline-block;
}

.nav ul li a:link, .nav ul li a:visited {
	color:#000;
}

.nav ul li a.selected{
	background:#006f9f; 
	color:#000 !important;
}

.nav ul li a:hover{
	background:#006f9f;
	color:#fff !important;
	text-decoration:none;
}
	
.nav ul li ul{
	position: absolute;
	left: 0;
	display: none;
	visibility: hidden;
	top:33px !important;
}

.nav ul li ul li{
	display: list-item;
	float: none;
}

.nav ul li ul li ul{
	top: 0;
}

.nav ul li ul li a{
	font-size:11px;
	font-weight:normal;
	width:210px; /*width of sub menus*/
	padding:3px 5px;
	margin:0;		
	border-right:1px solid #9d9d9d;
	border-top:none;
	background:#9d9d9d;	
	color:#FFF !important;	
	text-decoration:none;
}

.nav ul li ul li a span{
 	font-size:12px;
}

.nav ul li ul li a:hover {
	background: #5093af;
	border-right:1px solid #5093af;
	color:#000 !important;
}

.nav ul li ul li a:hover {
    background: none repeat scroll 0% 0% #5093AF;
    border-right: 1px solid #5093AF;
    color: rgb(0, 0, 0) !important;
}

/* Holly Hack for IE \*/
 html .nav{
	height: 1%;
}

.downarrowclass{
	position:absolute;
	top:7px;
	right:23px;
}

.ddshadow{
	position: absolute;
	left:0;
	top:0;
	width:0;
	height:0;
}

.derechos{

	position:absolute;
	width: 400px !important;
	top:10px;
	right: 20px;

}

.derechos tr td {

  height:10px !important;

}


.div_selected{
  background-color: #a5a5a5;
  cursor:none;
}

div.top_image {
background: url('../img/imagetop.jpg') no-repeat 0 0;
height: 204.3px;
width: 736px;
display: block;
float: left;
}


.disable {
opacity: 0.5;
filter: alpha(opacity=40);
}

.mensajes{
  position:absolute !important;
  top:-93px ;
  left:0px !important;
  width:100% !important;
}

.mensajes div {
    background-position: 10px 37px;
    font-size: 16px;
    font-weight: bold;
    padding: 35px 0 35px 30px;
}

.mensajes  img{

  height: 28px;

} 

.mensaje_correcto_header div {
   
    text-align: center;
}

.mensaje_correcto_headerD div {
    
    text-align: center;
}

.mensaje_error_header div {
   
    text-align: center;
}

#header-search{overflow:auto;}

#header-search input.searchbox {
    /* -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border:1px solid #8e8e8e;
     background-color:#f5f5f5;
     height:16px;
     padding:4px;
     padding-right:28px;
     color:#4a4a4a;*/
     float:left;
 }


.idnombresorteable {


  font-size: 0.65em;
  font-weight: bold;
  
  
  /*position:  absolute;
  */line-height:90%;
  /*top:5px;
  left:5px;
*/
}



#header-search input.button{
    border:0;
    padding:0 0 0 -20px;
    margin:4px 0  0 -26px;
    width:24px;
    height:24px;
    background:transparent url('../img/lupa.png')  center center  no-repeat;

    float:left;
}

.combosorteable {

	width: 85px;
	position: inherit;

}
.footersorteable{

	line-height:100% !important;
	padding: 5px;
	font-weight: normal;

}

.textareasorteable{

	width: 100%;
	resize: vertical;
	height: 150px;

}

.bg-danger .encabezadosorteable{

	background: linear-gradient(to bottom,#d0bcbc 0, #e1cdcd 100%) !important;
	padding: 5px;
	margin: 0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    font-weight: normal;

}

.bg-success .encabezadosorteable{

	background: linear-gradient(to bottom,#bddeb6 0, #cedfc7 100%) !important;
	padding: 5px;
	margin: 0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    font-weight: normal;


}

.bg-info .encabezadosorteable{

	background: linear-gradient(to bottom,#c8dce7 0,#b7cbd5 100%) !important;
	padding: 5px;
	margin: 0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    font-weight: normal;


}

.bg-danger2{

	background: red !important;
	

}

.bg-success2{

	background: green !important;
	


}
.bg-warning3{

	background: yellow !important;


}


.bg-warning .encabezadosorteable{

	background: linear-gradient(to bottom,#ebe7d2 0,#dad6c1 100%) !important;
	padding: 5px;
	margin: 0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    font-weight: normal;


}

.bg-default .encabezadosorteable{

	background: linear-gradient(to bottom,#dddddd 0,#aaaaaa 100%) !important; linear-gradient(to bottom,#ebe7d2 0,#dad6c1 100%) !important;
	padding: 5px;
	margin: 0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    font-weight: normal;
  

}



.connectedSortable{
	height:90%; 
	overflow-y:auto; 
	width: 100%;
}