BODY { background-image:  url(img/bg.gif);
}

.{
	scrollbar-arrow-color:white;
	scrollbar-base-color:#93daec;
	scrollbar-highlight-color:#CCCCCC;}

/* lleva la DIV a la izquierda con clear */
#left {
	float: left;
	margin: 0px;
}

/* lleva la DIV a la derecha con clear */
#right {
	float: right;
	margin: 0px;
}

H1 {
	font-family: georgia, times, serif;
	color: #663300;
	font-size: 180%;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -1px;
}

H2 {
	color: #663300;
	font-size: 125%;
	font-family: georgia, times, serif;
	font-weight: normal;
	text-transform: lowercase;
	font-style: italic;
	margin: 0 0 10px 0;
	border-bottom: 1px #999 inset;
}

H3 {
	color: #666633;
	font-size: 90%;
	font-family: georgia, times, serif;
	font-weight: bold;
	letter-spacing: -1px;
}

p {
	font-size: 90%;
	font-family: georgia, times, serif;
	color: #663300;
}

.rec {
	font-size: 70%;
	font-family: tahoma, verdana, san-serif;
	color: #666633;
}

ul, ol {
	font-size: 80%;
	font-family: georgia, times, serif; 
	color: #663300;
	margin: 5px 0 10px 0;
	padding: 0;
}

li {
	list-style-type: round;
	margin: 0 0 0 15px;
}

.copyright {
	color: #333300;
	font-size: 11px;
	font-family: tahoma, verdana, sans-serif;
	text-align: right;
	margin-right:30px;
}

.white {
	font-size: 11px;
	font-family: tahoma, sans-serif; 
	color: #ffffff;
}

a {
	color: #663300;
	text-decoration: underline;
}

a:hover {
	color: #663300;
	text-decoration: underline;
}

.topmenu {
	font-size: 11px;
	font-family: tahoma, verdana, sans-serif;
	color:#cccc99;
	padding: 10px 30px 0px 30px;
	background-image:  url(img/tm-pat.gif);
	height: 30px;
	vertical-align:center;
}

.botmenu {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	color: #666633;
}

.inputs {
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #333;
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.small {
	font-size: 70%;
}

.big {
	font-size: 130%;
}

td.border {
	border: 1px #cccc99 solid;
}

th {
	background: rgb(139,8,48);
	border-top: 1px #666 solid;
	border-bottom: 1px #666 solid;
	font-family: tahoma, verdana, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #fff;
	padding: 6px;
}
.img {
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

hr { color: #996;
size: 1px;
}

.light { background: rgb(204,204,153); font-family: tahoma, verdana, sans-serif; font-size: 70%; color: #666; padding: 10px;}
.medium { background: rgb(153,153,102); font-family: verdana, sans-serif; font-size: 70%; color: #330; padding: 10px;}
.dark {	background: rgb(0,102,0); font-family: verdana, sans-serif; font-size: 70%; color: #FFFFFF; padding: 5px;}

.celeste { background: rgb(147,218,236);}

.gray1 { background: rgb(231,231,231);}
.gray2 { background: rgb(230,230,230);}
.gray3 { background: rgb(153,153,153);}

/* corrige achicamiento texto tags anidados */
li p { font-size: 100%; }
p a { font-size: 100%; }
h1 a { font-size: 100%; color: #663300;}
h1 a:hover { font-size: 100%; color: #663300;}

p.botmenu a { font-size: 100%; color: #666633;}
p.botmenu a:hover { font-size: 100%; color: #666633;}
.topmenu a { font-size: 100%; color: #cccc99; text-decoration:none;}
.topmenu a:hover { font-size: 100%; color: #ffffcc; text-decoration:underline;}


td.light a { font-size: 125%; color: #330; font-family: times, serif; font-size: 150%; font-weight: bold;}
td.medium a { font-size: 125%; color: #330; font-family: times, serif; font-size: 150%; font-weight: bold;}
td.dark a { font-size: 125%; }

td.light ul { 	margin: 10px 0 10px 0;}
td.medium ul { 	margin: 10px 0 10px 0;}

p .inputs { font-size: 85%; }
td.light p { font-size: 100%; }
td.medium p { font-size: 100%; }
td.dark p { font-size: 100%; }

.light ul { font-size: 100%; }
.medium ul { font-size: 100%; }
.dark ul { font-size: 100%; }

.light h3 { font-size: 100%; }
.medium h3 { font-size: 100%; }