.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}

.inside{

	padding: 0 0 0 4em;
	
}



#pageWrapper {
	/*border: solid 1px #fff;
	border-width: 0 0 0 1px;*/
	min-width: 40em;	/* IE doens't understand this property. EMs are used
				   so that as the font size increases, the proportional
				   limitations (min-width) increase with it, rather
				   than creating a middle column that can only fit
				   3 or 4 characters in it. */
	width: auto;
	background: url(/img/gradiente-menu.jpg) repeat-y;
}

* html #pageWrapper {
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#outerColumnContainer {
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	/*border-left: solid 16em #fff;
	border-right: solid 16em #fff;*/
	margin-left: 16em;
	
}

#innerColumnContainer {
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
	background-color: #fff;
}

#leftColumn, #middleColumn, #rightColumn, * html #SOWrap {
	overflow: visible;	
	position: relative;	
}


#leftColumn .inside {
	padding: 0;
	
}

#SOWrap {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
	
}

#middleColumn {
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}

#leftColumn {
	float: left;
	margin: 0 1px 0 -16em;
	width: 16em;
	z-index: 4;
}

#rightColumn {
	float: right;
	width: 16em;
	margin: 0 -16em 0 1px;
	z-index: 2;
}


p.fontsize-set {
	text-align: center;
}

p.fontsize-set img {
	border-width: 0;
}

#blanco {
	height: 1.5em;
	background: #fff;
	display: block;
}

/* ----------- HASIERA Atalen menua ----------- */

.vnav {
	font-size: 0.9em;
	text-align:left;
	margin: 0px 0 20px 0;
	border-bottom: 1px solid #699e11;
}

.vnav ul, .vnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none; 
	display: block;
	background-image:none;

}

.vnav ul li {
	padding: 0;
	margin: 0;
}


.vnav ul li a {
	padding: 4px 10px 4px 25px;
	color: #fff;
	display: block;
	text-decoration: none;
	background: #355e00 url(/img/estudios/fondo-menu.gif) no-repeat;
	border-top: 1px solid #699e11;
	border-left: 1px solid #699e11;
	border-right: 1px solid #699e11;
}

.vnav ul li a:link, .vnav ul li a:visited {
	color: #fff;
}

.vnav ul li a:hover {
	color:#fff;
	background: #7c6f30 url(/img/estudios/fondo-menu2.gif) no-repeat;
}

.vnav ul li a.actual {

	color:#fff;
	background: #7c6f30 url(/img/estudios/fondo-menu2.gif) no-repeat;
}

* html .vnav ul li a /* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}

* html .vnav ul {
	position: relative;	/* IE necesario para corregir un problema de renderizado */
}

.vnav ul ul li a {
	padding: 4px 10px 4px 37px;
	background: #355e00 url(/img/estudios/fondo-menu3.gif) no-repeat;
	border-top: 1px solid #918323;
	border-left: 1px solid #918323;
	border-right: 1px solid #918323;
}

.vnav ul ul li a:hover {
	color:#fff;
	background: #7c6f30 url(/img/estudios/fondo-menu4.gif) no-repeat;
}

.vnav ul ul li a.actual {

	color:#fff;
	background: #7c6f30 url(/img/estudios/fondo-menu4.gif) no-repeat;
}
/* ----------- BUKAERA Atalen menua ----------- */


/*
.vnav {
	margin: 0;
}

.vnav p {
	margin: 1em;
}

.vnav h3 {
margin-left: 10px;
}

.vnav ul, .vnav ul li {
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	display: block;
}

.vnav ul {
	border: solid 1px #fff;
	border-bottom-width: 0;
	
}

.vnav ul li {
	border-bottom: solid 1px #fff;
	line-height: normal;
}

.vnav ul li a:link, .vnav ul li a:visited {
	font-weight: bold;
	color: #000;
	background-color: #bcb;
	text-decoration: none;
	cursor: pointer;
	background: #bcb url(/img/flecha-menu.jpg) no-repeat 0 50%;
	display: block;
	padding: 4px 7px 5px 54px;
	display: block;
	line-height: normal;
}


.vnav ul li a:hover {
	background: url(/img/flecha-menu2.jpg) no-repeat 0 50%;
}

.vnav ul li a.actual:link, .vnav ul li a.actual:visited {
	background: url(/img/flecha-menu2.jpg) no-repeat 0 50%;
}

.vnav ul ul li a, .vnav ul ul li a:link, .vnav ul ul li a:visited {
	background: none;
	text-decoration: underline;
	font-weight: normal;
}

 .vnav ul ul li a.actual:link, .vnav ul ul li a.actual:visited {
	background: url(/img/flecha-menu3.jpg) no-repeat 0 50%;
	text-decoration: underline;
	font-weight: normal;
}

.vnav ul ul li a:hover, .vnav ul ul li a.actual:hover {
	text-decoration: none;
	background: none;
}

* html .vnav ul li a {
	height: 0.01%;
}

* html .vnav ul {
	position: relative;	
}
*/


#pageWrapper, #innerColumnContainer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a {
	border-color: #DEDEDE;
}


#outerColumnContainer {
	/*border-left-color: #ded;	 left column background color */
	border-right-color: #cdc;	/* right column background color */
	/*background-color: #fff;		 set the background color for the middle column here */
	
}









#rightColumn .inside {
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	 padding: 0;
}

#rightColumn .inside .vnav {
	font-size: 110%;
}

#pie {
	background-color: #898;
	color: #fff;
	text-align: center;
}

/******************************************************************************/