/*
 *     Modulo: "innovacionesEdu.css" Hoja de estilos general para las Innovaciones Educativas
 *     Dia de Comienzo: 2 - noviembre - 2010
 *     Dias de trabajo: 2,3,4,8,16,18,19,22,23,29 - noviembre - 2010
 			3,4,5,6,17,19,20 - enero - 2011
 			 25,28,31 - enero - 2011
 			 3,15,24 - febrero - 2011
 			 10,29,30 - marzo - 2011
 			 25 - abril - 2011
 			 5 - mayo - 2011
             20 - abril -2015
 */

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
       margin      : 0;
       padding     : 0px;
       font-size   : 13px;
       font-family : Arial,sans-serif,Helvetica,Verdana;
       background  : url(/innovacioneseducativas/images/all_bg.gif) repeat-x;

}

.hist_nav{
  color           : #044a75;
  font-size       : 11px;
  font-family     : Verdana,Helvetica;
  text-decoration : none;
  font-weight     : bold;
}
a.hist_nav:hover{
  text-decoration : underline;
}
.puntero{
  cursor: pointer;
}

.barra_inf{
        height      : 70px;
        background  : #ffffff url(/innovacioneseducativas/images/barra_bg.gif) 0px 15px repeat-x;
        text-align  : center;
        color       : white;
        font-size   : 11px;
        font-family : Century Gothic,Helvetica,Verdana,Arial;
        font-weight : bold;
        line-height : 14px;
        padding-top : 3px;
}
.conectados{
        font:11px Century Gothic,Helvetica,Verdana,Arial;
        color:#3c3c3c;
        background:url(/innovacioneseducativas/images/conectados.gif) no-repeat 30px 100%;
        padding-left:45px;
        padding-top:10px;
        font-weight : bold;
        width : 300px;
}
/*
 *  Estilos para el menu izquierda ---------------------------------
 */

.menu_izq {
	/*float:left;*/
	width:200px;
	height:95px;
	padding-left:13px;
	cursor:pointer;
	/**/
	/*position:relative;*/
	/*overflow:hidden;*/
}

.menu_izq a  {
	position:relative;
	top:-70px;
	left:75px;
	display: block;
	width:145px;
	height:50px;
}
.menu_izq img  {
	position:relative;
        display: block;
        z-index:1103;
}
.colect_1 {
        position:relative;
        top:-120px;
        left:60px;
        width:145px;
        height:50px;
        z-index:1101;
}
.colect_2 {
        position:relative;
        top:-170px;
        left:60px;
        width:145px;
        height:50px;
        z-index:1100;
}
.asig_1 {
        position:relative;
        top:-119px;
        left:60px;
        width:145px;
        height:50px;
        z-index:8;
}
.asig_2 {
        position:relative;
        top:-169px;
        left:60px;
        width:145px;
        height:50px;
        z-index:7;
}
.asig_3 {
        position:relative;
        top:-219px;
        left:60px;
        width:145px;
        height:50px;
        z-index:6;
}
.asig_4 {
        position:relative;
        top:-269px;
        left:60px;
        width:145px;
        height:50px;
        z-index:5;
}
.asig_5 {
        position:relative;
        top:-319px;
        left:60px;
        width:145px;
        height:50px;
        z-index:7;
}
.menu_top {
        margin:0px;
        width:35px;
	height:50px;
	padding:0px;
	background: url(/innovacioneseducativas/images/menu_sombra.gif) bottom left  no-repeat;
}
.menu_top a  {
	position:relative;
	top:10px;
	width:35px;
	height:36px;
	padding:0px;
	display: block;
}

.encuesta {
        margin:0px;
        /*width:384px;
	height:50px;*/
	padding:0px;
	position:relative;
	z-index:102;

}
.encuesta div  {
        position:absolute;
	top:-7px;
	height:25px;
	width:384px;
        padding-top:10px;
	display: block;
	background :url(/innovacioneseducativas/images/tab_encuesta.png) no-repeat 0 0;
	color       : white;
        font-size   : 12px;
        font-family : Century Gothic,Helvetica,Verdana,Arial;
        font-weight : bold;
        text-align  : center;
        vertical-align : bottom;
        overflow    : hidden;
	/*border:1px solid #3d93bc;*/
}

