* { padding: 0; margin: 0; }
/*--------------------------------------------
Global Styles
---------------------------------------------*/
html{
	overflow-y:scroll;
} 
body {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans;
	color: #464646;	
	line-height: 18px;
	background: #0a1c3b;
}
div#page_wrap {
	background: url('../images/logo_dm_S.png') no-repeat  10px 0px;
	width: 850px;
	height: 245px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border:0px solid #ffffff;
}
	div#user_details {
		position: absolute;
		right: 10px;
		top: 25px;
		font-size: 11px;
		color: #fff;
		text-align:right;
	}
	div#user_details a { color: #ccc;}
	
div#page_body {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 87px;
}
div#navigation {
	background: url('../images/backgrounds/nav.jpg') repeat-x center;
	height: 37px;
	border: 1px solid #3b3b3b;
}
	div#navigation ul{
		list-style:none;
		padding-top: 10px;
		text-align: center;
		padding-bottom: 10px;
	}
	div#navigation ul li{
		display: inline;
		margin-left: 15px;
		margin-right: 15px;
	}
		div#navigation ul li a{
			padding: 12px 15px 12px 15px;
			color: #959595;
			text-decoration: none;
		}
		div#navigation ul li a:hover{
			color: #fff;
		}
		div#navigation ul li.active a{
			background: url('../images/backgrounds/nav_active.jpg') repeat-x;
			color: #fff;
		}
div#page_content {
	background: #fff;
	border: 1px solid #4f6a72;
	margin-top: 20px;
}
	div#page_content div.padding{
		padding: 15px;
	}
.clear {clear:both;}
.clear_10 {clear:both; height:10px;}
.clear_20 {clear:both; height:20px;}
hr {
	border: none;
	height: 1px;
	background: #ccc;
}
div.link_box {
	background: #fffcd3;
	padding: 0px;
	border: 1px solid #fee573;
}
div.link_box ul{
	list-style:none;
	padding-left: 20px;
}
	div.link_box ul li{
		padding-left: 24px;
		margin-bottom: 10px;
	}
		div.link_box ul li a{ color: #4e4e4e; text-decoration:underline; }
		div.link_box ul li#sh_a_usuario{ background: url('../images/vcard16.png') no-repeat left; }
		div.link_box ul li#sh_log{ background: url('../images/command16.png') no-repeat left; }
		div.link_box ul li#sh_b_inmueble{ background: url('../images/home16.png') no-repeat left; }		
		div.link_box ul li#sh_v_reporte{ background: url('../images/report16.png') no-repeat left; }				
		div.link_box ul li#sh_semaforo{ background: url('../images/traffic_light.png') no-repeat left; }
			
		div.link_box ul li#sh_v_inventario{ background: url('../images/database_arrow.png') no-repeat left; }
		div.link_box ul li#sh_a_reporte{ background: url('../images/clipboard_plus.png') no-repeat left; }
		div.link_box ul li#sh_a_acta{ background: url('../images/envelope_plus.png') no-repeat left; }		
		div.link_box ul li#sh_ayuda{ background: url('../images/question.png') no-repeat left; }
		
		div.link_box ul li#sh_v_reporte{ background: url('../images/clipboard_arrow.png') no-repeat left; }
		div.link_box ul li#sh_v_normas{ background: url('../images/clear_folder_arrow.png') no-repeat left; }
		div.link_box ul li#sh_a_soporte{ background: url('../images/ticket_plus.png') no-repeat left; }		
		div.link_box ul li#sh_v_soporte{ background: url('../images/ticket_arrow.png') no-repeat left; }			
/*--------------------------------------------
Typography
---------------------------------------------*/
h1#page_title {
	background: url('../images/backgrounds/title_blue.jpg') repeat-x top center;
	height: 25px;
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	border: 0px solid #000000;
	text-align:center;
}
h2#shortcut_menu {
	background: url('../images/backgrounds/title_yellow.jpg') repeat-x top center;
	height: 30px;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #036;
	margin-top: 0;
	margin-bottom: 10px;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	color: #036;
	margin-bottom: 10px;
}
h1 {
	font-size: 17px;
	font-weight: normal;
	color: #222;
	margin-bottom: 10px;
}
h1#page_title a {
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	color: #222;
	margin-bottom: 10px;
	color: #666;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	color: #222;
	margin-bottom: 10px;
}
.gray {
	color: #777;
	font-style: italic;
}

