/******************************************* General styles*******************************************/
/****************************Planacion**********************************************/
#menu_planeacion{
	margin:15 auto;
}
#menu_planeacion img{
	box-shadow: 5px 5px 5px #79a24d;
	/***border-radius:100%;*/
 }
#menu_planeacion a:hover img     {     
	box-shadow: 10px 10px 5px  #79a24d;
}
#menu_planeacion a:hover .letra{
    text-shadow: 10px 10px 10px  #79a24d;
}
.letra {     
	color: #816C0E;
    text-shadow: 5px 5px 5px #79a24d;
}
.letra:hover {
	text-shadow: 10px 10px 10px  #79a24d;
}
#menu_planeacion .letra:hover img{
	box-shadow: 10px 10px 5px  #79a24d;

}
@font-face {
    font-family: "Escuela";
    /*src: url(https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf);    */
    /*src: url(SourceSansPro-Bold.ttf);*/
    /*src: url(source-sans-pro.extralight.ttf);*/
    src: url(SansProExtralight.ttf);
}
@font-face {
    font-family: "Escuelas";
    /*src: url(https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf);    */
    src: url(SourceSansPro-Bold.ttf);
}
hr.clr{
 	color: #79a24d;
}
/*************************************************************************************************/
body{
	margin:             0;
	padding:            0;
	font:               Escuela;
	color:              #111;
	background-color:   #FFFFFF;
/*     background-image:   url(img/fondos/bg.jpg); */
}
body.principal{
	margin:             0;
	padding:            0;
	font:               Escuela;
	color:              #111;
	background-color:   #000000;
}
body.login{
	margin:             0;
	padding:            0;
	font:               Escuela;
	color:              #111;
	background-color:   #000000;
/*     background-image:   url('http://see.escuelanet.com:84/escuelanet/img/fondos/fondito.png') */
}
@font-face {
    font-family: "Escuela";    
    src: url(Roboto-Thin.ttf);
 }
td.letra{
  	margin:             0;
	padding:            10px;
	font-family:        Escuela;
    	font-size:          16px;
    	color    :          #464646;

}
h2{
  	margin:             0;
	padding:            10px;
	font-family:        Escuela;
    font-size:          25px;
    color    :          #464646;

}

h4{
    margin:             0;
	padding:            5px;
	font-family:        Escuela;
    font-size:          14.17px;
	font-weight:        bold;
    color:              #FFF;
	background-color:#4183C0;
     border: solid 5px #FFF;
     cursor: pointer;
     /* Round select corners */
     /*-webkit-border-radius: 15px 15px;
     -khtml-border-radius: 15px 15px;
     -moz-border-radius: 15px 15px;
     border-radius: 15px 15px;
*/
}

img{
    border:             0;
}
p#copyright{
	margin:             20px 10px;
    font-size: 90%;
	color:              #999;
}
centrado{
    text-align:         center;
}
a{
	font:               Escuelas;
    font-weight:        bold;
    text-decoration:    none;
}
a:link {
  color:                #666666;
}
a:visited {
  color:                #666666;
}
a:link.color {
  color:                #000066;
}
a:visited.color {
  color:                #000066;
}
a:hover {
    color:              #000066;
}
a:selected {
    color:              #000066;
}
a:focus{
    color:              #000066;
}
a:active{
    color:              #000066;
}
/********************************/
a.lnk:link {
  color:                #666666;
}
a.lnk:visited {
  color:                #666666;
}
a.lnk:link.color {
  color:                #000066;
}
a.lnk:visited.color {
  color:                #000066;
}
a.lnk:hover {
    color:              #000066;
}
a.lnk:selected {
    color:              #000066;
}
a.lnk:focus{
    color:              #000066;
}
a.lnk:active{
    color:              #000066;
}
/********************************/
em{
    font-size:          12;
	font-style:         normal;
	font-weight:        bold;
}
em.fverde{
	color:              #99CC33;
}
em.fblanco{
	color:              #FFFFFF;
}
.letraC{
    font-size:          8;
	font-style:         normal;
	font-weight:        bold;
}
.LetraColor  {
    font-size:          11;
	font-style:         normal;
    color: #3d83b8;
	font-weight:        bold;
}
.LetraColorGrupos  {
    font-size:          11;
	font-style:         normal;
    color: #3d83b8;
	font-weight:        bold;
}
.letraCC{
    font-size:          11;
	font-style:         normal;
	font-weight:        bold;
}
.letraGrupos{
    font-size:          9;
	font-style:         normal;
	font-weight:        bold;
    color:              #9900CC;
}
.letraM{
    font-size:          12;
	font-style:         normal;
}
.letraMM{
    font-size:          16;
	font-style:         normal;
}
.letraG{
    font-size:          14;
	font-style:         normal;
	font-weight:        bold;
}
.letraJ{
	font-family:        Escuela;
    font-size:          170%;
	font-weight:        bold;
    color:              white;
    text-shadow: black 0.1em 0.1em 0.2em, 0 0 0.2em #FFF, 0 0 0.2em #FFF, 0 0 0.2em #FFF;
}

