html, body, #container {
	height: 100%;
	min-height: 100%;
	width: 100%;
}
body {
     background-color: #FFFFFF;
     font-family: Helvetica, Arial, Verdana, sans-serif; 
     margin: 0px;
     width: 100%;
     min-width: 510px;       
    /* width:expression(document.body.clientWidth <800 ? "810px" : "100%" ); */ /*para IE*/
   /* width: expression(document.body.clientWidth < 740? "740px" : document.body.clientWidth > 1200? "1200px" : "auto");*/
     width: expression((documentElement.clientWidth || body.clientWidth) < 720 ? "700px" : ((documentElement.clientWidth || body.clientWidth) > 1220 ? "1260px" : "auto"));

     overflow:auto;  
}
html > body, html > body #container {
     height:auto;
     min-width: 510px;   
    /* width:expression(document.body.clientWidth <800 ? "810px" : "100%" ); */  /*para IE*/
    /* width: expression(document.body.clientWidth < 740? "740px" : document.body.clientWidth > 1200? "1200px" : "auto");*/
     width: expression((documentElement.clientWidth || body.clientWidth) < 720 ? "700px" : ((documentElement.clientWidth || body.clientWidth) > 1220 ? "1260px" : "auto"));

}
div#container { 
        position: absolute;        
}
div#banner {           
       	top: 0;
        left: 0; 
        background-color: #FFFFFF;
        BACKGROUND-IMAGE: url(../images/d01-color_cabecera.gif);
    	background-repeat: repeat;
        float: left;        
        /*width: 100%;*/
        height: 15%;
        //text-align: left;       
}
div#subbanner {
            float: left;
            FONT-FAMILY: Helvetica, Arial, Times New Roman;
            font-size: 75%;	
            width: 100%;
            top: 15%;
            color: #FFFFFF;
  	    background-color: #000000;
            border: none;          
}
div#content {
        FONT-FAMILY: Helvetica, Arial, Times New Roman;
        font-size: 12px;
        top: 18%;
        margin-left: 2%;
	margin-right: 5px;
        background-color: #FFFFFF;
        /*widht:82%;
        widht:100%;*/
        height:auto;
}
div#sidebar-a {
        FONT-FAMILY: Helvetica, Arial, Times New Roman;
        font-size: 75%;
        top: 18%;
	float: left;
	margin: 15px;
	background-color: #FFFFFF;
        width: 18%;
        height:auto;
}
div#vertical-menu-izda{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left:  1px solid #000000;
	border-right:  1px solid #000000;
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	margin-BOTTOM: 30px;
	clear: both;
}	
	
.clear {
	clear: both;
}
div#footer {
        FONT-FAMILY: Helvetica, Arial, Times New Roman;
        font-size: 12px;
        margin: 0px auto;
	margin-top: -1.5em;
	position: absolute;	
	bottom: 0px;
	background-color: #FFFFFF;
	border-top: 0px solid #F7F7F6;
	width: 100%;
	padding: 0px;
	clear: both;
}
/*#container, #footer {
	/*width: expression(document.body.clientWidth < 740? "740px" : document.body.clientWidth > 1200? "1200px" : "auto");*/
       width: expression((documentElement.clientWidth || body.clientWidth) < 720 ? "700px" : ((documentElement.clientWidth || body.clientWidth) > 1220 ? "1260px" : "auto"));

	}*/