/* CSS Document */
@import url('tools.css');/* Para estilos demódulos especiales. Descomentar y editar según se requiera */
/*********************Estilos para altLogin.php**********************/
#masClientes{
	width:200px;
	position:absolute;
	left:550px;
	top:20px;
	color:#FFFFFF;
}
#masClientes h3{
	color:#FFFFFF;
	text-align:right;
	margin:0;
}
/*********************Estilos para Etiquetas**********************/

html, body {
	height: 100%;/*Para altura de 100% y hack en #lienzo. Descomentar si se necesita */
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	background:url(img_constantes/bg_body.gif) no-repeat top center #DFE2EB;

}
/*****************************************************************/
.dolar { margin:5px 0; }
.dolar p { text-align:right; }
/***********************Estilos para Id's*************************/
/*LIENZO*/
#lienzo {
	min-width:950px;
	width:auto !important;
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;/* Hack para altura 100%. Descomentar si se necesita */
	margin:0;
	padding:0;
	position:relative;

}
/*CABECERA*/
#contenedorCabecera {
	width:100%;
	height:173px;
	background-color:#B8C5DF;
}
#cabecera {
	width:950px;
	height:173px;
	margin:0 auto;
	background:url(img_constantes/bg_cabecera.jpg) no-repeat bottom left;
	position:relative;
}
#cabecera h1 {
	position:absolute;
	top:-1000px; /* Para esconder #cabecera h1 */
}
#titulo {
	width:100%;
	height:86px;
	background:url(img_constantes/pleca_menu.jpg) repeat-x top left;
	margin-top:0;
	text-align:center;
}
/*MENU1*/
/*		- Menú visible en todas las páginas 		*/

#menu1contenedor {
	width:180px;
	/*background:url(img_constantes/bg_menu.gif) repeat-y top left;*/
	float:left;
	margin:10px 0;
}
#menu1Lienzo {
	width:180px;
	/*background:url(img_constantes/bg_menu.gif) repeat-y top left;*/
	margin-top:30px;
	text-align:left
}
#menu1Lienzo ul#menu1 {
	list-style:none;
	margin:0;
	padding:0;
}
#menu1Lienzo ul#menu1 li {
	display:block;
	padding-right:10px;
}
#menu1Lienzo ul#menu1 li h2 {
	margin:5px;
	padding:0;
}
#menu1Lienzo ul#menu1 li a {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(img_constantes/bg_menu1.gif) no-repeat top left;
	display:block;
	padding:5px 5px 5px 15px;
	height:17px;
	width:172px;
}
#menu1Lienzo ul#menu1 li a:hover {
	color:#002E7C;
	background:url(img_constantes/bg_menu1.gif) no-repeat bottom left;
}
#menu1Lienzo ul#menu1 li a.activo, #menu1Lienzo ul#menu1 li a:active {
	color:#002E7C;
	background:url(img_constantes/bg_menu1.gif) no-repeat bottom left;
}
/*MENU2*/
/*		- Menú visible en todas las páginas. ***No son hijos ni hermanos***. Borrar si no se requiere. */
#menu2Lienzo {
}
#menu2Lienzo ul#menu2 {
}
#menu2Lienzo ul#menu2 li {
}
#menu2Lienzo ul#menu2 li h2 {
}
#menu2Lienzo ul#menu2 li h2 a {
}
#menu2Lienzo ul#menu2 li h2 a:hover {
}
#menu2Lienzo ul#menu2 li h2 a.activo, #menu2Lienzo ul#menu2 li h2 a:active {
}


#contacto {
	width:180px;
	margin-top:25px;
	height:200px;
	display:none;

}

#contacto h1 {
	color:#003387;
	padding-top:20px;
	font-size:15px;
	padding-left:20px;
	font-weight:bold;
	background:url(img_constantes/bg_contacto.jpg) no-repeat top left;
}



/*MIGAJAS*/
#migajas {
	color:#2D4978;
	font-size:9px;
	margin-top:5px;
	padding-left:25px;
	
}
#migajas a {
	color:#2D4978;
	font-size:11px;
	text-decoration:none;
}
#migajas a:hover {
}
#migajas a.activo, #migajas a:active {
}
/*PORTADA*/
/*		- Se añade dinámicamente ***en algunos proyectos*** en la página de inicio 
		- Normalmente contiene un SWF y/o módulos personalizados */
/* ID añadido dinámicamente si así se requiere*/
#contenidoPortada ul {
}
#contenidoPortada ul h1 {
}
#contenidoPortada ul h1 a {
}
#contenidoPortada ul ul {
}
/*CONTENIDOLIENZO*/
#contenidoLienzo {
	width:950px;
	margin:0 auto;
	padding-bottom:120px;
	/*background:url(img_constantes/bg_contLienzo.jpg) repeat-y top left;*/
}