/******************************************* Form styles ********************************************/
legend,
p.legend{
	margin-bottom:      1em;
}
legend em,
p.legend em{
	color:              #C00;
	font-style:         normal;
}
div.form-container{
	margin:             10px;
	padding:            5px;
	background-color:   #FFF;
	border:             #EEE 1px solid;
}
div.errors{
	margin:             0 0 10px 0;
	padding:            5px 10px;
	border:             #FC6 1px solid;
	background-color:   #FFC;
}
div.errors p{
	margin:             0;
}
div.errors p em{
	color:              #C00;
	font-style:         normal;
	font-weight:        bold;
}
div.form-container form p{
	margin:             0;
}
div.form-container form img{
    border:             none;
}
div.form-container form img.c{
    width:              25px;
    height:             35px;
}
div.form-container form img.m{
    width:              50px;
    height:             60px;
}
div.form-container form img.g{
    width:              75px;
    height:             85px;
}
div.form-container form p.note{
	margin-left:        170px;
	font-size:          90%;
	color:              #333;
}
div.form-container form p.comment,
div.form-container p.comment{
	margin-left:        20px;
	color:              #333;
	font-weight:        bold;
}
div.hiden,
div.form-container  div.hiden,
div.form-container  div label.hiden{
	visibility:         hidden;
    position:           absolute;
    left:               0px;
    top:                0px;
    width:              0px;
}
fieldset,
div.form-container fieldset,
div.form-container form fieldset{
	margin:             10px 0;
	padding:            10px;
	border:             #DDD 2px solid;
}
fieldset.gris{
   background-color:   #EAEAEA;
}


legend,
div.form-container legend,
div.form-container form legend{
	font-weight:        bold;
	color:              #666;
}
div.form-container form fieldset div{
	padding:            0.25em 0;
}

label,
div.form-container label,
div.form-container span.label{
	position:           absolute;
	margin-right:       10px;
   font-family:               Escuela;
	padding-right:      10px;
	width:              150px;
    display:            block;
	float:              left;
	text-align:         right;
	position:           relative;
   /* text-shadow:        #555 0.1em 0.1em 0.2em; */
    font-size:          16;
	font-style:         normal;
    color:              #000;

}

div.form-container label.mserror,
div.form-container span.mserror{
	margin-left:        3%;
   	color:              #C00;
	width:              95%;
	display:            block;
	text-align:         left;
	position:           relative;

}
div.form-container label.error,
div.form-container span.error{
	color:              #C00;
}
div.form-container div.controlset code,
div.form-container label code,
div.form-container span.label code,
div.form-container legend code{
	font-size:          120%;
	font-style:         normal;
	color:              #C00;
}
div.form-container div em{
	right:              0;
	font-size:          120%;
	font-style:         normal;
	color:              #C00;
}
div.form-container label em,
div.form-container span.label em{

	right:              0;
	font-size:          120%;
	font-style:         normal;
	color:              #C00;
}
div.form-container input.error{
	border-color:       #C00;
	background-color:   #FEF;
	text-transform:     uppercase;
}
iFijo,
div.form-container input.iFijo{
    width:              200px;
}
div.form-container select{
    width:              200px;
}
div.form-container input[type=text],
div.form-container input[type=password] {
    width:              200px;
}
div.form-container input,
div.form-container textarea,
div.form-container select,
div.form-container input,
div.form-container input,
div.form-container textarea,
div.form-container select{
	text-transform:     uppercase;
	display:            inline;
	float:              none;
}
div.form-container input.focus,
div.form-container textarea.focus,
div.form-container select.focus,
div.form-container input:focus,
div.form-container input.error:focus,
div.form-container textarea:focus,
div.form-container select:focus{
	text-transform:     uppercase;
	background-color:   #FFC;
	border-color:       #FC6;
	background:         #FFC;
}
div.form-container input:first-line,
div.form-container input.error:first-line,
div.form-container textarea:first-line,
div.form-container select:first-line{
	text-transform:     uppercase;
}
div.form-container input.input,
div.form-container textarea.input,
div.form-container select.input,
div.form-container div.controlset label,
div.form-container div.controlset input{
	text-transform:     uppercase;
	display:            inline;
	float:              none;
}
div.form-container div.controlset div{
	margin-left:        170px;
}
div.form-container div.buttonrow{
	margin-left:        180px;
}
div.form-container h1{
	margin:             0 0 0 0;
	padding:            0 0;
    width:              145px;
	font-family:        Escuela;
    font-size:          10pt;
	font-weight:        bold;
    color:              #FFF;
	background-color:   #CCC;
	border-bottom:      #BBB 1px solid;
    text-align:         center;
}
.sombreado{
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em;
}
.brillomorado{
    text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;
}

