/****************ELEMENTOS DE LA MASTER PAGE**************************************************************************************************************/
/*@import url(http://fonts.googleapis.com/css?family=Marck+Script); */

html
{
height:100%;	
width:100%;
}

body 
{
	margin:0px;
	width:100%;
	height:100%;	
	background-color:rgb(220,226,231);	/*Establece un color de fondo*/
}

#DivCapa1
{
	position:relative;
	width:950px; 
	min-height:100%;  
	background-color: #FFFFFF;	
	align:center;
	/*overflow:hidden;	*/	
}

#DivImgInstitucional
{ 
	/*background-image: url(../Imagenes/Sitio/FondoEncabezado2.png);*/	
	/*background-position: right top;*/
	position:relative; 
	width:893px;
	height:105px;
	/*background-repeat: no-repeat; */
	overflow: visible;	
	z-index:99;
}

#DivImgInstitucional img
{
	float:left;
	position: relative;	
	top: 0; 
	right: 0;
	width:672px;
	height:105px;	
	z-index: 0; 
}

#DivLogo
{
	float: left;	
	width:212px; 
	height:67px; 	
	z-index: 1; 
}

#DivLogo img
{		
	width:212px; 
	height:67px; 	
}

#DivTituloApp
{
	position:absolute; 
	top:0px;
	right:0px;
	width:552px; 
	height:67px; 	
	z-index:2; 
}

.TxtArea
{	
	color: White;  /*rgb(255,207,159); */
	/*font-family:Helvetica; */
	font-family: 'Marck Script', Verdana;
	font-size:medium; 
	top: 3px; 	
	width: 100%;
	height: 100%; 
}


#DivCuerpoMaster
{
	position:relative; 
	width:893px;
	/*height:71%; /*height:558px;*/
	height:100%;
	background-color: #FFFFFF;
}
#DivCuerpoApps
{
	position:relative; 
	width:893px;
	/*height:558px;*/
	height:100%;	
}

#DivHerramientas
{
/*position:relative; */
width:100%; 
/*width:940px; */
/*height:32px;*/
background-color: rgb(220,226,231);
position:fixed; /*El div será ubicado con relación a la pantalla*/
/*margin: 5% auto;*/
left: 0;
right: 0;
bottom:0px; /*Abajo deje un espacio de 0px*/
height:32px; /*alto del div*/
z-index:99; 
}

#DivBarra
{
	position:relative;
	max-width:950px; 
	height:100%; 
	background-color:#FFFFFF;	
	/*opacity: .1;
    filter: alpha(opacity=10);
    -moz-opacity: .1;*/
}

ul#iconos {
width: 136px;
height: 32px;
margin: 1px 0 0 0;
padding: 1px 0 0 0;
}
ul#iconos li {
list-style: none;
float: left;
}
#iconos li a{
width: 30px;
height: 30px;
background: url('http://cgia.seslp.gob.mx/Imagenes/rep_imagenes/Master/Secciondeherramientas(prueba3).png') no-repeat;
display: block;
}
#iconos li#Soporte a{
background-position: 0 0;
}
#iconos li#Correo a {
background-position: -30px 0;
}
#iconos li#Aplicaciones a {
background-position: -60px 0;
}
#iconos li#Cerrar a {
background-position: -90px 0;
}
#iconos li#Soporte a:hover{
background-position: 0 -30px;
}
#iconos li#Correo a:hover {
background-position: -30px -30px;
}
#iconos li#Aplicaciones a:hover {
background-position: -60px -30px;
}
#iconos li#Cerrar a:hover {
background-position: -90px -30px;
}


.DivSeparador
{
	position:relative;
	width:100%;
	height:8px;
}
.TxtPie  /*Pie de página*/
{
	font-family:Verdana;
	font-size:x-small;
	font-weight:bold;	
	/*color:Black;*/
	color:rgb(82,142,214);
}

#Pie
{
	position:relative;
	left: 0;
	right: 0;
	bottom:0px; /*Abajo deje un espacio de 0px*/
}
	
/****************CSS DEL MENU HORIZONTAL******************************************************************************************************************/
#DivContMenuH
{	
	float: right;
	position:absolute;
	top:68px;
	left:0px;
	width:100%; 
	background-color: #e8edff;
	opacity: .9;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    border-top-style:solid;
    border-top-color: rgb(255,145,34); 	
}
#DivMenuH
{
	position:relative;
	width:50%;
}
#MenuH {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 height: 27px;
 background-color: #e8edff;/*rgb(230, 230, 250);rgb(85,142,213);*/
 }
 
 #MenuH li {
 position: relative;
 float: left;
 }
 
 #MenuH li a {
 padding: 6px;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: rgb(82,142,214);
 color: rgb(85,142,213); /*#f5f9de;    Color de la Letra*/
 text-decoration: none;
 display: block;
 }
 
 #MenuH li a:hover {	/*Modulos*/
 background-color: rgb(202,214,255); /*Color de fondo De los Modulos del Menu*/
 }
 
 #MenuH ul {
 position: absolute;
 z-index: 99999;
 display: none;
 list-style-type: none;
 list-style: none;
 margin: 0;
 padding: 0;
 width:115px; /*Ancho del submenu con fondo naranja desvanecido*/
 background-color: Black;
 background: -moz-linear-gradient(rgb(255,145,34), #e8edff);
 background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e8edff),color-stop(1, rgb(255,145,34)));
 background: -webkit-linear-gradient(rgb(255,145,34), #e8edff);
 background: -o-linear-gradient(rgb(255,145,34), #e8edff);
 background: -ms-linear-gradient(rgb(255,145,34), #e8edff);
 background: linear-gradient(rgb(255,145,34)), #e8edff);
 }
 
 #MenuH ul li a {		/*SubModuloes*/
 background-color: #e8edff; /*Color de los submodulos desplegabes*/
 border-bottom-width: 1px;
 border-right-style: none;
 border-bottom-style: solid;
 border-bottom-color: #BEC1DA;
 text-align:left;
 width:95px;
 }
 
 #MenuH ul li a:hover {
 background-color: rgb(202,214,255);/*#93a613;*/
 }
 
 #MenuH li:hover > ul{
 display: block;
 }
