@charset "UTF-8";
/* CSS Document */
@import url('reset.css');
body { 
	background: url(../imagenes/fondo.png) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

div#wrapper {
	background: url(../imagenes/body.png) repeat-y;
	width: 650px;
	margin: 30px auto;
}

div#header {
	background: url(../imagenes/header.png) no-repeat;
	padding-left: 11px;
	width: 639px;
	height: auto;
	overflow: auto;
	position: relative;
}
	div#header h1 {
		margin: 0;
		padding: 0;
		position: absolute;
		right: 15px;
		top: 10px;
		text-indent: -9999px;
		width: 121px;	
		height: 48px;
		background: url(../imagenes/logo.png);
		
	}
	div#header ul {
		margin:0;
		padding:10px 0 0 0;
	}
		div#header ul li {
			list-style: none;
			float:left;
	
		}
			div#header ul li a {
				width: 95px;
				height: 48px;
				display: block;
				text-indent: -9999px;
				background: url(../imagenes/sprite.png) no-repeat 0 0;	
			}
			div#header ul li a:hover {
				background-position: 0px 100%;
			}
			div#header ul li.l24  a, div#header ul li.l24s a{
				width: 104px;
				background-position: -95px 0px;
			}
			div#header ul li.l24 a:hover, div#header ul li.l24s a {
				background-position: -95px 100%;
			}
			div#header ul li.l23  a, div#header ul li.l23s a {
				width: 102px;
				background-position: -199px 0px;
			}
			div#header ul li.l23 a:hover, div#header ul li.l23s a  {
				background-position: -199px 100%;
			}
			div#header ul li.l22  a, div#header ul li.l22s a {
				width: 102px;
				background-position: -301px 0px;
			}
			div#header ul li.l22 a:hover, div#header ul li.l22s a  {
				background-position: -301px 100%;
			}
			div#header ul li.l21  a, div#header ul li.l21s a {
				width: 100px;
				background-position: -403px 0px;
			}
			div#header ul li.l21 a:hover, div#header ul li.l21s a  {
				background-position: -403px 100%;
			}

div#body {
	background: url(../imagenes/body.png) no-repeat;
	clear: both;
	padding-left: 11px;
	width: 650px;
	min-height: 380px;
	margin-top: 10px;
	position: relative;
	overflow: auto;
}
	div#body div#dispatcher {
		clear:both;
		width: 624px;
	}
	
	div#body div#content {
		clear:both;
		width: 624px;
		padding: 14px 0;
	}

	
	div#body div#pie {
		background:url(../imagenes/bkg_footer.gif) no-repeat;
		width: 624px;
		height: 20px;
		padding-top: 6px;
		position: absolute;
		bottom: 10px;
		font-size: 0.9em;
		color: #fff;
		text-align: center;
	}
	
		div#pie a { color: #fff; } 
	
	div#body div#breadcumb {
		height: 21px;
		width: 624px;
		background:url(../imagenes/bkg-breadcumb.gif) no-repeat;
		padding: 4px 0 0 10px;
	}
		div#body div#breadcumb a {
			text-decoration: none;
			font-weight: bold; 
			color: #376FA6;
		}
	
div#footer {
	background: url(../imagenes/footer.png) no-repeat;
	padding-left: 11px;
	width: 650px;
	height: 12px;
}

	

/**** Elementos fundamentales ****/
H2 { font-size: 18px; margin: 6px 0;  }
.csc-header-n1 H2 { text-transform: uppercase; color:#6699CC; }
.csc-header-n2 H2 { text-transform: uppercase; color:#66CC66; }


/*** imagenes ***/

.csc-textpic-imagewrap { margin-bottom: 12px; }

.csc-textpic-image dt a img {
	border: 5px solid orange;
}
.csc-textpic-imagecolumn {
	margin-right: 16px
}

/*** CONTROLES JFLOW ***/

div#myController { 
	float: left;
	width: 624px;
	height: 40px;
	background: url(../imagenes/bkg-jflowControl.gif) no-repeat 0px 10px;
	margin-bottom: 10px;
}

span.jFlowControl {
	display: block;
	background: #FF9900;
	text-align:center;
	height: 24px;
	width:30px;
	font-size: 16px;
	font-weight: bold;
	float:left;
	margin-right: 10px;
	color: #fff;
	border-top: 10px solid white;
	padding-top: 6px;
}

span.jFlowSelected { border-top: 10px solid #FF9900; }