.brillonaranja{
    text-shadow: 0 0 0.2em #FF9933, 0 0 0.2em #FF9933, 0 0 0.2em #FF9933;
}
.brillo{
    text-shadow: 0 0 0.2em #FFF, 0 0 0.2em #FFF, 0 0 0.2em #FFF;
}
.opaco{
    text-shadow: 0 0 0.2em #999, 0 0 0.2em #999, 0 0 0.2em #999;
}
.brilloazul{
    text-shadow: 0 0 0.2em #5DD5FF, 0 0 0.2em #5DD5FF, 0 0 0.2em #5DD5FF;
}
.brilloverde{
    text-shadow: 0 0 0.2em #009966, 0 0 0.2em #009966, 0 0 0.2em #009966;
}
.brilloRojo{
    text-shadow: 0 0 0.2em red, 0 0 0.2em red, 0 0 0.2em red;
     font-size:          12;
	font-style:         normal;
}
.brilloGris{
    text-shadow: 0 0 0.2em #999999, 0 0 0.2em #999999, 0 0 0.2em #999999;
     font-size:          12;
	font-style:         normal;
}

.brilloVerdes{
    text-shadow: 0 0 0.2em #9bc725, 0 0 0.2em #9bc725, 0 0 0.2em #9bc725;
     font-size:          12;
	font-style:         normal;
}
.brillonaranjas{
    text-shadow: 0 0 0.2em #ffad23, 0 0 0.2em #ffad23, 0 0 0.2em #ffad23;
     font-size:          12;
	font-style:         normal;
}
.contorno{
    text-shadow: -1px -1px white, 1px 1px #333;
}
.repetido{
    text-shadow: 0.2em 0.5em 0.1em #600,
	  -0.3em 0.1em 0.1em #060,
	  0.4em -0.3em 0.1em #006;
}

.Tituloh2{
  	margin:             0;
	font-family:        Escuela;
    font-size:          70%;
	font-weight:        bold;
    color:              #FFF;
    color: white;
    text-shadow: black 0.1em 0.1em 0.2em, 0 0 0.2em #FFF, 0 0 0.2em #FFF, 0 0 0.2em #FFF;
}


