/*

-----------------------------------------------------------------------

Bio&Sur Hoja de Estilos de Base



FileName: ayelen.css

Version:  1.0

Fecha:    23.10.2006

Diseño:	  TIPOLOGICA/BDC 

-----------------------------------------------------------------------

*/





/* Elementos Generales ---------------------------------------------- */



	html {

		margin:0 auto;

		height:100%;

		}





	body	{

		background:  url(img/bkg_base.jpg) center;	

		color: #ccc;

		font-family: lucilda, arial, verdana, lucida, trebuchet ms, helvetica, sans-serif;

		text-align:center;

		margin:0;

		padding:0;

		min-height:100%;

		}

		



img {

border:0;

padding:0;

margin:0;

}





/* Elementos de Formato -------------------------------------------- */





	#wrapper {

		margin:0 auto;

		padding: 0px;

		width: 839px;

		font-size:medium;

		height:97%;

		}

		



	#head	{

		width: 839px;

		height:115px;

		margin:0 auto;

		background: #c30;

		color: #fff;

		}



	#nav	{

		display:table;

		width: 839px;

		height:28px;

		margin:0 auto;

		margin-top:4px;

		background: #760000;

		color: #fff;

		}

		

	#nav2	{

		display:table;

		width: 839px;

		height:20px;

		margin:0 auto;

		margin-top:0px;

		color: #fff;

		}

		

* html #wrapper #nav {

	margin-top:4px;

	}

		

	#bnr, #ibnr	{

		width: 839px;

		margin:0 auto;

		margin-top:0px;

		padding-top:0px;

		color: #fff;

		}

	#bnr2	{

		width: 801px;

		height:40px;

		text-align:left;

		margin:0 auto;

		margin-top:0px;

		padding-top:2px;

		padding-left:38px;

		color: #fff;

		font-size:xx-small;

		background:#59464C;

		clear:left;

		}		

		



	#colIzq {

	min-height:100%;

	width: 190px;

	margin-top: 0px;

	margin-right: -10px;

	padding-right:-10px;

	margin-left: 3px;

	margin-bottom:20px;

	text-align: right;	

	float: left;

	} 



	#colDer {

	min-height:100%;

	width: 654px;

	margin-top: 20px;

	margin-right: 0px;

	margin-left: 3px;

	margin-bottom:20px;

	text-align: left;	

	float: left;

	} 

	

	*html #colDer {

	min-height:100%;

	width: 650px;

	margin-top: 20px;

	margin-right: 0px;

	margin-left: 3px;

	text-align: left;	

	float: left;

	} 

	

/* Columna derecha interior */



	#colDer2 {

	min-height:100%;

	width: 450px;

	margin-top: 20px;

	margin-right: 0px;

	margin-left: 3px;

	margin-bottom:20px;

	text-align: left;	

	float: left;

	} 

	

	*html #colDer2 {

	min-height:100%;

	width: 456px;

	margin-top: 20px;

	margin-right: 0px;

	margin-left: 3px;

	text-align: left;	

	float: left;

	} 





	#colDer3 {

	min-height:100%;

	width: 180px;

	margin-top: 20px;

	margin-right: 10px;

	margin-left: 0px;

	margin-bottom:20px;

	text-align: right;	

	float: right;

	} 

	

	*html #colDer3 {

	min-height:100%;

	width: 180px;

	margin-top: 20px;

	margin-right: 0px;

	margin-left: 0px;

	text-align: right;	

	float: right;

	} 

	

		

	

/* Navegación -------------------------------------------- */		



				#nav ul {

						border: 0;

						margin: 0;

						padding: 0;

						margin-left:70px;

						list-style-type: none;

						text-align: left;	

						}

				

				#nav ul li {

						float: left;

						text-align: left;

						padding: 0;

						margin: 0;

						margin-left: 0px;

						}

				

				#nav ul li a {

						display:block;

						padding-top: 10px;

						padding-bottom: 4px;

						padding-right: 10px;

						padding-left:0;

						color: #fff;

						background:#760000;

						text-decoration: none;

						text-transform:uppercase;				

						font-weight: normal;

						letter-spacing: 1px;

						voice-family: "\"}\"";   

						voice-family: inherit;   

						font-size: 70%; 

						}

				

				html>#nav ul li a  {

						font-size: medium;

							 

						} 

							

				#resources a:link, #resources a:visited {

						}

				

				#nav ul li a:hover {

						color: #fff;

						background: url(img/bkg_menuON.gif) top left repeat;

						}



