html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "Verdana, Arial, Helvetica, sans-serif";
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #e3e3e5;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html {
	background-color: #eee;
	background-image: url(../images/fondogristrans.png);
	background-repeat: repeat-x;
}

body {
	width:758px;
	margin:25px auto 0 auto;
}

.clear {
	clear:both;
}

#wrap {
	background:#FFF;
	margin:0 auto;
	padding:10px 10px 10px 10px;
	width:758px;
}

#greywrap #header {
	background:white;	
	padding:10px 10px 1px 10px;
	width:758px;
}
	
/* HEADER *****************************************/

#header {

}

	#header div#logo {
		float:left;
		height:42px;
		width:191px;
	}
	
	#header div#logo a {
		background: url(http://www.ibidemgroup.es/images/logo_ibidem.gif) no-repeat;
		display:block;
		height:42px;
		width:191px;
		text-decoration:none;
	}
	
	#header div#languages {
		color:#333333;
		float:right;
		font-family:"Verdana, Arial, Helvetica, sans-serif";
		font-size:10px; 
		height: 21px;
		padding-top:26px;
		text-align: right;
		width:549px;
	}
		
		#header div#languages a {
			display:block;
			float:right;
			margin:0 0 0 5px;
			padding-top:0px;
		}
		
		#header div#languages span {
			display: block;
			float:right;
			font-family:"Verdana";
			padding:1px 12px 0 0;
		}
		
	#header div#navigation {
		background:#bbbaba;
		color:white;
		font-family: Arial;
		font-size:9px;
		margin-bottom: 4px;
		padding:1px 0 3px 0;
	}
	
		#header p {
			font-family: Arial;
			border-top:1px solid white;
			padding:4px 0px 0px 2px;
			text-align: center;
		}
	
		#header div#navigation a {
			color:white;
			font-family: Arial;
			font-size:9px;
			text-decoration: none;
		}
	
	#header div#image {
		border-bottom: 1px solid #eee;
		margin-bottom: 27px;
		padding-bottom: 3px;
	}
	
		#header div#image a#splash-image {
			background:url(http://www.ibidemgroup.es/images/H6.gif) no-repeat bottom right black;
			display: block;
			height:215px;
			width:758px;
		}
		
			#header div#image a#splash-image span.top-left {
				background:url(http://www.ibidemgroup.es/images/H1.jpg) no-repeat left;
				display: block;
				float:left;
				height:158px;
				width:371px;		
			}
			
			#header div#image a#splash-image span.top-right {
				background:url(http://www.ibidemgroup.es/images/H2.jpg) no-repeat left bottom white;
				display: block;
				float:left;
				height:158px;
				width:314px;		
			}
		
			#header div#image a#splash-image span.bottom-left {
				background:url(http://www.ibidemgroup.es/images/H40.gif) no-repeat left;
				display: block;
				float:left;
				height:57px;
				width:371px;		
			}
			
			#header div#image a#splash-image span.bottom-right {
				background:url(http://www.ibidemgroup.es/images/H5.jpg) no-repeat left;
				display: block;
				float:left;
				height:57px;
				width:314px;		
			}
			
/* CONTENT LEFT ***************************************/

