body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

div.ui-datepicker{
 font-size:10px;
}

h1{
	color: #0e549b;
	font-size: 16px;
}


h2{
	color: #0e549b;
	font-size: 16px;
}

h3{
	color: #0e549b;
	font-size: 13px;
}

select {
	border:1px #B6B6B6 solid;
	height:22px;
	color:#282828;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}

select:focus {
	border:1px #2e63a3 solid;
}

textarea {
	border:1px #B6B6B6 solid;
	color:#282828;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}

	textarea:focus {
		border:1px #2e63a3 solid;
	}

input[type=text] {
	border:1px #B6B6B6 solid;
	height:20px;
	color:#282828;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}

	input[type=text]:focus {
		border:1px #2e63a3 solid;
	}
		
input[type=password] {
	border:1px #B6B6B6 solid;
	height:20px;
	color:#282828;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
}

	input[type=password]:focus {
		border:1px #2e63a3 solid;
	}

	
input[type=submit], input[type=button] {
	border:2px #7D7D7D solid;
	background-image:url('../images/genericButtonBackground_normal.png');
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#7D7D7D;
	color:#FFFFFF;
	font-weight:bold;
	height:26px;
	padding:0 10px 0 10px;
}

	input[type=submit]:hover, input[type=button]:hover  {
		background-image:url('../images/genericButtonBackground_hover.png');
		border-color:#090909;
	}

input[type=submit].robo {
	border:2px #7D7D7D solid;
	background-image:url('../images/icon_robohurto.png');
	width: 126px;
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#7D7D7D;
	color:#666666;
	font-weight:bold;
	height:60px;
	padding:0 80px 0 10px;
}

	input[type=submit].robo:hover {
		background-image:url('../images/icon_robohurto.png');
		border-color:#090909;
		cursor: pointer;
	}


input[type=submit].choque {
	border:2px #7D7D7D solid;
	background-image:url('../images/icon_choquecolision.png');
	width: 126px;
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#7D7D7D;
	color:#666666;
	font-weight:bold;
	height:60px;
	padding:0 5px 0 70px;
}

	input[type=submit].choque:hover{
		background-image:url('../images/icon_choquecolision.png');
		border-color:#090909;
		cursor: pointer;
	}

input[type=button].back{
	border:2px #7D7D7D solid;
	background-image:url('../images/icon_back.png');
	width: 126px;
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#7D7D7D;
	color:#666666;
	font-weight:bold;
	height:60px;
	padding:0 10px 0 40px;
}

	input[type=button].back:hover{
		background-image:url('../images/icon_back.png');
		border-color:#090909;
		cursor: pointer;
	}



.clear{
	clear: both;
}

.separator{
	height: 15px;
}

table tr td span{
	 color: #FF0000;
}

table tr td span{
	 color: #FF0000;
}


.tableList {
		width:100%;
		padding:0;
		margin:0;
		border-collapse:collapse;
	}
		/*.tableList thead th{
			height: 32px;
		}*/
	
		.tableList thead th, .tableList tfoot td {
			background-image:url('../images/tableList_titleBackground.png');
			background-repeat:repeat-x;
			/*background-position:left top;*/
			color:#3C3C3C;
			font-size:12px;
			font-weight:bold;
			/*padding:8px;*/
			text-align:left;
			height: 30px;
		}
		
		.tableList thead tr {
			border-bottom:1px #727176 solid;
			border-left:1px #e6e6e6 solid;
			border-right:1px #e6e6e6 solid;
		}
		
		.tableList tfoot tr {
			border-top:1px #727176 solid;
			border-bottom:1px #727176 solid;
			border-left:1px #e6e6e6 solid;
			border-right:1px #e6e6e6 solid;
		}
		
		.tableList thead th a {
			color:#1d5fa1;
			font-size: 13px;
			text-decoration:none;
		}
		
			.tableList thead th a:hover {
				color:#1e1e1e;
			}
			
		.tableList tfoot td {
			height:15px;
			padding:0;
			margin:0;			
		}
						
		.tableList tbody tr {
			border-left:1px #EBEBEB solid;
			border-right:1px #EBEBEB solid;
		}
		
		.tableList tbody tr:hover td {
			background-color:#EEEEEE;
		}
		
			.tableList tbody tr.even {
				background-color:#cfddeb;
			}
			
			.tableList tbody tr.odd {
				background-color:#FFF;
			}		
		
		.tableList tbody td {
			color:#313131;
			border-bottom:1px #EBEBEB solid;
			font-size:12px;
			padding:7px;
		}
		
			.tableList tbody tr.last td {
				border-bottom:0px transparent solid;
			}
			
			.tableList tbody td a{
				color: #3b79aa;
				text-decoration: none;
				font-size: 10px;
			}
			
				.tableList tbody td a:hover{
					text-decoration: underline;
				}

.errorDialogBox, .alertDialogBox, .successDialogBox {
	width:100%;
	margin-bottom:10px;
	padding:10px 0 10px 0;
	font-size:12px;
	border-width:1px;
	border-style:solid;
	background-position:10px 10px;
	background-repeat:no-repeat;
	min-height:40px;
}

.errorDialogBox p, .alertDialogBox p, .successDialogBox p {
	padding:0 10px 10px 70px;
}

	.errorDialogBox {
		background-image:url('../images/dialogBox_error.png');
		color:#C43030;
		background-color:#FCF6F6;
		border-color:#F08585;
	}
	
		.errorDialogBox a {
			color:#C43030;
		}
	
	.alertDialogBox {
		background-image:url('../images/dialogBox_alert.png');
		color:#363636;
		background-color:#fffee9;
		border-color:#efd417;
	}
	
		.alertDialogBox a {
			color:#363636;
		}
	
	.successDialogBox {
		background-image:url('../images/dialogBox_success.png');
		color:#489510;
		background-color:#f3ffd8;
		border-color:#5bc211;
	}
	
		.successDialogBox a {
			color:#489510;
		}

input[type=text].error, input[type=password].error, textarea.error, select.error {
	border-color:#FF3333;
	background-color: #FFA4A4;
}

label.error{
	color: #FF0000;
}

textarea.error {
	border-color:#FF3333;
	background-color: #FFA4A4;
}

select.error {
	border-color:#FF3333;
	background-color: #FFA4A4;
}

.errorMessage {
	color:#FF3333;
	font-size:12px;
	display:block;
	padding:5px 0 5px 0;
}

a.actionView, a.actionCoverage{
	display:block;
	float:left;
	width:24px;
	height:24px;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 2px 0 2px;
}			

a.actionView{
	background-image:url('../images/icon_actionView.png');
}

a.actionCoverage{
	background-image:url('../images/icon_actionCoverages.png');
}


a.actionRobo, a.actionChoque{
	display:block;
	float:left;
	width:126px;
	height:60px;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 2px 0 2px;
}		
	
a.actionRobo{
	background-image:url('../images/icon_robohurto.png');
}

a.actionChoque{
	background-image:url('../images/icon_choquecolision.png');
}
a.actionRobo:hover{
	cursor: pointer;
}

a.actionChoque{
	cursor: pointer;
}


dl{
    margin: 0;
    padding: 0;
    width: 745px;
}

dl dt{
    margin: 0;
    padding: 0;
}

dl dd{
    margin: 0;
    padding: 0;
}

.ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-corner-all {
	font-size: 12px;
}

#main{
	width: 990px;
	margin: auto;
}

#header{
	background-image: url('../images/header_background.png');
	height: 130px;
	background-repeat: repeat-x;
}

	#header .government{
		width: 990px;
		height: 40px;
		background-image: url('../images/government.png');
		background-repeat: no-repeat;
	}
		#header .infoSector{
			margin-top: 5px;
		}
	
			#header .infoSector .logoArea{
				margin-top: 5px;
				background-image: url('../images/logo.png');
				background-repeat: no-repeat;
				width: 372px;
				height: 60px; 
				float: left;
			}
	
			#header .infoSector .userArea{
				width: 615px;
				float: left;
				height: 75px;
				text-align: right;
				color: #0e549b;
			}
			
				#header .infoSector .userArea h2{
					padding-bottom: 0;
					margin-bottom: 0;
					margin-top: 0;
					font-size: 15px;
					text-align: right;
				}
				
				#header .infoSector .userArea a{
					font-size: 12px;
					height: 50px;
					color: #0e549b;
					text-decoration: none;
				}
				
					#header .infoSector .userArea a:hover{
						font-size: 12px;
						height: 50px;
						font-weight:bold;
					}
				
				#header .infoSector .userArea p{
					padding-top: 10px;
					font-size: 12px;
					text-align: right;
				}
