html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { 
	margin: 0;
	padding: 0;
}

/*Cuerpo*/
body {
	background-color:#000000;
	margin:0;
	text-align:center;
}
/*Enlaces en general*/
a:link {
	color: #3C8EA6;
	text-decoration: none;
}
a:active {
	color: #3C8EA6;
	text-decoration: none;
}
a:visited {
	color:#3C8EA6;
	text-decoration:none;
}
a:hover {
	color: #993333;
	text-decoration: none;
}


/*Contenedor general*/
.wrapper {
	background-color:#A1B7DF;
	margin:0 auto;
	min-height:600px;
	text-align:left;
	width:800px;
}
/*Contenedor de cabecera*/
.header{
	background:#A1B7DF url(header_back.gif) repeat-x scroll center top;
	height:94px;
	padding-left:0;
	padding-top:0;
	width:800px;
}
/*Contenedor para el logo*/
h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
	display:block;
	height:94px;
	text-indent:-100000px;
	width:774px;
}

h1.cas{
	background:transparent url(header_cas.gif) no-repeat scroll 0 0;
	height:94px;
	margin:0;
	overflow:hidden;
	width:774px;
}


h1.cat{
	background:transparent url(header_cat.gif) no-repeat scroll 0 0;
	height:94px;
	margin:0;
	overflow:hidden;
	width:774px;
}

h1.ing{
	background:transparent url(header_ing.gif) no-repeat scroll 0 0;
	height:94px;
	margin:0;
	overflow:hidden;
	width:774px;
}

/*idiomas*/
.language{
	background:transparent none repeat scroll 0 0;
	height:20px;
	padding-left:700px;
	padding-top:72px;
	position:absolute;
	top:0;
	z-index:1;
}
.language ul {
	font-size:11px;
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-left:20px;
	padding-top:5px;
}
.language li {
	float:left;
	margin-right:5px;
	padding:0 0 0 5px;
	width:auto;
}


/*Contenedor para la barra de navegación*/
.nav{
	background:transparent url(nav.gif) repeat-x scroll center top;
	height:25px;
	position:relative;
	width:800px;
	z-index:2;
}
/*Barra de navegación*/
.nav ul {
	font-size:11px;
	font-weight:bold;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-left:10px;
	padding-top:5px;
}
.nav li {
	float:left;
	margin-right:0;
	padding:0 0 0 5px;
	width:auto;
}
.nav a {
	float:left;
	display:block;
	padding-right:10px;
	padding-bottom:7px;
	padding-left:6px;
	text-decoration:none;
	color:#3d75b7;
	width:auto;
}
.nav a:hover {
	color:#3d75b7;
}
.clear{
	clear:both;
}

/*Contenedor para el contenido*/
.content{
	width:800px;
}
.leftcolumn{
	float:left;
	padding-bottom:20px;
	padding-top:20px;
	width:800px;
}
/*Contenedor de la página principal*/
.noa{
	color:#FFFFFF;
	font-size:30px;
	padding-bottom:20px;
	padding-top:20px;
	text-align:center;
	width:800px;
}
/* Control de acceso */
.login th {
	border-color: #ffffff;
	font-family:Tahoma,Verdana,Arial,Sans-Serif;
	font-size:8pt;
	text-align:center;
}

.login td {
	border-color: #ffffff;
	font-family:Tahoma,Verdana,Arial,Sans-Serif;
	font-size:8pt;
}

/*Para la página de novedades*/
.news{
	margin:auto;
	padding:20px;
	width:760px;
}
.news table {
	-x-system-font:none;
	background:#EFF4FB url(teaser.gif) repeat-x scroll 0 0;
	border-collapse:collapse;
	border-left:1px solid #686868;
	border-right:1px solid #686868;
	color:#333333;
	font-family:'Trebuchet MS',helvetica,arial,verdana;
	font-size:0.8em;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:145%;
	width:100%;
}
.news table a {
	color:#950000;
	text-decoration:none;
}
.news table a:link {}
.news table a:visited {
	font-weight:normal;
	color:#666;
}
.news table a:hover {
	border-bottom: 1px dashed #bbb;
}
/*cabecero de la tabla*/
.news thead th {
	background:#333333 url(llsh.gif) repeat-x scroll 0 0;
	color:#FFFFFF;
	text-align:center;
}
/*Cuerpo de la tabla*/
.news tbody td, th {
	padding:5px;
	text-align:center;
}