#home-content {
	float:left;
	width: 510px;
}

	#home-content p.top {
		padding:10px 0 0px 10px;
	}

	#home-content p.topbut {
		padding:6px 0px 20px 10px;
		color: #CC3300;
	}

	#home-content p.topbut a {
		font-family: Arial;
		color: #CC3300;
		underline-height: none;
	}
	

	#home-content h1 {
			color:#555555;
			font-family: Arial;
			font-size:18px;
			font-weight: bold;
			
			padding-left:8px;
			border-bottom:1px solid #6a6c6b;
	}

		#home-content h1 a {
			color:#555555;
			font-family: Arial;
			font-size:18px;
			font-weight: bold;
			text-decoration: none;
	}
		
		#home-content h1 a:hover {
			color:#555555;
	}

	#home-content .block {
		font-family: Arial;
		float:left;
		width:152px;
		padding:0px 11px 0px 7px;
	}
	
				
		#home-content .block a {
			font-family: Arial;
			color:#666;
			text-decoration: none;
	}
	
			#home-content .block a:hover {
			color:#666;
			text-decoration: underline;
		}
	
			
		#home-content .block p.title {
			color:#FFFFFF;
			background:#333333;
			font-family: Arial;
			height:10px;
			line-height: 11px;
			margin-bottom: 3px;
			padding:5px 0 5px 8px;
		}
		
			#home-content .block p.title a {
				color:#FFFFFF;
				font-family: Arial;
				font-size:10px;
				font-weight: bold;
				margin:0;
				padding:0;
				text-decoration: none;
				padding:5px 0 5px 8px;
			}
			
			#home-content .block p.title a:hover {
				color:#FFFFFF;
				text-decoration: none;
			}

						
	#home-content .block p.subtitle {
		color:#666;
		font-family:Arial;
		font-size:11px;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top:5px;
		text-decoration: underline;
	}
	
	
	#home-content p {
		color:#666;
		font-family:Arial;
		font-size: 11px;
		line-height: 13px;
		padding:0 1px;
		text-align: justify;
	}
	
	#home-content p.right {
		margin-top:5px;
		font-family: Arial;
		font-size:10px;
		text-align: right;
	}
	
		#home-content p.right a {
			color:#666;
			font-family: Arial;
			font-size:10px;
			text-decoration: none;
		}
		
			#home-content p.right a:hover {
				font-family: Arial;
				color:#666;
				text-decoration:underline;
			}
	
/* HOME RIGHT ******************************************/

#home-right {
	font-family: Arial;
	float:right;
	width:225px;
	color:#666666;
}

	#home-right p {
		color:#666666;
		font-family: Arial;
		font-size: 11px;
		line-height: 12px;
		margin-bottom:4px;
	}
	
		#home-right p a {
			color:#666666;
			font-family: Arial;
			text-decoration: none;
		}
		
		#home-right p a:hover {
			color:#666666;
			text-decoration: underline;
		}
		
	#home-right h2 {
		font-family: Arial;
		color:#666666;
		font-family: Arial;
		font-size:18px;
		font-weight: bold;
		border-bottom:1px solid #6a6c6b;
		margin-bottom:10px;
	}

		#home-right h2 a {
			color:#666666;
			font-family: Arial;
			font-size:18px;
			font-weight: bold;
			text-decoration: none;
		}
		
			#home-right h2 a:hover {
				color:#666666;
			}
			
	#home-right h3 {
		color:#CC3300;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 3px;
		padding-top: 5px;
	}
		#home-right h3 a {
		color:#CC3300;
		font-family: Arial;
		font-size: 11px;
		margin-bottom: 5px;
		text-decoration: none;
	}
	
		#home-right h3 a:hover {
			text-decoration: underline;
			color:#CC3300;
		}
		
			
	#home-right p.red {
		color:#CC3300;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 3px;
		padding-top: 5px;
	}
		#home-right p.red a {
		color:#CC3300;
		font-family: Arial;
		font-size: 11px;
		margin-bottom: 5px;
		text-decoration: none;
	}
	
		#home-right p.red a:hover {
			text-decoration: underline;
			color:#CC3300;
		}
		
	
/* FOOTER *************************************/

#footer {
	border-top:1px solid #ccc;
	clear:both;
	font-family: Arial;
	color:#999;
	font-size:10px;	
	margin-top:30px;
	padding-top:2px;
	text-align: center;
}

	#footer p {
		font-family: Arial;
		font-size: 10px;
		color:#999;
	}
	
		#footer p a {
			font-family: Arial;
			text-decoration: none;
			color:#999;
		}

#baseline {
	background:#EEE;
	font-family: Arial;
	font-size:10px;
	padding:5px 0 10px 20px;
	text-align: center;
	color:#C9C9C9;
	}
	
		#baseline a {
			font-family: Arial;
			font-size:10px;
			color:#C9C9C9;
			text-decoration: none
		}	
	




