BODY { 
	background-color: ;
	text-align: center;		/* centra el contenido */
	min-width: 760px;		/* arreglo de overflow para mozilla */
	margin:0;
	padding:0;
	background: transparent url("img/bg.jpg");
}

/* ------------------ container ----------------- */
#container {
	width: 760px;			/* tamaņo y posicion */
	text-align: left;		/* restaura alineacion izq */
	left: 0px;				/* margenes */
	top: 0px;
	margin-left: auto;		/* arreglo para centrar en mozilla */
	margin-right: auto;
	margin-top:20px;
	margin-bottom: 0px;
	background-color: #;
	background-repeat: repeat-y;
	border: 0px solid #b55c34;	  /* no borrar */
	border-top: 0px solid #954c2b;/* no borrar */
}

/* ------------------ header --------------------- */
#header {
	background:transparent url("img/tm-bg.jpg") bottom;
	height:235px;			/* tamaņo y posicion */
	text-align: left;		/* restaura alineacion izq */
	margin:0;				/* margenes */
	border-top: 0px solid #b55c34; /* no borrar */
	border:0px solid white;
}
* html #header { marg\in-bottom:-60px; }

/* ------------------ logo --------------------- */
#logo {
	position: relative;
	left:60px;
	top:-40px;
	width:0px;
	border:0px solid yellow;
	float:left;
	z-index:90;
}

/* ------------------ topmenu --------------------- */
#topmenu {
	/*background-color:#f2f2f2;*/
	/*background:transparent url("img/tm-bg.jpg");*/
	width:288px;
	height:38px;
	margin-left:260px;				/* margenes */
	margin-top:16px;
	border:0px solid green;
}

/* ------------------ flor --------------------- */
#flor {
	position: relative;
	left:670px;
	top:0;
	width:10px;
	margin:-91px -42px 0 0px;				/* margenes */
	border:0px solid blue;
	z-index:90;
}
* html #flor { lef\t:490px; }

/* ------------------ bottommenu --------------------- */
#bottommenu {
	/* background: transparent url('img/bm-bg.gif'); */
	/* background-repeat: repeat-x; */
	clear:both;
	margin-left:20px;
	padding:2px 5px 10px 5px;
}

/* ----------------- listas horizontales para menu --------------------------- */
#inline { border: 0px solid #000; }
#inline p { display: inline; }
#inline ul, #inline li { display: inline; margin: 0; padding: 0; color:#3366cc;}
#inline ul li:after {			/* agrega una coma despues de elemento, puede ser con bordes */
	content: " | ";	}
#inline ul li.last:after {		/* agrega caracter vacio al final */
	content: " "; }

/* ------------------ caja gral contenidos -------------------- */
#content {
	width: 760px;
	margin-left:0;				/* ubicacion respecto a col izquierda */
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	padding:30px 0 0 0;
	background: transparent url('img/cnt-bg.gif') bottom;
	background-repeat: none;
	border:0px solid white;
}
* html #content, #left, #right, {						/* TAN HACK */
	posi\tion: relative;
}
div#content { 
	min-height: 295px;
	height:expression(this.scrollHeight > 295 ? "auto":"295px");
}

/* ----------------- izquierda ------------------ */
#left {
	float: left;
	width: 250px;					/* tamaņo y posicion */
	margin: 0px;
	padding: 0px;
	border: 1px solid blue;
	background-color:#;
}
* html #left {	marg\in: 0px; padd\ing: 0px; /* TAN HACK valores que toma IE*/ }

/* ----------------- derecha ------------------ */
#right {
	width:320px;           		/* por defecto, se puede poner el ancho a mano */
	float:right;
	margin:20px 55px 10px 5px;
	padding:0;
	background-color:#;
	border:0px solid red;
}
* html #right {	marg\in:20px 55px 10px 5px; padd\ing: 0px; w\idth: 320px;/* TAN HACK valores que toma IE*/ }

/* ------------------ columna central -------------------- */
#contenidos {
	width:280px;
	margin:20px 10px 10px 90px;		/* ubicacion respecto a col izquierda */
	padding:0 0 20px 0;
	border:0px solid #ccc;
}
* html #contenidos { marg\in:20px 10px 10px 90px; padd\ing:0 0 20px 0; w\idth: 280px;/* TAN HACK */ }

/* ----------------- footer --------------------------- */
#footer {
	width: 760px;					/* tamaņo y posicion */
	height: 30px;
	margin: -33px 0 10px 0;
	margin-left: auto;		/* arreglo para centrar en mozilla */
	margin-right: auto;
	/* background-image:url('img/ftr-bg.png');
	background-repeat: repeat-x; */
	border: 0px solid #000;
}

/* ----------------- texto ----------------------------*/

H1 {
	font-family: georgia, times, 'times new roman', serif;
	color:#784a0f;
	font-size:140%;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:110%;
	margin:0 0 10px 0;
}

