/*
debajo de meta o title
<link rel="stylesheet" type="text/css" href="estilos.css">	*/

/*cuadro de titulo ejemplo Nombre */


.TituloLinea{
	background-color: #eee;
	font-size: 14px;
	font-weight: bold;
	color: #000000; 
	font-family: Times New Roman;
}

.TituloIdentificacion{
	/*background-color: #84ccaa;*/
	font-size: 14px;
	font-weight: bold;
	color: #000000; 
	font-family: Times New Roman;
}

.TituloMostrar{
	font-size: 14px;
	font-weight: bold;
	color: #324468; 
	font-family:Times New Roman;
}

.TituloTabla{
	background-color: #e0e0e0;
	font-size: 11px;
	font-weight: bold;
	color: #080808; 
	font-family: Times New Roman;
	/*text-transform : uppercase;*/
}

.Listado{
	/*background-color:#e9edf2; */
	background-color: #eee;
	font-size: 9px;
	font-weight: bold;
	color: #6e6e6e;
	font-family: Times New Roman;
}

.ListadoSeleccionado{
	background-color: #f2e3d9;
	font-size: 9px;
	font-weight: bold;
	color: #6e6e6e;
	font-family: Times New Roman;
}
.Listado1{
	background-color:#f0f4f6; 
	font-size: 9px;
	font-weight: bold;
	color: #6e6e6e; 
	font-family: Times New Roman;
}


.ListadoTexto{
	background-color: #E2E2E2;
	text-align: justify;
	padding:15px;
	font-size: 12px;
	color: #000000;
	font-family: Times New Roman;

}
.ListadoTexto1{
	background-color: #FFFFFF;
	text-align: justify;
	padding:15px;
	font-size: 12px;
	color: #000000;
	font-family:Times New Roman;
}

.Listado2{
	background-color:#e9edf2;
	font-size: 11px;
	font-weight: bold;
	color: #3059AB;
	font-family: Times New Roman;
}

.CampoObligatorio{
	border-bottom-color : #D90000;
	border-left-color : #000000;
	border-right-color : #D90000;
	border-top-color : #000000;
	border-bottom-width : 2;
	border-left-width : 1;
	border-right-width : 2;
	border-top-width : 1;
	border-bottom-style : solid;
	border-left-style : solid;
	border-right-style : solid;
	border-top-style : solid;
}

.TituloPrincipal{
	font-size: 24px;
	font-weight: bolder;
/*	color: #DA251C; */
	color: #979797;
	font-family: Times New Roman;
}
.TituloPrincipalPequeno{
	font-size: 16px;
	font-weight: bolder;
	color: #324468;
	font-family: Times New Roman;
}

.TituloLineaGris{
	background-color:#dbdbdb;
	font-size: 10px;
	font-weight: bold;
	color: #979797; 
	font-family: Times New Roman;
}
.MensajeAlerta{
	font-size: 14px;
	font-weight: bold;
	color: #C9002C; 
	font-family: Times New Roman;

}
.CampoRequerido{
	font-size: 10px;
	font-weight: bold;
	color: #000000; 
	font-family: Times New Roman;

}

.PieUsuario{
	background-color:#880000;
	font-size: 14px;
	font-weight: bold;
	/*color: #DA251C;*/
	color: #FFFFFF;
	font-family: Times New Roman;
}

.ListadoGris{
	background-color:#888888;
	font-size: 7px;
	font-weight: bold;
	color: #979797;
	font-family: Times New Roman;
}
.TituloLineaGrande{
	background-color:#B10000;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF; 
	font-family: Times New Roman;
}
.ListadoGrande{
	background-color:#F4F4F4;
	font-size: 20px;
	font-weight: bold;
	color: #4F0000;
	font-family: Times New Roman;
}
.ListadoMuyGrande{
	background-color:#F4F4F4;
	font-size: 40px;
	font-weight: bold;
	color: #4F0000;
	font-family: Times New Roman;

}

.TituloLineaPequena{
	background-color:#000099;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Times New Roman;
}

	/*Cuadro de input */
