/***************************************************************************
############################################################################

# Objetivo : Hoja de Estilo							   #

# Autor    : 									                           #

# Version : 1r00                                                           #

# Fecha   : 			                                                   #

############################################################################
***************************************************************************/

/*** Tarjeta Nacional Estudiantil ***/
/*** CSS Versión 0.7 03/oct/08    ***/
/***                              ***/
/****** Declarando colores:       ***/
/*** Naranja intenso: #ef9f09     ***/
/*** Naranja oscuro:  #f27e1f     ***/
/*** Azulino oscuro:  #698087     ***/
/*** Azulino claro:   #b2bcd0     ***/
/*** Verde:           #317644     ***/
/*** Verde claro:     #17B240     ***/
/******                           ***/
/************************************/
 
@import "menu.css";

html {height:100%;}

body {
	font-family:  "Trebuchet MS" ,"Lucida Grande",Helvetica,Arial;
	height:100%;
	font-size:80%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:0pt 10px;
	background:#ebfdff url(../img/fondo.png) repeat-x top left;
	text-align:center;
	overflow:hide;
}

/* *:first-child+html  body { border-top: solid 20px #006633;} * html body { border-top: solid 20px #006633;} */

a:link, a:visited,a:active {color:#317644; text-decoration:none;}

a:hover {color:#17B240; text-decoration:underline;}


legend, th, h1, h3 {
	font-size:1.5em;
	color:#255867;
}

h1 {margin-bottom:7px;}

h2 {
	margin: 20px 0 0 20px;
	font-size: 1.2em;
	color:green;
}

h3 {
	font-size:1.2em;
}

p {margin:10px 0pt;}


input {font-size:95%;}
.sr {
	height:1px;
	left:-9999em;
	overflow:hidden;
	position:absolute;
	top:0pt;
	width:1px;
}


#nacional , #contenidos {
	width:498px;
	float:left;
}

#banner_contenedor {
	margin-left:0px; 
	float:right;
	width:132px;
}

#banner_contenedor img {
	border: 1px solid white;
	margin-left: 7px;
	margin-top: -1px;
} * html#banner_contenedor img {margin-left: 8px;} *:first-child+html  #banner_contenedor img {margin-left: 8px;}

#banner_contenedor a {
	background: url(../img/banner_fondo.png) top center no-repeat;
	padding:7px 5px 6px 5px;
	display:block;
	margin-bottom:12px;
}
/*********** Agenda ***********/

#agenda {margin-top:14px;}

div.agenda_item_wrap {
	width:247px; 
	background:url(../img/agenda_arriba.jpg) top center no-repeat;
	padding-top:17px;
	float:left;
}
div.agenda_item { 
	min-height:73px;
	margin-left:14px;
	margin-right:25px;
	text-align:justify;
}

div.agenda_item_wrap span {
	background:url(../img/agenda_abajo.png) bottom center no-repeat;
	display:block;
	padding-top:10px;
}

.fecha {
	text-align: center;
	width: 47px;
	font-weight:bold;
	border:1px solid #d7d7d7;
	color:#666;
	float:left;
	margin-right:8px;
	padding: 3px 0;
}
.año {
	font-size: 17px;
	line-height: 12px;
}

.mes {font-size:22px;}

.dia {
	font-size: 28px;
	line-height: 20px;
}
 
/******************************/

form#frm input  , .formularioestandar input , .formularioestandar {
	margin-right:16px;
}

.valida_error {
	border:red 1px solid;
	border-size:1px;
	background:#ffeeee;
}

.valida_error_imagen {
	position:absolute;
	margin-left:-16px;
}

img.valida_error_imagen_select
 {margin-left:-3px;}
.formulario form {
	width: auto;
	font-size: 0.9em;
	color: #333;
}

.formulario form fieldset { 

	height:auto !important;
	border: none;
	border-top: 1px solid #C9DCA6;
	background: #f4f4f4 url(../img/fondo_elemento.png) left bottom repeat-x;
}

#login.formulario fieldset {
	min-height:150px;
	height:150px;
}

.formulario form legend { 
	font-weight:bold;
	padding:0pt 2px;
	margin-left: 10px;
}

.formulario form p {
	padding-left:10px;
	border-left:solid 2px #d8dce5;
	margin-left:17px;
}

.formulario form label {
	display:inline-block;
	line-height:1.8;
	vertical-align:top;
	font-weight:bold;
	color: #333;
	width:140px;
	padding-right:10px;
}

.formulario form label.columna2 , .formulario form label.col2 {
	width:130px;
	padding-right:3px;
} * html .formulario form label.col2, * html .formulario form label.columna2 {width:130px;}

