/**************************************************************************
CSS Document for Contempo by Anthony Yeung //For OSWD //3:36 PM 5/23/2005

Having any questions/difficulties with this template? 
Drop me a line @ http://smallpark.org

A note on the font <Lucida Grande>, this is a very beautiful font that is only
available on Macs, so if you're using Windows, you can only see Verdana. :)
**************************************************************************/

body {
    margin: 0px auto 0px auto;
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-image:url(../images/bg_verde.gif);
	line-height: 1.166;	
	/*font-size:1.2em;*/
}

#elimina {
	position:absolute;
	background-image:url(../images/top_hor.gif);
	background-repeat:repeat-y;
	top:0px;
	left: 44px;
	width:905px;
	height:120px;
	/*border-bottom:solid 1px #cccc99;
	z-index: 1;*/
}
#logo {
	position:absolute;
	background-image:url(../images/logo_nuevo_100.gif);
	margin-left:43px;
	width:221px;
	height:103px;
	top:12px;
	/*z-index:1000;*/
}
#glider {
	position:absolute;
	right:30px;
	width:450px;
	height:100px;
	top:7px;
}
#foto_top {
	position:absolute;
	right:30px;
	width:450px;
	height:100px;
	top:7px;
	
}
#contenido {
	position:absolute;
	top:125px;
	right:0px;
	width:700px;
	height:auto;
	z-index: 0;


}
#inner_contenido {
	width:auto;
	height:auto;
	padding-top:10px;
	/*margin-left:230px;*/
	padding-right:15px;
	padding-bottom:10px;
	z-index:1000;
}

#show {
	width:500px;
	margin-top:30px;
	left:250px;
	height:auto;
	padding-left:18px;
	padding-top:15px;
}
#side_izq {
	position:absolute;
	left:45px;
	top:131px;
	width:195px;
	height:550px;
	background-color:#F0F0F0;
}

#barra_gris {
	position:absolute;
	top:770px;
	/*bottom:0px;*/
	/*left:229px;*/
	width:300px;
	height:180px;
	/*background-image:url(../images/barra_gris.gif);*/
	line-height:18px;
	/*left:0px;*/
	z-index:10000;
	/*background-color:#DFDFDF;*/
	margin-left:643px;
}
#ultima_barra {
	position:absolute;
	bottom:0px;
	width:906px;
	height:168px;
	background-image: url(../images/footer.jpg);
	margin-left:43px;
}

#barra_dada {
	position:absolute;
	/*top:669px;*/
	bottom:3px;
	left:46px;
	width:178px;
	height:36px;
	background-image:url(../images/barra_dada.gif);
	line-height:36px;
}

#vert {
	position:absolute;
	top:4px;
	width:0px;
	height:540px;
	left:195px;
	border-left: 2px dotted #999999;
	/*z-index: 1;*/
}

a:hover{
	color: #003300;
	text-decoration: underline;
}

a{
	color: #663333;
	text-decoration: none;
}

#wrapper {
	color: #666666;
	font-weight: normal;
	margin: 0px auto 0px auto;
	width: 950px;
	height:849px;
	background-image:url(../images/top.gif);
	background-repeat:repeat-y;
	position:relative;
	border-right:solid 1px #999;
}

#sentricon {
	position:absolute;
	top:300px;
	left:0px;
	/*z-index:1;*/
	
}
	
/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
	
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:url(../images/bajo_boton.gif);
	padding: 0px 0px 3px 10px;
	color: #191919;
}


#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #0C8849;
	background-image: none;
	text-decoration: none;
	color:#ffffff;
}
.sectionLinks_active {
	/*border-top: 1px solid #cccccc;*/
	background-color: #f97630;
	background-image: none;
	text-decoration: none;
	color:#ffffff;
}
h3{
 	font: bold 100% Arial,sans-serif;
 	color: #0c8849;
	margin: 0px;
 	padding: 0px;
}

#pageNav{
	/*float: left;*/
	left:-2px;
	width:194px;
	padding: 0px;
	background-color: #Ffffff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font: small Verdana,sans-serif;
	line-height: 30px;
}
/************clases***********/
.nombres {
	color:#993300;
	font: small Verdana,sans-serif;
}
.nombres_bold {
	color:#993300;
	font: small Verdana,sans-serif;
	font-weight:bold;
}
.encabezado {
	/*color:#f17c00;*/
	color:#993300;
	font-weight:bold;
	letter-spacing:0.1em;
	font:Verdana;
	font-size:0.8em;
}
.texto_normal {
	color:#666;
	font-size:0.8em;
	font: small Verdana,sans-serif;

}
.style1 {
	color: #000000; 
	font-weight:bold;
}
.Estilo9 {
	color: #000;
	font-size: 10px;
}
.small_image {
	border:solid 1px #009544;
	padding:7px;
	background-color:#EFEFEF;
	margin:0px 10px;
}
/*.hr {margin: auto 7.9%; border-bottom: 1px solid black; width: 84%;}
.hr hr {display: none;}*/
hr{border:0;height:1px;color:#ccc;background:#ccc;}

blockquote.withborder {
border:1px solid /*slategray*/ #009544;
padding-right:8px;
padding-left:8px;
font-size:13px;
background:white;
color:black;
font-family: verdana, arial, sans-serif;
padding-top:0px;
padding-bottom:0px;
text-align:center;
font-weight:bold;
}
blockquote.withborder_soft {
border:1px solid /*slategray*/ #009544;
padding-right:8px;
padding-left:8px;
font-size:10px;
background:#f0f0f0;
color:#cc6633;
font-family: verdana, arial, sans-serif;
padding-top:0px;
padding-bottom:0px;
text-align:center;
font-weight:bold;
line-height:18px;

}
.dropcap {
  float: left;
  font: normal 60pt/0.8em Georgia,
  Helvetica, Verdana, Arial, 
  sans-serif;
  /*color: yellowgreen;*/
	color:#009544;
  margin-right: 3px;
}
.small_text {
	font-size:10px;
	color:#999999;
}

.medium_text {
	font-size:12px;
	color:#999999;
}

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

.leftblock {
	width: 180px;
	min-height:200px;
	margin:10px 10px 0px 0px;
	padding:0px 20px 10px 30px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f97630;
}
.leftblock img {
	width:160px;
}
.middleblock {
	width: 180px;
	min-height:200px;
	margin:10px 0px 0px 0px;
	padding:0px 20px 10px 20px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	/*border-right-color: #e2ded8;   // color original*/
	border-right-color: #f97630;
}
.middleblock img {
	width:160px;
}
.rightblock {
	width: 180px;
	min-height:200px;
	margin:10px 0px 0px 10px;
	padding:0px 0px 10px 20px;
	float:left;
}
.rightblock img {
	width:160px;
}

.clearer {
	clear:both;
}
#sentricon {
	position:absolute;
	top:300px;
	left:0px;
	/*z-index:1;*/
}