/*
 *  FIN Estilos para el menu izquierda ---------------------------------
 */


/*
 *  Estilos para el menu superior ---------------------------------
 */

.no_submenu,.submenu{
    width:100px;
    height:45px;
    float:left;
    color:#191919;
    text-align:center;
    overflow:hidden;
    margin-left:5px;
}
.no_submenu p,.submenu p{
    margin:0px;
}

.menu_a{
    /*position:relative;*/
    color           :#FFF;
    text-decoration :none;
    font-size       :14px;
}

.menu_p{
    padding:0px 0px;
}

/************************************/
.contenido {
    position:relative;
    margin: 0;
    width:1000px;
    height:49px;
    left:195px;
    z-index:3;
}
#navegacion {
    position:absolute;
    vertical-align:top;
}
.menu_img,
.menu_img:hover,
.menu_img:visited,
.menu_img:link{
    padding-top :47px;
    border  :0px;
    margin  :0px;
    text-decoration :none;
}
#centro_pantalla{
   z-index:1;
   width:890px;
   margin  :0px;
   padding-left:10px;
   /*border:1px solid #456687;*/
}

#pantalla_inicio {
   z-index:1;
   width:830px; /* 890 */
   /*border:1px solid #456687;*/
}
.gallery_container{
   margin-top:15px;
   padding-top: 10px;
}
.panel-overlay span{
   padding:4px;
   font-weight:bold;
   font-size:16px;
   color:#ff3300;
   font-family : Century Gothic,Helvetica,Verdana,Arial;
   text-align: center;
}
.panel-overlay{
   text-align: center;
   padding-top: 50px;
}
.panel-overlay div{
   color:#cc3300;
   font-size:13px;
   text-align: justify;
   padding-top: 50px;
   font-family : Century Gothic,Helvetica,Verdana,Arial;
   z-index:1;
}
/************************************/
.submenu_1{
    background:url('/innovacioneseducativas/images/menu_top_1.png') top left no-repeat;
    width:116px;
    z-index:3000;
    position:relative;
    right:-60px;
}
.submenu_1_area{
    background:url('/innovacioneseducativas/images/submenu_top_1.png') 0px 47px no-repeat;
    padding-top:47px;
    width: 108px;
    height:180px;
}
.submenu_2{
    background:url('/innovacioneseducativas/images/menu_top_2.png') top left no-repeat;
    width:177px;
    position:relative;
    right:-48px;
    z-index:500000000;
}
.submenu_2_area{
    background:url('/innovacioneseducativas/images/submenu_top_2.png') 0px 47px no-repeat;
    padding-top:47px;
    width: 177px;
    height:320px;
    z-index:500000000;
}
.submenu_3{
    background:url('/innovacioneseducativas/images/menu_top_3.png') top left no-repeat;
    width:170px;
    position:relative;
    right:-36px;
    z-index:1;
}
.submenu_3_area{
    background:url('/innovacioneseducativas/images/submenu_top_3.png') 0px 47px no-repeat;
    padding-top:47px;
    width: 170px;
    height:192px;
    z-index:1;
}
.submenu_4{
    background:url('/innovacioneseducativas/images/menu_top_4.png') top left no-repeat;
    width:179px;
    position:relative;
    right:-24px;
}
.submenu_4_area{
    background:url('/innovacioneseducativas/images/submenu_top_4.png') 0px 47px no-repeat;
    padding-top:47px;
    width: 163px;
    height:360px;
}
.submenu_5{
    background:url('/innovacioneseducativas/images/menu_top_5v2.png') top left no-repeat;
    width:140px;
    position:relative;
    right:-12px;
}
.submenu_6{
    background:url('/innovacioneseducativas/images/menu_top_6.png') 0px 0px no-repeat;
    width:146px;

}
.submenu_6_area{
    background:url('/innovacioneseducativas/images/submenu_top_6.png') 0px 47px no-repeat;
    padding-top:47px;
    width: 170px;
    height:192px;
    z-index:1;
}
/*--  Estilo para el submenu CONCEPTO GENERAL */
.separador_1_1{
     height :1px;
     width  :95px;
     border-bottom : 1px solid #e76b72;
     padding-top   : 0px;
     margin-left   : 0px;
}
.separador_1_2{
     height :1px;
     width  :95px;
     border-top  : 1px solid #f6cad7;
     margin-left : 0px;
}
.a_submenu_1{
     color       : #771611;
     font-size   : 11px;
     font-family : Century Gothic,Helvetica,Verdana,Arial;
     font-weight : bold;
     text-decoration:none;
}
.a_submenu_1:hover{
     color       : #992222;
}
/*--  Estilo para el submenu COMPONENTES Y ORGANIZACIÓN */
.a_submenu_2{
     color       : #601a1a;
     font-size   : 11px;
     font-family : Century Gothic,Helvetica,Verdana,Arial;
     font-weight : bold;
     text-decoration:none;
     display     : inline;
     margin      : 0px;
}
.a_submenu_2:hover{
     color       : #964a3d;
}
.div_submenu_1{
     display : inline;
     margin  : 0px;
     padding-top : 1px;
     float   : left;
     width   : 165px; /* Ancho del Menu */
     z-index : 500000000;
}