/**********************************************************/
/* INTERIOR PAGE ******************************************/


#wrap {
	position:relative;
}

#content {
	float:left;
	width:415px;
	margin-left:150px;
}
	
	#content h1 {
		border-bottom: 1px dotted #999;
		color:#555555;
		font-family: Garamond,Georgia,"Times New Roman",Times,serif;
		font-size:24px;
		font-weight:bold;
		margin-bottom:15px;
		padding-bottom:5px;
		padding-left: 15px;
		text-decoration:none;
	}
	
				
	#content h3  {
		color:#CC3300;
		font-family: Arial;
		font-size:12px;
		line-height:15px;
		font-weight:bold;
		margin-top:25px;
		margin-bottom:0px;
		padding-left: 15px;
		text-decoration:underline;
		}
		
		#content h3  a {
		color:#CC3300;
		font-family: Arial;
		font-size:12px;
		font-weight:bold;
		margin-bottom:0px;
		text-decoration:underline;
		}
	
	#content h2  { 
		line-height: 14px; 
		color: #4a4a4a; 
		font-size: 11px; 
		font-family: Arial; 
		font-weight: normal; 
		margin-top:25px;
		margin-bottom:0px;
		padding-left: 15px;
		text-decoration: none; 
		 }
		 
		 	#content h2 a { 
			color: #4a4a4a; 
			font-size: 11px; 
			font-family: Arial;
			text-decoration: none;   }
		 
		 
		#content h3 span.red {	
			color:#CC3300;
			font-family: Arial;
			font-size: 11px;
			font-weight: bold; 
			text-decoration: underline;
			padding-left: 15px;		
		}
		
		
	#content p {
		color:#4A4A4A;
		font-family: Arial;
		font-size:11px;
		line-height:14px;
		margin-bottom:1px;		
		margin-top:11px;
		padding-left: 15px;
		text-decoration:none;
		
	}
	

		#content p a {	
			color:#4A4A4A;
			font-family: Arial;
			font-size: 11px;
			text-decoration: none;		
		}
		
			#content p a:hover {	
				color:#4A4A4A;		
				text-decoration: underline;	
			}
			
			
	#content p.top {
		color:#4A4A4A;
		font-family: Arial;
		font-size:11px;
		line-height:14px;
		margin-bottom:0px;		
		margin-top:4px;
		text-decoration:none;
	}
			
		#content p.grey {
			font-family: Arial;
			background:#eee;
			padding:10px 15px;
		}
		
		#content p span.red  {	
			color:#CC3300;
			font-family: Arial;
			font-size: 11px;
			text-decoration: none;
			padding-top: 0px;		
			padding-left: 15px;		
		}
			#content p span.red a {	
			color:#CC3300;
			font-family: Arial;
			font-size: 11px;
			text-decoration: none;		
		}
		
			#content p span.red a:hover {	
				color:#CC3300;		
				text-decoration: underline;	
			}
	
	
		#content p span.yellow {
			font-family: Arial;
			background:#fffd94;
		}
		
			#content p span.yellow a  {
				text-decoration:none;
			}	
		
					#content p span.yellow a:hover  {
						text-decoration:none;
			}	
		
				#content p.mini {
					font-family: Arial;
					font-size:9px;
					line-height:10px;
		}
		
			#content p.mini a  {
				font-family: Arial;
				font-size:9px;
				line-height:10px;
				text-decoration:none;
			}	
		
					#content p.mini a:hover  {
						text-decoration:underline;
			}	
			
			
		#content p.red  {
			font-family: Arial;
			padding-left:30px;
			color:#CC3300;
			margin-top:1px;
			margin-bottom:0px;
		}
		
			#content p.red  a {
				padding-left:0px;
				color:#CC3300;
				margin-top:0px;
				margin-bottom:0px;
			}
			
			#content p.red  a:hover {
				text-decoration:underline;
			}
		
			#content p.redbar  {
			font-family: Arial;
			padding-left:20px;
			background:left center url(http://www.ibidemgroup.es/images/barra-roja.gif) no-repeat;	
			color:#CC3300;
			margin-top:1px;
			margin-bottom:0px;
			margin-left: 10px;
		}
		
			#content p.redbar  a {
				padding-left:0px;
				color:#CC3300;
				margin-top:0px;
				margin-bottom:0px;
			}
			
			#content p.redbar  a:hover {
				text-decoration:underline;
			}

		
			#content p.indent  {
				font-family: Arial;
				margin-left:25px;
				margin-top:0px;
				margin-bottom:4px;
		}
		
			#content p.indent  a {
				margin-left:0px;
			}
			
			#content p.indent  a:hover {
				text-decoration:underline;
			}

			
		#content table {
			width:100%;
			margin-bottom:5px;
			padding-left: 15px;
		}
			
		#content table tr td {
				width:29%;
				height: 16px;
				background:#ddd;
				color:#4a4a4a;
				border:5;
				margin: 2px 2px 0 0;
				padding: 2px 0 2px 10px;
				float:left;
				font-family:Arial;
				font-size:11px;
			}
		#content table tr td.125 {
				width:125px;
			}
		#content table tr td.350 {
				width:350px;
			}
				#content table tr td p, 
				#content table tr td a, 
				#content table tr.light td p, 
				#content table tr.light td a {
					text-decoration:none;
					font-family:Arial;
					font-size:11px;
					color:#4a4a4a;
					text-decoration:none;
				}
				
				#content table tr.light td {
					background:#eee;
				}