.col11 { 
	width:356px;
	display:inline-block;
} *:first-child+html .col11 , * html .col11 { 	width:364px;}



.col22 {width: 140px; padding-right: 9px;}

.formulario form span.col1 {
	width:340px; 
	display:inline-block;
	margin-right:20px;
}* html .formulario form span.col1 {width:336px;}
 *:first-child+html  span.col1 {width:346px;}
 
.formulario form span.checkboxes label , span.varioslabels label {
	width:auto;
}
.formulario form span.checkboxes .valida_error_imagen {
	margin-left: 4px;
}

li.checkboxes_bloque label , li.checkboxes_bloque span{
	float:left;
}

li.checkboxes_bloque span {
		overflow:hidden;
}

.formulario form fieldset ol {
	margin:0pt;
	padding:0pt;
}

.formulario form fieldset {
	margin-bottom:27px;
}

.formulario form fieldset li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:5px;
}

.formulario form fieldset fieldset {
	border:medium none;
	margin:3px 0pt 0pt;
	padding-left:105px;
}

.formulario form fieldset fieldset legend {
	font-weight:normal;
	padding:0pt 0pt 5px;
}

.formulario form fieldset fieldset label {
	display:block;
	width:auto;
}

.formulario form em {
	color:#FF0000;
	font-style:normal;
	font-weight:bold;
}

.formulario form fieldset fieldset label {margin-left:123px;}

.formulario form fieldset fieldset { background: none; }

.formulario form fieldset li {
	padding: 4px 8px 4px 10px;
	background: url(../img/divisor.gif) left bottom repeat-x;
}
.formulario form fieldset li li {background:none;}

input.button { 
	font-size:1.1em;
	padding:0 0.5em;
	color:#666;
	height:24px;
	margin-top:10px;
} *:first-child+html  input.button , * html input.button { padding:0 0.6em}

select.drop { 
	 font-size:1.1em;}

table {font-size:12px; text-align:left ; border-collapse:collapse;}

table.datagrid {border-collapse:separate;}

th {
	font-size:1.2em;
	background-color:#698087;
	color:#FFF;
	padding:3px;
}

th a, th a:link, th a:visited {
	color:#FFF;
	text-decoration:none;
}

th a:hover {text-decoration:underline; color:#ccc;}

#mensaje.info {
	background:#ef9f09 
}

table.informe .col1 { font-weight:bold!important;}

table.mantenedor , table.datagrid {
	width:99%;
	margin:0 3px;
	background-color:#f4f4f4;
	color:#3C3C3C;
	border:6px solid #CCD3E3;
	background: #f4f4f4 url(../img/fondo_elemento.png) bottom left repeat-x;
	margin:10px 0;
}*:first-child+html  #mantenedor table , * html #mantenedor table  {margin:0; width:100%;}

.mantenedor.amplio td , .mantenedor.amplio th {padding:8px;}

#mantenedor table td  {padding-bottom:4px; padding-left:3px;}

#mensaje {
	display:block;
	margin-bottom:25px;
	padding: 14px 70px;
	font-size: 1.5em;
	color:#FFF;
}

#mensaje input {font-size:80%; margin-top:15px;}

#mensaje a {color:#FFF; text-decoration:underline;}

#pais {
	width:100px; 
	float:left;
	margin-top:10px;
}

#mensaje.error {
	background: #B30004 url(../img/exclamacion.jpg) center left no-repeat;
}

.exitoso {
	background: #66cc00 url(/tie/img/exito.png) center left no-repeat;
}

.administracion	 ul li {
	list-style: url(../img/circulo.png);
	margin-left:23px;
	margin-bottom:1em;
}

#apDiv1.administracion  { 
	font-size:1.2em;
	float:right;
	width:234px;
	height:210px;
	margin: 80px 25px 0;
}

#envoltorio { 
	width:740px; 
	margin-left:auto; 
	margin-right:auto;
	text-align:left;
}

#header {margin-bottom:2px;}

#footer {
	margin-top:10px;
	padding-top:10px;
	color:#f2a009;
	font-size:0.85em;
	text-align:center;
	background:url(../img/barra_horizontal.png) no-repeat top center;
}
#footer_final {
	margin:10px auto 0;
	padding:7px;
	color:#888;
	background:#def0f5;
	font-size:0.85em;
	text-align:center;
	width:724px;
	border:#DADADA solid 1px;
}
.contenedor {
	width:740px;
	display:block;
	overflow:hidden;
	padding-top:5px;
} * html .contenedor {height: 1%;}

#home #accesos{
	background: url(../img/cuerpo2.png) top left no-repeat;
	width:498px;
	height:140px;

}

