/* ------ LAYOUT - GLOBAL ------ */
html, body {
    height: 100%;
}
body {
	font-family:"Trebuchet MS", Arial, Helvetica Neue, Helvetica, sans-serif;
	letter-spacing:normal;
	color:#333;
	background:#fff url(../img/bg.jpg) 0 0 repeat-x;	
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;     
	margin: 0 auto -95px;
}
#header {
	width:738px;
	height:144px;
	background:url(../img/bg-header.gif) 0 0 no-repeat
}
	#header .logo a {
		float:left;;
		width:169px;
		height:144px;
	}
	#header .logo a:hover {
		background:url(../img/logo-cursos2010-on.gif) 0 0 no-repeat;
		width:169px;
		height:144px;
	}
	#header .logo a span {
		float:left;
		margin-left:-9999em;
	}
	#header .go-home a {
		float:right;
		width:140px;
		height:28px;
		margin-right:0;
		background:url(../img/btn-gohome.gif) 0 0 no-repeat;
	}
	#header .go-home a:hover {
		background:url(../img/btn-gohome-on.gif) 0 0 no-repeat;
		width:140px;
		height:28px;
	}
	#header .go-home span {
		float:left;
		margin-left:-9999em;
	}
	#header h1 {
	float:left;
	width:370px;
	font-style:italic;
	font-weight:bold;
	font-size:1.6em;
	line-height:1.2em;
	color:#004d8e;
	text-align:center;
	margin:75px auto 0
	}
#push {
    height: 95px;
}
#footer {
	width:100%;
	height:95px;
	margin:0;
	padding:0;
	background:#fff url(../img/bg-footer.jpg) 0 bottom repeat-x;
}
	#footer-inner {
		position:relative;
		height:95px;
		width:738px;
		margin:0 auto;
		padding:0;
		background:url(../img/bg-footer-inner.gif) 0 bottom no-repeat}
/* ------ SECTIONS ------ */


/* ------ TEXT ------ */
h1 {
	font-style:italic;
	font-weight:bold;
	font-size:1.6em;
	color:#004d8e;
	text-align:center;
	}

/* ------ LINKS ------ */
a.btn-inscripcion {
	float:right;
	width:230px;
	height:37px;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#004d8e;
	text-align:center;
	margin-right:40px;
	line-height:37px;
	background:url(../img/bg-btn-inscripcion.gif) 0 0
}
	a.btn-inscripcion:hover {
		background-position:0 -37px;
	}
a.btn-calendarios {
	float:right;
	width:230px;
	height:37px;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#004d8e;
	text-align:center;
	margin-right:5px;
	line-height:37px;
	background:url(../img/bg-btn-inscripcion.gif) 0 0
}
	
	a.btn-calendarios:hover {
		background-position:0 -37px;
	}
a.btn-modulos {
	float:right;
	width:200px;
	height:37px;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#fff;
	text-align:center;
	margin-right:5px;
	line-height:37px;
	background:url(../img/bg-btn-modulos.gif) 0 0
}
	
	a.btn-modulos:hover {
		background-position:0 -37px;
	}
div.bottom-links {
	float:right; 
	margin-right:30px;
}
	div.bottom-links a {
		color:#004d8e; 
		font-weight:bold; 
		text-decoration:none
	}
	div.bottom-links a:hover {
		color:#f96c04;
	}

/* ------ BOXES ------ */
#home-text {
	height:auto;
	margin-bottom:10px;
	padding:0;
	background:url(../img/bg-home-text-mid.gif) 0 0 repeat-y;
}
	#home-text #top {
		margin:0;
		padding:0;
		height:13px;
		line-height:0;
		font-size:0;
		background:url(../img/bg-home-text-top.gif) 0 0 no-repeat;
	}
	#home-text #bottom {
		margin:0;
		padding:0;
		height:13px;
		line-height:0;
		font-size:0;
		background:url(../img/bg-home-text-bottom.gif) 0 0 no-repeat;
	}
	#home-text p {
		padding:0 10px;
		color:#069;
	}
	
	