#container{
	
}
	#container .horizonline{
		background-image: url('../images/horizonline.png');
		background-repeat: no-repeat;
		width: 247px;
		height: 36px;	
		padding: 30px;
	}

	#container .menu{
		width: 225px;	
		padding-top: 5px;
		float: left;
	}
	
	#container .menu .advertising{
		background-image: url('../images/contacto.png');
		background-repeat: no-repeat;
		width: 226px;
		height: 167px;
	}
		#container .menu ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
				#container .menu ul li{
					margin: 0;
					padding: 0;
					width: 160px;
					height: 44px;
					text-align: center;
					margin-bottom: 5px;
					padding-left: 80px;
					padding-top: 20px;
					cursor: pointer;
				}
				
				#container .menu ul li.dashboard{
					background-image:url('../images/dashboard_button.png');
					background-repeat: no-repeat;
				}
								
				#container .menu ul li.certificates{
					background-image:url('../images/certificates_button.png');
					background-repeat: no-repeat;
				}
								
				#container .menu ul li.updateinfo{
					background-image:url('../images/update_button.png');
					background-repeat: no-repeat;
				}
								
				#container .menu ul li.payments{
					background-image:url('../images/payments_button.png');
					background-repeat: no-repeat;
				}
								
				#container .menu ul li.casualities{
					background-image:url('../images/casualities_button.png');
					background-repeat: no-repeat;
				}
								
				#container .menu ul li.request{
					background-image:url('../images/request_button.png');
					background-repeat: no-repeat;
				}
								
				#container .menu ul li a{
					display: block;
					font-family: Arial;
					font-size: 14px;
					width: 130px;
					color: #FFF;
					font-weight: bold;
					text-decoration: none;
					height: 24px;
					line-height: 15px;
				}
				
	#container .content{
		padding: 5px 5px 0 20px;
		width: 740px;
		float: left;
	}
	
		#container .content .breadcrum{
			width: 493px;
			float: left;
		}
	
			#container .content .breadcrum ul{
				margin: 0;
				padding: 0;
				list-style: none;
			}

			#container .content .breadcrum ul li{
				color: #3b79aa;
			}
			
			
				#container .content .principalArea .certificatesArea{
					width: 680px;
					margin: auto;
				}
			
					#container .content .principalArea .certificatesArea .widget{
						width: 244px;
						height: 120px;
						float: left;
						margin: 0 45px 15px 15px;
						cursor: pointer;
					}
				
						#container .content .principalArea .certificatesArea .widget .header-widget{
							background-image: url('../images/cabecera.png');
							background-repeat: no-repeat;
							width: 244px;
							height: 45px;
						}
			
							#container .content .principalArea .certificatesArea .widget .header-widget h2{
								padding: 12px 0 0 12px;
								color: #FFF;
							}
						#container .content .principalArea .certificatesArea .widget .middle-widget{
							border-left: 1px #0e549b solid;
							border-right: 1px #0e549b solid;
							border-bottom: 1px #0e549b solid;
							height: 72px;
						}
						
								#container .content .principalArea .certificatesArea .widget .middle-widget .logo-widget{
									/*margin: 5px;*/
									width: 67px;
									height: 66px;
									float: left;
								}
																								
								#container .content .principalArea .certificatesArea .widget .middle-widget .content-widget{
									width: 150px;
									padding: 15px 5px 0 10px;
									float: left;
								}
												
									#container .content .principalArea .certificatesArea .widget .middle-widget .logo-widget a.personas, a.personasdisabled, a.patrimoniales, a.patrimonialesdisabled, a.automovil, a.automovildisabled, a.fianza, a.fianzadisabled{
										display:block;
										float:left;
										width:67px;
										height:66px;
										background-position:center center;
										background-repeat:no-repeat;
										margin:0 2px 0 2px;
									}
																		
									#container .content .principalArea .certificatesArea .widget .middle-widget .logo-widget a.personas{
										background-image: url('../images/personas_widget_background.png');
									}
																																				
									#container .content .principalArea .certificatesArea .widget .middle-widget .logo-widget a.personasdisabled{
										background-image: url('../images/personas_disabled_widget_background.png');
									}
																																				
									#container .content .principalArea .certificatesArea .widget .middle-widget .logo-widget a.patrimoniales{
										background-image: url('../images/patrimoniales_widget_background.png');									
									}
									
									#container .content .principalArea .certificatesArea .widget .middle-widget .logo-widget a.patrimonialesdisabled{
										background-image: url('../images/patrimoniales_disabled_widget_background.png');									
									}
									
									#container .content .principalArea .certificatesArea .widget .middle-widget .logo-widget a.automovil{
										background-image: url('../images/auto_widget_background.png');
									}
									
									#container .content .principalArea .certificatesArea .widget .middle-widget .logo-widget a.automovildisabled{
										background-image: url('../images/auto_disabled_widget_background.png');
									}
									
									#container .content .principalArea .certificatesArea .widget .middle-widget .logo-widget a.fianza{
										background-image: url('../images/fianza_widget_background.png');
									}
									
									#container .content .principalArea .certificatesArea .widget .middle-widget .logo-widget a.fianzadisabled{
										background-image: url('../images/fianza_disabled_widget_background.png');
									}
									
						/*#container .content .principalArea .certificatesArea .widget .footer-widget{
							background-image: url('../images/footer.png');
							width: 244px;
							height: 45px;
						}*/
						
				#container .content .principalArea .mycertificates{
						width: 620px;
						margin: auto;
						text-align: center;
				}
				
					#container .content .principalArea .mycertificates .header-mycertificates{
						background-image: url('../images/my_certificates_background.png');
						background-repeat: no-repeat;
						/*background-color: #0e549b;
						border: 1px #a7afbc solid;*/
						width: 100%;
						height: 46px;
					}
						#container .content .principalArea .mycertificates .header-mycertificates h2{
							padding: 13px 0 0 25px;
							color: #FFF;
							text-align: left;
						}
			
						#container .content .principalArea .mycertificates .middle-mycertificates{
							border-left: 1px #4379b1 solid;
							border-right: 1px #4379b1 solid;
							border-bottom: 1px #4379b1 solid;
							height: 110px;
							width: 587px;
						}
			
							#container .content .principalArea .mycertificates .middle-mycertificates ul{
								margin: 0;
								padding: 0;
								list-style: none;
							}
							
								#container .content .principalArea .mycertificates .middle-mycertificates ul li{
									float: left;
									width: 124px;
									height: 81px;
									margin: 10px;
								}
								
								#container .content .principalArea .mycertificates .middle-mycertificates ul li a.people{
									background-image: url('../images/personas_certificates_background.png');
									display:block;
									width: 124px;
									height: 81px;
								}
								
								#container .content .principalArea .mycertificates .middle-mycertificates ul li a.peopledisabled{
									background-image: url('../images/personas_disabled_certificates_background.png');
									display:block;
									width: 124px;
									height: 81px;
								}
								
								#container .content .principalArea .mycertificates .middle-mycertificates ul li a.auto{
									background-image: url('../images/auto_certificates_background.png');
									display:block;
									width: 124px;
									height: 81px;
								}
								#container .content .principalArea .mycertificates .middle-mycertificates ul li a.autodisabled{
									background-image: url('../images/auto_disabled_certificates_background.png');
									display:block;
									width: 124px;
									height: 81px;
								}
								
								#container .content .principalArea .mycertificates .middle-mycertificates ul li a.patrimonials{
									background-image: url('../images/patrimoniales_certificates_background.png');
									display:block;
									width: 124px;
									height: 81px;
								}
								#container .content .principalArea .mycertificates .middle-mycertificates ul li a.patrimonialsdisabled{
									background-image: url('../images/patrimoniales_disabled_certificates_background.png');
									display:block;
									width: 124px;
									height: 81px;
								}
								
								#container .content .principalArea .mycertificates .middle-mycertificates ul li a.fianza{
									background-image: url('../images/fianza_certificates_background.png');
									display:block;
									width: 124px;
									height: 81px;
								}
								#container .content .principalArea .mycertificates .middle-mycertificates ul li a.fianzadisabled{
									background-image: url('../images/fianza_disabled_certificates_background.png');
									display:block;
									width: 124px;
									height: 81px;
								}
								
			
				#container .content .principalArea .widget{
					width: 310px;
					height: 162px;
					float: left;
					margin: 0 45px 15px 15px;
				}
				
				#container .content .principalArea .widget label{
					display: block;
					font-size: 12px;
				}
				
				#container .content .principalArea .widget a{
					display: block;
					font-size: 12px;
					text-decoration: none;
					padding-left: 5px;
					padding-top: 5px;
					color: #0e549b;
				}
				
				#container .content .principalArea .widget a.more{
					margin-top: 10px;
					margin-left: 200px;
				}
				#container .content .principalArea .widget a:hover{
					text-decoration: underline;
				}
					#container .content .principalArea .widget .avatar{
						border: 1px #4379b1 solid;
						width: 294px;
						height: 123px;
						margin-top: 13px;
						padding-top: 10px;
					}
					
					#container .content .principalArea .widget a{
						display: inline-block;
					}
						#container .content .principalArea .widget .avatar .photo{
							background-image: url('../images/avatar.png');
							width: 96px;
							height: 88px;
							float: left;
						}
					
						#container .content .principalArea .widget .avatar .photofemenina{
							background-image: url('../images/avatarfemenino.png');
							width: 96px;
							height: 88px;
							float: left;
						}
					
						#container .content .principalArea .widget .avatar .info{
							width: 195px;
							float: left;
						}

					#container .content .principalArea .widget .header_notifications{
						background-image: url('../images/information_button.png');
						width: 304px;
						height: 46px;
					}
				
						#container .content .principalArea .widget .header_notifications h2{
							color: #FFF;
							padding: 15px 0 0 60px;
	
						}
						#container .content .principalArea .widget .header_notifications .icon_header_notification{
							background-image: url('../images/icon_header_notification.png');
							width: 51px;
							height: 51px;
							position: relative;
							top: -50px;
						}
						
						#container .content .principalArea .widget .header_notifications .icon_header_payment{
							background-image: url('../images/icon_header_payment.png');
							width: 51px;
							height: 51px;
							position: relative;
							top: -45px;
						}
						
						#container .content .principalArea .widget .header_notifications .icon_header_casualities{
							background-image: url('../images/icon_header_casualities.png');
							width: 51px;
							height: 51px;
							position: relative;
							top: -50px;
							left: -10px;
						}
						
					#container .content .principalArea .widget .middle_notifications{
						border-left: 1px #4379b1 solid;
						border-right: 1px #4379b1 solid;
						border-bottom: 1px #4379b1 solid;
						width: 269px;
						height: 78px;
						margin-left: 15px;
						padding: 5px;
						overflow: hidden;
					}
	
	
			#container .content .principalArea .buttonsArea {
				padding-top: 20px;
				text-align: right;
			}

				#container .content .principalArea .buttonsArea .legend{
					width: 500px;
					float: left;
				}
		#container .content .horizonlogo{
			background-image: url('../images/horizonline.png');
			width: 247px;
			height: 36px;
			float: left;
		}

		#container .content .principalArea .information{
			background-color: #e4eef8;
			border: 1px #86a9cd solid; 
			padding-bottom: 10px;
		}
		
				#container .content .principalArea .information table tr th{
					 text-align: left;
				}
		
		
		#container .content .principalArea .findBox{
			border: 1px #bababa solid; 
			width: 355px;
			padding: 25px;
			margin: auto;
		}
		
			#container .content .principalArea .findBox label{
				color: #0e549b;
				font-size: 12px;
				padding-left: 10px;
			}
			
			#container .content .principalArea dl{
				margin: 0;
				padding: 0;	
			}
		
				#container .content .principalArea dl dt{
					margin: 0;
					padding: 0;	
				}
		
					#container .content .principalArea dl dt span.left{
						display:inline-block;
						background-image: url('../images/left_corner_backgound.png');
						float: left;
						width: 13px;
						height: 37px;	
					}

					#container .content .principalArea dl dt span.middle{
						display:inline-block;
						padding-top: 10px;
						background-image: url('../images/middle_tabs_backgound.png');
						background-repeat: repeat-x;
						float: left;
						height: 27px;
					}

						#container .content .principalArea dl dt span.middle label{
							color: #FFF;
							font-weight: bold;
						}
						
					#container .content .principalArea dl dt span.rigth{
						display:inline-block;
						background-image: url('../images/rigth_corner_backgound.png');
						float: left;
						width: 13px;
						height: 37px;	
					}
			#container .content .principalArea .information h2{
				margin-top: 0;
			}
							
			#container .content .principalArea .information label{
				color: #0e549b;
				font-size: 12px;
				padding-left: 10px;
			}
		
		#container .content .login{
			background-color: #eceeef;	
			padding-bottom: 20px;
		}
			
		#container .content .registerArea{
			width: 470px;
			padding-top: 15px;
			padding-left: 50px;
		}
		
			#container .content .registerArea .buttonsArea {
				padding-top: 20px;
				text-align: center;
			}
			
				#container .content .registerArea .buttonsArea a {
					font-size: 12px;
					color: #0e549b;
				}
				
#footer{
	background-image: url('../images/footer_background.png');
	height: 2px;
	background-repeat: repeat-x;
}

	#footer .credits{
		text-align: center;
		color: #003399;
	}
		
		#footer .credits p{
			padding-top: 3px;
			font-size: 10px;
		}