/* @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-family:"Trebuchet MS";
	font-size: 16pt;
	color:#0a2567;
}
    
h2 {
	font-size: 14pt;
	color:#0A52AF;
	margin: 0 0;
	padding: 0 0;
	text-decoration: none;
}
    
h3 {
    font-size: 1.8em;
}
    
h4 {
    font-size: 1.6em;    
}
    
h5 {
    font-size: 1.4em;    
}
    
p {
    font-size: 1.2em;    
}

cite {
    font-size: 1.2em;
	margin: 0 0;
	padding : 0 0;
	font-weight:bolder;    
}

blockquote{
	overflow:hidden;
	border:1px solid #eeeeee;
	margin 0 auto;
	padding:4px;
}

blockquote:hover{
	overflow:hidden;
	border:1px solid #eeeeee;
	background-color:#fcfcfc; 
	margin 0 auto;
	padding:4px;
}

/* Instancias del menu:
En los siguientes codigos se encuentran los atributos para las diferentes intancias del menu principal
-------------------------------------------------------------------------------- */
a:link, a:hover, a:visited { 
/*	color:#146490;     */
	font-family:"Trebuchet MS";
	font-size:11px;
/*	color:#FFFFFF;  */
/*	color:#7272720;  */
	color:#225BAA;
	
}

a:active { 
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#6ea0e9;

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

a:visited {
	font-family:"Trebuchet MS";
	color:#225BAA;		
/*	color:#FFFFFF;  */
	font-size: 11px;
}

/*Area de contenido:
En los siguientes div se encuentra todo el contenido
-------------------------------------------------------------------------------- */
div#container {
	width:960px;
/*	height:630px;  */
	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:0 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:901px;
/*	height:1350px;  */
	overflow:hidden; 
	/*height:471px;  */
	margin:0 auto;
	display:block;
	clear:both;
/*	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:626px;
/*	height:485px;  */
	float: left;
	
	

	}
	div#main_banner {
	width:621px;
/*	height:158px;  */
	float: right;
/*	margin-left:30px;	
	_margin-left:15px;	  */
	margin-top:4px;


	}
	
	div#banner {
	width:550px;
	height:152px;
	overflow:hidden;
	float: left;
	margin-top: 4px;
	margin-left:30px;		
	_margin-left:15px;	
	}
	
	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;
	}
	
	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:248px;
	/*height:425px;*/
	overflow-y:auto;
	overflow-x:hidden; 
	float: left;
	margin-left:7px;
	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;
	}
	
	/*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:471px;
	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:450px;
	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:475px;
	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:475px;
	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:0 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;
	display:block;
	clear:both;
	
	}
	
	
/**************************
*     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:245px;
		float:left;
		overflow:hidden;
		/*height:102px;*/
		border-bottom:1px solid #b5b5b5;
		margin-top:14px;
		


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

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

		
	}
	
	
		.info_news {
		width:135px;
	/*	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; !important;
		float:left; !important;
	}
	
	.imgNews{
		border:none; !important;
		width:84px; !important;
	}
	
	.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;
	
}


	div#container_content_interior {
	width:621px;
	float: right;
	font-family: "Trebuchet MS";
	font-size:12px;
	color:#727272;
	margin-top:23px;
		}

	div#content_interior {
	width:595px;
	margin: auto;
/*	margin-top: 12px;  */
	font-family: "Trebuchet MS";
	font-size:12px;
	color:#727272;
	text-align: justify;
	margin-bottom: 10px;
	}
	
	
	div#content_interior td p {
	
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#727272;
	
	}
	
	div#content_interior li {
	list-style: url(images/bullet.jpg);
	
	}
	
	
	
	
	
	div#mas_noticias {
		width:234px; 
		height:19px;
		margin:0 auto;
		background-color:#002d62;
		margin-top:4px;
		font-family:"Trebuchet MS";
		font-size:12px;
		color:#FFFFFF;
		text-align:left;
		padding-left:10px;
		padding-top:2px;
		

		
		
		
	}
	
	a.facultades:link, a.facultades:visited{
				width:536px;
				height:23px;
				display:block;
				text-decoration:none;
				text-align:left;
				font-family:'Trebuchet MS';
				color:#af8403;
				font-size:12px;
				background-image:url(images/options_bg_menu_fa.jpg); 				
				background-repeat:no-repeat;
				padding-left:5px;
				padding-top:3px;
	
	
	}
	a.facultades:hover{
				width:531px;
				height:23px;
				display:block;
				text-decoration:none;
				text-align:left;
				font-family:'Trebuchet MS';
				color:#FFFFFF;
				font-size:12px;
				background-image: url(images/hover_menu.jpg);
				background-repeat:repeat-x;
				padding-left:5px;
				padding-top:3px;
	
	}
	
	a.facultadesActive:link, a.facultadesActive:visited{
	
				width:531px;
				height:23px;
				display:block;
				text-decoration:none;
				text-align:left;
				font-family:'Trebuchet MS';
				color:#FFFFFF;
				font-size:12px;
				background-image: url(images/hover_menu.jpg);
				background-repeat:repeat-x;
				padding-left:5px;
				padding-top:3px;
	
	}
	a.facultadesActive:hover{
				width:531px;
				height:23px;
				display:block;
				text-decoration:none;
				text-align:left;
				font-family:'Trebuchet MS';
				color:#FFFFFF;
				font-size:12px;
				background-image: url(images/hover_menu.jpg);
				background-repeat:repeat-x;
				padding-left:5px;
				padding-top:3px;
	
	}
	
	
	
	
	
	
		a.otros:link, a.otros:visited{

				width:245px;
				height:16px;
				text-decoration:none;
				text-align:left;
				font-family:'Trebuchet MS';
				color:#0a2567;				
				font-size:12px;
				display:block;
				overflow:hidden;
				text-align:left;

	
	
	}
	a.otros:hover{

				width:245px;
				height:16px;	
				text-decoration:none;
				text-align:left;
				font-family:'Trebuchet MS';
				color:#0a2567;
				font-size:12px;

	
	}
	
	a.otrosActive:link, a.otrosActive:visited{
	
				width:245px;
				height:16px;
				text-decoration:none;
				text-align:left;
				font-family:'Trebuchet MS';
				color:#0a2567;
				font-size:12px;
				text-align:left;
	
	}
	a.otrosActive:hover{
				width:245px;
				height:16px;
				text-decoration:none;
				text-align:left;
				font-family:'Trebuchet MS';
				color:#0a2567;
				font-size:12px;
	
	}
	
	
	
	
	
	.accordion_toggle {
			display: block;
			height: 16px;
			width: 234px;
			background:#FFFFF;
			padding: 0 5px 0 10px;
/*			line-height: 30px;  */
			font-family:Trebuchet MS;
			color: #447fb9;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			border: 1px solid #CCCCCC;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/acordion_bg.jpg) repeat-x;
			font-family:Trebuchet MS;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 12px;	
			padding: 0 0px 0 10px;					

		}
		
		.accordion_content {
			background-color: #ffffff;

			color: #0a2567;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
	
	
	
	
	
	a.rightmenu   {
	
	
	font-family:Trebuchet MS;
	color: #0a2567;
	font-size:12px;
	background-image:url(images/vineta.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;

	
	
	
	
	
	}
	
	
	a.rightmenuactive   {
	
	font-family:Trebuchet MS;
	color: #0a2567;
	font-size:12px;
	background-image:url(images/vineta.jpg);
	background-repeat:no-repeat;
	background-position:left;	
	padding-left:10px;	
	
	}