#home-left {
	height:auto;
	margin-bottom:20px;
	padding:0;
}
#home-right {}
	#home-right ul {
		list-style:none;
	}
	#home-right ul li {
		margin:0 0 3px;
		padding:0;
		height:28px;
		line-height:28px;
		font-style:italic;
		background:url(../img/bg-home-modules-list.gif)
	}
	#home-right ul li.m1 {
		background-position:0 0
	}
	#home-right ul li.m2 {
		background-position:0 -28px
	}
	#home-right ul li.m3 {
		background-position:0 -56px
	}
	#home-right ul li.m4 {
		background-position:0 -84px
	}
	#home-right ul li.m5 {
		background-position:0 -112px
	}
	#home-right ul li.m6 {
		background-position:0 -140px;
	}
	#home-right ul li.m6 a.blue {
		color:#004d8e;
	}
	#home-right ul li.m7 {
		background-position:0 -168px
	}
	#home-right ul li.m8 {
		background-position:0 -196px
	}
	#home-right ul li.m9 {
		background-position:0 -224px
	}
	#home-right ul li.m9 a.blue {
		color:#004d8e;
	}
	/* on hover */
	#home-right ul li.m1:hover {
		background-position:502px 0
	}
	#home-right ul li.m2:hover {
		background-position:502px -28px
	}
	#home-right ul li.m3:hover {
		background-position:502px -56px
	}
	#home-right ul li.m4:hover {
		background-position:502px -84px
	}
	#home-right ul li.m5:hover {
		background-position:502px -112px
	}
	#home-right ul li.m6:hover {
		background-position:502px -140px
	}
	#home-right ul li.m7:hover {
		background-position:502px -168px
	}
	#home-right ul li.m8:hover {
		background-position:502px -196px
	}
	#home-right ul li.m9:hover {
		background-position:502px -224px
	}
	#home-right ul li a {
		float:left;
		display:block;
		width:502px;
		height:28px;
		text-decoration:none;
		font-size:1.2em;
		font-weight:bold;
		color:#fff;
	}
	#home-right ul li span.label {
		margin-right:20px;
		margin-left:15px;
	}
#title-mod1 {
	width:698px;
	margin:0 30px;
	height:29px;
	line-height:29px;
	color:#fff;
	background:url(../img/bg-title-m1.gif) 0 0 no-repeat;
}
#title-mod2 {
	width:698px;
	margin:0 30px;
	height:29px;
	line-height:29px;
	color:#fff;
	background:url(../img/bg-title-m2.gif) 0 0 no-repeat;
}
#title-mod3 {
	width:698px;
	margin:0 30px;
	height:29px;
	line-height:29px;
	color:#fff;
	background:url(../img/bg-title-m3.gif) 0 0 no-repeat;
}
#title-mod4 {
	width:698px;
	margin:0 30px;
	height:29px;
	line-height:29px;
	color:#fff;
	background:url(../img/bg-title-m4.gif) 0 0 no-repeat;
}
#title-mod5 {
	width:698px;
	margin:0 30px;
	height:29px;
	line-height:29px;
	color:#fff;
	background:url(../img/bg-title-m5.gif) 0 0 no-repeat;
}
#title-mod6 {
	width:698px;
	margin:0 30px;
	height:29px;
	line-height:29px;
	color:#004d8e;
	background:url(../img/bg-title-m6.gif) 0 0 no-repeat;
}
#title-mod7 {
	width:698px;
	margin:0 30px;
	height:29px;
	line-height:29px;
	color:#fff;
	background:url(../img/bg-title-m7.gif) 0 0 no-repeat;
}
#title-mod8 {
	width:698px;
	margin:0 30px;
	height:29px;
	line-height:29px;
	color:#fff;
	background:url(../img/bg-title-m8.gif) 0 0 no-repeat;
}
#title-mod9 {
	width:698px;
	margin:0 30px;
	height:29px;
	line-height:29px;
	color:#004d8e;
	background:url(../img/bg-title-m9.gif) 0 0 no-repeat;
}
	#title-mod1 ul {
		list-style:none;
		margin:0;
		padding:0
	}
	#title-mod1 ul li,
	#title-mod2 ul li,
	#title-mod3 ul li,
	#title-mod4 ul li,
	#title-mod5 ul li,
	#title-mod6 ul li,
	#title-mod7 ul li,
	#title-mod8 ul li,
	#title-mod9 ul li {
		float:left;
		margin-left:5px;
		display:inline-block;
		font-size:1.2em;
		font-weight:bold;
		font-style:italic;
	}
	#title-mod1 ul li.col1,
	#title-mod2 ul li.col1,
	#title-mod3 ul li.col1,
	#title-mod4 ul li.col1,
	#title-mod5 ul li.col1,
	#title-mod6 ul li.col1,
	#title-mod7 ul li.col1,
	#title-mod8 ul li.col1,
	#title-mod9 ul li.col1 {
		width:85px;		
	}
	#title-mod1 ul li.col2,
	#title-mod2 ul li.col2,
	#title-mod3 ul li.col2,
	#title-mod4 ul li.col2,
	#title-mod5 ul li.col2,
	#title-mod6 ul li.col2,
	#title-mod7 ul li.col2,
	#title-mod8 ul li.col2,
	#title-mod9 ul li.col2 {
		width:460px;		
	}
	#title-mod1 ul li.col3,
	#title-mod2 ul li.col3,
	#title-mod3 ul li.col3,
	#title-mod4 ul li.col3,
	#title-mod5 ul li.col3,
	#title-mod6 ul li.col3,
	#title-mod7 ul li.col3,
	#title-mod8 ul li.col3,
	#title-mod9 ul li.col3 {
		width:130px;		
	}