.news tbody th, tbody td {
	border-bottom: dotted 1px #333;
}
.news tbody th {
	text-align:center;
	white-space:nowrap;
}
.news tbody td {
	padding-left:50px;
	text-align:left;
	white-space:nowrap;
}
.news tbody th a {
	color:#333;
}
.news .odd {}
.news tbody tr:hover {
	background:#fafafa
}
/*Pie de la tabla*/
.news tfoot th, tfoot td {
	background:#333333 url(llsh.gif) repeat-x scroll 0 0;
	color:#FFFFFF;
	text-align:center;
}
.news tfoot td {
	padding-right:20px;
	text-align:right;
}


/*Para la página de partners*/
.partners{
	margin:auto;
	padding:20px;
	width:760px;
}
.partners table {
	-x-system-font:none;
	background:#EFF4FB url(teaser.gif) repeat-x scroll 0 0;
	border-collapse:collapse;
	border-left:1px solid #686868;
	border-right:1px solid #686868;
	color:#333333;
	font-family:'Trebuchet MS',helvetica,arial,verdana;
	font-size:0.8em;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:145%;
	width:100%;
}
.partners tbody td, th {
	padding:5px;
	text-align:center;
}
.partners table a {
	color:#950000;
	text-decoration:none;
}
.partners table a:link {}
.partners table a:visited {
	font-weight:normal;
	color:#666;
}
.partners table a:hover {
	border-bottom: 1px dashed #bbb;
}
.partners thead th, tfoot th, tfoot td {
	background:#333333 url(llsh.gif) repeat-x scroll 0 0;
	color:#FFFFFF;
	text-align:center;
}
.partners tfoot td {
	padding-right:20px;
	text-align:right;
}
.partners tbody th, tbody td {
	border-bottom: dotted 1px #333;
}
.partners tbody th {
	text-align:center;
	white-space:nowrap;
}
.partners tbody th a {
	color:#333;
}
.partners .odd {}
.partners tbody tr:hover {
	background:#fafafa
}








/*Para las chapas*/
.caps{
	margin:auto;
	padding:10px 0 10px 20px;
	width:760px;
}
.cap {
	border-width:1px;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	padding-left:4px;
	padding-top:4px;
	text-align:left;
}
.cap2 {
	border-width:1px;
	color:#939598;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	padding-top:4px;
	text-align:left;
}
.capimage {
	border-style: solid;
	border-width: 1px;
	padding: 4px;
	text-align: left;
}
.layoutBox {  
	border:1px solid #5A799D;
	float:left;
	margin:3px;
	min-height:170px;
	width:110px;
}
.cap2 img {
	background:  transparent url(loader.gif) no-repeat center center;
}

/*Para la navegación - paginación*/
/*1 contenedor para todo*/
.navigationcontent{
	width:800px;
	height:20px;

}
/* Las dos columnas del diseño */
/* Si queremos tener dos columnas*/
.leftnavigation{
	float:left;
	padding-left:20px;
	padding-right:20px;
	width:auto;
}

.rightnavigation{
	float:right;
	height:20px;
	padding-left:20px;
	padding-right:40px;
	width:auto;
}
/*1 primer contenedor para los botones*/

/*1 segundo contenedor para los elementos de paginación*/
div.pagination {
	color:#3D75B7;
	font-size:14px;
	height:20px;
	margin-left:3px;
	margin-right:3px;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
}
.pagination form  {
	height:20px;
}

