/* CSS Document */
body{
	text-align:center;
	font-family:Tahoma,Arial;
	background-color:#eee;
}
#portal-wrapper{
	text-align:left;
	width:900px;
	border:1px solid #EEEEEE;
	background-color:#FFFFFF;
	background-image:url("imagesGuia/bgBottomPatern.gif");
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-bottom:30px;
	margin:3px auto 0px auto;	
}
#menu-bar{
	background-image:url("imagesGuia/bgTopPatern.gif");
	background-position:left top;
	background-repeat:repeat-x;
}
#content{
	min-height:350px;
	background:#FFFFFF;
}
.clr{
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
}
h1,h2,h3,h4,ul,li,p{
	margin:0px;
	padding:0px;
	list-style:none;
}
#globalNav{
	height:28px;
	padding-left:0px;
	padding-top:0px;
	text-align:center;
	margin:0px;
}
#globalNav li{
	float:left;
	margin-top:1px;
	padding-bottom:10px;
	text-align:center;
	width:105px;
	list-style:none;

	}

#globalNav li a{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.introduccion #globalNav li.introduccion{
   background-image:url("imagesGuia/tabSelected.gif");
   background-repeat:no-repeat;
   color:#000000;
 } 

.introduccion #globalNav li.introduccion a{
   color:#000000;
} 

.estructura #globalNav li.estructura{
   background-image:url("imagesGuia/tabSelected.gif");
   background-repeat:no-repeat;
   color:#000000;
 } 

.estructura #globalNav li.estructura a{
   color:#000000;
} 

.tipologias #globalNav li.tipologias{
   background-image:url("imagesGuia/tabSelected.gif");
   background-repeat:no-repeat;
   color:#000000;
 } 

.tipologias #globalNav li.tipologias a{
   color:#000000;
} 

.componentes #globalNav li.componentes{
   background-image:url("imagesGuia/tabSelected.gif");
   background-repeat:no-repeat;
   color:#000000;
 } 

.componentes #globalNav li.componentes a{
   color:#000000;
} 

.gBody {
   padding:10px 30px 25px 58px;
   text-align:left;
}
.introduccion .gBody {
   background-image:url("imagesGuia/bg_portada.jpg");
   background-position:right top;
   background-repeat:no-repeat;
   height:360px;
}
.gBody h1, .gBodyItem h1 {
color:#666666;
font-size:14px;
margin-bottom:15px;
}

.gBody h2, .gBodyItem h2 {
color:#666666;
font-size:12px;
margin-top:10px;
margin-bottom:5px;
}

.gBody p {
color:#666666;
font-size:11px;
margin-bottom:5px;
}

.introduccion .gBody #inicio p{
   width:380px;
}
/*contenido de descripcion de cada componente*/
.backColumn{
	float:left;
}
.backColumn img{
	border:none;
}
.columnaCentral{
	float:left;
	margin:10px 0px 0px 12px;
	width:810px;
}
.columnaCentral h1{
	color:#666666;
	font-size:14px;
	margin-bottom:25px;
}
.columnaCentral h2{
	font-size:13px;
}
.columnaCentral .imagen{
	margin-bottom:25px;
}
.columnaCentral .descripcion{
	color:#224466;
	width:330px;
	float:left;
	margin-right:20px;
}
.columnaCentral .descripcion a{
	font-size:11px;
	color:#224466;
}

.columnaCentral .descripcion p{
	font-size:11px;
}

.columnaCentral .codigo textarea{
	width:420px;
	border:none;
	overflow:auto;
	height:300px;
	border:2px solid #CCCCCC;
	padding:5px;
}

/**/
.compoList a,.compoList{
	color:#224466;
	text-decoration:none;
	font-size:13px;
}
.compoList{
	margin-left:30px;
}
.compoList span.submenu a{
	margin-left:10px;
}
.compoList h2 a{
	font-size:13px;
}
.col{
	float:left;
	width:400px;
}
/**/

.gBody ul{
	margin-bottom:5px;
}
.gBody li{
	font-size:11px;
}