#content {
	width:696px;
	border:1px solid #ccc;
	margin:10px 30px;
	padding:0;
}
#left {
	float:left;
	height:auto;
	width:310px;
	margin-left:10px;
	margin-right:40px;
	padding:0;	
}
#right {
	float:left;
	height:auto;
	width:330px;
	padding:0;
}
#left h1, #right h1 {
	text-align:left;
	margin-bottom:0
}
#left ul, #right ul {
	margin-left:-20px;
}
	
	

/* ------ NAVBAR ------ */
#navbar ul {
	list-style:none;
	height:39px;
	margin-left:25px;
	margin-bottom:7px
}
	#navbar ul li {
		float:left;
		display:inline-block;
		margin:0;
		padding:0;
		height:37px;	
	}
	#navbar ul li a span {
		float:left;
		margin-left:-9999em;
	}
	#navbar ul li.menu1 a {
		display:block;
		width:83px;
		height:37px;
		background:url(../img/bg-navbar.gif) 0 0
	}
	#navbar ul li.menu1 a:hover,
	#navbar ul li.menu1 a.active {
		background-position:0 -38px
	}
	#navbar ul li.menu2 a {
		display:block;
		width:76px;
		height:37px;
		background:url(../img/bg-navbar.gif) -83px 0
	}
	#navbar ul li.menu2 a:hover,
	#navbar ul li.menu2 a.active {
		background-position:-83px -38px
	}
	#navbar ul li.menu3 a {
		display:block;
		width:76px;
		height:37px;
		background:url(../img/bg-navbar.gif) -159px 0
	}
	#navbar ul li.menu3 a:hover,
	#navbar ul li.menu3 a.active {
		background-position:-159px -38px
	}
	#navbar ul li.menu4 a {
		display:block;
		width:76px;
		height:37px;
		background:url(../img/bg-navbar.gif) -235px 0
	}
	#navbar ul li.menu4 a:hover,
	#navbar ul li.menu4 a.active {
		background-position:-235px -38px
	}
	#navbar ul li.menu5 a {
		display:block;
		width:76px;
		height:37px;
		background:url(../img/bg-navbar.gif) -311px 0
	}
	#navbar ul li.menu5 a:hover,
	#navbar ul li.menu5 a.active {
		background-position:-311px -38px
	}
	#navbar ul li.menu6 a {
		display:block;
		width:76px;
		height:37px;
		background:url(../img/bg-navbar.gif) -387px 0
	}
	#navbar ul li.menu6 a:hover,
	#navbar ul li.menu6 a.active {
		background-position:-387px -38px
	}
	#navbar ul li.menu7 a {
		display:block;
		width:76px;
		height:37px;
		background:url(../img/bg-navbar.gif) -463px 0
	}
	#navbar ul li.menu7 a:hover,
	#navbar ul li.menu7 a.active {
		background-position:-463px -38px
	}
	#navbar ul li.menu8 a {
		display:block;
		width:76px;
		height:37px;
		background:url(../img/bg-navbar.gif) -539px 0
	}
	#navbar ul li.menu8 a:hover,
	#navbar ul li.menu8 a.active {
		background-position:-539px -38px
	}
	#navbar ul li.menu9 a {
		display:block;
		width:81px;
		height:37px;
		background:url(../img/bg-navbar.gif) -615px 0
	}
	#navbar ul li.menu9 a:hover,
	#navbar ul li.menu9 a.active {
		background-position:-615px -38px
	}
	
	


/* ------ SIDEBAR ------ */


/* ------ FORMS ------ */
#content-graph {
	width:729px;
	margin:10px 15px;
	padding:0 ;
	background:url(../img/bg-form-middle.gif) 0 0 repeat-y
}
	#content-graph #formulario #top {
		width:729px;
		height:45px;
		line-height:45px;
		background:url(../img/bg-form-top.gif) 0 0 no-repeat;
	}
	#content-graph #formulario #bottom {
		width:729px;
		height:15px;
		line-height:0;
		font-size:0;
		background:url(../img/bg-form-bottom.gif) 0 0 no-repeat;
	}
	#formulario fieldset {
		margin-left:20px;
	}
	#formulario fieldset h3 {
		margin-top:5px;
		margin-bottom:5px;
		color:#0072bc;
	}
	#formulario label {
		float:left;
		font-weight:bold;
		color:#666
	}	
	#formulario input {
		float:none;
		display:inline;
		width:440px;
		border:0;
		margin-left:5px;
	}
	#formulario  ul {
		list-style:none;
		margin-left:-20px
	}
	#formulario ul li {
		width:660px;
		margin-bottom:10px;
		border-bottom:1px solid #ccc
	}
	#formulario ul.check {
		width:620px;
		margin-left:-20px;
	}
	#formulario ul.check li {
		float:left;
		display:inline-block;
		width:auto;
		border:0
	}
	#formulario ul.check input {
		border-bottom:0;
		width:auto
	}
	#formulario span.required {
		font-weight:normal;
		color:#f7941d}