/* @charset "utf-8";*/
/* CSS Document */
/*-----------------------------------------------------------------------------
Screen Stylesheet
Specification:		Home Page
Date:      			2007-08-09
Author info: 		Edgar Castellanos (ecastellanos@solucionweb.com)
Description:		Prototype04
2007 Under Creative Commons License Terms
-----------------------------------------------------------------------------*/



body {
margin:0px;
padding:0px;

}
/* Manejo de Tipografia:
Debemos de saber que le tamaño por defecto es de 10pt. Esto es 62.5%/1.5 = 10
-------------------------------------------------------------------------------- */
h1 {
    font-size: 2.2em;
}

titulo.h1{
	margin:10px auto;
}
    
h2 {
    font-size: 2.0em;    
}
    
h3 {
    font-size: 1.8em;
}
    
h4 {
    font-size: 1.6em;    
}
    
h5 {
    font-size: 1.4em;    
}
    
p {
    font-size: 1.2em;    
}
body {
	font: 62.5%/1.5  Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color:#FFFFFF;
	font-weight:400;
}
/* Instancias del menu:
En los siguientes codigos se encuentran los atributos para las diferentes intancias del menu principal
-------------------------------------------------------------------------------- */
a:link, a:active, a:hover, a:visited { 
/*	color:#146490;     */
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#FFFFFF;
}

a:hover {
/*	color:#3574BF;    */
	font-family:"Trebuchet MS";
	color:#6ea0e9;	
	font-size: 11px;	
}

a:visited {
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	font-size: 11px;
}
/*Area de contenido:
En los siguientes div se encuentra todo el contenido
-------------------------------------------------------------------------------- */
div#container {
	width:960px;
	/*height:605px;*/
	overflow:hidden;  
	margin:auto;
	background-color: #FFFFFF;
	}
/*Area de contenido de arriba:
En los siguientes div se encuentra los elementos del header y main menu.
-------------------------------------------------------------------------------- */
	div#container_top {
	width:960px;
	height:108px;
/*	overflow:hidden;   */
	margin:auto;
	background-image:url(images/header_bg2.jpg);
	background-repeat:no-repeat;
	background-position:center;


	}
	div#subcontainer_top {
	width:960px;
	height:75px;
	overflow:hidden;
	margin:auto;
	}
	div#logo {
	width:315px;
	height:69px;
/*	overflow:hidden;   */
	float:left;
/*	border: 1px solid #808080;   */
	margin: 5px 0px 0px 70px;
	display: inline;
	}
	div#container_menu_auxiliar {
	width:540px;
	height:15px;
	overflow:hidden;
	float:right;
/*	margin-top: 15px;   */
	font-family:"Trebuchet MS";
	color: #FFFFFF;
	font-size:11px;
	margin-top:5px;
	margin-right:29px;
	_margin-right:14px;
/*	border:1px solid red;	  */

	}
	.home_sitemap {
	width:540px;
	height:15px;
	overflow:hidden;
	float:left;
	font-family:"Trebuchet MS";
	color: #FFFFFF;
	text-align:left;
	font-size:11px;
	margin-top:0px;


	}
	.language_switch {
	width:109px;
	height:17px;
	overflow:hidden;
	float:left;
	font: verdana;
	color: #FFFFFF;
	font-weight: 400;
	}
	div#container_date_search {
	width:340px;
	height:23px;
/*	overflow:hidden;   */
	float:right;
	
	}
	div#date {
	width:200px;
	height:23px;
	overflow:hidden;
	float:left;
	font: verdana;
	color: #FFFFFF;
	font-weight: 400;
	}
	div#search {
	width:250px;
	height:23px;
	overflow:hidden;
	float:right;
	font: verdana;
	color: #FFFFFF;
	font-weight: 400;
	}
div#search_title {
	width:70px;
	height:19px;
	overflow:hidden;
	float:left;
	font: verdana;
	color: #FFFFFF;
	font-weight: 400;
	text-align: right;
	margin-right: 10px;
	margin-top: 3px;
	}
	div#box_search {
	width:130px;
	height:16px;
	overflow:hidden;
	float:left;
	font: verdana;
	color: #FFFFFF;
	font-weight: 400;
	margin-top: 3px;
	}
	div#btn_search {
	width:30px;
	height:19px;
	overflow:hidden;
	float:left;
	font: verdana;
	color: #FFFFFF;
	font-weight: 400;
	text-align: center;
	margin: 3px 0px 0px 0px;
	}
	div#container_main_menu {
	width:960px;
	height:34px;
/*	overflow:hidden; */
	margin:auto;
/*	background-color: #808080;    */
	font-size: 13px;
	}
	div#pestana_menu {
	width:226px;
	height:34px;
	float:left;
