/**************************************
 * THEME NAME: ina
 *
 * Files included in this sheet:
 *
 *   ina/ina.css
 **************************************/

/***** ina/ina.css start *****/

/*///////////////////////////////////////////////////

CSS MOODLE INA
Creado 2008-05-12 09:44 AM
Autor: Harold Vargas @ Imago Comunicacion Interactiva

///////////////////////////////////////////////////*/


/*/////////// BASICOS /////////*/

html, body {
	margin: 0;
	padding: 0;
	background:url(pix/bghtml.gif);
}

#page {
	width: 997px;
	margin: 20px auto 0 auto;
	font-family:Verdana, Arial, sans-serif;
	font-size: 10pt;
}

td {
	vertical-align: top;
}

a img {
	border: none;
}

span.hide, div.hide { display:none; }

.error {background-color:#F70}


/*/////////// ENCABEZADO /////////*/

#header-home {
	background: url(pix/encabezado.jpg) no-repeat;
	height: 153px;
	position:relative;
	text-align:right;
}

#header-home div.logininfo {
	background-color: #000 /*#151C3C*/;
	text-align:right;
	padding: 5px 10px;
	position:relative;
	top: 131px;
	display:inline;
	margin-right: 1px;
}

#header-home div.logininfo {
	color: #fff;
}

#header-home div.logininfo a {
	color: #fd0;
}

#header-home-flash {
	background: url(pix/encabezado.jpg) no-repeat;
	height: 153px; /*153 px; */
	position:relative;
	text-align:right;
}

.headermenu-flash {
	border: 1px #FFF solid;
	border-top:none;
	padding: 2px 10px;
	height: 30px;
	color:#000;
	background: /*ffc112*/#e8af00 url(pix/bg-headermenu-flash.jpg) center top repeat-x;
	text-align: center;
	line-height:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.headermenu-flash a {
	color:#00F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}




/*/////////////////   NAVBAR & BREADCRUMB //////////*/
/* COPIADO DE FW_LAYOUT.CSS (ORIGINAL) */

.navbar {
  width:100%;
  padding:3px 0.5em;
  color:#DDD;
  border: 1px #fff solid;
  border-top: none;
  background-color:#025;
}

.navbar a {
	color: #FFF;
}

.navbar form {
	float:right;
}

div.navbar {
  width: auto;
  height: 30px;
  line-height:30px;
}

table.navbar {
  width: 100%;
}

.breadcrumb ul {
  padding:0%;
  margin:0%;
  text-indent:0%;
  list-style:none;
	float: left;
}
.breadcrumb li {
  display:inline;
}

.accesshide { display:none; }


.arrow { color:#FC0; }





/*/////////// SIDEBARS /////////*/

#left-column a, #right-column a {
	color: #FFF;
	text-decoration:none;
}

#left-column a:hover, #right-column a:hover{
	color: #FD0;
	text-decoration: underline;
}

#middle-column {
	padding: 30px 10px 0 10px;
}

#layout-table {
	/*width: 100%;
	margin-left: 10px;*/
}

#left-column {
	background: #2f4d77 url(pix/bgside-top.jpg) top repeat-x;
	width: 190px;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	color: #fff;
	padding: 20px 0;
}

#right-column {
	background-color:#436c94;
	width: 225px;
	color: #fff;
	padding: 20px 0;
}

div.header {
	font-family:Georgia, Times, serif;
	color:#FFF;
	background-color: #1f3250;
	padding: 1px 5px;
	margin: 15px 0;
	
}

div.header h2 {
	font-size: 12pt;
	font-weight: normal;
	padding: 0 0 0 20px;
	margin: 3px;
	background:url(pix/llaveico.gif) 0 5px no-repeat;
}

div.content {
	padding: 0 5px;
}

#layout-table ul.list {
	list-style: none;
}

#layout-table ul {
	padding: 0;
	margin: 0;
	text-indent: 0;
}

#layout-table ul.list div {
	display:inline;
	margin: 2px;
}

#layout-table li {
	text-indent: 0;
	margin: 0;
	padding: 0; 
}

#layout-table li.r0, #layout-table li.r1, li.post {
	margin-bottom: 10px;
}
.skip-block {
	display:none;
	}

#layout-table ul.unlist li {
	margin-left: 15px;
}



/*/////////// CONTENIDO /////////*/

#content {
	background:url(pix/bgcontent.png) top repeat-x #e6e9ef;
/*	padding: 0 0 10px 10px;*/
	padding: 20px;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
}

h2, h3 {font-weight:normal;}

fieldset {
	border: none;
}

h2.main {
	font-family:Georgia, Times, serif;
	color:#1f3250;
	font-size: 15pt;
}

h2.main a {
	color:#004;
}

h3.main {
	font-family:Georgia, Times, serif;
	color:#2f4390;
	font-size: 13pt;
	margin-top: 25px;
}

.ftoggler {	
	font-family:Georgia, Times, serif;
	color:#1f3250;
	font-size: 13pt;
	margin: 20px 0 10px 0;
	padding:0;
}





/*/////////// PIE /////////*/

#footer {
	height: 120px;
	background:url(pix/footer.gif) no-repeat;
	padding-top: 30px;
	text-align: center;
	color:#FFF;
}

#footer a {
	color: #FD0;
}





/*/////////// OTROS COMPONENTES /////////*/


/*-- Calendar --*/
 
#calendar .today,
.minicalendar .today {
  border:1px solid !important;
} 
 
 table.minicalendar {
  width: 100%;
  margin:10px auto;
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-spacing:1px !important;
}

table.minicalendar tr.weekdays th {
   border-style: none;
}

table.minicalendar tr td.day {
  border-style: solid;
  border-width: 1px;
}

table.minicalendar tr.weekdays th abbr {
  border-style: none;

  }

table.calendarmonth {
  border-collapse:separate;
  border-spacing:1px !important;
}

table.calendarmonth tr td  {
  border-style: solid;
  border-width: 1px;
}


/*////////////////     INFORMES INA    //////////*/

tabla.inamatriz {
	margin: 10px;
}

.celda {
	padding: 3px 5px;
	text-align: center;
}

.celdai {
	padding: 3px 5px;
	text-align: left;
}

.celdad {
	padding: 3px 5px;
	text-align: right;
}

.cellhead {
	background-color: #819bb6;
	font-weight: bold;
}

.uldetalles {
	margin-left: 20px;
}

.detestadli {
	margin-bottom: 40px;
}

/*//////////  ESTILOS AUXILIARES AL QUITAR <FONT> TAGS ////////*/

.fontcolorred {
	color: #F00;
}
.fontcolorgreen {
	color: #0F0;
}
.fontcolorblue {
	color: #00F;
}
.fontcoloryellow {
	color: #FF0;
}
.fontcolorcyan {
	color: #0FF;
}
.fontsize-2 {
	font-size: 90%;
}


/*//////////  OTROS ESTILOS DE USO MAS RARO ////////*/

.teachers {
	list-style: none;
}
ul.teachers li {
	margin-bottom: 25px;;
}
#expirynotifyhdr, #headercursogrupos, #headercursoidiomas {
	display:none;
}
#msgStarted {background-color:#FFFFFF; }

.felement .ftext input, .felement .ftextarea input {
	text-indent: 5px;
}

.clearer {
  height: 20px;
}/***** ina/ina.css end *****/