.highlight_green {
	color: #1f9247;
	font-style: italic;
}

.highlight_yellow {
	color: #F1CC08;
	font-style: italic;
}

.highlight_red {
	color: #d32213;
	font-style: italic;
}


.grey { color: #999; }
a {color: #55676c;text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
p {
	line-height: 18px;
	margin-top: 5px;
	color: #555;
}
div#controls {                        
}
		div#controls span{
			float: left;
			margin-right: 10px;
			padding-top: 2px;
		}
	div#controls div{
		margin-right: 10px;
		border: 3px solid #eaeaea;
	}

/*--------------------------------------------
Tables
---------------------------------------------*/
table.data {
	border-collapse: collapse;
	width: 100%;
	line-height: 18px;
	border: 1px solid #eaeaea;
}

table.data2 {
	border-collapse: collapse;
	width: 50%;
	line-height: 18px;
	border: 1px solid #eaeaea;
}

table.data tr th, table.data2 tr th {
	background: url('../images/backgrounds/title_teal.jpg') repeat-x top center;
	border-bottom: 1px solid #eaeaea;	
	padding: 6px;
	color: #fff;
	padding-left: 8px;
}
table.data tr td, table.data2 tr td {
	padding: 8px;
	padding-bottom: 10px;
	padding-top: 12px;
	font-size: 11px;
	border-left: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
table.data td.actions , table.data2 td.actions {
	background: #f7f7f7;
	width: 120px;
	border-left: 1px solid #eaeaea;
	text-align:center;
}

table.data td.actions2 {
	background: #f7f7f7;
	width: 60px;
	border-left: 1px solid #eaeaea;
	text-align:center;
}

	td.actions img,td.actions2 img{
		margin-right: 5px;
		margin-left: 5px;
	}

table.data td.actions3 {
	background: #f7f7f7;
	width: 60px;
	border-left: 1px solid #eaeaea;
	text-align:center;
}

	td.actions img,td.actions3 img{
		margin-right: 5px;
		margin-left: 5px;
	}

table tr.highlight {
	background: #f7f7f7;
}

/*--------------------------------------------
Pagination Elements
---------------------------------------------*/

div.pagination {padding: 20px 0}
div.pagination a {text-decoration: none; color:#999999; background: #f1f1f1; padding: 5px 9px; margin: 0 0 7px 0; border: 1px solid #CCCCCC; font-size:10px}
div.pagination a:hover {cursor: pointer; background: #E8E4DE; color:#666666 }
div.pagination a.selected { color: #ffffff; background: #035676; border: 1px solid #5e5552 }

div.pagination span {text-decoration: none; color:#999999; background: #f1f1f1; padding: 5px 9px; margin: 0 0 7px 0; border: 1px solid #CCCCCC; font-size:10px}

div.pagination span.selected { color: #ffffff; background-color: #035676; border: 1px solid #5e5552; }

/*--------------------------------------------
Form Elements
---------------------------------------------*/
div.box {
	line-height: 17px;
}
.textField {
	border: 1px solid #dedede;
	font-size: 13px;
	padding: 5px;
	background: #fefefe;
	color: #222;
}
select{	
}
	.textField:focus {
		background: #fff;
		border-color: #ccc;
	}
	.small {width: 200px;}
	.minismall {width: 120px;}
	.medium {width: 270px;}
	.large {width: 330px;}
	.extralarge {width: 510px;}
.date_input,
.date_input:focus {
	background: url('../images/icons/calender.png') no-repeat 4px 4px;
	padding-left: 25px;
}	
div#copyright {
	text-align: center;
	font-size: 11px;
	color: #ccc;
	margin-top: 10px;
	font-weight: bold;
	padding-bottom:30px;	
}
.button {
	float: left;
	background: url(../images/backgrounds/box-right.gif) top right no-repeat;
	margin-right: 10px;
	border:0px solid #000;
}
.btn-inner {
	margin: 0;
	padding: 5px 0 0 0;
	background: url(../images/backgrounds/box-left.gif) top left no-repeat;
}	
.btn-inner p,.btn-inner a {
	display: block;
	margin: 0;
	padding: 0 0 0 1px;
	font: bold 1.2em Arial, sans-serif;
	color: #039;
	text-decoration: none;
	background: url(../images/backgrounds/box-left.gif) bottom left no-repeat;
}	
.btn-inner input {border: 0px; background: transparent; cursor: pointer; padding:0px 19px;}
.btn-inner input:hover {color: #4D686F;}
.btn-inner em {
	display: block;
	margin: 0;
	padding: 0 1px 5px 0;
	font-style: normal;
	background: url(../images/backgrounds/box-right.gif) bottom right no-repeat;
}
.btn-inner img {
	margin-right: 5px;
	vertical-align: middle;
}

legend{
	color:#003366;
	font-weight:bold;
	padding:2px 6px;
	
}
fieldset{
	border:1px solid #ccc;
	padding:10px;
	
}
/*--------------------------------------------
Notification Dialogs
---------------------------------------------*/
div.notification {
		padding: 18px;
		margin-top: 5px;
		margin-bottom: 10px
}
div.notification_form {
		padding: 18px;
		margin-top: 5px;
		margin-bottom: 10px
}
	div.notification img{
		position: relative;
		top: 3px;
		margin-right: 5px;
	}
	div.notification_form img{
		position: relative;
		top: 3px;
		margin-right: 5px;
	}
	div.notification em{ font-style: normal; }
	div.notification_form em{ font-style: normal; }
	div#error { background:#F8E3E0; color:#C22525; border:1px solid #e9a39a;}
	div#error2 { background:#F8E3E0; color:#C22525; border:1px solid #e9a39a;}
	div#confirmation { background:#CBEFC7; color:#006633; border:1px solid #89c982; }
	div#confirmation2 { background:#CBEFC7; color:#006633; border:1px solid #89c982; }
	div#information { background:#DAE6F1; color:#006699; border:1px solid #93b8da; }
	div#error a,
	div#confirmation a,
	div#information a{
	  float: right;
		margin-top: -35px;
		* margin-top: -55px;
		font-size: 11px;
		margin-right: -10px;
		* margin-right: 0px;		
		* padding-right: 10px;
		padding-left: 15px;
		background: url('../images/icons/close.png') no-repeat left 3px;
		* background: none;
	}
div.half {
	width: 50%;
}

div.notification_error {
		padding: 5px;
		margin-top: 5px;
		margin-bottom: 10px
}
	div.notification_error img{
		position: relative;
		top: 3px;
		margin-right: 5px;
	}
	div.notification_error em{ font-style: normal; }
	div#error { background:#F8E3E0; color:#C22525; border:1px solid #e9a39a;}
	div#error a{
	  float: right;
		margin-top: -35px;
		* margin-top: -55px;
		font-size: 11px;
		margin-right: -10px;
		* margin-right: 0px;		
		* padding-right: 10px;
		padding-left: 15px;
		background: url('../images/icons/close.png') no-repeat left 3px;
		* background: none;
	}

	div.notification_form ol li {
		list-style-type: disc;
		margin-left: 20px;
	}
	
	.notification_form label.error {
		display: inline;
	}
	div.notification_form2 ol li {
		list-style-type: disc;
		margin-left: 20px;
	}
	div.notification_form2 { display: none }
	.notification_form2 label.error {
		display: inline;
	}

/*--------------------------------------------
Text Styles
---------------------------------------------*/
ul.points{
	list-style:none;
	padding-left: 0px;
	margin-top: 5px;
}
	ul.points li{
		padding-left: 24px;
		background: url('../images/icons/arrow.png') no-repeat left;
		margin-bottom: 8px;
	}
img {border: 0;}


/*--------------------------------------------
Report Styles
---------------------------------------------*/

#table_Report .titulo{
background: url('../images/title_blue.jpg') repeat-x top center;
height: 25px;	
font-size:14px;
font-weight:bold;
color:#fff;
}

table{}
#table_Report tr td{
padding:4px;
}

#table_Report tr.highlight {
background: #ffffff;
}

#table_Report tr.header{
font-weight:bold;
background: #d1ebf6;
}