/*	overflow:hidden;  */
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(images/pestana_menu1.jpg);
	}
	div#pestana_menu2 {
	width:226px;
	height:34px;
	float:left;
/*	overflow:hidden;   */
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(images/pestana_menu2.jpg);
	}
	
		/*Main menu:
Este es el div que debe de contener el codigo para el menu principal
-------------------------------------------------------------------------------- */	
	div#main_menu {
	width:99%px;
	height:34px;
	/*overflow:hidden;*/
	font-size: 12px;
	color: #FFFFFF;
	margin: auto;
	}
	
	/*Area de contenido de abajo:
En los siguientes div se encuentra los elementos del main banner, banner y showcase.
-------------------------------------------------------------------------------- */
	div#container_botom {
	width:942px;
	height:495px;
	margin:auto;
	margin-top: 4px;
	background-image:url(images/unis_interior_03.jpg);
	background-repeat:repeat-y;
	background-position:center;


	}
/*Area de contenido izquierdo:
En los siguientes div se encuentra los elementos del main banner y banner.
-------------------------------------------------------------------------------- */
	div#container_left {
	width:580px;
	height:485px;
	float: left;
	}
	div#main_banner {
	width:550px;
	height:275px;
	float: left;
	margin-left:30px;	
	_margin-left:15px;	

	}
	
	div#banner {
	width:550px;
	height:152px;
	/*overflow: hidden;*/
	float: left;
	margin-top: 4px;
	margin-bottom:3px;
	_margin-bottom:2px;
	margin-left:26px;		
	#margin-left:26px;
	_margin-left:13px;	
	}
	
	div#down_menu {
	width:550px;
	height:54px;
	overflow:hidden;
	float:left;
/* 	margin-top: 4px;   */
	margin-left:30px;
	_margin-left:15px;	
	background-image:url(images/down_menu_bg.jpg);
	background-repeat:no-repeat;
	margin-top:1px;
	}
	
/*	div#division {
	width:550px;
	height:54px;
	overflow:hidden;
	float: left;
 	margin-top: 4px;   
	margin-left:30px;
	_margin-left:15px;	
	background-image:url(images/down_menu_bg.jpg);
	background-repeat:no-repeat;
	}   */
	
	
	.down_menu_option {
	width:128px;
	height:50px;
	float: left;
/* 	margin-top: 4px;   */
/*	margin-left:15px;   */
	font-family:Trebuchet MS;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	padding-top:8px;
	text-decoration:none;
	margin-right:9px;

	}
	
	
	a.down_menu_option {
	font-family:Trebuchet MS;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;

	}
	
	
	
	
	
/*Area de contenido derecho:
En los siguientes div se encuentra el showcase.
-------------------------------------------------------------------------------- */
	.container_right {
	width:316px;
	/*height:471px;*/
/*	overflow:hidden; */
	float: left;
	margin-left:5px;
	display:inline;
	color:#000000;
	}
