/* GENERIC STYLES */

* {
	margin: 0;
	padding: 0;
}

div { border: 0px solid #FF0000; }

body {
	text-align: center;
	background: url(../images/background.jpg) repeat-x #919191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4b6281;
	margin-top:30px;
}

/* LINKS */

a, a:visited {
	color: #4b6281;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.banner_cabecera{
	text-align:left;
	margin:auto;
	width:800px;
}

/* MAIN */

#main {
	margin: 7px auto;
	padding: 4px;
	width: 800px;
	height: 600px;
	background: url(../images/body2.jpg) no-repeat center;
}
	
	/* HEADER */
	
	#main #header {
		position: relative;
		width: 800px;
		height: 50px;
		
	}

		#main #header span {
			position: absolute;
		}
		
		#saludo {
			top: 30px;
			left: 10px;
		}
		
		#date {
			top: 30px;
			right: 10px;
		}
		
		#btn_quienes {
			left: 290px;
			top: 20px;
			padding-top: 13px;
			width: 220px;
			height: 17px;
			background: url(../images/btn_quienes.png) center no-repeat;
		}
		
			#btn_quienes a, #btn_quienes a:hover {
				color: #3b6281;
				font-size:12px;
			}
		
		/* WINDOW */
		
		#main #header #window {
			display: none;
			position: absolute;
			bottom: -320px;
			left: 40px;
			width: 720px;
			height: 320px;
			background: url(../images/window.png) top center no-repeat;
			z-index: 1000;
		}
		
			#window #header_window {
				position: relative;
				width: 720px;
				height: 40px;
			}

			#window #header_window #close_window {
				position: absolute;
				top: 10px;
				right: 30px;
				width: 25px;
				height: 25px;
			}
				
				#close_window:hover {
					cursor: pointer;
				}
			
			#window #content_window {
				margin: -3px 30px;
				padding: 10px;
				width: 640px;
				height: 220px;
				overflow: auto;
				text-align: left;
				color: #000;
				font-size: 12px;
			}
				
				#content_window ul {
					margin-left: 20px;
				}
			
		
	/* BANNER */
		
	#main #banner {
		width: 800px;
		height: 250px;
	}
	
	/* CONTENT */
	
	#main #content {
		position: relative;
		width: 800px;
		height: 180px;
		text-align: left;
		font-size: 18px;
		line-height: 37px;
		list-style-image: url(../images/icon_bullet.gif);
	}

		#main #content #delegaciones {
			float:left;
			margin-left: 50px;
			margin-top: 20px;	
		}

		#main #content #servicios {
			float:left;
			margin-left: 50px;
			margin-top: 20px;
		}
		
		#main #content #logo {
			float:left;
			margin-left: 10px;
			margin-top: 75px;
			text-align:center;
		}
	
	/* FOOTER */
	
	#main #footer {
		padding-top: 10px;
		width: 800px;
		height: 130px;
		color: #333333;
	}