/****************CSS ELEMENTOS COMUNES********************************************************************************************************************/

/*solo compatible con ie 7+*/
input:focus {
	border:1px solid rgb(255,145,34);
	background:rgb(255,255,240);
}

.TxtElegante {
	font-size: 19px;
	font-weight:bolder;
	color:rgb(17,1,70);
	/*font-family: 'Marck Script', Verdana;*/
	font-family: "Segoe UI Light",Verdana, Arial,Helvetica; 
}

.TxtEGris  
{
	font-size:small;
	font-weight: bold;
	color:gray;
	font-family: Verdana;
}

.TxtENegro  /*Texto Etiqueta Negro*/
{
	font-size:small;
	font-weight: bold;
	color:Black;
	font-family: Verdana;
}
.TxtVEAzul /*Texto Valor/Etiqueta Azul*/
{
	font-size:small;
	font-weight: bold;
	color:rgb(82,142,214);
	font-family: Verdana;
}
.TxtBoton
{
	font-weight: bold;
	font-size:small;
	color:White;
	font-family: Verdana;
    text-align: center;
}

.DivControles		/*Delimitador del área de captura*/
{
	 background-color: #e8edff;
	 font-weight: bold;
	 font-size:smaller;
	 font-family: Verdana;
	 color:rgb(82,142,214);
     text-align: center;
}
.DivSeccion
{
	background-color:rgb(85,142,213);
	height: 25px;
	font-weight: bold;
	font-size:12px;
	color:White;
	font-family: Verdana;
    text-align: center;
}
/****************CSS MENU TIPO MAC DE LAS APLICACIONES*******************************************************************************************************/
.dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }  
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }  
.dock-item span { display: none; padding-left: 20px; }  
.dock-item img { border: 0; margin: 5px 10px 0px; width: 100%; } 
/*CSS PARA EL COMPORTAMIENTO DEL MENU DE APLICACIONES*/