.separador_2_1{
     height :1px;
     width  :138px;
     border-bottom : 1px solid #e1ae8c;/*#bc8566;*/
     padding-top   : 2px;
     margin-left   : 0px;
}
.separador_2_2{
     height :1px;
     width  :138px;
     border-top  : 1px solid #ffd6bb;/* #ffddcc;*/
     margin-left : 0px;
}

/*--  Estilo para el submenu SISTEMAS EDUCATIVOS */
.a_submenu_3{
     color       : #001172;
     font-size   : 11px;
     font-family : Century Gothic,Helvetica,Verdana,Arial;
     font-weight : bold;
     text-decoration:none;
}
.a_submenu_3:hover{
     color       : #2f4171;
}
.div_submenu_2{
     display : inline;
     margin  : 0px;
     padding-top : 3px;
     float       : left;
     width       : 153px;  /* Ancho del Menu */
}
.separador_3_1{
     height :1px;
     width  :130px;
     border-bottom : 1px solid #ffc777;
     padding-top   : 4px;
     margin-left   : 0px;
}
.separador_3_2{
     height :1px;
     width  :130px;
     border-top  : 1px solid #ffedcc;
     margin-left : 0px;
}


/*--  Estilo para el submenu ORGANIZACION DE LOS CONTENIDOS */
.separador_4_1{
     height :1px;
     width  :140px;
     border-bottom : 1px solid #009239;
     padding-top   : 7px;
     margin-left   : 0px;
}
.separador_4_2{
     height :1px;
     width  :140px;
     border-top  : 1px solid #b8f5c5;
     margin-left : 0px;
}
.a_submenu_4{
     color       : #083d01;
     font-size   : 11px;
     font-family : Century Gothic,Helvetica,Verdana,Arial;
     font-weight : bold;
     text-decoration:none;
}
.a_submenu_4:hover{
     color       : #285130;
}
/*--  Estilo para el submenu CONTRATACIONES */
.separador_5_1{
     height :1px;
     width  :140px;
     border-bottom : 1px solid #009239;
     padding-top   : 7px;
     margin-left   : 0px;
}
.separador_5_2{
     height :1px;
     width  :140px;
     border-top  : 1px solid #b8f5c5;
     margin-left : 0px;
}
.a_submenu_5{
     color       : #083d01;
     font-size   : 11px;
     font-family : Century Gothic,Helvetica,Verdana,Arial;
     font-weight : bold;
     text-decoration:none;
}
.a_submenu_5:hover{
     color       : #285130;
}
/*--  Estilo para el submenu CONTRATACIONES */
.separador_6_1{
     height :1px;
     width  :140px;
     border-bottom : 1px solid #009239;
     padding-top   : 7px;
     margin-left   : 0px;
}
.separador_6_2{
     height :1px;
     width  :140px;
     border-top  : 1px solid #b8f5c5;
     margin-left : 0px;
}
.a_submenu_6{
     color       : #083d01;
     font-size   : 11px;
     font-family : Century Gothic,Helvetica,Verdana,Arial;
     font-weight : bold;
     text-decoration:none;
}
.a_submenu_6:hover{
     color       : #285130;
}
/*
 *  FIN Estilos para el menu superior ---------------------------------

/*
 *  Estilos para el accordion ---------------------------------
 */
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	 /* background:#FFFFFF url(/img/global/gradient/h150.png) repeat scroll 0;*/
	background:#FFFFFF;
	height:110px;
	padding:10px 0 0px 0px;
	/*width:100%;*/
	/*border:1px solid #ddd;*/
}