/*Container_pestanas:
Este div seria el que se coloca en "Bar - Outer Div CSS" en la pestana de Tab Style del modulo section showcase
-------------------------------------------------------------------------------- */
	.container_pestanas {
	width:316px;
	height:34px;
/*	overflow:hidden;  */
	float: left;
	font:verdana;
	font-size:9px;
	color:#FFFFFF;
	font-weight: bold;
	}
	/*Pestana1, pestana2 y pestana3:
Estos divs en la columna "Normal Css" de cada seccion.
-------------------------------------------------------------------------------- */
	.pestana1 {
	width:79px;
	height:34px;
/*	overflow:hidden;  */
	float: left;
	background-image:url(images/tab1G.jpg);
/*	background-image:url(images/unactive_bg_paint.jpg);   */
	background-repeat: no-repeat;
	
	}
	
	.pestana1_selected {
	width:79px;
	height:34px;
/*	overflow:hidden;  */
	float: left;
	background-image:url(images/tab1A.jpg);
/*	background-image:url(images/active_bg_paint.jpg);  */
	background-repeat: no-repeat;
	}
	
	
	.pestana2 {
	width:79px;
	height:34px;
/*	overflow:hidden;   */
	float: left;
	background-image:url(images/tab2G.jpg);	
/*	background-image:url(images/unactive_bg_paint.jpg);   */
	background-repeat: no-repeat;
	}
	
	.pestana2_selected {
	width:79px;
	height:34px;
/*	overflow:hidden;   */
	float: left;
	background-image:url(images/tab2A.jpg);		
/*	background-image:url(images/active_bg_paint.jpg);   */
	background-repeat: no-repeat;
	}
	
	.pestana3 {
	width:79px;
	height:34px;
/*	overflow:hidden;   */
	float: left;
	background-image:url(images/tab3G.jpg);		
/*	background-image:url(images/unactive_bg_paint.jpg);   */
	background-repeat: no-repeat;
	}
	
	.pestana3_selected {
	width:79px;
	height:34px;
/*	overflow:hidden;   */
	float: left;
	background-image:url(images/tab3A.jpg);			
/*	background-image:url(images/active_bg_paint.jpg);   */
	background-repeat: no-repeat;
	}
	
	.pestana4 {
	width:79px;
	height:34px;
/*	overflow:hidden;   */
	float: left;
	background-image:url(images/tab4G.jpg);			
/*	background-image:url(images/unactive_bg_paint.jpg);   */
	background-repeat: no-repeat;
	}
	
	.pestana4_selected {
	width:79px;
	height:34px;
/*	overflow:hidden;   */
	float: left;
	background-image:url(images/tab4A.jpg);
/*	background-image:url(images/active_bg_paint.jpg);   */
	background-repeat: no-repeat;
	}
	
	.pestana5 {
	width:79px;
	height:34px;
/*	overflow:hidden;   */
	float: left;
	background-image:url(images/emp1.jpg);		
/*	background-image:url(images/unactive_bg_paint.jpg);   */
	background-repeat: no-repeat;
	}
	
	.pestana5_selected {
	width:79px;
	height:34px;
/*	overflow:hidden;   */
	float: left;
	background-image:url(images/emp2.jpg);			
/*	background-image:url(images/active_bg_paint.jpg);   */
	background-repeat: no-repeat;
	}
	
	
	
	/*Container_showcase:
Estos divs estara colocado en "Content - Outer Div CSS" y "Content - Inner Div CSS" de la pestaña Content Styles
-------------------------------------------------------------------------------- */
	.container_showcase {
	width:316px;
	/*height:425px;*/
/*	overflow:hidden;  */
	float: right;
/*	background-color:#dbdbdb;
	background-repeat: repeat;
	background-color: #2A1001;   */
	background-color:#FFFFFF;	
	display:inline;
	color:#000000;
	}
/*En el div siguiente se desplegara el contenido del showcase, para la seccion news, con excepcion de news no tiene div "content como hijo, ya que toma el container_showcase como padre directo. Siempre tendra de hijo a "showcase_text" para el estilo.
-------------------------------------------------------------------------------- */
	.active_news {
	width:316px;
	height:403px;
	overflow:hidden;
	margin:auto;
	margin-top:25px;
	text-align: right;
	font:verdana;
	font-size:11px;
	color:#000000;
	
	}
/*Los siguientes divs se ingresaran en el source de cada seccion, siendo "active" padre de "content" y "content" sera padre de
"showcase_text"
-------------------------------------------------------------------------------- */
	.active_welcome {
	width:316px;
	height:425px;
	overflow:hidden;
	margin:auto;
	text-align: justify;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#000000;
/*	background-color:#808080;
	background-repeat: repeat;
	background-color: #754F09;   */
	background-color:#FFFFFF;	
	}
	.welcome_content {
	width:316px;
	height:380px;
	overflow:hidden;
	margin:auto;
/*	margin-top:25px;   */
	text-align: justify;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#000000;
	
		}
	.active_service {
	width:316px;
	height:425px;
	overflow:hidden;
	margin:auto;
	text-align: justify;
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#000000;
/*	background-color:#454545;
	background-repeat:repeat;
	background-color:#9E6906;
	background-color:#FFFFFF;	*/
	}
	.service_content {
	width:316px;
	height:425px;
	overflow:hidden;
	margin:auto;
/*	margin-top:25px;   */
	text-align: justify;
	font-family:"Trebuchet MS";
	color: #000000;
	}
/*Showcase_text: es el div que contiene el estilo del contenido de cada las secciones news, welcome y service
-------------------------------------------------------------------------------- */
	.showcase_text {
	width:316px;
	height:393px;
	overflow:hidden;
	margin:auto;
	margin-top:12px;
	text-align: right;
	font:verdana;
	font-size:12px;
	font-weight:500;
	text-align:justify;
	color:#ffffff;
	}