.pagination input  {
	background-color:#FFFFFF;
	border:1px solid #2080D0;
	font-family:Tahoma,Verdana,Arial,Sans-Serif;
	font-size:8pt;
	text-align:center;
	vertical-align:top;
}

/*Ventana de identificación*/
.login  {
	background-color:#EDF3FF;
	border:1px solid #A1B6D0;
	font-family:Tahoma,Verdana,Arial,Sans-Serif;
	font-size:14pt;
	height:130px;
	margin:auto;
	padding:20px;
	text-align:left;
	width:200px;
}

/*Formato de los desplegables*/
.inputselect  {
	background-color:	#ffffff;
	border-color:	#2080d0;
	border-style:	solid;
	border-top-style:	solid;
	border-top-width:	1px;
	border-width:	1px;
	font-family:	Tahoma, Verdana, Arial, Sans-Serif;
	font-size:	8pt;
	text-align:left;
	vertical-align:top;
}

/*Para los botones*/
.btn {
	background-color:#C9DAFF;
	border-width:2px;
	color:#000000;
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
}

/*Estilos para el popup de la chapa*/
.popuptablebg {
	border: solid 1px #000; 
	font-size: 8px;
}

.popupcat {
	height: 15px;
	padding: 0 3px;
	border-left: solid 1px #404040;
	border-right: solid 1px #121212;
	border-top: solid 1px #3C3C3C;
	border-bottom: solid 1px #131313;
	text-indent: 4px;
	font-size: 10px;
}
.popuprow1, tr.popuprow1 {
	border-left: solid 1px #404040;
	border-right: solid 1px #121212;
	border-top: solid 1px #3C3C3C;
	border-bottom: solid 1px #131313;
	padding: 4px;
	font-size: 8px;
}
.popupgen {
	margin: 1px 1px;
	font-size: 10px;
}


/*Estilos para el formulario de edición o visualización de una chapa*/
/* Las dos columnas del diseño */
.leftcolumnForm{
	float:left;
	padding-bottom:20px;
	padding-top:20px;
	width:auto;
}
.rightcolumnForm{
	float:right;
	padding-bottom:20px;
	padding-top:20px;
	width:200px;
}
/* Estilos para los formularios de entrada */
.formulario{
	background-color:#A1B7DF;
	overflow:hidden;
	padding-left:5px;
	width:600px;
}
.formulario label {
	float:left;
	margin-right:10px;
}
.formulario label.ancho1{
	font-size:16px;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:2px;	
	padding-left:5px;
	width:188px;
}
.formulario label.ancho2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:2px;	
	padding-left:5px;
	width:387px;
}
.formulario label.ancho3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:2px;	
	padding-left:5px;
	width:585px;
}
.formulario label.ancho3title {
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
	padding:10px 10px 5px;
	width:585px;
}
.formulario label.ancho1value {
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	padding-bottom:5px;
	width:188px;
}
.formulario label.ancho2value {
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	padding-bottom:5px;
	width:387px;
}
.formulario label.ancho3value {
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	padding-bottom:5px;
	width:585px;
}
.formulario input, .formulario select {
	border:1px solid blue;
	margin-bottom:4px;
	width:99%;
}
.formulario textarea{
	border:1px solid blue;
	width:99%;
}
.formulario button {
	background-color:#C9DAFF;
	border-width:2px;
	color:#000000;
	float:left;
	font-family:arial;
	font-size:7pt;
	font-weight:bold;
	margin-top:1em;
}


