/* CSS Document */

* {
	margin:0;
	padding:0;
	}

div#contenedor {
	background:url(bitmaps/bg.jpg) center top no-repeat;
	width:750px;
	height:617px;
	position:relative;
	}
	
div#contenedor h1 {
	background:url(bitmaps/h1.jpg) center bottom no-repeat;
	text-indent:-9999px;
	height:103px;
	}

	#acceso {
		float:right;
		width:365px;
		height:245px;
		margin:60px 40px 0 0;
		display:inline;
		}
		
	#selecciona {
		background:url(bitmaps/selecciona.jpg) center top no-repeat;
		text-indent:-9999px;
		height:20px;
		}

/* -------------- RUT Y CLAVE ----------------------------------*/

#rutyclave{
	float:right;
	width:365px;
	height:200px;
	margin-top:25px;
	position:relative;
	display: inherit;
	}

		#rutyclave #paso_uno{
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			float:left;
			width:185px;
		}
		
			#rutyclave ul#empresas{
				width:180px;
				margin:10px 15px 0 5px;
				padding:0;
				list-style:none;
				list-style-image:none;
				overflow:hidden;
				display:inline;
			}
			
				#rutyclave ul#empresas li{
				display:inline;
					float:left;
					width:160px;
					height:22px;
					margin:0;
					padding:0;
					text-align:left;
					}
				#rutyclave .radio{
					width:15px;
					height:15px;
					float:left;
					margin-right:3px;
					padding:0;
					display:inline;
					}
					
		
		#rutyclave #paso_dos{
			display:inline;
			color:#000000;
			float: left;
			padding:0;
			text-align:left;
			width:105px;
			}
			ul#usuarios {
				width:175px;
				margin-top:20px;
				padding:0;
				list-style:none;
				list-style-image:none;
				overflow:hidden;
				}
				
				ul#usuarios li{
					float:left;
					margin-right:10px;
				}
			
		.campos{
			padding:0;
			margin:10px 0px;
		}
		
		
		label{
		display:block;
		margin:0;
		padding:0;
		}
		
		#elegir{
			font-weight:normal;
			font-size:9px;
		}
		
		#elegir label{
			float:left;
		}

.btn_pagar {
	background:url(bitmaps/btn_pagar.gif) left top no-repeat;
	border:0px;
	width:113px;
	height:46px;
	text-indent:-9999px;
	position:absolute;
	bottom:0px;
	right:130px;
	cursor:pointer;
	}

.btn_pagar:hover {
	background:url(bitmaps/btn_pagar.gif) left bottom no-repeat;
	}


div#contenedor #convenios {
	position:absolute;
	bottom:40px;
	clear:both;
	display:inline;
	}
	
#convenios ul{
	width:720px;
	height:130px;
	margin:0 0 0 20px;
	padding:5px 5px;
	display:inline;
	float:left;
	}

#convenios h3 {
	background:url(bitmaps/h3.jpg) center top no-repeat;
	width:auto;
	height:43px;
	margin:3px 0 10px 0;
	text-indent:-9999px;
	}
	
#convenios li {
	width:114px;
	height:32px;
	margin:2px;
	padding:0;
	text-align:center;
	display:inline;
	float:left;
	}

#convenios li a {
	width:114px;
	height:25px;
	margin:0;
	padding:7px 0 0 0;
	text-decoration:none;
	color:#666666;
	display:block;
	background:url(bitmaps/fondo_lista.gif) left top no-repeat;
	}

#convenios li a.doble {
	width:114px;
	height:28px;
	padding:4px 0 0 0;
	}


#convenios li a:hover {
	color:#FF0000;
	background:url(bitmaps/fondo_lista.gif) left bottom no-repeat;
	}