/* accordion header */
#accordion img {
	float:left;
	margin-right:5px;
	margin-top:20px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
}

/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/*
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	float:left;
	display:none;
	margin-right:10px;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#404040;
	font-family:Century Gothic,Helvetica,Verdana,Arial;
	margin:0 0 -10px 0;
	width:300px;
	font-size:14px;
}

#accordion div p {
	font-size:85%;
	width:300px;
	color:#505050;
	font-family:Century Gothic,Helvetica,Verdana,Arial;
	margin-top:10px;
}

/*
 *  FIN Estilos para el accordion ---------------------------------
 */


/*estilo para el texto con vínculo*/
.textlink{
	font-weight:bold;
	font-family:Courier,Verdana,Calibri,Monospace;
	letter-spacing:2px;
        color: #338496;
        font-size:13px;
        padding:10px;
}
.textlink:hover{
	font-family:Courier,Verdana,Calibri,Monospace;
	letter-spacing:3px;
        color: #56d2ee;
        font-size:13px;
        text-decoration:none;
        cursor:pointer;
        padding:10px;
}
/* fin estilo para texto con vínculo*/

/* estilo de titulos parrafos y subtitulos para los cursos de preparatoria*/
.subtitulo
{
        text-align:left;
	font-size:15px;      /*15 px*/
	font-weight: bold;
}
.parrafo{

	text-align:justify;
	font-size:14px;
}

.parrafo_stylo{
	padding-left:10px;
	padding-right:10px;

}

/*.titulo_c
{
	font-family:"Times New Roman",Times,Serif;
	word-spacing:3px;
	padding:3px;
	padding-left:25px;
	padding-right:25px;
	/*border: 1px dashed #9fc8d8;
	letter-spacing:3px;
	color:#aa2062;
	font-size:16px;
	font-weight: 600;
}                */
.titulo_c
{
	word-spacing:3px;
	letter-spacing:3px;
	color:#aa2062;
	font-size:16px;
	font-weight: 600;
	font-size:17px;
}

.texto_ejemplo{
        color:#115983;
        font-weight:bold;
        text-decoration:underline;
}
.texto_pregunta{
        /*color:#658732;
        color:#6a574e;*/
        color:#4b372e;
        font-size:14px;
        font-family : Century Gothic,Helvetica,Verdana,Arial;
        text-align:justify;
        /*font-style:italic;*/
}
.texto_respuesta{
        font-family : Century Gothic,Helvetica,Verdana,Arial;
        /*color:#9bac3e;*/
        text-align:justify;
        /*font-style:italic;*/
}
.div_respuesta{
        padding:3px;
        border:1px dashed #626e85;
        background-color:#f9f9f9;
}
.text_calibri{
	font-family: Calibri, Verdana, Monospace;
}
.txt_modulo_contenido{
	font-family : Century Gothic,Helvetica,Verdana,Arial;
        font-weight:600;
}
.txt_modulo_contenido_std{
	font-family : Century Gothic,Helvetica,Verdana,Arial;                 /*.txt_modulo_contenido en forma std*/
	font-size : 13px;
        font-weight:bold;
        text-align:center;
}
.txt_modulo_cuerpo{
	font-family : Century Gothic,Helvetica,Verdana,Arial;
        font-size : 12px;
        font-weight:600;
}
.txt_modulo_cuerpo_std{
	font-family : Century Gothic,Helvetica,Verdana,Arial;                 /*.txt_modulo_cuerpo en forma std*/
        font-size : 12px;
        font-weight:bold;
        line-height:16px;
        text-align:left;
	margin-right:10px;
}
.link_resolver{
       font-family : Century Gothic,Helvetica,Verdana,Arial;
       font-size:10px;
       text-decoration: underline;
       padding:5px;
       border:1px dashed #488348;
       padding-left:12px;
       padding-right:12px;
}
.parrafo_sisedu{
  color : #0b6cb5;
  text-align:justify;
}

