/* Hoja de Estilos en Cascada para Skin DNN de CTMS.es */
/*                       PORTAL                       */


/*BODY*/
body {
    margin:0;
	paddin:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/general/background.gif) top left repeat-x #FFF;}
	
	
	/*Para Firefox*/
	html>body {font-size:0.85em; line-height: 1.1em;}

/*LAYOUT*/
#wrap {
    width: 780px;
	margin: 0;
	padding:0;}

.tit_h1{display:none;}
.tagline{margin:0; paading:0;}
	
		#logo{
			height:75px;
			margin:0;
			padding:0 0 0 145px;
			margin:0;
			padding:0;
			background: url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/general/cabecera.gif) top left no-repeat #05733a;}
			#logo p{margin:0; padding:20px 0 0 170px;}
			#logo h1{
				font: bold 1em Verdana, Tahoma, Helvetica, Arial, sans-serif;
				color: #FFF;
				letter-spacing: 0.1em; /* adjusts how close the title is to the top tag line */
				margin:0; padding:0;}

			
	.funcionalidades {
		padding: 0;
		margin:0 0 10px 0;
		background: url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/general/cabecera2.gif) top left no-repeat #e2edda;}

		.loginlinks{
    		height:26px;
			width:140px;
			float:left;
			margin:0;
			padding:3px 0 0 0;
			text-align:center;}
			.loginlinks p{
				font-family: Tahoma, Arial, Hevetica, Sans-serif;
				margin:0;
				padding:0;
				text-align:center;}
				
		.date{
			height:26px;
			width:140px;
			float:right;
			padding:3px 0 0 0;}
			.date p{
				font-family: Tahoma, Arial, Hevetica, Sans-serif;
				margin:0 0 0 0;
				padding:0 0 0 0;
				text-align:center;}
				
		.search{
			height:26px;
			padding:3px 10px 0 10px;
			margin:0 145px 0 145px;}
			
			.search ul{
				font-family: Tahoma, Arial, Hevetica, Sans-serif;
				list-style-type:none;
				margin:0;
				padding:0;}
				
				.search ul li{
					list-style-type:none;
					display:inline;
					color:#333;}
					
					.search ul li a:link,
					.search ul li a:active,
					.search ul li a:visited{
						font-size:0.8em;
						color: #036036;
						text-decoration:none;}
					.search ul li a:hover{
						font-size:0.8em;
						color: #036036;
						text-decoration:underline;}
						
					.search .searching{margin:0 0 0 100px;}
						/*Para Firefox*/
						html>body .search .searching{margin:0 0 0 50px;}
					.search .searching input {
						border: 1px solid #666;
						font-size:0.9em;
						text-align: left;
						font-family: Tahoma, Arial, Hevetica, Sans-serif;
						color:#333;}
						

/* RIGHTPANEL */
/* Utilidades */
#utilidades{
	width:140px;
	padding:0;
	margin:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;}

	
	#utilidades ul{
		list-style-type:none;
		margin:0 0 10px 0;
		padding:0 0 15px 0;}
		
	#utilidades li{
    	list-style: none;}
	
		#utilidades li a:link, 
		#utilidades li a:active, 
		#utilidades li a:visited{
			/* main colour of the menu */
			display:block;
			height:1.6em;
			padding:3px 0 3px 15px;
			font-size:0.8em;
			color:#696969;
			text-decoration:none;
			background:url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/menu/marcador06.gif) 0% 6px no-repeat #FFF;
			border-bottom:1px dashed #CCC;
			text-decoration: none; /* added for opera */}
		#utilidades li a:hover{
			color: #000;}
			
			#utilidades li a.ultimo:link,
			#utilidades li a.ultimo:activo,
			#utilidades li a.ultimo:visited,
			#utilidades li a.ultimo:hover{
				border:1px solid #FFF;}

			
