/* CSS Document */

/* estilos que determinan un rectángulo centrado vertical y horizontalmente */
html,body{
	height:100%;
	margin:0;
	padding:0;
}
body{
	background: #fff ;
	text-align:center;
	min-width:626px;
	min-height:400px;
}

input { display:block}
input.btn {display:inline }
input.inline {display:inline; float:left}

label,input {
	display: block;
	float: left;
	width:120px;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 65px;
	padding-right: 20px;
}

form br {
	clear: left;
}

#legal {background-color:#333; color:#FFF; font-size:9px; width:900px; height:450px; padding-top:20px }
#legal p{margin-bottom:6px; margin-top: 0; padding-left:20px; padding-right:20px}

#wrapper{
	position:absolute;
	top:50%;
	margin-top:-250px;/* determina la altura a la que se posiciona el contenido*/
	left:0;
	width:100%;
}
#sombra {
	width:1010px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-20px;
	height:604px;
	background: url(../shared/sombra.gif) no-repeat 0 -56px;
}
#content {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:450px;
	overflow:hidden;/* no hay scroll de los elementos dentro del content */
	text-align:left;
	border: #999999 1px solid;
	font:  .7em Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

#content a{color: #999999; border-bottom:#F00; border-bottom-width:thin; border-bottom-style:solid; text-decoration:none}

#content a:hover{border-bottom:#fff; border-bottom-width:thin; border-bottom-style:solid; text-decoration:none}

#right-col a{ border-bottom:#fff; border-bottom-width:thin; border-bottom-style:solid; text-decoration:none}

.logo-fondo{ background:url(../images/fondo_logo.gif) no-repeat right}

#pie {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	font: 0.54em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}	

#pie a {color: #999999; border-bottom:#F00; border-bottom-width:thin; border-bottom-style:solid; text-decoration:none}
#pie a:hover {border-bottom:#fff}

/* menu horizontal */

#menu-hor {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	overflow:hidden;
	position:relative !important;
	top: -12px !important;
}

#menu-hor ul {
	font: bold .7em Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}
#menu-hor ul li { 
	display:inline;
	padding-left: 6px;
	background: url(../shared/linea_v.gif) no-repeat 2px 2px
}

#menu-hor ul li.inicio { 

	padding-left: 0px;
	background: none
}

#menu-hor ul li a { 
	color: #999999;
	text-decoration:none; 
}

#menu-hor ul li a:hover { 
	color: #fff;
	background:#999999
}

#menu-hor ul li a.selected { 
	
	border-top: #CC0000 4px solid;
}
#menu-hor ul li a.selected:hover { 
	color: #999999;
	background:#fff
}

/* layouts de las páginas */
#left-col {
	float:left;
	width: 60%;
	top:20px;
	padding:10px;
	overflow:scroll;
	height:400px;
}

#left-col #text-col{
	width:500px; margin-left:10px
}

#left-col #text-col p{width: 300px; float:left}

#left-col #text-col p.ancho {width:100%; margin-bottom: 6px; margin-top:0 }

#left-col #text-col img{ float:right; margin-right:50px}


#left-col #text-col.estrecho {width:60%}

#left-col #text-col ol li { margin-bottom:14px; list-style-position:outside}

.oculto {
	display:none
}


#right-col {
	float:left;
	width:34%;
	padding:10px;
}
/* tablas de contenidos */
#left-col table {
	text-align:left;
	font:  10px Verdana, Arial, Helvetica, sans-serif;
	
}

#left-col tr{ vertical-align:top;color: #999999;  }

#left-col tr:hover{ color: #666666;  }

#left-col td { padding:4px; margin-bottom: 4px;border-right: #fff 4px solid  }

#left-col td.selected { border-right: #cc0000 4px solid }
#left-col tr.selected {color: #000;}

/* imagenes de los proyectos */

#right-col img {
	border: #999999 1px solid;
}