#table_Report .subtitulo{
font-size:12px;
font-weight:bold;
color:#000;
}

#table_Report .subtitulo2{
font-size:12px;
font-weight:bold;
font-style:italic;
color:#000000;
}

#table_Report .descripcion{
font-size:12px;
font-weight:normal;
color:#000;
}

#table_Report .subdescripcion{
font-size:12px;
font-weight:normal;
font-style:italic;
padding-left:20px;
color:#000;
}

#table_Plantilla .titulo{
background: url('../images/title_blue.jpg') repeat-x top center;
height: 25px;	
font-size:14px;
font-weight:bold;
color:#fff;
}

table{}
#table_Plantilla tr td{
padding:4px;
}

#table_Plantilla tr.highlight {
background: #ffffff;
}

#table_Plantilla tr.header{
font-weight:bold;
background: #d1ebf6;
}

#table_Plantilla .subtitulo{
font-size:12px;
font-weight:bold;
color:#000;
}

#table_Plantilla .subtitulo2{
font-size:12px;
font-weight:bold;
font-style:italic;
color:#000000;
}

#table_Plantilla .descripcion{
font-size:12px;
font-weight:normal;
color:#000;
}

#table_Plantilla .subdescripcion{
font-size:12px;
font-weight:normal;
font-style:italic;
padding-left:20px;
color:#000;
}