/* Enlaces */
#enlaces{
	width:140px;
	padding:0;
	margin:0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;}
	

	#enlaces ul{
		list-style-type:none;
		margin:0 0 0 0;
		padding:0;}
		
	#enlaces li{
    	list-style: none;}
	
		#enlaces li a:link, 
		#enlaces li a:active, 
		#enlaces li a:visited{
			/* main colour of the menu */
			display:block;
			height:1.4em;
			padding:3px 0 3px 15px;
			font-size:0.8em;
			color:#666;
			text-decoration:none;
			background:url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/menu/marcador07.gif) 1% 5px no-repeat #e1e5df;
			border-bottom:1px solid #FFF;
			text-decoration: none; /* added for opera */}
		#enlaces li a:hover{
			color: #333;}
		
	/*LAYOUT ESPEC�FICO DEL PORTAL*/
	.portal_content{ clear:both;}
	
		#mainbody{
			float: left;
			width: 635px;
			margin:0 0 10px 0;
			padding:0;}
			
			#mainbody input,
			#mainbody textarea,
			#mainbody select {
				border: 1px solid #999;
				font-size:0.9em;
				font-family: Tahoma, Arial, Hevetica, Sans-serif;
				color:#333;}

			#content{
				float:right;
				width:490px;}
			
				.migas {
					padding:3px 0 3px 5px;
					margin:0 0 10px 0;
					background:#62958e;}
					.migas p{
						margin:0;
						padding:0;
						font-size: 0.8em;
						color: #FFF;}
						
						.migas .estasen{
							padding:0 0 0 67px;
							background:url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/migas.gif) 0% 3px no-repeat transparent;}
							/*Para Firefox*/
							html>body .migas .estasen{background:url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/migas.gif) 0% 2px no-repeat transparent;}
					
			#sidebar{
				width:140px;
				float: left;}
		
		#sidebar-2{
			width:140px;
			float: right;}
			
			.prueba{background:#CCC;}

				
		
		#footercontent{
			clear: both;}
			
			#footer{ background:#ecf2ee; height:25px; padding:0 10px 0 10px; margin:0 145px 0 145px;}
			
				/*#footer #waiaa{float:right; padding:3px 0 0 0;} #footer #waiaa img{border:0;}*/
				#footer p{
					font-family: Tahoma, Arial, Hevetica, Sans-serif;
					font-size: 0.9em;
					margin:0;
					padding:5px 0 5px 0;}