.Resultado{
	background-color:#FFFFFF;
	font-size: 13px;
	font-weight: bold;
	color: #4F0000;
	font-family: Times New Roman;

}

.Vigente{
	background-color:#35c426;
	font-size: 13px;
	font-weight: bold;
	color: #4F0000;
	font-family: Times New Roman;

}

.Vencido{
	background-color:#fd1d1d;
	font-size: 13px;
	font-weight: bold;
	color: #4F0000;
	font-family: Times New Roman;

}

.ListadoPequeno{
	background-color:#e6eef7;
	font-size: 11px;
	color: #000099;
	font-family: Times New Roman;

}
.LetraGrisMediana{
	font-size: 13px;
	font-weight: bold;
	font-family: Times New Roman;
}

.LetraGrisPequena{
	font-size: 9px;
	font-weight: normal;
	font-family: Times New Roman;
}

.RojoMediana{
	font-size: 16px;
	font-weight: bold;
	color: #880000;
	font-family: Times New Roman;
}

.RojoPequena{
	font-size: 13px;
	font-weight: bold;
	color: #880000;
	font-family: Times New Roman;
}

.TituloAzul{
	font-size: 20px;
	font-weight: bold;
	color: #000099;
	font-family: Times New Roman;
}

.AzulMicroNegrita{
	font-size: 9px;
	font-weight: bold;
	color: #000099;
	font-family: Times New Roman;
}


.ListadoGrande{
	background-color:#e6eef7;
	font-size: 15px;
	color: #000099;
	font-family: Times New Roman;
}

.TituloRojo{
	font-size: 16px;
	font-weight: bold;
	color: #880000;
	font-family: Times New Roman;
}
/*cuadro de titulo ejemplo Nombre para imprimir */


	/*datos para imprimir en celdas*/
 
.FondoNegroPequenoGris{
	background-color:#000000;
	font-size:9px;
	font-weight: bold;
	color: #999999;
	font-family: Times New Roman;
}

.EstiloPrincipal {
	font-size: 24px;
	font-weight: bold;
	color: #000055;
	font-family: Times New Roman;
}


/*----------------------------- Estilo de Bienvenidos ---------------------------*/

.Bievenidos1 {
	font-size: 24px;
	font-weight: bold;
	color: #4f4f4f;
	font-family:Times New Roman;
}


.Bievenidos2 {
	font-size: 16px;
	font-weight: bold;
	color: #111111;
	font-family: Times New Roman;
}


.Bievenidos {
	font-size: 13px;
	font-weight: bold;
	color: #FF0033;
	font-family: Times New Roman;
}


/******************************************* estilos del menu */





/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 875; /*For KHTML*/
  list-style: none;
  height: 24px;
  font-family: Times New Roman;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  font-family: Times New Roman;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  font-family: Times New Roman;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  font-family: Times New Roman;
}

ul#navmenu-h ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  font-family: Times New Roman;
}

/* Root Menu */
ul#navmenu-h a {
  border: 1px solid #DA251C;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #DA251C;
  color: #FFFFFF;
  font: bold 10px/22px Times New Roman;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  font-family: Times New Roman;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #4f4f4f;
  color: #FFFFFF;
  font-family: Times New Roman;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #506DA6;
  color: #FFFFFF;
  font-family: Times New Roman;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #a5bdd6;
  color: #FFF;
  font-family: Times New Roman;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #506DA6;
  color: #FFFFFF;
  font-family: Times New Roman;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #a5bdd6;
  color: #FFFFFF;
  font-family: Times New Roman;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #506DA6;
  color: #FFFFFF;
  font-family: Times New Roman;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #a5bdd6;
  color: #FFF;
  font-family: Times New Roman;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
  font-family: Times New Roman;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}



/* Estilos para menu vertical */