.liga_general{
  /*color:#488348;388b38*/
  color:#009239;
  font-style:italic;
  font-weight:550;
}
.liga_general:hover{
	text-decoration:underline;
  color:#385263;

}
.liga_general:visited{
  text-decoration:none;
}
.subt1{
	font-size:16px;
	font-family : Bookman Old Style,Helvetica,Verdana,Arial;
}
.pie_imagen{
        color:#8b3e00;
        font-size:16px;
}
/* fin de titulos parrafos y subtitulos */

/* estilo para las viñetas con números*/
.numero1azul
{
	list-style-type: none;
	line-height: 25px;
	padding-left: 25px;
	font-size: 100%;
	padding-top: 0px;
	padding-bottom: 9px;
	background-image: url(/innovacioneseducativas/images/numero1azul.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
        vertical-align: top;
}
.numero2rojo
{
	list-style-type: none;
	line-height: 15px;
	padding-left: 25px;
	font-size: 100%;
	padding-top: 0px;
	padding-bottom: 7px;
	background-image: url(/innovacioneseducativas/images/numero2rojo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
        vertical-align: top;
}
.numero3verde
{
	list-style-type: none;
	line-height: 15px;
	padding-left: 25px;
	font-size: 100%;
	padding-top: 0px;
	padding-bottom: 7px;
	background-image: url(/innovacioneseducativas/images/numero3verde.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
        vertical-align: top;
}
.numero4naranja
{
	list-style-type: none;
	line-height: 15px;
	padding-left: 25px;
	font-size: 100%;
	padding-top: 0px;
	padding-bottom: 7px;
	background-image: url(/innovacioneseducativas/images/numero4naranja.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
        vertical-align: top;
}/* fin estilo*/

/*Estilo de preguntas*/
.pregunta{
	font-size:17px;
	padding:5px;
	font-family : Bookman Old Style,Helvetica,Verdana,Arial;
}
/* fin estilo pregunta*/

/* estilo de la división del titulo con el contenido en módulos preparatoria  */
.hr_linea
{
	padding-top:0px;
	border-bottom: 1px dashed #9fc8d8;
}

/* pie de foto*/

.pie_foto2{
	font-family : Century Gothic,Helvetica,Verdana,Arial;
	color:#23548f;
	font-style:italic;
	font-weight:bold;
	/*border: 1px dashed #5275a4;
	padding:2px;
	padding-left:14px;
	padding-right:14px; */
}
.pie_foto2:hover{
	font-family : Century Gothic,Helvetica,Verdana,Arial;
	cursor: pointer;
	color:#e85915;
	text-decoration: underline;
}
/*-----------------*/
select{
       border   :1px solid #ffcdae;
       font-family : Bookman Old Style,Helvetica,Verdana,Arial;
       color    : #275389;
       padding  :1px;
       line-height: 1px;
}

/* Estilos de la página de Descargas */
.select_descargas_0{
       background: #e5e5e5;
       border-bottom   :1px solid #ffffff;
}
.select_descargas_1{
       background: #f5f5f5;
       border-bottom   :1px solid #ffffff;
}
.txt_descargas{
       font-family : Century Gothic,Helvetica,Verdana,Arial;
       font-size   : 13px;
}
.actualizacion{
       font-family : Century Gothic,Helvetica,Verdana,Arial;
       font-size   : 13px;
       color       : #008000;
}
.actualizacion:hover{
       /*color      : #000000;*/
       cursor     : pointer;
       text-decoration: underline;
}

.input_descargas{
       padding  :2px;
       border   :1px solid #ffcdae;
       font-family : Bookman Old Style,Helvetica,Verdana,Arial;
       color    : #275389;
}
.ligasdescargas{
       color: #008000;
       font-weight: bold;
       cursor: pointer;
       font-family : Bookman Old Style,Helvetica,Verdana,Arial;
}
.ligasdescargas:hover{
       text-decoration: underline;
}
.fila_sistemas_0{
       background: #e5e5e5;
       font-family : Bookman Old Style,Helvetica,Verdana,Arial;
}
.fila_sistemas_1{
       background: #f5f5f5;
       font-family : Bookman Old Style,Helvetica,Verdana,Arial;
       font-size   : 13px;
}
.titulo_descargas{
       font-family : Bookman Old Style,Helvetica,Verdana,Arial;
       font-size   : 24px;
       text-align  : left;
       color       : #c43e19;
       /*font-weight : bold;*/
}
.txt_ayuda_descarga{
       font-family : Century Gothic,Helvetica,Verdana,Arial;
       font-size   : 13px;
       color       : #2b4866;
       /*font-weight : bold;*/
}
/*
.txt_ayuda_descarga:hover{
       text-decoration: underline;
}*/
.txt_ayuda_descarga a{
       font-family : Century Gothic,Helvetica,Verdana,Arial;
       font-size   : 12px;
       color       : #404040;
       text-decoration: none;
}
.txt_ayuda_descarga a:hover{
       text-decoration: underline;
       cursor         : pointer;
}
.puntero_subrayado{
       text-decoration: none;
}
.puntero_subrayado:hover{
       text-decoration: underline;
       cursor         : pointer;
}
#menerror{
       color: red;
       font-family : Helvetica,Verdana,Arial;
}
.lista_error{
       text-align  : justify;
       font-family : Century Gothic,Helvetica,Verdana,Arial;
       font-size   : 12px;
       color       : #303030;
       width       : 680px;

}
/*---- FIN Estilos de la página de Descargas ----------------------*/

/*   estilo para los submenús o menús alternativos*/
.menu_alter{
	color           : #404040;
	padding         : 0px;
   	text-decoration : none;
   	font-family     : Bookman Old Style,Helvetica,Verdana,Arial;
   	font-size       : 12px;
}
.menu_alter:hover {
	color		: #000000;
}
.resp:hover{
	text-decoration: underline;
}
/** ESTILO DE Tooltips con html*/
/* trigger button */
#download_now {
	/*background:url(/innovacioneseducativas/images/num10.png) no-repeat scroll 0 0;
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;      */
	cursor:pointer;
}

/* mouseover state*/
#download_now:hover {
	background-position:0 -44px ;
}

/* clicked state     */
#download_now:focus {
	background-position:0 -88px;
}
#download_1 {
	/*background:url(/innovacioneseducativas/images/num10.png) no-repeat scroll 0 0;
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;      */
	cursor:pointer;
}
#download_1:hover {
	background-position:0 -44px ;
}
#download_1:focus {
	background-position:0 -88px;
}
#download_2 {

	cursor:pointer;
}
#download_2:hover {
	background-position:0 -44px ;
}
#download_2:focus {
	background-position:0 -88px;
}
#download_3 {

	cursor:pointer;
}
#download_3:hover {
	background-position:0 -44px ;
}
#download_3:focus {
	background-position:0 -88px;
}
#download_4 {

	cursor:pointer;
}
#download_4:hover {
	background-position:0 -44px ;
}
#download_4:focus {
	background-position:0 -88px;
}
.tooltip {
	display:none;
	background:url(/innovacioneseducativas/images/white_arrow_big.png);
	/*height:175px;*/
	height:225px;
	padding:15px 25px 20px 20px;
	/*width:325px;*/
	width:400px;
	font-size:11px;
	color:#000;
	text-align:justify;
	z-index:10001;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

.tooltip.bottom {
	background:url(/innovacioneseducativas/images/white_arrow_big_bottom.png);
	height:225px;
	/*padding:32px 25px 20px 20px;*/
	padding:45px 35px 0px 20px;
	color:#000;
	text-align=justify;
	font-size:11px;

}

/**** estilo del mapa del sitio**/
.mapa_subtitulo{
	font-size:22px;
	color:#4d7899;
	font-weight:bold;
	padding-bottom:5px;
	/*border-bottom:3px solid #d9dde1;*/
}

/** tooltips de sistemas educativoas **/

#punto1 {
	cursor:pointer;
}
/* mouseover state */
#punto1:hover {
	background-position:0 -44px ;
}

