body{
margin: 0px;
overflow: hidden;
width:100%;
height: 100%; 
max-height: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
	scrollbar-3dlight-color: green;
	scrollbar-arrow-color: Black;
	scrollbar-base-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-shadow-color: Green;
	scrollbar-highlight-color: #ffffff;
	scrollbar-track-color: #ffffff;
}
a{
color:#333333;}
td{font-size:11px;}
p{font-size:11px;}
h1 {
color:#666666;
font-weight: normal;
font-size:24px;
}
h2 {
color:#FF6600;
font-weight:bold;
font-size:17px;
}

/************* ESTILOS HTML***************/
* html body{ /*IE6 hack*/
width:100%; padding: 140px 0px 30px 0px;}

* html #maincontent{ /*IE6 hack*/
height: 100%; width: 100%; padding-left:190px; }

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 100%;}

/************* ESTILOS DIVS SUPERIOR***************/
#framecontentTop{
position: absolute;
width:100%;
top: 0px; 
left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0px;
height: 140px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}
#top { height: 75px; background:url(images/fondo_top.jpg); border-bottom: 1px solid #ff9933; }
	
#menu {	margin:15px 0px 15px 0px; }
#menu a{ background:url(images/fondo_top.jpg); display:block; padding:5px; text-decoration:none; }
#menu a:hover{ background:url(images/fondo_top2.jpg); display:block;}

/************* ESTILOS DIVS LATERAL***************/
#framecontentLeft{
position: absolute; 
top: 140px; 
left: 0px; 
width: 190px;
overflow: hidden;
}
#menulateral {width: 175px;}
#menulateral a, .opciones{ background:url(images/fondo_top.jpg); display:block; padding:4px; text-decoration:none; text-align:left; }
#menulateral a:hover, .txtdestacat {color: #FF6600; display:block;}

/************* ESTILOS DIVS PIE***************/
#framecontentBottom{
	position: absolute; /*Set left value to WidthOfLeftFrameDiv*/
	bottom: 0px;
	right: 0px;
	width:100%;
	height: 40px; /*Height of bottom frame div*/
	overflow: hidden;
	left: 0px;
}
#peu {
	width: 100%;
	color: #009900;
	text-align: center;
	border-top: 1px solid #FF9933;
	font:10px;
	background-color: #FFFFFF;
	margin:10px 0px 10px 0px;
}
#peu a { color: #008001;}

/************* ESTILOS DIVS CONTENIDO***************/
#maincontent{
position: fixed; 
top: 140px; /*Set top value to HeightOfTopFrameDiv*/
left: 190px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0px;
bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto; 
}

#cuadrocont {
	border: 1px solid #FF9933;
	padding: 0px 20px 0px 20px;
	margin-right:20px;
	margin-bottom:10px;
	text-align: justify;
	background-repeat: no-repeat;
	background-image: url(images/logo_fondo_termosun.jpg);
	background-attachment: fixed;
	background-position: center 50px;
}

#colores {
	border: 1px solid #333333;
	padding: 3px;
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
}
#colores img {
	margin-left:10px;
}

/*************ESTILOS TEXTO***************/
input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;}

textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;}

.naranja {
color:#FF6600;
font-weight:bold;
}
.verde {
	color:#009900;
	font-weight:bold;
	line-height: 18px;
}
.caracteristicas {
color:#009900;
font-weight:bold;
padding:4px;
background-color: #F3F3F3;
}
.caracteristicas a{
color:#009900;
text-decoration:none;
}
.caracteristicas a:hover{
text-decoration: underline;
}
textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;}
/*************ESTILOS PRODUCTOS***************/
.img_producto {
float:left;
margin-right:30px;
}
.img_producto_peq {
float:left;
margin-right:15px;
}
.img_producto_cuadro {
margin-right:30px;
border:#FF6600 1px solid;
}
.fondo_naranja {
background-color:#FF6600;
color:#FFFFFF;
}
.tabla_producto {
	color:#666666;
	padding: 0px;
}