/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

TITULO :  CSS para la aplicacion GESTOR DE CONTENIDOS
AUTOR:  Francisco 
EMAIL: disenyo@sernutec.com
URL :  http://www.sernutec.com

CREADO :  Octubre de 2005
MODIFICADO : 24 de cotubre de 2005

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* ----- GENERAL ----- */
body {
	margin: 0px;
	padding:0px;
	background-color: #E8E8E8;
	background-image: url('archivos/3/bg.gif');
	background-position:  center 50%;
}
/* ----- LAYOUT (IDS) ----- */
#cabecera {
	width:772px;
	height:120px;
	display:block;
	background-repeat: no-repeat;
	vertical-align:bottom;
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 11px;
	color: #333
}

/* ----- CLASES ----- */
.nivel1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:232px;
	color: #666;
	background-image: url('archivos/3/bgnivel1.gif');
	text-align:right;
	display: block;
	height: 22px;
	padding-top:5px;
	font-weight: bold
}
.nivel2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:232px;
	color: #333;
	background-image: url('archivos/3/bgnivel2.gif');
	display: block;
	height: 22px;
	text-align:right;
	padding-top:5px
}

#menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:right;
	color: #333333;
}
#novedades {
	width: 210px;
	width:190px;
	height:300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
	padding-top:20px;
	margin-left:20px;
	text-align:left;
}
#contenido
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	width:480px;
	padding-left:0 px;
	margin-left:25px;
	_margin-left:10px;
	margin-top:5px;
	color: #444;
	background-image: url('archivos/3/marcaagua.jpg');
	background-position:  center 50%;
	background-repeat: no-repeat;
}

#pie
{
	clear: both;
	margin: 0;
	color: #9D3939;
	height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	background-image: url('archivos/3/bgpie.gif');
	width:764px;
}

#tdframe{
	padding:20px;
}

#pie a {
color: #4B9B4B;
text-decoration:underline;
}
#pie a:hover {
color: #444;
text-decoration:underline;
}

/* ----- CLASES ----- */

/* ----- LISTAS ----- */
#menu ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	list-style-type: none;
	margin:0px;
}
a {
	color: #666;
	text-decoration:none;
}
a:hover {
	color: #333;
	text-decoration:none;
}
#contenido ol {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	border: none;
}
#contenido li {
	background-image: url('archivos/3/li.gif');
	background-repeat: no-repeat;
	padding-left: 23px;
	margin-left: 10px;
	margin-bottom: 7px;
	background-position: 0px -4px
}
#contenido a {
color: #4B9B4B;
text-decoration:underline;
}
#contenido a:hover {
color: #9D3939;
text-decoration:underline;
}

.nivel2 a {
	color: #222;
	text-decoration:none;
}
.nivel2b a {
	color: #222;
	text-decoration:none;
}
.nivel2b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	background-image: url('archivos/3/bgnivel2b.gif');
	display: block;
	height: 22px;
	width: 232px;
	text-align:right;
	padding-top:5px
}
/* ----- ENCABEZADOS ----- */
h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	display: block;
	padding-left: 4px;
	color: #555;
	background-image: url('archivos/3/bgh1.gif');
	background-repeat: no-repeat;
	text-indent: 13px
}
h5{
	/*TITULO NOVEDADES*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:2px;
	padding-left: 6px;
	color: #339900;
}
h4{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B25A5A;
	background-image: url('archivos/3/bgdestacado.gif');
	background-repeat:  repeat-x
}
/* ----- TABLAS----- */
#contenido th {
	font-family: "Lucida Sans Unicode", Verdana, Arial;
	font-size: 13px;
	font-weight: bold;
	color: #999900;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #669900;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: center;
}
#contenido table {
	border:0px;
	}
#contenido td {
	border-top: 4px solid #CCCCCC;
	border-right: 4px solid #CCCCCC;
	border-bottom: 4px solid #CCCCCC;
	border-left: 4px solid #CCCCCC;
}

/* ROUNDED BOX GENERATOR */
/* set millions of background images */
.rbroundbox { background: url('archivos/3/nt.gif'); }
.rbtop div { background: url('archivos/3/tl.gif') no-repeat top left; }
.rbtop { background: url('archivos/3/tr.gif') no-repeat top right; }
.rbbot div { background: url('archivos/3/bl.gif') no-repeat bottom left; }
.rbbot { background: url('archivos/3/br.gif') no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 77%; margin: 1em auto; }