/* clicked state */
#punto1:focus {
	background-position:0 -88px;
}
#punto2 {
	cursor:pointer;
}

/* tooltip styling */
.punto1_tooltips {

	display:none;
	background:url(/innovacioneseducativas/images/bg_tooltips_left.png);
	height:180px;
	padding:25px 30px 10px 30px;
	width:280px;
	font-size:13px;
	text-align:left;
	color:#000;
	z-index:10001;

}
.punto1_tooltips.bottom {
        display:none;
	background:url(/innovacioneseducativas/images/bg_tooltips_left_bottom.png);
	height:170px;
	padding:35px 30px 10px 30px;
	width:280px;
	font-size:13px;
	text-align:left;
	color:#000;
	z-index:10001;
}
.punto1_tooltips.right {
	 display:none;
	background:transparent url(/innovacioneseducativas/images/bg_tooltips.png);
	height:180px;
	padding:20px 30px 10px 30px;
	width:280px;
	font-size:13px;
	text-align:left;
	color:#000;
	z-index:10001;
}
.punto1_tooltips.right.bottom {
	display:none;
	background:url(/innovacioneseducativas/images/bg_tooltips_bottom.png);
	height:175px;            /*175*/
	padding:35px 30px 5px 30px;   /*35    75px 30px 5px 30px;*/
	width:280px;
	font-size:17px;
	text-align:left;
	color:#000;
	z-index:10001;
}