#left-column {
	border-right: 1px dotted #999;
	height:750px;
	margin-left:-565px;
	padding-right: 4px;
	float:left;
	width:130px;
}

		#left-column h3 {
		font-family: Arial;
		font-weight: bold;
		background:#ddd;
		height:10px;
		line-height: 0;
		margin-bottom: 5px;
		padding:6px 0 1px 8px;
	}
	
		#left-column h3 a {
		color:#CC3300;
		font-family: Arial;
		font-size:11px;
		font-weight: bold;
		margin:0;
		padding:0;
		text-decoration: none;
	}
	
		#left-column h4 {
		font-family: Arial;
		font-weight: bold;
		background:#ddd;
		height:10px;
		line-height: 0;
		margin-bottom: 5px;
		padding:6px 0 1px 8px;
	}

	#left-column h4 a {
		color:#666666;
		font-family: Arial;
		font-size:11px;
		font-weight: bold;
		margin:0;
		padding:0;
		text-decoration: none;
	}
	
	
		#left-column h4 a:hover, #left-column h4 a.light {
			font-family: Arial;
			color:#CC3300;
		}
	
	#left-column ul {	
		padding-bottom:5px;
	}
	
	#left-column ul li {
		list-style-type: none;
		background:left center url(http://www.ibidemgroup.es/images/flecha_gris.gif) no-repeat;
		margin-left:5px;
		padding-left:12px;
	}
	
		#left-column ul li a {
			color:#555;
			font-family:Arial,Helvetica,sans-serif;
			font-size:11px;
			font-weight: bold;
			text-decoration: none;
		}
		
			#left-column ul li a:hover {
				color:#CC3300;
				font-family:Arial,Helvetica,sans-serif;
				font-size:11px;
				font-weight: bold;
				text-decoration:underline;
			}

