@charset "utf-8";
/* CSS Document */

body{
	background:url('../css_img/bg_body.png');
	margin:0px;
	border:0px;
	padding:0px;
}
A
{
	color: #002858;
	text-decoration:none;
}

#top{
	background:url('../css_img/bg_top.png') center top repeat-x scroll;
	height:177px;
	border:0px;
	margin:0px;
	padding:0px;
}


#bottom{
	background:url('../css_img/bg_bottom.png') repeat-x;
	height:47px;
	width:100%;
	bottom:0px;
	display:block;
	position:fixed;
}

.logo{
	background:url('../css_img/logo_crawford.png') no-repeat;
	width:217px;
	height:99px;
	top:20px;
	left:20px;
	position:relative;
	display:inline-block;
}

.top_left{
	background:url('../css_img/top_right.png') no-repeat;
	width:545px;
	height:134px;
	right:0px;
	display:inline-block;
	position:absolute;
	top:0px;
}

div.login{
	color: #168ec9;
		font-size:12PX;
		text-align:left;
		padding-left:5px;
		padding-right:5px;
		font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#login_inputs{	
	width:340px;
	height:343px;	
	margin:0px;
	left:0px;
	top:0px;
	position:relative;
	text-align:left;
	padding:0px;	
}

#usuario{
	width:185px;
	position:absolute;
	left:75px; 
	top:65px;
	height:26px;	
	border:0px none transparent;
	background:transparent;
	color:#222222;
	font-size:18px;
	line-height:26px;	
}

#password{
	width:185px;
	position:absolute;
	left:75px; 
	top:160px;
	height:26px;
	border:0px none transparent;
	background:transparent;
	color:#999999;
	font-size:18px;
	line-height:26px;		
}

#acceder{
	width:123px;
	height:50px;
	position:absolute;
	left:107px;
	top:248px;
	cursor:pointer;
	border:0px none transparent;
	background:transparent;
	outline:none;
}

div.footer{
	background:url('../css_img/line.png') center top  repeat-x ;
	margin:auto;
	width:800px;
	padding-bottom:20px;
	font:11px Verdana, Geneva, sans-serif;
	color:#4a4a4a;
	text-shadow:0px 1px 0px #FFF;
	-moz-text-shadow:0px 1px 0px #FFF;
	-webkit-text-shadow:0px 1px 0px #FFF;
	text-align:center;
	padding-top:20px;
	margin-top:25px;
}

div.header{
	height:25px;
	margin:0px 15px;
	margin-top:-30px;
}

.header01{
	font:12px Arial;
	color:#464646;
}
.header02{
	font:12px Arial;
	color:#464646;
	cursor:pointer;
}
img.head{
	margin-right:10px;
	vertical-align:top;
}

div.menu{
	height:25px;	
	border:1px solid #f1f1f1;
	margin:0px 12px;
	background:url('../css_img/bg_menu.png') center top repeat-x scroll;
	}

ul{
	list-style:none;
	padding:0px; 
	margin:0px; 
	border:0px;
	position:relative;        
}
    
ul > li{
	list-style:none;
	padding:0px; 
	margin:0px; 
	border:0px; 
	display:inline-block;
	/*margin:5px 20px;*/
	font:12px Verdana, Geneva, sans-serif;
	/*color:#80bafc;*/
	text-transform:uppercase;
	text-shadow:1px 1px 0px #000;
	-moz-text-shadow:1px 1px 0px #000;
	-webkit-text-shadow:1px 1px 0px #000;
	vertical-align:middle;			    
}

h1{
	font:14px Arial;
	color:#264467;
	padding:5px;
	background-color:#c1cfdf;
	border:1px solid #9bacc0;
	text-shadow:1px 1px 0px #FFFFFF;
	-moz-text-shadow:1px 1px 0px #FFFFFF;
	-webkit-text-shadow:1px 1px 0px #FFFFFF;
	margin:5px 15px;
}
h1.titulo
{
	background-color:#c1cfd0;
}


div.form{
	margin:0px 15px;
}

div.formLogin{
	margin:0px 15px;
}


table{
	border:0px;
	padding:0px;
	margin:10px 0px;
	width:100%;
}

table.formulario{
	border:0px;
	padding:0px;
	margin:0px;
	width:100%;
	border-collapse:collapse;
}

table.formulario > tbody > tr > th{
	padding:5px;
	font:bold 12px Arial;
	color:#002858;
	background-color:#d6dfe9;
	border:1px solid #9bacc0;	
	width:25%;
	text-align:left;
	text-shadow:1px 1px 0px #FFFFFF;
	-moz-text-shadow:1px 1px 0px #FFFFFF;
	-webkit-text-shadow:1px 1px 0px #FFFFFF;
}

table.formulario > tbody > tr > td{
	padding:5px 10px;
	font:bold 12px Arial;
	color:#333;	
	border:1px solid #9bacc0;	
	width:25%;
	background-color:#f2f2f2;
}

table.formulario > tbody > tr > td img{
	vertical-align:middle;
	margin-left:10px;
}

.cajas{
	font:12px Arial;
	background-color:#FFF;
	border:1px solid #e1e1e1;
	color:#222;
	width:100%;
}

.cajas_sinw{
	font:12px Arial;
	background-color:#FFF;
	border:1px solid #e1e1e1;
	color:#222;
}


/*BOTON CHICO*/
a.button{
	background: url("../css_img/botonEnd.png") no-repeat scroll right top transparent;
    display:inline-block;
    /*float:left;*/
    font:bold 12px Arial;
	color:#858587;
    height:34px;
    margin-right:6px;
    margin-top:0;
    outline:medium none;
    padding-right:20px;
    text-decoration:none;
    vertical-align:bottom;
	cursor:pointer;
	}
	