/*Container_info, photo, content_news button_news son divs comentados solo para muestra de la diagramacion de como se desplega
las noticias.
-------------------------------------------------------------------------------- */
	.container_info {
	width:316px;
	height:102px;
	overflow:hidden;
	background-color: #C2C2C2;
	float: left;
	}
	.photo {
	width:125px;
	height:102px;
	overflow:hidden;
	float:left;
	}
	.content_news {
	width:215px;
	height:90px;
	overflow:hidden;
	background-color: #C2C2C2;
	margin-top: 7px;
	margin-left: 7px;
	}
	.button_news {
	width:49px;
	height:13px;
	float:right;
	overflow:hidden;
	color: #FFFFFF;
	background-color:#000000;
	margin-bottom: 10px;
	}
	/*Area de contenido de footer:
En los siguientes div se encuentra el copyright.
-------------------------------------------------------------------------------- */
	div#footer {
	width:960px;
	height:27px;
	margin:auto;
	font-family:"Trebuchet MS";
	color: #828282;
	font-size: 10px;
	text-align:center;
	background-image:url(images/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	
	}
	
	
/**************************
*     CSS MENU TOP 
**************************/


/**************************
*     Primer Nivel 
**************************/

/* Estilo para la tabla*/
.TM0t0{
margin:0 auto;
margin-top:5px;

}

/* Estilo para el div que contiene cada opcion del menu, estado:normal */

.TM0o0 {
/*	padding-right:20px;   */
	overflow:hidden;
	height:24px;
	margin:0 0px;
	background-image:url(images/options_right.jpg);
	background-repeat:no-repeat;
	background-position:right;

}

/* Estilo para el div que contiene cada opcion del menu, estado:hover */

.TM0o1 {
/*	padding-right:20px;   */
	overflow:hidden;
	height:24px;
	margin:0 0px;
	background-image:url(images/options_right.jpg);
	background-repeat:no-repeat;
	background-position:right;	
}

/* Estilo solo para el texto, estado:normal */

.TM0i0 {
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
/*	font-weight:bold;   */
}

/* Estilo solo para el texto, primer nivel, estado:hover */

.TM0i1 {
	font-family:"Trebuchet MS";
	color:#6ea0e9;
	font-size:12px;
	text-align:center;
/*	font-weight:bold;   */
}


/**************************
*     Segundo Nivel 
**************************/


/* Estilo para la tabla */
.TM1t0{
/*background-color:#000a3c;  */
background-color:#FFFFFF;

}

/* Estilo para el div que contiene cada opcion, estado:normal */

.TM1o0 {
	background-color:#00031c;

/*	border:1px solid  #ffffff;  */
   	font-size:12px;
	font-weight:bold;

}

/* Estilo para el div que contiene cada opcion, segundo nivel estado:hover */

.TM1o1 {
	background-color:#00031c;
/*	border:1px solid #ffffff;   */
   	font-size:12px;
	font-weight:bold;

	
}

/* Estilo solo para el texto, estado:normal */

.TM1i0 {
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	text-align:center;
	font-size:10px;
    
}

/* Estilo solo para el texto, estado:hover */

.TM1i1 {
	text-align:center;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
   	font-size:10px;
	font-weight:bold;
	}





	div#container_search {
		width:350px;
		height:20px;
		float: right;	
		margin-top:26px;
		margin-right:25px;
		_margin-right:12px;
		overflow:hidden;
	}
		
	.box_member {
		float:left;
		width:170px;
		height:18px;
		overflow:hidden;
		margin-top:1px;
		margin-left:47px;
	}
	
	div#division {
	width:5px;
	height:485px;
	float:left;	
	background-image:url(images/division.jpg);
	background-repeat:no-repeat;
	margin-left:5px;

		}



/*  NOTICIAS   */

		.news_individual {
		margin:auto;
		width:300px;
		/*height:115px;*/
		border-bottom:1px solid #b5b5b5;
		margin-top:14px;
		overflow:hidden;
		


		
	}
	
	
		.news_container{
		width:205px;
		/*height:63px;*/
		float:right;

	}
	
		.titulo_news {
		width:205px;
		overflow:hidden;
		float:left;
		text-align:left;
		font-family: "Trebuchet MS";
		font-size:12px;
		color:#0051a0;
		font-weight:bold;


		
	}
	
	
		.info_news {
		width:205px;
		/*height:60px;*/
		float:left;
		font-family: "Trebuchet MS";
		color: #686868;		
		font-size:10px;
		font-weight:bold;
		text-align: left;


		
		
	}
	
	.foto_news {
	width:81px;
	height:81px;
	float:left;
	
	
	}
	
	
	.foto_box {
		width:84px; !important;
		height:84px; !important;
		overflow:hidden;
		float:left;
	}
	
	.imgNews{
		border:none; 
		width:84px;
	}
	
	.fondo {
	width:66px;
	height:62px;
	background-image:url(images/noticias_06.jpg); 
	background-repeat:no-repeat;
	float:left;
	}
	
	
	
	a.sub_menu {

    font-family: "Trebuchet MS";
	color: #FFFFFF;
	size:9pt;
	font-weight:bold;
	text-decoration:none;   
	font-size:9pt;
	
}