/*TIPOGRAF�A*/
/*Por defecto*/
.Normal, 
.NormalDisabled, 
.NormalBold, 
.NormalRed, 
.NormalTextBox{
    font-size:11px;
	margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Hevetica, Sans-serif;
	color:#333;}

/*Titulos*/
.Head{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #333; /* letter-spacing: 2; */}

.SubHead { font-size:12px;}
.SubSubHead { font-size:11px;}

/*Botones*/
.StandardButton { }

/*Tituladores*/
H1, H2, H3, H4, H5, DT, H6 { font-family: Tahoma, Arial, Helvetica, sans-serif; }

H1 {
	font-size: 1.5em;
	color: #333;}
	
H2 {
	font-size: 1.3em;
	color: #666;}
	
H3 {
	font-size: 1em;
	color: #666;}
	
H4{
	font-size: 0.9em;
	font-weight: bold;
	color: #999;
	margin: 0;}
	
H5, DT {
	font-size: 0.8em;;
	font-weight: normal;
	color: #999;
	margin: 0;}

H6{
    font-size: 0.7em;
    font-weight: normal;
    color: #999;
    margin: 0;}





/* CSS STYLES FOR HOUSEMENU SkinObject */
/* Contenedor del Menu */
#HouseMenuNav{
	width:140px;
	padding:0;
	margin:0;
	background:transparent;}

	/* Lista de primer nivel */
	#HouseMenuNav ul{
		list-style-type: none;
		margin:0;
		padding:0;
		background:url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/menu/menuhover.gif) 0% 0px no-repeat #FFF;}
	
	/* Elementos LI de la lista de primer nivel */	
	#HouseMenuNav li{
    	list-style: none;
		margin:0;
		padding:0;}
	
		/* Enlaces en los elementos LI de la lista de primer nivel */
		#HouseMenuNav a{/* all links within the menu wrapper */}
		#HouseMenuNav li a:link, 
		#HouseMenuNav li a:active, 
		#HouseMenuNav li a:visited{
			width:125px;
			display:block;
			padding:3px 0 3px 15px;
			font-size:0.8em;
			color:#333;
			text-decoration:none;
			background:url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/menu/marcador03.gif) top left no-repeat;
			border-bottom:1px solid #FFF;
			text-decoration: none;}
		#HouseMenuNav li a:hover{
			color: #000;}
			
			/* Lista de segundo nivel */
			#HouseMenuNav ul ul{
				list-style-tipe: none;
				margin: 0;
				padding:0;
				background:url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/menu/menuhover2.gif) 0% 0px no-repeat #FFF;}
				
				/* Elementos LI de la lista de segundo nivel */	
				#HouseMenuNav ul ul li{
					list-style-type: none;
					margin:0;
					padding:0;}
				
				/* Enlaces en los elementos LI de la lista de segundo nivel */	
				#HouseMenuNav ul ul a:link,
				#HouseMenuNav ul ul a:active, 
				#HouseMenuNav ul ul a:visited{
					width:120px;
					display:block;
					margin:0 0 0 5px;
					padding:3px 0 3px 15px;
					font-size:0.8em;
					color:#666;
					text-decoration:none;
					background:url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/menu/marcador02.gif) top left no-repeat #e0e5df;
					border-bottom:1px solid #FFF;
					text-decoration: none;}
				#HouseMenuNav ul ul a:hover{
					color:#333;}
					
					/* Lista de tercer nivel */
					#HouseMenuNav ul ul ul{
						list-style-tipe: none;
						margin: 0;
						padding:0;
						background:url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/menu/menuhover2.gif) 0% 0px no-repeat #FFF;}
						
						/* Elementos LI de la lista de tercer nivel */	
						#HouseMenuNav ul ul ul li{
							list-style-type: none;
							margin:0;
							padding:0;}
						
						/* Enlaces en los elementos LI de la lista de tercer nivel */	
						#HouseMenuNav ul ul ul a:link,
						#HouseMenuNav ul ul ul a:active, 
						#HouseMenuNav ul ul ul a:visited{
							width:110px;
							display:block;
							margin:0 0 0 15px;
							padding:3px 0 3px 15px;
							font-size:0.8em;
							color:#666;
							text-decoration:none;
							background:url(http://ibmweb.eppa.es/Portals/_default/Skins/ctms/media/menu/marcador09.gif) top left no-repeat #d2d7d1;
							border-bottom:1px solid #FFF;
							text-decoration: none;}
						#HouseMenuNav ul ul a:hover{
							color:#333;}					





	#utilidades h2{
		margin:0;
		padding:5px 0 4px 15px;
		font-size:0.8em;
		color:#FFF;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
		background:#8fc539;
		border-bottom:1px solid #FFF;}

	#enlaces h2{
		margin:0;
		padding:5px 0 4px 15px;
		font-size:0.8em;
		color:#FFF;
		font-variant:small-caps;
		font-weight:bold;
		text-decoration:none;
		background:#338ba3;
		border-bottom:1px solid #FFF;}






/* ENLACES */
.Normal{
	font-size:0.8em;
	text-decoration: none;
    color: #333;}

.Normal A:link, 
.Normal A:visited, 
.Normal A:active {
	text-decoration: none;
    color: #036036;}
.Normal A:hover {
    text-decoration: underline;
    color: #009048;}

/* This is the Date eg. any items that are not links */
.SkinItem {
	font-size:0.8em;
	text-decoration: none;
    color: #333;}
	
	/*User Login*/
	

/* This sets the style for all skin items that are links */
A.SkinItem:link, 
A.SkinItem:visited, 
A.SkinItem:active {
    text-decoration: none;
    color: #036036;}

A.SkinItem:hover {
    text-decoration: underline;
    color: #009048;}
	
/* Enlaces en migas de pan */	
.SelectedTab{color: #FFF; font-size:0.9em;}
.SelectedTab a:link,
.SelectedTab a:active,
.SelectedTab a:visited{text-decoration:none;}
.SelectedTab a:hover{text-decoration:underline;}			
	




/* IM�GENES */
/* Layouts for the Text/HTML module */
#imageleftside{}
#imageleftside img {
    border: 1px solid #CCC;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;}

#imagerightside{}
#imagerightside img {
    border: 1px solid #CCC;
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;}





/* OTROS */
.clear{ clear: both; }

.quoteleft {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	font-style: italic;
	padding: 0 10px 0 0;
	margin: 10px 10px 10px 0;
	width: 220px;
	float: left;
	text-align: right;
	border-right: 10px solid #C8CDD0;
	color:#75818A;}
	
.quoteright {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 105%;
	font-style: italic;
	padding: 0 0 0 10px;
	margin: 10px 0 10px 10px;
	width: 220px;
	float: right;
	text-align: left;
	border-left: 10px solid #C8CDD0;
	color:#75818A;}