a.button span.cuerpo{
	background: url("../css_img/botonStart.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:34px;
    padding-left:10px;
    padding-right:0;
	}

a.button span.texto{
	font:bold 12px Arial;
	color:#858587;	
    line-height:30px;
    text-indent:3px;
	padding-left:7px;
    text-transform: none !important;
	display:inline-block;
	text-shadow:1px 1px 1px #FFFFFF;
	-moz-text-shadow:1px 1px 1px #FFFFFF;
	-webkit-text-shadow:1px 1px 1px #FFFFFF;	
	text-decoration:none;	
}
	
a.button:hover{
	background-position:right bottom;
	color:#414142;
}
	
a.button:hover span.cuerpo {
	background-position:0px -34px;
	color:#414142;
	float:left;
}

a.button:hover span.texto {	
	color:#414142;	
}

div.grid{
	margin:0px 15px;
	overflow:auto;
}

table.grilla{
	border:0px;
	padding:0px;
	margin:0px;
	width:100%;
	border-collapse:collapse;
}

table.grilla > tbody > tr > th{
	padding:10px;
	font:bold 12px Arial;
	color:#264467;
	background-color:#d5d5d5;
	border:1px solid #9fafc2;
	height:15px;
	text-shadow:1px 1px 0px #FFFFFF;
	-moz-text-shadow:1px 1px 0px #FFFFFF;
	-webkit-text-shadow:1px 1px 0px #FFFFFF;
}

table.grilla > tbody > tr > td{
	padding:5px;
	font:12px Arial;
	color:#333;	
	border:1px solid #9bacc0;
}

img.ico{
	width:16px;
	height:16px;
	margin:0px 5px;
	cursor:pointer;
}

.grid_pager{
	font:11px Verdana;
	color:#333;
	position:relative;
	height:30px;
	margin:5px 0px 0px 15px;
	padding-right:15px;
}

a.num{
	font:11px Verdana;
	text-decoration:none;
	color:#333;
}

a:hover.num{	
	text-decoration:underline;
	color:#999;
}

/*******ESTILO BOTÓN********/
.button{
	background:url('../css_img/botonEnd.png') no-repeat scroll right top transparent;
    display:block;
    float:right;
    font:bold 12px Arial;
	color:#858587;
    height:71px;    
	margin:5px 0px 0px 0px;
    outline:medium none;
    padding:0px 40px 0px 0px;
	/*padding:0px 22px 0px 0px;Para Firefox*/
    text-decoration:none;
    vertical-align:bottom;
	cursor:pointer;
	border:0px;
	margin-right:10px;
	}
	
.button span.cuerpo{
	background:url('../css_img/botonStart.png') no-repeat scroll 0 0 transparent;
    display:block;
    height:71px;
    padding:0px 0px 0px 20px;    	
	position:relative;
	border:0px;
	margin:0px;	
	/*top:-1px;Para Firefox*/
	}

.button span.texto{
	font:14px Tahoma, Geneva, sans-serif;
	color:#ffffff;	
    line-height:70px;
    text-indent:3px;
	padding:0px 0px 0px 15px;    
	display:inline-block;
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-moz-text-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-webkit-text-shadow:0px 1px 0px rgba(255,255,255,0.5);	
	text-transform:uppercase;	
	}
	
.button:hover{
	background-position:right bottom;	
	}
	
.button:hover span.cuerpo {
	background-position:0px -71px;		
	}

.button:hover span.texto {	
color:#002d62;
text-shadow:0px 1px 0px rgba(0,0,0,0.7);
-moz-text-shadow:0px 1px 0px rgba(0,0,0,0.7);
-webkit-text-shadow:0px 1px 0px rgba(0,0,0,0.7);	
}
	
.Exclamacion{
	background:url('../img/ico_exclamacion.gif') center no-repeat;
	border:0px;
	margin:0px;
	padding:0px;
}

.Paginacion
{
	font:12px Arial;
	background-color:#FFF;
	border:1px solid #e1e1e1;
	color:#222;		
}
.MiDivCentrado {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 200px;
	margin-top: -100px;
	margin-left: -150px;
	overflow: auto;
}
.Progress
{
	background-color:#CCCCFF;  
	filter:alpha(opacity=40);  
	opacity:0.6; 
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:120%;
	z-index:60000 !important;
	position:absolute;
}
.ModalPopupExtender
{
  background-color:#CCCCFF;
  filter:alpha(opacity=40);
  opacity:0.5;
  z-index:20000;
  position:absolute;
}
.ModalPopupExtenderLogin
{
  background-color:#CCCCFF;
  filter:alpha(opacity=40);
  opacity:0.5;
  z-index:19999 !important;
  position:absolute;
}
.h1n1
{
	cursor:pointer;	
}

.Asc
{
		background:url('../css_img/Asc.png') Right middle  repeat-x ;
		z-index:1;
	
}
.Desc
{
		background:url('../css_img/Desc.png') Right middle  repeat-x ;
		z-index:1;	
}

li.ulElemento,li.ulElementoCentros,li.ulElementoZonas
{
    border: solid 1px #646464;
    padding: 1px 1px 1px 1px;
    cursor: move;
    z-index: 120000;
    background-color: #7896c8;
    font-weight: bold;
    color: #ffffff;
    width: 210px;    
    margin: 2px 0px;
}
.ulOrigen
{
    width: 220px; 
    border: solid 1px #646464;
    padding-left: 0px;
}