/* Hoja de estilos CSS para IRB Modellica 3.0 */
@import url("WebCast.css");
@import url("VideoHeader.css");
body {
		margin:0;
		padding:0;
		/* to center in IE7 */
		text-align: center;
	    min-width: 1000px;
	   /* background-image: url(images/Back2.gif); */
	    background-color:#BFCBCB; 	    
	    }

	div.container {
		text-align: left;
		width:1024px;
		min-width: 1000px;
		background-color:White;
		/* to center in normal browsers */
		margin: 0 auto;
		border:solid 1px gray;
					}
	
	img.logo {
		float: right;
			}
				
	div.fullheader {
		background-color:#B0C4DE;
		margin-top:10px;
		margin: 0px;
		padding: 0px;
		width:100%;
		height:136px;				
	}
	
	div.splitheader {
		background-color:gainsboro;
		margin: 0px;
		padding: 0px;
		width:100%;
		height:10px;	
			}
	
	div.whitebarrier {
		background-color:#FFFFFF;
		margin: 0px;
		padding: 0px;
		width:100%;
		height:20px;				
	}
		
	img.imheader {
		float:left;
		margin:0px;
		padding:0px;
	}				
	    
	div.header {
		background-color: #0A50FF;
		margin:0px;
		}
	
	div.hmenu {
		width: 100%;
		float:none ;
		background-image:url(images/HMenu.jpg);
		height:20px;
			}
			
	div.hsubmenu {
		width: 100%;
		float:none ;
		background-image:url(images/HDEMenu.gif);
		height:20px;
       		}

	div.center 	{
		margin:0 0 0 0;
		width:100%;
		background:url(images/BackLeft.gif) repeat-y;	
				}
			
	div.main {
		font: 10pt verdana;
		color: #2b2b2b;
		/*background-color:Silver;   */
		margin:0 30px 0 200px;
		padding:0 0 10px 0;
		}
		
	h1.main {
			font-size:x-large;
			font-weight:bold;
			margin-top: 0px;
			padding:40px 0 20px 0;
			}
	
	h1.DE {
			font-size:x-large;
			font-weight:bold;
			margin-top: 0px;
			padding:30px 0 20px 0;
			}
	
	h2.main {
		font-size:medium ;
		font-weight:bold;
		color:navy;
		margin-top: 0px;
		padding:5px 0 5px 0;
	}
		
	a.main {
		font-weight:bold ;
		color:Navy ;
		text-decoration:none;
	}
	
	div.footer {
		height:16px;
		line-height:16px;
		clear:both;
		text-align: center;
		vertical-align:middle;
		font: 8pt verdana;
		color: white;
	    background-image:url(images/HFoot.jpg);
	}
	
	a.footer {
		font-weight:normal;
		font: 8pt verdana ;
		color:white ;
		text-decoration:none;
		}
		
	div.footer a:hover { color: yellow;	}
		
	ul.menu 
	{
		width:100%;
		margin:0 0 0 200px;
		padding: 0;
		list-style:none;
		font: 10pt Verdana, Arial, Helvetica, sans-serif;
		}

	li.first {
		height:20px;
		line-height:20px;
		border: 0px none ;
		vertical-align: middle;
		float:left;
		/* width:auto; */
		padding: 0px 15px 0px 0px; 
	}
		
	li.first a {
		width: 100%;
		text-decoration: none;
		color:White ;
		padding: 0px;
		}
	
	li.first a:hover {color: yellow;}
		
	ul.hsubmenu 
	{
		width:100%;
		margin:0 0 0 200px;
		padding: 0;
		list-style:none;
		font: 8pt Verdana, Arial, Helvetica, sans-serif;
		text-align:center ;
	}

	li.hsubmenuitem 
	{
		height:20px;
		line-height:20px;
		vertical-align: middle;
       	float: left;
		padding: 0px 12px 0px 0px; 
		/* position:relative;
		top:3px; */
			
		}

	li.hsubmenuitem a {
		height:20px;
		text-decoration: none;
		color:navy;
		padding: 0px 12px 0px 0;
		   }
    
    li.hsubmenuitem a:hover
    {
				/* background-image:url(images/HDEMenua.gif); */
		color:red;
		}

    img.DE 
    {
		float:right;
		width: 180px;
		height:150px;
		margin:5px 5px 5px 5px;
		border:none;
    }	
    
    img.Coll
        {
		float:right;
		margin:10px 10px 10px 10px;
		border:none;
    }	
    
    	img.SS
    {
		float:none;
		width: 640px;
		height:387px;
		margin:5px 5px 5px 5px;
		border:none;
    }