/* Estilos para el formulario de visualización*/
.visual{
	background-color:#A1B7DF;
	overflow:hidden;
	padding-left:5px;
	width:600px;
}
.visual label {
	float:left;
	margin-right:10px;
}
.visual label.ancho1{
	border-bottom:1px solid #000000;
	font-size:16px;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:2px;	
	padding-left:5px;
	width:188px;
}
.visual label.ancho2 {
	border-bottom:1px solid #000000;
	font-size:16px;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:2px;	
	padding-left:5px;
	width:387px;
}
.visual label.ancho3 {
	border-bottom:1px solid #000000;
	font-size:16px;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:2px;	
	padding-left:5px;
	width:585px;
}
.visual label.ancho3title {
	border-bottom:2px dashed #000000;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
	padding:10px 10px 5px;
	width:585px;
}
.visual label.ancho1value {
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	padding-bottom:5px;
	width:188px;
}
.visual label.ancho2value {
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	padding-bottom:5px;
	width:387px;
}
.visual label.ancho3value {
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	padding-bottom:5px;
	width:585px;
}
.visual input, .visual select, .visual textarea {
	border:1px solid blue;
	margin-bottom:4px;
	width:99%;
}
.visual button {
	background-color:#C9DAFF;
	border-width:2px;
	color:#000000;
	float:left;
	font-family:arial;
	font-size:7pt;
	font-weight:bold;
	margin-top:1em;
}








/*página de administración*/
.admin {
	padding-right:0;
}
.admin ul {
font-size:95%;
line-height:1.5em;
list-style-image:url(bullet.png);
list-style-type:square;
}
.admin li {
list-style-image:url(bullet.png);
margin-left:50px;
}

.admin a:link {
color: #FFFFFF;
text-decoration: none;
}
.admin a:active {
color: #FFFFFF;
text-decoration: none;
}
.admin a:visited {
color: #FFFFFF;
text-decoration: none;
}
.admin a:hover {
color: #993333;
text-decoration: none;
}



/*Para la página de usuarios*/
.usuarios {
	margin:auto;
	padding:20px;
	width:760px;
}
.usuarios table {
	border-collapse:collapse;
	background:#EFF4FB url(teaser.gif) repeat-x;
	border-left:1px solid #686868;
	border-right:1px solid #686868;
	font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana;
	color: #333;
	width:100%;
}
.usuarios td, th {
	padding:5px;
	text-align:left;
}
.usuarios table a {
	color:#950000;
	text-decoration:none;
}
.usuarios table a:link {}
.usuarios table a:visited {
	font-weight:normal;
	color:#666;
}
.usuarios table a:hover {
	border-bottom: 1px dashed #bbb;
}
.usuarios thead th, tfoot th, tfoot td {
	background:#333 url(llsh.gif) repeat-x;
	color:#fff;
	text-align:center;
}
.usuarios tfoot td {
	text-align:right
}
.usuarios tbody th, tbody td {
	border-bottom: dotted 1px #333;
}
.usuarios tbody th {
	white-space: nowrap;
}
.usuarios tbody th a {
	color:#333;
}
.usuarios .odd {}
.usuarios tbody tr:hover {
	background:#fafafa
}

/*Para la cabecera de cread por ...*/
.creation {
	color: #000000;
	font-size: 8pt;
	font-family: arial;
}

.tooltipcap th {
	border-bottom: none;
	font-family:Tahoma,Verdana,Arial,Sans-Serif;
	font-size:8pt;
	text-align:center;
}

.tooltipcap td {
	font-family:Tahoma,Verdana,Arial,Sans-Serif;
	font-size:8pt;
	border-bottom: none;
	padding-left: 10px;

}









/*Para la página de enlaces*/
/*
.enlaceimg{
float:left;
width:400px;
padding-top:5px;
padding-bottom:5px;
padding-right:20px;
padding-left:20px;
}
.enlacenombre{
width:320px;
padding-top:15px;
padding-bottom:5px;
padding-right:20px;
float:right;
}
*/



/* CONVENCIONES */
/*
button#backButton { }  Esto es una regla ID-categorizada
#urlBar[type="autocomplete"] { }  Esto es una regla ID-categorizada 
treeitem > treerow > treecell#myCell :active { }  Esto es una regla ID-categorizada

button.toolbarButton { }  Una regla basada en clases 
.fancyText { }  Una regla basada en clases 
menuitem > .menu-left[checked="true"] { } Una regla basada en clases 




*/