/* Author: Craig Erskine Description: Dynamic Menu System - Vertical */ 
ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
	width: 160px;/* Menu Width */
	margin: 0; 
	list-style: none; 
	font-family: Times New Roman;
} 
ul#navmenu-v li { 
	float: left; 
	position: relative; 
	width: 100%; 
} 
ul#navmenu-v li.iehover { 
	z-index: 1000; /* IE z-index bugfix */ 
} 
ul#navmenu-v ul { 
	display: none; 
	position: absolute; 
	top: 0; 
	left: 100%; 
	z-index: 9999; 
} 
/* Root Menu */ 
ul#navmenu-v a { 
	border-top: 1px solid #FFF; 
	border-right: 1px solid #FFF; 
	padding: 6px; 
	display: block; 
	background: #DDD; 
	color: #666; 
	font: bold 11px Times New Roman; 
	text-decoration: none; 
	height: 1%; 
} /* Root Menu Hover Persistence */ 
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a { 
	background: #BBB; 
	color: #FFF; 
} /* 2nd Menu */ 
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a { 
	float: none; 
	background: #BBB; 
} /* 2nd Menu Hover Persistence */ 
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a { 
	background: #999; 
} /* 3rd Menu */ 

ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a { 
	background: #999; 
} /* 3rd Menu Hover Persistence */ 
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a { 
	background: #666; 
} /* 4th Menu */ 
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a { 
	background: #666; 
} /* 4th Menu Hover */ ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover { 
	background: #333; 
} /* Hover Function - Do Not Move */ ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { 
	display: none; 
} ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { 
	display: block; 
}



/* fin de estilos menu vertical*/


body
{
	margin: 0;
	padding: 0px;
	background: #cccccc;
	color: #666;
	text-align: center;
	font-family: Times New Roman;
}

h1 {
font: bold 16px, Times New Roman;
}

.p {
margin: 15px 0;
font: 11px/1.5em;
	font-family: Times New Roman;
}

.a {
color: #900;
text-decoration: underline;
font-family: Times New Roman;

}

a:hover {
background:  #d4d4d4;
color: #FFF;
text-decoration: none;
font-family: Times New Roman;
}

.hr {
margin: 24px 0;
_margin: 0; /*IE Sucks*/
clear: both;
}

#page-container {
margin: 0 auto;
width: 900px;
text-align: left;
font-family: Times New Roman;

}


/* estilo de la funcion idea*/


	img { border: 0; }
	#siteWrap {
		margin: 0px auto 0 auto;
		width: 642px;
		height: 345px;
		position: relative;
		/*background: transparent url(../Imagenes/FondoIdea.jpg) no-repeat top left;*/
	}
	#pageWrap {
		position: absolute;
		z-index: 5;
		top: 138px;
		left: 80px;

	}
	#psdPage {
		margin-right: 19px;
		float: left;
		cursor: pointer;
	}
	#netPage {
		margin-right: 20px;
		float: left;
		cursor: pointer;
	}	
	#audioPage {
		float: left;
		cursor: pointer;
	}
	#bubbleWrap {
		position: absolute;
		z-index: 10;
		left: 158px;
		top: 30px;
	}
	.bubble {
		position: absolute;
	}
	.clear {
		clear: both;
	}
/* SLIMBOX */

#lbOverlay1 {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../../Servidor/Imagenes/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../../Servidor/Imagenes/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../../Servidor/Imagenes/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Times New Roman;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../../Servidor/Imagenes/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* Para el slide de imagenes*/
/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:480px;
	height:240px;
	float:left;
	background:#eee;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{
	width:200px;
	width:150px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default;
}

/* Sample 5*/
#box5{
	position:absolute;
	width:240px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}

/* Sample 6*/
#box6{
	position:absolute;
	width:240px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left;
}
#handles6_2{
	float:right;
}
.mask6{
	position:absolute;	
	left:50%;
	margin-left:-120px;
	width:240px;
	height:180px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:15px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(../../Servidor/Css/thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(../../Servidor/Css/thumbs_mask.gif) no-repeat center top;
}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:480px;
	float:left;
}
#box8 .buttons{
	text-align:left;
}
#box8 .next{
	float:right;
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
	
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none;
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family: Times New Roman;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none;
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
a.title{
	background-color: #cfdbea;
	font-size: 12px;
	font-weight: bold;
	color: #324468; 
	font-family: Times New Roman;
}
