/* CSS Document */

    body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #666666;
    	margin: 0;
    	padding: 0;
    	text-align: center; 
    	color: #000000;
    }
     #container { 
    	width: 778px; 
    	background: #0b15a4;
    	margin: 0 auto; 
    	border: 1px solid #000000;
    	text-align: left; 
    } 
     #header { 
		height:143px;
    	padding: 0px; 
    } 
     #header h1 {
    	margin: 0; 
    	padding: 10px 0; 
    }
    
     #sidebar1 {
    	float: left; 
    	width: 170px;
    	background: #EBEBEB; 
    	padding:0; 
		text-align:center;
    }
     #sidebar1 h3,  #sidebar1 p {
    	margin-left: 10px; 
    	margin-right: 10px;
    }
    
     #mainContent { 
	 	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	margin: 0px 0px 0px 170px; 
		padding: 5px 15px 5px 10px;
		background: #f5e108;
		text-align:justify;
    } 
	
     #mainContent h2{
	 	font: 100% Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		font-variant:small-caps;
		text-decoration:underline;
	 }
	 
     #mainContent p{
	 	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;	 
	 }
	 
	 #mainContent ul li{
	 	margin-bottom:10px;
	 	}
	 
     #footer { 
    	padding: 0 10px; 
    	background:#464eb9;
    } 
     #footer p {
    	margin: 0; 
    	padding: 10px 0; 
		color:#FFFFFF;
		font-size: 11px;
		text-align:center;
	   }
	   
     #footer p a{
	 	color:#CCCCCC;
		font-size:11px;
		text-decoration:none;
		}
    
	 #footer p a:hover{
	 	color: #FFFFFF;
		font-size:11px;
		text-decoration: underline;
		}
		

    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
ul#menuVertical,
ul#menuVertical li,
ul#menuVertical ul{
margin:0;
padding:0;
width:170px;
list-style:none;

}
ul#menuVertical li{
background:url(../images/tiramenu.jpg) repeat right;
}

ul#menuVertical li a{
font:bold 16px verdana,arial,helvetica,sans-serif;    
color: #FFFFFF;
display:block;
text-decoration:none;
height: 29px;
padding-top:10px;
}

ul#menuVertical li a:hover {
font:bold 16px verdana,arial,helvetica,sans-serif;
color: #000000;
display:block;
background: #f5e108;
}

ul#menuVertical li#select {
font:bold 16px verdana,arial,helvetica,sans-serif;
color: #000000;
display:block;
background: #f5e108;
height: 29px;
padding-top:10px;
}

#imgimp {
	background-image:url(../images/fondolateral.jpg);
	background-color: #0b15a4;
	background-repeat:repeat-x;
	background-position: top;
	width:170px;
	height:350px;
	}

#imgimp2 {
	background-image:url(../images/fondo-anilateral.jpg);
	height:200px;
	}

#imglat{	
	width:170px;
	margin-top: 10px;
	margin-left: 0px;
	float:left;
	font-size:10px;	
	}

#imglat a{
	color:#000000;
	text-decoration:none;
}

#imglat a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

#imglatr{
	width:170px;
	margin-top: 200px;
	margin-left: 0px;
	float:left;
	}

#imglatn{
	width:170px;
	margin-top: 300px;
	margin-left: 0px;
	float:left;
	}

#imglato{
	width:170px;
	margin-top: 50px;
	margin-left: 0px;
	float:left;
	}

#flash3 {
	float:right;
	margin-left: 10px;
	}
	
#flash4 {
	float:left;
	margin-right: 10px;
	}

#flashr {
	text-align:center;	
	}

	.contacto {
	background-image: url(../img/fondo-contacto.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 500px;
	}
	
#txtgra {
	font-size:14px;
	}

#directiva {
	margin-left:20px;
}