#tituloSeccion {
	width:940px;
	float:inherit;
	margin:0 auto;
}

#tituloSeccion h1#contenidoTitulo {
	color:#FFFFFF;
	font-size:21px;
	text-transform:uppercase;
	margin-top:35px;
	padding-left:100px;
	float:left;	
	font-weight:bold;
	background:url(img_constantes/bg_tituloplecas.gif) center left no-repeat;

}

#SoporteTecnico {
	width:245px;
	height:60px;
	float:right;
	margin-top:15px;
}
.contPagNorm {
/*Clase añadida dinámicamente. dejar vacío si no se requiere. 
	  Se pueden añadir más *** plantillas *** de páginas como clases*/
}
/*CONTENIDOHERMANOS*/
/*		- Muestra a los hermanos del registro actual, si los hay. 
		  Si el parent es 0, muestra a los hijos del registro actual */
#contenidoHermanos {
}
#contenidoHermanos p {
}
#contenidoHermanos p a {
}
#contenidoHermanos p a:hover {
}
#contenidoHermanos ul#hermanos {
}
#contenidoHermanos ul#hermanos li a {
}
#contenidoHermanos ul#hermanos li a:hover {
}
#contenidoHermanos ul#hermanos li a.activo, #contenidoHermanos ul#hermanos li a:active {
}
/*CONTENIDOTEXTO*/
/*		- Contenido del registro actual. */
#contenidoTexto {
	padding-left:240px;
	padding-top:15px;
	padding-right:10px;
}

#contenidoTexto p {
	/*padding-left:50px;
	padding-right:120px;*/
}
/**************HIJOS SEGUNDA OPCION*********************************/
#contenidoHijos {
	width:650px;
}
ul#hijos {
	list-style:none;
	margin:0;
	padding:0;
}

#contenidoHijos ul#hijos li {
	float:left;
	width:167px;
	height:162px;
	background:url(img_constantes/bg_li.jpg) no-repeat top left;
	padding:5px;
	position:relative;
	margin-bottom:5px;
}

#contenidoHijos a img {
	width:157px;
	height:150px;
	border:none;
}
ul#hijos .seccion {
}
ul#hijos .seccion h1 {
	padding:0;
	margin:0;
	background:url(img_constantes/bg_lia.jpg) no-repeat top left;
	position:absolute;
	width:167px;
	height:38px;
	left:0;
	bottom:0;
}
.seccion h1 a {
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	text-transform:none;
	margin-left:10px;
	width:120px;
	display:block;
	border-bottom:none;
}
/*IMAGENES*/
/*		- Normalmente se encuentra dentro de CONTENIDOTEXTO 
		- Como puede haber más de una imagen, lo que se pueda repetir debe manejarse con clases 
		- Considerar pie de foto */
#contenidoImagenes {
	width:200px;
	float:right;
}

#contenidoImagenes img {
	padding-bottom:10px;
	padding-left:15px;
}
#contenidoImagenes .pieDeFoto {
}
/*FIRMA*/
/*		- Hacer *** invisible *** span credito cuando se trabaje a terceros */


#chat {
	width:241px;
	height:58px;
	float:right;
	margin-top:15px;
	padding-right:5px;
	display:none;
}
#firma {
	height:104px;
	width:100%;
	background:url(img_constantes/pleca_abajo.jpg) repeat-x top left;
	text-align:left;
	position:absolute;
	bottom:0;
	left:0;
}

#firma #firmaDentro {
	width:940px;
	margin:auto;
}


#firma p{
	/*background-color:#003366;*/
	padding-top:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	margin:0;
	text-align:center;
}
#firma img {
	vertical-align:middle;
}
#firma span#creditos {
}
/************************* Estilos de clases ***********************/

.clearboth {
	/*No borrar*/
	clear:both;
}

#contenidoTexto form table tbody tr td p{
	text-align:right;
	font-weight:bold;
}

#contenidoTexto form table tbody tr td input{
	background-color:#DFE2EB;
}

#contenidoTexto form table tbody tr td textarea{
	background-color:#DFE2EB;
}

#contenidoTexto p a {
	text-decoration:underline;
	color:#000000;
}

.tabla {
	border: solid 1px #CCCCCC;
	width:450px;
}
.tabla img { 
	vertical-align:middle;
}
.tabla a {
	text-decoration:none;
	color:#FF9900;
}
.tabla a:hover {
	color:#0033CC;
}
.tabla td {
	padding:5px;
	margin:3px;
}
.tabla th {
	color:#FFFFFF;
	background-color:#FF6600;
	padding:5px;
}
.tabla tr:hover {
	background-color:#9999CC;
}
.tabla tr:active {
	background-color:#FFFF99;
}
.tabla .par {
	background-color:#DDD;
}.tabla .impar {
	background-color:#EED;
}
.tablaBG {
	background-color:#FFF;
}