.drag_arrow{
background:url(../images/arrow_nsew.png) no-repeat center center;
}


.button img{border:0px;}
.buttons a, .buttons button, a.button, button.button{font-family:"Lucida Grande", Tahoma, Arial, sans-serif;float:left;margin:0 .7em 0 0;text-decoration:none;background:#f6f6f6 url(../images/white-grad.png) repeat-x left top;border:1px solid #dedede;border-right:1px solid #bbb;border-bottom:1px solid #bfbfbf;padding:5px 10px 6px 10px;display:block;cursor:pointer;font-size:11px;font-weight:normal;line-height:130%;color:#464646;}a.button, button.button{float:none;display:inline;display:inline-block;}.buttons button, button.button{width:auto;overflow:visible;padding:4px 10px 3px 7px; }.buttons button[type], button.button[type]{width:auto;padding:5px 10px 5px 7px; line-height:17px; }.chrome .buttons button, .chrome button.button{padding:4px 10px 4px 7px; }*+html .buttons button[type], *+html button.button[type]{padding:4px 10px 3px 7px; margin-bottom:1px;}* html button.button{margin-bottom:1px;}.buttons button img, .buttons a img, a.button img, button.button img{margin:0 3px -3px 0 !important;}.buttons button:hover, .buttons a:hover, a.button:hover, button.button:hover{border:1px solid #999;color:#000;}button.active, .buttons a:active, a.button:active{border-color:#ccc;background: #FFF url(../images/white-grad-active.png) repeat-x left top;}
a.button{margin-bottom:15px;}


.msj_error{margin:0 0 16px 0px; border-width:1px 0px;border-style:solid;padding:12px;background-color:#ffebe8;border-color:#c00;text-align:center;color:#c00;height:18px;}
.msj_ok{margin:0 0 16px 0px; border-width:1px 0px;border-style:solid;padding:12px;background-color:#c4f0c4;border-color:#008000;text-align:center;color:#008000;height:18px;}
.msj_wait{margin:0 0 16px 0px; border-width:1px 0px;border-style:solid;padding:12px;background-color:#cfe4ee;border-color:#006699;text-align:center;color:#006699;height:18px;}
.msj_ok img, .msj_error img, .msj_wait img { width:16px; height:16px; vertical-align:middle; padding-right:4px; }