#acceso_run {
	position:relative;
	width:446px;
	height:131px;
	z-index:1;
	left: 78px;
	top: 91px;
} * html {position:absolute; z-index:0;}

#encargados_basicamedia {
	position:relative;
	width:219px;
	height:68px;
	z-index:2;
	left: 54px;
	top: 35px;
}

#encargados_superior {
	position:relative;
	width:219px;
	height:68px;
	z-index:2;
	left: 273px;
	top: -33px;
}

input.big {font-size:1.2em;}

#menu {margin-left:118px;/* margin-top: -38px;*/ padding-top:0.5em; position:relative; z-index:500;}

#envoltorio.extranet #menu {
	margin-left: 16px;
    margin-top: 16px;
}

* html #menu {  } 
/*#menu {
	margin: 16px 0 15px 16px;
	background:url(../img/menu_fondo.png) left top;
	height:21px;
	display:inline;
	float:left;
	overflow:auto;
}/*

#menu ul {
	background:url(../img/menu_fondo_derecha.png) no-repeat top right;
	padding-right:0px;
	height:21px;
}

#menu ul li {
	display:inline;
	padding:0 20px;
	height:1%; 
	overflow: hidden;
}

#menu a { color:#FFF;
}

#menu a:hover { color:#FFF;
}

#menu a:active {background-position:left bottom; outline:none; color:#FFF;}

#menu ul li { list-style-type:none;	display:inline;
 }
*/
#contenido {
	float:right;
	padding:2px;
	margin-left:17px;
}

.paginacion {
float:right;	color:#333;
padding:2px;
margin-top:-2px;
}

#buscador {	margin-top:-5px;}
.paginacion a {
	border:#CCD3E3 solid 1px;
	padding: 1px 4px;
	margin:2px;
}

.paginacion a.active {
	background:#ef9f09;
	color:#FFF;
}

#mantenedor_top {
	margin:20px 0 5px 0;
}

.contenedor_dos_sentidos {text-align:right;margin:9px 0 4px 0;padding:0}
.contenedor_dos_sentidos div {display:inline;white-space:nowrap}
.contenedor_dos_sentidos div.left , #imagen_region , #texto_region { float:left;}

#texto_region {
	width:425px;
	margin-left:20px;
}

#texto_region li {
	list-style: none;
	border-bottom: 2px #e0edf1 solid;
	padding: 3px 0;
	margin-left:4px;
	padding-left:15px;
	background: url("../img/bullet_verde.png") no-repeat center left;
}

#imagen_region img {
	padding:5px;
	border:2px solid #b0d1da;
}

#acciones_seleccion {
	display:inline;
	width:30%;
}

.pagination span {
	border-top: 1px #CCC solid;
	padding: 0 15px;
	width: 100%;
}

.accion { text-align:right; margin:10px 0;}

.accion img {vertical-align:middle; }

.accion a, #noticias a { margin-right: 8px}
.accion a:hover, #noticias a:hover { background:#FFF;}
*:first-child+html  .accion img , * html body {vertical-align:middle;}

#login { 
	width: 400px;
	display:block;
	margin-left:200px;
}
#reset { 
	width: 700px;
	display:block;
	margin-left:100px;
}
.contenedor.login .formulario form { width: 400px;}
.login #menu , .esconder  {display:none;}
.login input {height:25px;}
.clear { clear:both;}

#usuario {
	text-align:right;
	font-size:0.9em;
	margin-bottom:3px;
}

#home #usuario {
	float:right;
}

#envoltorio.extranet #usuario {
	float:none;
}

#noticias { 
	height:1%; 
	overflow: hidden; /*width:440px;*/
	width:498px;
	text-align:justify;
}
* html #nacional #noticias {padding-top:107px;}

#noticias .ver_mas {font-size:1.2em; float:right;}

#noticias h3 {
	background:url(../img/cms_titulo_abajo.png) bottom left;
	color:#FFF;
	padding: 0 4px 3px 8px;
	font-size:1.02em;
	border-top:4px #f37f1f solid;
}

#noticias p {margin:6px 0 6px;}

#noticia_item {
	/*background: url(../img/cms_titulo_arriba.png) left top no-repeat;*/
	padding-top:14px;
}

#noticias span.noticia_titulo {}

#noticia_item.primero {padding-top:0;}

#noticias .icono { float:left; margin: 0 8px 4px 0; }

.leer_mas {padding-right:15px;}

label.izquierda {
	font-size:1.35em;
	font-family: "Comic Sans MS", Arial, "MS Trebuchet", sans-serif;
	color: #698087;
	font-weight:bold;
	margin-right:10px;
}

.ejemplo {color:#999;}

#selecciona { 
	margin-bottom:12px;
	margin-left:-34px;
}