#left-column ul li.subred {
		color:#CC3300;
		list-style-type: none;
		background:left center url(http://www.ibidemgroup.esimages/flecha_gris_sub.gif) no-repeat;
		margin-left:5px;
		padding-left:15px;
		padding-top: 0px;
		padding-bottom: 3px;
		font-size:9px;
	}
	
			#left-column ul li.subred a {
			color:#CC3300;
			font-family:Arial,Helvetica,sans-serif;
			font-size:10px;
			font-weight: normal;
			text-decoration: underline;
		}
		
			#left-column ul li.subred a:hover {
				color:#CC3300;
				font-family:Arial,Helvetica,sans-serif;
				font-size:10px;
				font-weight: normal;
				text-decoration:underline;
			}
	
	#left-column ul li.subgris {
		color:#888;
		list-style-type: none;
		background:left center url(http://www.ibidemgroup.es/images/flecha_gris_sub.gif) no-repeat;
		margin-left:5px;
		padding-left:15px;
		padding-top: 0px;
		padding-bottom: 3px;
		font-size:9px;
	}
	
			#left-column ul li.subgris a {
			color:#888;
			font-family:Arial,Helvetica,sans-serif;
			font-size:10px;
			font-weight: normal;
			text-decoration: none;
		}
		
			#left-column ul li.subgris a:hover {
				color:#CC3300;
				font-family:Arial,Helvetica,sans-serif;
				font-size:10px;
				font-weight: normal;
				text-decoration:underline;
			}
#right-column {
	border-left:1px dotted #999;
	font-family:Arial;
	font-size:11px;
	height:750px;
	line-height:14px;
	padding-left:5px;
	float:right;
	width:150px;
	left:600px;
}

	#right-column #banner {
		background:#333;
		color:white;
		padding:20px 10px;
	}
	
	
		#right-column #banner h4{
			color:#CC3300;
			font-family:Arial;
			font-size:16px;
			font-weight:bold;
			margin-bottom:5px;
			padding-bottom:5px;
			border-bottom:1px solid white;
		}
		
		#right-column #banner p {
			border-bottom:1px dotted white;
			padding:5px 0;
		}
		
			#right-column #banner p small {
				display:block;
				font-family: Arial;
				color:#CCCCCC;
				font-size:10px;
			}
				
		#right-column #bannerlist {
			background:#333;
			color:white;
			padding-top:15px;
			padding-bottom:15px;
			padding-left:10px;
			padding-right:2px;
			}
			
		#right-column #bannerlist p {
			font-family: Arial;
			color:#CCCCCC;
			font-size:10px;
			}
		#right-column #bannerlist p a {
			font-family: Arial;
			color:#CCCCCC;
			font-size:10px;
			font-weight:normal;
			text-decoration:none;
			}
			
		#right-column #bannerlist p a:hover {
			text-decoration:underline;
			}
			
		#right-column #bannerlist p.title {
			font-size: 11px;
			color: #FFF;
			font-weight:bold;
			margin-bottom: 6px;
			}
		
			
		#right-column #banner a {
			font-family: Arial;
			color:white;
			display:block;
			font-size:11px;
			font-weight:bold;
			padding-top:5px;
			text-align:left;
			text-decoration:none;
		}
		
		#right-column #banner a:hover {
				text-decoration:none;
			}

		#right-column #banner span.red  {
			font-size:9px;
			padding-top:10px;
			color:#CC3300;
			text-align: right;
		}

		#right-column #banner span.red a {
			font-size:9px;
			padding-top:20px;
			color:#CC3300;
			text-align: right;
		}
		
		#right-column #banner span.red a:hover {
			color:#CC3300;
			text-decoration:none;
		}
		
		
	#right-column #bannertxt {
		margin-top: 10px;
		background:white;
		color:#CCCCCC;
		padding:12px 5px;
	}
	
		#right-column #bannertxt p.mini {
			font-family: Arial;
			color:#CCCCCC;
			font-size:9.5px;
			line-height: 10px;
			}
			
		#right-column #bannertxt p.mini a {
			font-family: Arial;
			color:#CCCCCC;
			font-size:9.5px;
			text-decoration: none;
			}
			
		#right-column #bannertxt p.miniblack {
			font-family: Arial;
			color:#4A4A4A;
			line-height:11px;
			font-size:10.5px;
			}
						
		#right-column #bannertxt p.miniblack a {
			font-family: Arial;
			color:#4A4A4A;
			font-size:11px;
			padding-left:5px;
			line-height:11px;
			text-decoration: none;
			}
			
			#right-column #bannertxt p.miniblack a:hover {
			font-family: Arial;
			color:#4A4A4A;
			font-size:11px;
			text-decoration: underline;
			}