.esquemas_tooltips {
    display:none;
    /*background:url(/innovacioneseducativas/images/bg_tooltips_left.png);*/
    height:370px;
    padding:25px 30px 10px 30px;
    width:350px;
    font-size:13px;
    text-align:left;
    background-color:#990000;
    color:#000;
    z-index:10001;

}
.esquemas_tooltips.bottom {
    display:none;
    /*background:url(/innovacioneseducativas/images/bg_tooltips_left_bottom.png);*/
    height:360px;
    padding:35px 30px 10px 30px;
    width:350px;
    font-size:13px;
    text-align:left;
    background-color:#990000;
    color:#000;
    z-index:10001;
}
.esquemas_tooltips.right {
    display:none;
    /*background:transparent url(/innovacioneseducativas/images/bg_tooltips.png);*/
    height:370px;
    padding:20px 30px 10px 30px;
    width:350px;
    font-size:13px;
    text-align:left;
    background-color:#990000;
    color:#000;
    z-index:10001;
}
.esquemas_tooltips.right.bottom {
    display:none;
    /*background:url(/innovacioneseducativas/images/bg_tooltips_bottom.png);*/
    height:365px;            /*175*/
    padding:35px 30px 5px 30px;   /*35    75px 30px 5px 30px;*/
    width:350px;
    font-size:17px;
    text-align:left;
    background-color:#990000;
    color:#000;
    z-index:10001;
}

/*** Estilo para el overlay del video ***/
.apple_overlay {

        display:none;
        /*
	   width after the growing animation finishes
	   height is automatically calculated
        */
	width:440px;

	/* some padding to layout nested elements nicely  */
	padding-top:10px;

	/* a little styling */
	font-size:11px;

	overflow: hidden;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background:url(/innovacioneseducativas/images/close.png) no-repeat;
	position:absolute; right:0px; top:0px;
	cursor:pointer;
	height:28px;
	width:28px;
}

/*** Estilo para los AVISOS ***/
.avisos{

        font:11px Century Gothic,Helvetica,Verdana,Arial;
        font-weight:normal;
        text-decoration: none;
        line-height:16px;
}
.avisos_0{
        color: #990000; /* Rojo Marrón */
}
.avisos_1{
        color: #006633; /* Verde Oscuro */
}
.avisos_2{
        color: #003399; /* Azul Oscuro */
}
.avisos_3{
        color: #993300; /* Naranja-Café */
}
.avisos_4{
        color: #660066; /* Morado */
}
.avisos_5{
        color: #006666; /* Verde Aqua Oscuro */
}
.avisos_6{
        color: #666600; /* Verde Olivo-Amarillo */
}
.avisos_7{
        color: #660099; /* Violeta */
}

