@charset "utf-8";

/*------------- [ LAYOUT ] -------------*/

body { background: url(../images/bg.png) repeat-x #E5E5E5; padding: 15px 0px 15px 0px; }

#header { margin: 0px auto; width: 918px; height: 220px; background: url(../images/header.png); text-align:right;}
	#header_menu {text-align:right; padding: 10px 10px 5px 5px; color: #FFFFFF; width:260px; float:right;}
		#header_menu input{font-size: 11px; width: 77px; height:20px; border:none; background-color: transparent; overflow: inherit; 
		color:#1D4F48; padding: 3px 6px 3px 7px; font-weight:bold; size:10;}
		#header_menu input[type=submit]{background-image:url(../images/bg_button_login.png); width:auto; cursor:pointer; width:63px;
		padding:0px 10px 0px 0px; height:30px;}
		#header_bg_input{background-image:url(../images/bg_input_login.png); width:94px; background-repeat:no-repeat; overflow:hidden; 
		padding: 0px 3px 0px 0px; float:left;}
			
	#header_registro {padding: 0px 5px 5px 5px;}
	#header_registro a{font-weight:bold; font-size:10px}

#menu_container { margin: 6px auto 0px auto; width: 918px; height: 39px; background: url(../images/menu_bg.png) bottom right no-repeat; }
	#menu_container div, #menu_container a { display: block; height: 39px; }
	#menu_container div { float: left; display: inline; }
	
	#menu_container #unitec, #menu_container #unitec_hover { width: 121px; }
	#menu_container #unitec { background: url(../images/unitec_hover.png); }
	#menu_container #unitec_hover { background: url(../images/unitec.png); }
	
	#menu_container #ayuda, #menu_container #ayuda_hover { width: 173px; }
	#menu_container #ayuda { background: url(../images/ayuda_hover.png); }
	#menu_container #ayuda_hover { background: url(../images/ayuda.png); }
	
	#menu_container #portafolio, #menu_container #portafolio_hover { width: 203px; }
	#menu_container #portafolio { background: url(../images/portafolio_hover.png); }
	#menu_container #portafolio_hover { background: url(../images/portafolio.png); }
	
	#menu_container #galeria, #menu_container #galeria_hover { width: 101px; }
	#menu_container #galeria { background: url(../images/galeria_hover.png); }
	#menu_container #galeria_hover { background: url(../images/galeria.png); }
	
	#menu_container #actualidad, #menu_container #actualidad_hover { width: 131px; }
	#menu_container #actualidad { background: url(../images/actualidad_hover.png); }
	#menu_container #actualidad_hover { background: url(../images/actualidad.png); }

#submenu { margin: 0px auto; width: 918px;	height: 35px; background-image: url(../images/submenu_bg.png); }
	#submenu ul { padding: 11px 0px 0px 4px; }
		#submenu li { float: left; height: 18px; padding: 3px 20px 0px 20px; list-style: none; background: url(../images/submenu_div.png) no-repeat right; color: #FFFFFF; font-weight:bold; font-family: Arial; font-size: 12px; }
			#submenu li a:hover { text-decoration: underline; color: #C0DEC1; }
			#submenu li a {text-decoration:none; color: #273E24; }
	
#content_container { width: 918px; margin: 0px auto; min-height: 320px; _height: 320px; background: url(../images/content_bg.png) repeat-y; }
	#content { padding: 2px 0px 15px 0px; }
	#content p {text-align:justify;}
	#content fieldset { margin: 0 30px 10px 30px; padding: 10px; border: 1px solid #499643; background-image: url(../layout/content_div_bg.png); }
	#content legend { padding: 0 10px 0 10px; color: #499643; font-weight: bold; font-size: 14px; }

#footer_container { width: 100%; background: url(../images/footer_bg.png) top repeat-x; text-align: center; }
	#footer { margin: 0px auto;	width: 918px; height: 48px;	background-image: url(../images/footer.png); }
		#footer ul { width: 519px; margin: 0px auto; padding: 4px; }
			#footer ul li { float: left; padding: 0px 15px; background: url(../images/footer_div.gif) center left no-repeat; font-family: Tahoma; font-size: 13px; font-weight: normal; color: #12302C; }
			#footer ul .first { background: none; }
			#footer ul li a:hover { text-decoration: underline; color: #1D4F48; }
			
		#footer p { font-family: Tahoma; font-weight: normal; font-size: 12px; margin: 14px 0px 0px 0px; clear: both; color: #FFFFFF; }