/* Navegación -------------------------------------------- */		



				#nav2 ul {

						border: 0;

						margin: 0;

						padding: 0;

						margin-left:80px;

						list-style-type: none;

						text-align: left;	

						}

				

				#nav2 ul li {

						float: left;

						text-align: left;

						padding: 0;

						margin: 0;

						margin-right: 20px;

						}

				

				#nav2 ul li a {

						display:block;

						padding-top: 10px;

						padding-bottom: 4px;

						padding-right: 10px;

						padding-left:0;

						color:#666666;

						text-decoration: none;

						text-transform:uppercase;				

						font-weight: normal;

						letter-spacing: 1px;

						voice-family: "\"}\"";   

						voice-family: inherit;   

						font-size: 70%; 

						}

				

				html>#nav2 ul li a  {

						font-size: medium;							 

						} 

							

				#resources a:link, #resources a:visited {

						}

				

				#nav2 ul li a:hover {

						color:#6666FF;

						}

												

/* Tipografía Home -------------------------------------------- */



#colDer h2 {

	nobackground: url(imagenes/ico_h2.jpg) left top no-repeat;

	margin-bottom: 0px;

	padding-left: 38px;

	padding-right: 70px;

	font-family: arial, helvetica, sans-serif;

	font-size: 100%;

	font-weight: 800;

	color: #86A851;

		text-align:left;

	}

	

#colDer h3 {

	nobackground: url(imagenes/ico_h3.jpg) left center no-repeat;

	border-top:#ccc 1px dotted;

	margin-top:0px;

	margin-bottom: 0px;

	margin-left: 38px;

	padding-right: 70px;

	font-family: arial, helvetica, sans-serif;

	font-size: 95%;

	font-weight: 800;

	color: #333;

	text-align:left;

	}

	

	

	

#colDer h5, #colDer2 h5 {

	margin-bottom: 0px;

	margin-left: 38px;

	padding-right: 70px;

	font-family: arial, helvetica, sans-serif;

	color: #333;

	text-align:left;

	}

		

#colDer p, #colDer2 p {

	margin-top: 0px;

	margin-bottom: 10px;

	padding-left: 38px;

	padding-right: 0px;

	font-family: arial, helvetica, sans-serif;

	font-size: 73%;

	line-height:130%;

	color: #555;

		text-align:left;

	}



#colDer h1 {

display:none;

	}

	

	



.bg {

	font-size: 90%;

	border-top:1px dotted;

	}

	

	

.bg1 {

	font-size: 90%;

	}	



.bg a:link, .bg a:visited, .bg1 a:link, .bg1 a:visited {

	color:#666699;	

	line-height:170%;

	text-decoration:none;

	}	



li.bg, li.bg1 {	

list-style-type:none; }



.bg a:hover, .bg1 a:hover {

	color:#6666FF;

	line-height:170%;

	}	

		

		

#colDer2 ul {

	margin-top:-2px;

	padding-top:-2px;

	}

	

#colDer2 ul li.bg1 {

	margin-top:0px;

	padding-top:0px;

	}

				

/* Tipografía Interior -------------------------------------------- */





	h1 {

		display:none;

		}

		

#colIzq ul li {

	list-style-type:none;

	color:#666666;

	text-align:right;

	margin-right:0px;

	padding-right:-10px;

	}

	

#colIzq ul li a:link, #colIzq ul li a:visited  {

	color:#666699;

	text-decoration:none;

	}

#colIzq ul li a:hover  {

	color:#6666FF;

	}	

	

#colIzq h3 {	

	font-family: arial, helvetica, sans-serif;

	font-size: 135%;

	font-weight: 800;

	color: #666;

	text-align:right;

	padding-right:-10px;

	margin-right:0px;

	margin-top:14px;

	padding-top:0px;

	}

	

#colDer2 h2 {

	border-bottom:#666 1px dotted;

	margin-top:-2px;

	margin-bottom: 20px;

	margin-left: 38px;

	padding-bottom:5px;

	padding-right: 70px;

	font-family: arial, helvetica, sans-serif;

	font-size: 120%;

	font-weight: 100;

	color: #333;

		text-align:left;

	}

	

#colDer2 h3 {

	margin-top:0px;

	margin-bottom: 5px;

	margin-left: 38px;

	padding-right: 70px;

	font-family: arial, helvetica, sans-serif;

	font-size: 95%;

	font-weight: 800;

	color: #333;

	text-align:left;

	}		

	

	

#colDer2 p a:link,	#colDer2 p a:visited {

	color:#666699;

	text-decoration:none;

	}

#colDer2 p a:hover {

	color:#6666ff;

	text-decoration:none;

	}	

	

.bg1 a:link, .bg1 a:visited {

	font-size:x-large;

	}	

	

	

		#bnr2 p a:link, #bnr2 p a:visited {

		color:#FFFFFF;

		text-decoration:none;

		font-size:0.95em;

		}

		

		#bnr2 p a:hover {

		color:#99FF66;

		text-decoration:none;

		}