/****************CSS BOTON GRAFICO************************************************************************************************************************/
.botong {
   border-top: 1px solid #96d1f8;
   background: #e8edff;
   background: -webkit-gradient(linear, left top, left bottom, from(#b9c9fe), to(#e8edff));
   background: -webkit-linear-gradient(top, #b9c9fe, #e8edff);
   background: -moz-linear-gradient(top, #b9c9fe, #e8edff);
   background: -ms-linear-gradient(top, #b9c9fe, #e8edff);
   background: -o-linear-gradient(top, #b9c9fe,#e8edff);
   padding: 15px 3px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
/*   text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color: #039;
   font-size: 11px;
   font-family: "Segoe UI Light",Verdana, Arial,Helvetica; 
   /*Verdana,Helvetica, Arial, Sans-Serif;*/
   text-decoration: none;
   vertical-align: middle;
   }
.botong:hover {
   border-top-color: #b9c9fe;
   background: #b9c9fe;
   color: #669;
   cursor:hand;
  cursor :pointer;
   }
.botong:active {
   border-top-color: #9baff1;
   background: #9baff1;
   }

/****************CSS BOTON NO GRAFICO************************************************************************************************************************/
/*USO: <a class="button white" href="/Prueba/Apps.aspx">Inicio</a>*/
.boton { /* clase general */
/*  border: 1px solid #fff;*/
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font: bold 12px/12px "Segoe UI Light",Verdana, Arial,Helvetica;
  padding: 8px 11px;
  text-decoration: none;
}

.boton.plano{
  background: #0072C6;
  /*border-color: #dedede #d8d8d8 #d3d3d3;*/
  box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
  color: #fff;
  /*  text-shadow: 0 1px 0 #fff;*/
  background: -moz-linear-gradient(top,  #0072C6, #0072C6);
  background: -webkit-linear-gradient(top,  #0072C6, #0072C6);
  background: o-linear-gradient(top,  #0072C6, #0072C6);
  background: ms-linear-gradient(top,  #0072C6, #0072C6);
  background: linear-gradient(top,  #0072C6, #0072C6);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072C6', endColorstr='#0072C6');
}

.boton.plano:hover{
    background: #2672EC;
    border-color: #c7c7c7 #c3c3c3 #bebebe;
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    /*    text-shadow: 0 1px 0 #fdfdfd;*/
    background: -moz-linear-gradient(top,  #2672EC, #2672EC);
    background: -webkit-linear-gradient(top,  #2672EC, #2672EC);
    background: -o-linear-gradient(top,  #2672EC, #2672EC);
    background: -ms-linear-gradient(top,  #2672EC, #2672EC);
    background: linear-gradient(top,  #2672EC, #2672EC);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2672EC', endColorstr='#2672EC');
}

   
 /****************CSS ESTILO DE TABLA CAD************************************************************************************************************************/
 .DivTabla
{
	position:relative; 
	width:100%; 
	height:180px; /*¿Que tan conveniente resulta?*/
	background-color: #9baff1;
	overflow:auto;
}
.Tabla
{
	font-family: "Lucida Sans Unicode",Verdana,Arial,Helvetica;/*"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
	font-size: 12px;
	/*margin: 45px;*/
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;

}
.Tabla th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
.Tabla td
{
	padding: 8px;
	color: #669;
	border-top: 1px solid transparent;
	border-left: 1px solid #9baff1;
}
.Tabla tr:hover td
{
	background: #d0dafd;
	color: #339;
}

.Tabla .impar
{
	background: #DDE4FF; 
	/*background: #fff;*/
}

.Tabla .par
{
	background: #e8edff; 
}


.Tabla2
{
	font-family: "Lucida Sans Unicode",Verdana,Arial,Helvetica;/*"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
	font-size: 12px;
	/*margin: 45px;*/
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #e8edff;/*#9baff1;*/
	border-bottom: 1px solid #e8edff;/*#9baff1;*/
	border-right: 1px solid #e8edff;/*#9baff1;*/
	border-left: 1px solid #e8edff;/*#9baff1;*/

}
.Tabla2 th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: rgb(220,226,231);/*#b9c9fe;*/
	border-top: 4px solid #e8edff/*#aabcfe*/;
	border-bottom: 1px solid #e8edff/*#fff*/;
	color: #039;
}
.Tabla2 td
{
	padding: 8px;
	color: #669;
	border-top: 1px solid transparent;
	border-left: 1px solid #e8edff;/*#9baff1;*/
}

.Tabla2 .impar
{
	background: #DDE4FF; 
	/*background: #fff;*/
}

.Tabla2 .par
{
	background: #e8edff; 
}

.Tabla3 {
	font-family: "Lucida Sans Unicode",Verdana,Arial,Helvetica; /*"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
	font-size: 12px;
	/*margin: 45px;*/
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #e8edff; /*#9baff1;*/
	border-bottom: 1px solid #e8edff; /*#9baff1;*/
	border-right: 1px solid #e8edff; /*#9baff1;*/
	border-left: 1px solid #e8edff; /*#9baff1;*/
}

	.Tabla3 th {
		font-size: 13px;
		font-weight: normal;
		padding: 8px;
		background: #d6e9c6 ;/*rgb(220,226,231);*/ /*#b9c9fe;*/
		border-top: 4px solid #e8edff /*#aabcfe*/;
		border-bottom: 1px solid #e8edff /*#fff*/;
		color: #039;
	}

	.Tabla3 td {
		padding: 8px;
		color: #669;
		border-top: 1px solid transparent;
		border-left: 1px solid #e8edff; /*#9baff1;*/
	}

	.Tabla3 .impar {
		background: #DDE4FF;
		/*background: #fff;*/
	}

	.Tabla3 .par {
		background: #e8edff;
	}

.Tabla4 {
	font-family: "Lucida Sans Unicode",Verdana,Arial,Helvetica; /*"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
	font-size: 12px;
	/*margin: 45px;*/
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #e8edff; /*#9baff1;*/
	border-bottom: 1px solid #e8edff; /*#9baff1;*/
	border-right: 1px solid #e8edff; /*#9baff1;*/
	border-left: 1px solid #e8edff; /*#9baff1;*/
}

	.Tabla4 th {
		font-size: 13px;
		font-weight: normal;
		padding: 8px;
		background: rgb(242,222,222); /*#b9c9fe;*/
		border-top: 4px solid #e8edff /*#aabcfe*/;
		border-bottom: 1px solid #e8edff /*#fff*/;
		color: #039;
	}

	.Tabla4 td {
		padding: 8px;
		color: #669;
		border-top: 1px solid transparent;
		border-left: 1px solid #e8edff; /*#9baff1;*/
	}

	.Tabla4 .impar {
		background: #DDE4FF;
		/*background: #fff;*/
	}

	.Tabla4 .par {
		background: #e8edff;
	}

.EfectoEncimaFila{
/*Efecto cuando el mouse pasa por encima de una fila de una tabla*/
background-color:#d0dafd;
color:#339;
}

.EfectoClicFila{
/*Efecto cuando se ha realizado clic en una fila de una tabla*/
background-color:rgb(255,145,34);
/*opacity: .9;
filter: alpha(opacity=90);
-moz-opacity: .9;*/
color:#FFF;
}