* html #selecciona{
	position:absolute;
	z-index:999;
}

em {
	color:#B30004;
	font-weight:bold;
}

#frm font label  , .formularioestandar font label{ width:auto; color:#B30004; padding:0 5px;}

.soloLectura, .sololectura {background:#ccc!important;}

form.sololectura input {
	/*background:#ccc!important;*/
}

/*ul li ul {display:none; position:relative; display:block;}*/


/*** estilos tablehover **/


td.click, th.click {background-color: #bbb;}
td.hover, tr.hover {background-color: #fff;}
/*th.hover, tfoot td.hover {background-color: ivory}*/
td.hovercell, th.hovercell {background-color: #abc;}
td.hoverrow, th.hoverrow {background-color: #6df;}



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

ul.tabs {
	overflow:hidden; 
	margin-left:20px;	
}

ul.tabs li {
	float:left;
	background:url('../img/tab.png') no-repeat left bottom;
	padding:8px 0 0 0;
	margin:0;
	text-align:center;
	width:157px;
	margin-right:5px;
	list-style-type:none;
	}
ul.tabs li a:hover {color:#FFF;}

ul.tabs li.activa {
	background:url('../img/tab_activa.png') no-repeat left bottom;
	}


.atencion .region {
	margin-left:15px;
	font-size:0.95em;
} * html .atencion .region {margin-left:5px;}

.oficina {
	padding-top:10px;
	padding-bottom:15px;
	overflow:hidden;
	border-bottom:2px solid #E0EDF1 ;
}

.atencion .oficina div {
	margin:3px;
	width:480px;
	float:left;
}

.atencion h2 , #texto_region h2 {
	color:#499126;
	background:#e0edf1;
	padding:1px 1px 2px 13px;
	margin: 10px 0 0px 10px;
	clear:both;
	cursor:pointer;
	border:1px solid #DADADA;
	font-size:1.1em;
}

.atencion h4 {
	float:left;
	padding-left:24px;
	width:130px;
}

.atencion .direccion {
	background:url("/tie/img/edificio.png") no-repeat left center ;
}
.atencion .fono{
	background:url("/tie/img/fono.png") no-repeat left center ;
}
.atencion .horario{
	background:url("/tie/img/reloj.png") no-repeat left center ;
}

.preguntasfrecuentes {
	font-size:12px;
	color:#555;
}

.preguntasfrecuentes span {
	display:block;
	background:#e0edf1;
	border:1px solid #DADADA;
	padding:3px;
	margin-bottom:5px;
	font-weight:bold;
	cursor:pointer;
}

.respuesta span{
	padding: 10px;
	margin-right:20px;
	text-align:justify;
	line-height:19px;
	border:none;
	background:none;
}

.esconder {display:none;}
.mostrar {display:block;}

span#ancho_select select{
	width:189px;
}

#box {
	border:1px solid #999;
	height:17px;
	width:80px;
	background:white;
}
#bar {
	background:#BBCFD5;
	color:#1E292D;
	height:14px;
	padding:3px 0 0;
	text-align:center;
	float:left;
	font-size:9px;
}
.barra0 	{background:#FF3535!important;} /* rojo*/

.barra40	{background:#FFFF40!important;} /*amarillo*/

.barra80 	{background:#3EEC42!important;} /*verde*/

li.encabezado {
	font-size:1.1em;
	background:none!important;
	padding-bottom1:px!important;
}

li.encabezado label {	width:auto!important;}

.arbol li ul li {
	padding-left:30px;
}

/**********		         Mantenedor pasos              ************/

.mantenedor.pasos {
	background:none/*#dbeaef*/;
	border:none;
	font-size:1.2em;
}

.mantenedor.pasos th , .mantenedor.pasos td {
	background:none;
}

.mantenedor.pasos {
	text-align:center;
	background: #dbeaef url("/tie/img/bullets/pasos_tbody.png") no-repeat bottom right;
}

.mantenedor.pasos thead img {
	margin-top:16px;
}

.mantenedor.pasos thead th {
	background: url("/tie/img/bullets/pasos_thead.png") no-repeat bottom center;
}

.mantenedor.pasos thead th.primero {
	background-position: top left;
}

.mantenedor.pasos thead th.ultimo {
	background-position: top right;
}

.mantenedor.pasos tbody td {
	padding: 15px 4px 25px ;
}




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

/**********                    Hacks                   ************/

* html #fix1 {margin-right:28px;}

.rojo {background:#ce0000;}

.select_combo label {width:45px!important; margin-left:25px;}

* html #search_value {padding:2px 0 3px 0;}



* html #agrega_colegios form span.col1 {width:350px;}
* html #encargados span.col1 {width:346px;}

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