.href_avisos{
   text-decoration: none;
}
.href_avisos:hover{
   text-decoration: underline;
   cursor:pointer;
}
.href_avisos:visited{
   text-decoration: none;
}

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
	cursor:default;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}

		.simply-scroll-list li img {
			border: none;
			display: block;
		}
/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 576px;
	height: 200px;
	margin-bottom: 1em;
}

	.simply-scroll .simply-scroll-clip {
		width: 576px;
		height: 200px;
	}

		.simply-scroll .simply-scroll-list {}

		.simply-scroll .simply-scroll-list li {
			float: left;
			width: 290px;
			height: 200px;

		}
		.simply-scroll .simply-scroll-list li img {}

/* Vertical scroller example */
#scroller{
    height: 250px;
}
.vert { /* wider than clip to position buttons to side */
	width: 220px;
	height: 250px;
	margin-bottom: 1.5em;
	top: 60px;
	left:20px;
}

	.vert .simply-scroll-clip {
		width: 202px;
		height: 250px;
	}

		.vert .simply-scroll-list {}

		.vert .simply-scroll-list li {
                        text-align: justify;
			padding:0px;
		}
		.vert .simply-scroll-list li img {}

.masInfo{
             font  : 12px Century Gothic,Helvetica,Verdana,Arial;
             color : #333333;
             padding:3px;
             background  : url(/innovacioneseducativas/images/mas_info.gif) 54% 50% no-repeat;
}
.abajo{
             background  : url(/innovacioneseducativas/images/abajo.gif) 100% 50% no-repeat;
             padding:3px;
             padding-right:20px;
}
/* Estilos para las páginas de los sistemas (Organización de los contenidos) */
.tabla100{
        width:100%;
        border: none;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
}
.tabla96{
        width:96%;
        border:none;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
}
.tabla{
        border:none;
        border-collapse:collapse;
        border-spacing: 0;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
}
.tdata{
        padding: 0;
        text-align:center;
}
/* Para los dialogos de los videos */
.ui-dialog { z-index: 1000000 !important ;}


div[id="titulo_ContrataInd_PP"]
{
    color: red;
    font-family: FontAwesome;
    font-size: 17px;
    padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 10px;
    text-shadow: 5px 5px 5px #aaa;
}


/* Para certificación */

.inf_cert_1
{
       font-family : Bookman Old Style,Helvetica,Verdana,Arial;
       font-size   : 24px;
       letter-spacing:2px;
       font-weight : bold;
       color:#0062b7;

       text-align    : left;
       vertical-align: middle;
       padding-top   : 10px;
       padding-left  : 10px;
}

.inf_cert_2
{
       font-family : Bookman Old Style,Helvetica,Verdana,Arial;
       font-size   : 20px;

       text-align    : justify;
       padding-top   : 15px;
       padding-bottom: 15px;
       padding-left  : 30px;
}

.inf_cert_3
{
       font-family : Bookman Old Style,Helvetica,Verdana,Arial;
       font-size   : 18px;

       text-align    : left;
       padding-top   : 15px;
       padding-bottom:  5px;
       padding-left  :  0px;
}

.inf_cert_4
{
       font-family : Bookman Old Style,Helvetica,Verdana,Arial;
       font-size   : 20px;

       text-align    : left;
       padding-top   : 10px;
       padding-bottom: 15px;
}

.vin_num_1
{
  vertical-align : top;
  padding-top    : 12px;
  padding-left   : 40px;
  padding-right  : 5px;
  width          : 40px;
}

.vin_num_2
{
  vertical-align : top;
  padding-top    : 10px;
  padding-left   : 90px;
  width          : 50px;
}

.vin_num_3
{
  vertical-align : top;
  padding-top    : 12px;
  padding-left   : 20px;
  padding-right  : 5px;
  width          : 40px;
}

.textlinkcert
{
   font-weight:bold;
   font-family:Courier,Verdana,Calibri,Monospace;
   color: #008000;
   font-size:18px;
   padding:10px;
}

.textlinkcert:hover
{
   text-decoration: underline;
   color          : #005c00;
   letter-spacing : 2px;
   cursor         : pointer;
}