.tabla {
font-family:       Escuela;
	font-size:         10px;
    width:             100%;
    border-collapse :  collapse;
    border-spacing:    0;
}
.tabla th {
   padding:            0;
	font-size:          10px;
	font-family:        Escuela;
    font-weight:        bold;
    text-align:         right;
	background-color:   #CDCDCD;
	background-image:   url(img/2.png);
    border-left-width:  1px;
	border-top-width:   1px;
    border-right-width: 1px;
	border-bottom-width:1px;
    border-left-style:  solid;
	border-top-style:   solid;
    border-right-style: solid;
	border-bottom-style:solid;
  	border-left-color:  #D7D7D7;
	border-top-color:   #D7D7D7;
	border-right-color: #D7D7D7;
	border-bottom-color:#D7D7D7;
}
.tabla td {
padding:             0;
	color:               Black;
	font-family:         Escuela;
    font-weight:         bold;
	background-color:    #CDCDCD;
	background-image:    url(img/1.png);
    border-left-width:   1px;
	border-top-width:    1px;
	border-right-width:  1px;
	border-bottom-width: 1px;
	border-left-style:   solid;
	border-top-style:    solid;
	border-right-style:  solid;
	border-bottom-style: solid;
  	border-left-color:   #D7D7D7;
	border-top-color:    #D7D7D7;
	border-right-color:  #D7D7D7;
	border-bottom-color: #D7D7D7;
}
table.fs{
    width:               100%;
    border-collapse :    collapse;
    border-spacing:      0;
}
/************************************* Datagrid styles ********************************/
table.tbl {
      /*font-family:        Escuela; */
    width:              100%;
    font-size:          .9em;
    clear:              both;
    border-spacing:     0;
    text-align:         center;

	    cursor: pointer;
   /* Round select corners */
   -webkit-border-radius: 10px 10px;
   -khtml-border-radius: 10px 10px;
   -moz-border-radius: 10px 10px;
   border-radius: 10px 10px;
}
tr.tbl-header {}
td.tbl-header {
background:			#D8D8D8;
/*----------------	16949 -------08-06-2015-----aemm*/
    text-align:         center;
    padding:            3px;
    font-weight:        bold;
    font-size:			12px;
	
    //border-bottom:      2px solid #A4A4A4;
/*----------------	16949 -------08-06-2015-----aemm*/
  /*  border-bottom:      2px solid #c3daf9;*/
}
th.tbl-headers {
 	   background:		#D8D8D8;
    text-align:         center;
    padding:            3px;
    font-weight:        bold;
    //border-bottom:      2px solid #A4A4A4;
}
tr.tbl-footer {}
table.tbl-footer {
    font-size:          1em;
}
tr.tbl-row {}
tr.tbl-row:hover {
	  background:         #f4eaa9;
}
tr.tbl-row-even {
    background:         #f4f4f4;
}
tr.tbl-row-odd {
    background:         white;
}
tr.tbl-row-highlight:hover {
    background:         #f4eaa9;
    cursor:             pointer;
}
td.tbl-nav {
   background:			#D8D8D8;
    height:             20px;
/*----------------	16949 -------08-06-2015-----aemm*/
    //border-top:      2px solid #A4A4A4;
    color:              #4D4D4D;
}
td.tbl-pages {
    text-align:         center;
}
td.tbl-row-num {
    text-align:         center;
    font-weight:        bold;
}
td.tbl-cell {
  border-left:     	1px solid #D8D8D8;
    border-right:     	1px solid #D8D8D8;
}
td.tbl-controls {
    text-align:         center;
    border-left:        1px groove #c3daf9;
}
td.tbl-found {}
td.tbl-checkall { }
td.tbl-page {
    text-align:         right;
}
td.tbl-noresults {
    font-weight:        bold;
    color:              #9F0000;
    height:             45px;
    text-align:         center;
}
img.tbl-create-image,
img.tbl-reset-image,
img.tbl-print-image,
img.tbl-controlheader-image {
    margin-right:       3px;
    border:             0;
}
span.tbl-header,
span.tbl-create,
span.tbl-reset,
span.tbl-print {
    margin:             5px 5px;
}
div.tbl-filter-box {}
img.tbl-order-image {
    margin:             0 2px;
    border:             0;
}
img.tbl-filter-image,
img.tbl-control-image,
img.tbl-arrows {
    border:             0;
}
span.page-selected {
    color:              black;
    font-weight:        bold;
}
input.tbl-checkbox {}
/************************************* TreeView styles ********************************/
.treeview,
.treeview ul {
    padding:            0;
	margin:             0;
	list-style:         none;
}
.treeview ul {
	background-color:  transparent;
	margin-top:         4px;
}
.treeview .hitarea {
	background:         url(img/treeview-default.gif) -64px -25px no-repeat;
	height:             24px;
	width:              24px;
	margin-left:        -24px;
	float:              left;
	cursor:             pointer;
}
* html .hitarea {
	display:            inline;
	float:              none;
}
.treeview li {
	margin:             0;
	padding:            3px 0pt 3px 16px;
}
.treeview a.selected {
	background-color:   #eee;
}
#treecontrol {
    margin:             1em 0;
    display:            none;
}
.treeview .hover {
    color:              red;
    cursor:             pointer;
}
.treeview li {
    background:         url(img/treeview-default-line.gif) 0 0 no-repeat;
}
.treeview li.collapsable,
.treeview li.expandable {
    background-position: 0 -176px; }