H2 {
	font-family: 'trebuchet ms', tahoma, verdana, san-serif;
	color: #666633;
	font-size: 100%;
	font-weight: bold;
	margin:0 0 10px 0;
	text-transform: uppercase;
}

/* volanta*/
H3 {
	font-family: 'trebuchet ms', tahoma, verdana, sans-serif;
	color: #666633;
	font-size: 60%;
	font-weight: normal;
	text-transform: uppercase;
	margin: 5px 0 0 0;
}

p {
	font-family:georgia, times, 'times new roman', serif;
	font-size:80%;
	color:#666633;
	margin:10px 20px 10px 0;
	line-height:110%;
}

ul, ol {
	font-family:georgia, times, 'times new roman', serif;
	font-size:80%;
	color:#666633;
	margin:0 20px 0 0;
	padding:0 0 20px 5px;
}

li {
	margin: 0 10px 0px 10px;
}

a {
	color: #336699;
	text-decoration: underline;
}

a:hover {
	color: #3366cc;
	text-decoration: underline;
}

hr { 
height: 2px;
border-top: 1px solid #fff;
}

img.big {
	padding: 1px;
	margin: 1px;
	border: 1px #784a0f solid;
}
* html img.big { border: 1px #784a0f solid;
	padding: 1px;
	margin: 1px;
/* TAN HACK valores que toma IE*/ }

img.mini {
	margin-top:0;
	padding-top:1px;
	margin-left:10px;
}

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

/*** =Add-on boxes ***/
.addon { border-left: 1px solid #d8dcdf; background: transparent url("img/addon-tr.png") right top no-repeat; width: 280px; margin-left: 20px; }
.addon .vex { background: transparent url("img/addon-br.png") right bottom no-repeat; }
.addon .vex span { background: transparent url("img/addon-bl.png") left bottom no-repeat; }

/* =Secondary featured add-ons */
.sub .irk { background: transparent url("img/addon-tl.png") left top no-repeat; padding:10px 10px 0 10px;}
.sub .preview-img { background-image: none; }


/* ----------------------------- */
.dropcap { font-size: 400%; float: left; padding: 2px; }
.small { font-size: 60%; }
.big { font-size: 80%; }
.copyright {
	font-family: tahoma, sans-serif;
	color:#daae9a;
	font-size:10px;
	text-align: right;
	margin-right:20px;
}

blockquote {
	font-family: georgia, times, serif;
	font-style: italic;
	letter-spacing: -0.5px;
}

.pdficon {
	list-style-image: url(img/pdf.gif);
	margin-left: 20px;
}
* html .pdficon { padd\ing-left: 0px;		/* TAN HACK valores que toma IE*/ }

/* submenu */
.submenu  {
	font-family:tahoma, sans-serif;
	font-size:10px;
	color:#666633;
	margin:0px;
	padding:0px;
}
.submenu a {
	color: #666633;
	text-decoration: none;
}
.submenu a:hover {
	color: #666633;
	text-decoration: underline;
}

/* menu */
.menu  {
	font-family:tahoma, sans-serif;
	font-size:10px;
	color:#daae9a;
	margin:0px;
	padding:0px;
}
.menu a {
	color: #daae9a;
	text-decoration: none;
}
.menu a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* menu breadcrumb */
.breadcrumb {
	font-family: tahoma, sans-serif;
	font-size: 70%;
	color: #666;
	text-decoration: none;
	margin-bottom: 0px;
}

.margder { margin-right: 20px; }
.margizq { margin-left: 20px; }
.border { border: 1px #ccc solid; }

.light { background: rgb(225,239,255);}
.medium { background: rgb(255,204,102);}
.dark { background: rgb(0,82,151);}

.orange { background: rgb(181,92,52); }
.ama { background: rgb(255,204,102);}
.green { background: rgb(102,102,51);}
.blue { background: rgb(51,102,102); }
.brown { background: rgb(211,206,186); border-top: 1px #784a0f solid; text-align: right;}
.red { background: rgb(191,51,24);}
	
/* FORMULARIOS */
.headtabla {background: rgb(0,102,51); color: #CCFFCC; padding: 5px;}
.cuerpotabla {background: rgb(243,233,158); }
.cuerpotablaclaro {background: rgb(255,255,204); }

form { margin-bottom:-20px; padding:0;}

.inputs {					/* para formularios en gral */
	background-color: #edebdd;
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 65%;
	margin: 0px;
}

.buttons {
	background-color: #e7e7e7;
	color: #333333;
	font-family: tahoma, sans-serif;
	font-size: 0.6em;
	font-weight: normal;
}

/* corrige achicamiento texto tags anidados */
li p { font-size: 100%; }
h1 a { color: #666; text-decoration: none;}
h1 a:hover { color: #006600; text-decoration: underline;}
h2 a { color: #006600; text-decoration: none;}
h2 a:hover { color: #006600; text-decoration: underline;}
ol ol { font-size:100%;}
p.copyright a { color:#daae9a; text-decoration:none;}
p.copyright a:hover { color:#ffffff; text-decoration:underline; }