.treeview .expandable-hitarea {
    background-position: -80px -3px;
}
.treeview li.last {
    background-position: 0 -1766px;
}
.treeview li.lastCollapsable,
.treeview li.lastExpandable {
    background-image:    url(img/treeview-default.gif);
}
.treeview li.lastCollapsable {
    background-position: 0 -111px;
}
.treeview li.lastExpandable {
    background-position: -32px -67px;
}
.treeview div.lastCollapsable-hitarea,
.treeview div.lastExpandable-hitarea {
    background-position: 0;
}
.treeview-red li {
    background-image:   url(img/treeview-red-line.gif);
}
.treeview-red .hitarea,
.treeview-red li.lastCollapsable,
.treeview-red li.lastExpandable {
    background-image:   url(img/treeview-red.gif);
}
.treeview-black li {
    background-image:   url(img/treeview-black-line.gif);
}
.treeview-black .hitarea,
.treeview-black li.lastCollapsable,
.treeview-black li.lastExpandable {
    background-image:   url(img/treeview-black.gif);
}
.treeview-gray li {
    background-image:   url(img/treeview-gray-line.gif);
}
.treeview-gray .hitarea,
.treeview-gray li.lastCollapsable,
.treeview-gray li.lastExpandable {
    background-image:   url(img/treeview-gray.gif);
}
.treeview-famfamfam li {
    background-image:   url(img/treeview-famfamfam-line.gif);
}
.treeview-famfamfam .hitarea,
.treeview-famfamfam li.lastCollapsable,
.treeview-famfamfam li.lastExpandable {
    background-image:   url(img/treeview-famfamfam.gif);
}
.filetree li {
    padding:            3px 0 2px 16px;
}
.filetree span.folder,
.filetree span.file,
.filetree span.materia,
.filetree span.bloque,
.filetree span.tema,
.filetree span.tareas,
.filetree span.subtema,
.filetree span.Plan,
.filetree span.Apuntes,
.filetree span.Ejercicios,
.filetree span.Planeacion,
.filetree span.Guias,
.filetree span.Material,
.filetree span.agregar,
.filetree span.Evaluacion,
.filetree span.Docentes,
.filetree span.grupo {
    padding:            1px 0 1px 24px;
    display:            block;
}
.filetree span.folder:hover,
.filetree span.file:hover,
.filetree span.materia:hover,
.filetree span.bloque:hover,
.filetree span.tareas:hover,
.filetree span.plan:hover,
.filetree span.apuntes:hover,
.filetree span.ejercicios:hover,
.filetree span.`planeacion:hover,
.filetree span.guias:hover,
.filetree span.material:hover,
.filetree span.tema:hover,
.filetree span.subtema:hover,
.filetree span.grupo:hover,
.filetree span.agregar:hover,
 .filetree span.Evaluacion:hover,
.filetree span.Docentes:hover,
.filetree li.expandable:hover {
  background-color:     #FFFFCC;
}


.filetree span.folder {
    background:         url(img/folder.png) 0 0 no-repeat;
    color:              #000000;     font-size:          12pt;
   font-family: Escuelas;
}
.filetree li.expandable span.folder {
    background:         url(img/folder-closed.png) 0 0 no-repeat;
}
.filetree span.Docentes {
    background:         url(img/Docente.png) 0 0 no-repeat;
    color:              #3d83b8;
        font-size:          12pt;
   font-family: Escuelas;
}
.filetree li.expandable span.Docentes {
    background:         url(img/Docente.png) 0 0 no-repeat;
}
.filetree span.grupo {
    background:         url(img/grupo.png) 0 0 no-repeat;
    color:              #0099CC;
        font-size:          12pt;
   font-family: Escuelas;
}
.filetree li.expandable span.grupo {
    background:         url(img/grupo.png) 0 0 no-repeat;
}
.filetree span.materia {
    background:         url(img/materia.png) 0 0 no-repeat;
    color:              #4A4A4A;
        font-size:          12pt;
   font-family: Escuelas;
}
.filetree li.expandable span.materia {
    background:         url(img/materia.png) 0 0 no-repeat;
}
.filetree span.bloque {
    background:         url(img/bloque.png) 0 0 no-repeat;
    color:              #555555;
    font: bold;
    font-size:          12pt;
       font-family: Escuelas;
}
.filetree li.expandable span.bloque {
    background:         url(img/bloque.png) 0 0 no-repeat;
}
.filetree span.tema {
    background:         url(img/tema.png) 0 0 no-repeat;
    color:              #666666;
        font: bold;
    font-size:          12pt;
       font-family: Escuelas;
}
.filetree li.expandable span.tema {
    background:         url(img/tema.png) 0 0 no-repeat;
}
.filetree span.subtema {
    background:         url(img/subtema.png) 0 0 no-repeat;
    color:              #333333;
        font-size:          12pt;
   font-family: Escuelas;
}
.filetree li.expandable span.Evaluacion {
    background:         url(img/grupo.png) 0 0 no-repeat;
}
.filetree span.Evaluacion {
    background:         url(img/grupo.png) 0 0 no-repeat;
    color:              #2E2E2E;
        font-size:          12pt;
   font-family: Escuelas;
}
.filetree li.expandable span.subtema {
    background:         url(img/subtema.png) 0 0 no-repeat;
}
.filetree span.tareas {
    background:         url(img/tareas.png) 0 0 no-repeat;
    color:              #4A4A4A;
   font-family: Escuelas;
    font-size:          12pt;
}
.filetree li.expandable span.tareas {
    background:         url(img/tareas.png) 0 0 no-repeat;
}
.filetree span.plan {
    background:         url(img/plan.png) 0 0 no-repeat;
    color:              #4A4A4A;
   font-family: Escuelas;
    font-size:          12pt;
}
.filetree li.expandable span.plan {
    background:         url(img/plan.png) 0 0 no-repeat;
}
.filetree span.apuntes {
    background:         url(img/apuntes.png) 0 0 no-repeat;
    color:              #4A4A4A;
   font-family: Escuelas;
    font-size:          12pt;
}
.filetree li.expandable span.apuntes {
    background:         url(img/apuntes.png) 0 0 no-repeat;
}
.filetree span.ejercicios {
    background:         url(img/ejercicios.png) 0 0 no-repeat;
    color:              #4A4A4A;
   font-family: Escuelas;
    font-size:          12pt;
}
.filetree li.expandable span.ejercicios {
    background:         url(img/ejercicios.png) 0 0 no-repeat;
}
.filetree span.planeacion {
    background:         url(img/planeacion.png) 0 0 no-repeat;
    color:              #4A4A4A;
   font-family: Escuelas;
    font-size:          12pt;
}
.filetree li.expandable span.planeacion {
    background:         url(img/planeacion.png) 0 0 no-repeat;
}
.filetree span.guias {
    background:         url(img/guias.png) 0 0 no-repeat;
    color:              #4A4A4A;
   font-family: Escuelas;
    font-size:          12pt;
}
.filetree li.expandable span.guias {
    background:         url(img/guias.png) 0 0 no-repeat;
}
.filetree span.material {
    background:         url(img/materiales.png) 0 0 no-repeat;
    color:              #4A4A4A;
   font-family: Escuelas;

    font-size:          12pt;
}
.filetree span.agregar {
    background:         url(img/files.png) 0 0 no-repeat;
    color:              #3d83b8;
   font-family: Escuelas;

    font-size:          12pt;
}
.filetree li.expandable span.agregar {
    background:         url(img/files.png) 0 0 no-repeat;
}
.filetree li.expandable span.material {
    background:         url(img/materiales.png) 0 0 no-repeat;
}
.filetree span.file {
    background:         url(img/file.png) 0 0 no-repeat;
    color:              #888888;
}
/*************************************AutoComplete*****************************/
.ac_results {
	padding:            0px;
	border:             1px solid black;
	background-color:   white;
	overflow:           hidden;
	z-index:            99999;
}
.ac_results ul {
	width:              100%;
	list-style-position:outside;
	list-style:         none;
	padding:            0;
	margin:             0;
}
.ac_results li {
	margin:             0px;
	padding:            2px 5px;
	cursor:             default;
	display:            block;
	font:               menu;
	font-size:          12px;
	line-height:        16px;
	overflow:           hidden;
}
.ac_loading {
	background:         white url('img/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color:   #eee;
}

.ac_over {
	background-color:   #4183C0;
	color:              white;
}
/**************************************ThickBox********************************/
#TB_window {
	font:               12px Escuela;
	color:              #333333;
}
#TB_secondLine {
	font:               10px Escuela;
	color:              #666666;
}
#TB_window a:link {
    color:              #666666;
}
#TB_window a:visited {
    color:              #666666;
}
#TB_window a:hover {
    color:              #79a24d;
}
#TB_window a:active {
    color:              #666666;
}
#TB_window a:focus{
    color:              #666666;
}
#TB_overlay {
	position:           fixed;
	z-index:            100;
	top:                0px;
	left:               0px;
	height:             100%;
	width:              100%;
}
.TB_overlayMacFFBGHack {
    background:         url(macFFBgHack.png) repeat;
}
.TB_overlayBG {
  background-color:#5C5C5C;
  filter: alpha(opacity=90);
  -moz-opacity: 0.5;
  KhtmlOpacity: .5;
  opacity: .5;
  font-family: arial;
  font-size:8pt;

}
* html #TB_overlay {
     position:          absolute;
     height:            expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position:           fixed;
	background:         #ffffff;
	z-index:            102;
	color:              #000000;
	display:            none;
	border:             4px solid #525252;
	text-align:         left;
	top:                30%;
	left:               50%;
}
#TB_windowprincipal {
	position:           fixed;
	background:         #ffffff;
	z-index:            102;
	color:              #000000;
	display:            none;
	border:             4px solid #525252;
	text-align:         left;
	top:                50%;
	left:               50%;
}
#TB_windowprincipal2 {
	position:           fixed;
	background:         #ffffff;
	z-index:            102;
	color:              #000000;
	display:            none;
	border:             4px solid #525252;
	text-align:         left;
	top:                35%;
	left:               50%;
}
* html #TB_window {
    position:           absolute;
    margin-top:         expression(0 - parseInt(this.offsetHeight / 3) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:            block;
	margin:             15px 0 0 15px;
	border-right:       1px solid #ccc;
	border-bottom:      1px solid #ccc;
	border-top:         1px solid #666;
	border-left:        1px solid #666;
}
#TB_caption{
	height:             25px;
	padding:            7px 30px 10px 25px;
	float:              left;
}
#TB_closeWindow{
	height:             25px;
	padding:            11px 25px 10px 0;
	float:              right;
}
#TB_closeAjaxWindow{
	padding:            7px 10px 5px 0;
	margin-bottom:      1px;
	text-align:         right;
	float:              right;
}
#TB_ajaxWindowTitle{
	float:              left;
	padding:            7px 0 5px 10px;
	margin-bottom:      1px;
}
#TB_title{
	background-color:   #e8e8e8;
	height:             27px;
}
#TB_ajaxContent{
	clear:              both;
	padding:            2px 15px 15px 15px;
	overflow:           auto;
	text-align:         left;
	line-height:        1.4em;
}
#TB_ajaxContent.TB_modal{
	padding:            15px;
}
#TB_ajaxContent p{
	padding:            5px 0px 5px 0px;
}
#TB_load{
	position:           fixed;
	display:            none;
	height:             13px;
	width:              208px;
	z-index:            103;
	top:                50%;
	left:               50%;
	margin:             -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
    position:           absolute;
    margin-top:         expression(0 - parseInt(this.offsetHeight / 3) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	z-index:            99;
	position:           fixed;
	top:                0;
	left:               0;
	background-color:   #ffffff;
	border:             none;
	height:             100%;
	width:              100%;
}
* html #TB_HideSelect {
     position:          absolute;
     height:            expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear:              both;
	border:             none;
	margin-bottom:      -1px;
	margin-top:         1px;
	margin-bottom:      1px;
}
#container {
    background-color:   #ffffff;
    width:              580px;
    margin:             15px auto;
    padding:            50px;
}
.sliderGallery {
    background:         url(../img/menu/fondo.png) no-repeat;
    overflow:           hidden;
    margin-top:         0px;
    position:           relative;
    padding:            10px;
    height:             120px;
    width:              1000px;
}
.sliderGallery UL {
    position:           absolute;
    list-style:         none;
    overflow:           none;
    white-space:        nowrap;
    padding:            0;
    margin:             0;
}
.sliderGallery UL LI {
    display:            inline;
}
.slider {
    width:              370px;
    height:             10px;
    margin-top:         100px;
    margin-left:        0px;
    padding:            1px;
    position:           relative;
    background:         url(../img/menu/barra_externa.png) no-repeat;
}
.handle {
    position:           absolute;
    cursor:             pointer;
    height:             10px;
    width:              181px;
    top:                0;
    background:         url(../img/menu/barra_interna.png) no-repeat;
    z-index:            100;
}
.slider span {
    color:              #bbb;
    font-size:          80%;
    cursor:             pointer;
    position:           absolute;
    z-index:            110;
    top:                3px;
}
.Titles {
  	font-family:        Escuela;
    font-size:          12px;
	font-weight:        bold;
    color:              #3d83b8;

}
.Subtitles {
  	font-family:        Escuela;
    font-size:          12px;
}
.bordeverde img {
   border: solid 3px #99FF66;
   cursor: pointer;
   /* Round select corners */
   -webkit-border-radius: 15px 15px;
   -khtml-border-radius: 15px 15px;
   -moz-border-radius: 15px 15px;
   border-radius: 15px 15px;
}
.bordeazul img {
   border: solid 3px #00A5D0;
   cursor: pointer;
   /* Round select corners */
   -webkit-border-radius: 10px 10px;
   -khtml-border-radius: 10px 10px;
   -moz-border-radius: 10px 10px;
   border-radius: 10px 10px;
}
.bordeblanco img {
   border: solid 5px #FFFFFF;
   cursor: pointer;
   /* Round select corners */
   -webkit-border-radius: 15px 15px;
   -khtml-border-radius: 15px 15px;
   -moz-border-radius: 15px 15px;
   border-radius: 15px 15px;
}
/***************Pestaņa navigation*******************************/
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:721px;
    left: 80%;
}
ul#navigation li {
    width: 103px;
    display:inline;
    float:left;
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#E7F2F9;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 15;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
     background-color:#CAE3F2;
}
ul#navigation li a span{
    letter-spacing:2px;
    font-size:11px;
    color:#60ACD8;
    text-shadow: 0 -1px 1px #fff;
}
ul#navigation .home a{
    background-image: url(../img/botones/Inicioo.png);
}
@font-face {
    font-family: "Escuela";
    /*src: url(https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf);    */
    src: url(SansProExtralight.ttf);
 }
.TituloPosti{
  text-align: left;
  color: #FFFFFF;
  font-size: 20px;
  font-family: Escuela;
  padding: 12px 0px;
  border: 1px solid #f7b345;
  background: #f7b345;
  background: -moz-linear-gradient(#f7b345 0%, #f7b345 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7b345), color-stop(100%, #f7b345));
  background: -webkit-linear-gradient(#f7b345 0%, #f7b345 100%);
  background: linear-gradient(#f7b345 0%, #f7b345 100%);
  height: 20px;
}
.TituloMat{

  color: #364A69;
  font-size: 15px;
  font: bold;
  padding: 12px 0px;
  height: 20px;
  cursor: pointer;
}


.divs{
       /* Round select corners */
     -webkit-border-radius: 15px 15px;
     -khtml-border-radius: 15px 15px;
     -moz-border-radius: 15px 15px;
     border-radius: 15px 15px;
}
.TituloMateria{
  text-align: left;
  font-family: Escuela;
  font: bold;
  color: #666666;
  padding: 12px 0px;
 font-size: 14px;
}
/********************************BRILLO ERROR SARO 22/04/2014****************************************/
 label em{ color:red;}
 label em.error2{ 	
	animation-name:brillo;
	animation-duration:1s;	
	animation-delay:.5s;
	animation-iteration-count:infinite;
	animation-play-state:running;
 }
 @keyframes brillo{
	0%   {opacity:40;}	
	100% {opacity:0;}
	
}
p.error2{
	background:#F6CECE;
	border:solid 1px #F37272;
	border-radius:8px;
}
.imgIdentificador img {
   border: solid 5px #232a37 ;
   cursor: pointer;
   width:90%;
   height:100px;
   -webkit-border-radius:100%;
   -khtml-border-radius:100%;
   -moz-border-radius: 100%;
   border-radius:100%;

}
/********************************ASISTENCIAS MISJ 20/06/2015*****************************************/
.Divss{
    font-family: Verdana, Geneva, sans-serif;
	color: ##FFFFFF;
 	border-top:      	2px solid #FFFFFF;
	border-left:      	2px solid #FFFFFF;
	border-bottom:      2px solid #FFFFFF;
	border-right:      	2px solid #FFFFFF;


   /* Round select corners */
   -webkit-border-radius: 10px 10px;
   -khtml-border-radius: 10px 10px;
   -moz-border-radius: 10px 10px;
   border-radius: 10px 10px;
	box-shadow: 0px 0px 40px #CCCCCC;

}
.info {
	font-size: 18px;
	color: #34484E;
	font-family: Arial;
}
.BgClaro{
	background-color: #FFFFFF;
}


.FieldC{

	font-family: Verdana, Geneva, sans-serif;
	margin:             10px 0;
	padding:            10px;


   background-color:   #FFFFFF;
   }