html,body{margin:0; padding:0;}
body{
	background: url("glifos_imgs/g_rupestre.gif") no-repeat fixed top center #fff;
	font:1em Century Gothic, sans-serif;  /*determinar tipo de letra general*/
	text-decoration:none;
}
#pagina{
	/*background:#fff7fa;*/
	margin:0 auto;
	width:900px;
}
#cabeceragcom{
	background: url("glifos_imgs/p_cabecera_gcom.png") no-repeat center;
	height:164px;
	margin:20px 0px 20px 0px;
}
/* MENU SUPERIOR ******************************************************************/
#menusuperior{
	font: bold 12px Verdana;
	width: 100%;
}
	#menusuperior ul{
		margin:0px 0px 0px 40px;
		padding:0;
		float: left;
		/*width: 695px;*/
		list-style-type:none;
	}
		#menusuperior li{
			float:left;
			padding-right:22px;
			padding-left:0px;
		}
			#menusuperior li.glifos{
				float:left;
				padding-right:35px;
				padding-left:0px;
			}
			#menusuperior li.glifos a{
				display:block;
				width:170px;
				height:106px;
				text-indent:-9999px;
				background:url("glifos_imgs/g_glifoslogo.png") top left no-repeat;
			}
				#menusuperior li.glifos a:hover{
					background-position:0 -106px;
				}
		#menusuperior a.gcom{
			display:block;
			width:106px;
			height:106px;
			text-indent:-9999px;
			background:url("glifos_imgs/g_icono_gcom.png") top left no-repeat;
		}
		#menusuperior a.gweb{
			display:block;
			width:106px;
			height:106px;
			text-indent:-9999px;
			background:url("glifos_imgs/g_icono_gweb.png") top left no-repeat;
		}
		#menusuperior a.gpyme{
			display:block;
			width:106px;
			height:106px;
			text-indent:-9999px;
			background:url("glifos_imgs/g_icono_gpyme.png") top left no-repeat;
		}
		#menusuperior a.gedu{
			display:block;
			width:106px;
			height:106px;
			text-indent:-9999px;
			background:url("glifos_imgs/g_icono_gedu.png") top left no-repeat;
		}
		#menusuperior a.gpeg{
			display:block;
			width:106px;
			height:106px;
			text-indent:-9999px;
			background:url("glifos_imgs/g_icono_gpeg.png") top left no-repeat;
		}
			#menusuperior a:hover{
				background-position:0 -106px;
			}
/* CAJAS DE CONTENIDOS ***********************************************************/
#contenedor{
	float:right;
	width:100%;
	margin-top:20px;
}
#portfolio{
	float:right;
	width:100%;
	margin-top:20px;
}
#margen{
	float:left;
	width:234px;
}
#contenido_glifos{
	float:right;
	width:616px;
	background:#d40042;
	margin-right:37px;
	box-shadow: -1px 1px 14px #d40042;
	-webkit-box-shadow: -1px 1px 14px #d40042;
	-moz-box-shadow: -1px 1px 14px #d40042;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#d40042, offX=-1, offY=1, positive=true);
}
#contenido_gcom{
	float:right;
	width:616px;
	background:#d40042;
	margin-right:37px;
	box-shadow: -1px 1px 14px #d40042;
	-webkit-box-shadow: -1px 1px 14px #d40042;
	-moz-box-shadow: -1px 1px 14px #d40042;
	/* IE8: -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#d40042,direction=125,strength=5, positive=true)";*/
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#d40042, offX=-1, offY=1, positive=true);
}
#contenido_gweb{
	float:right;
	width:616px;
	background:#ff8c00;/*#fa9f31;*/
	margin-right:37px;
	box-shadow: -1px 1px 14px #ff8c00;
	-webkit-box-shadow: -1px 1px 14px #ff8c00;
	-moz-box-shadow: -1px 1px 14px #ff8c00;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ff8c00, offX=-1, offY=1, positive=true);
}
#contenido_gpyme{
	float:right;
	width:616px;
	background:#c5d226;
	margin-right:37px;
	box-shadow: -1px 1px 14px #c6d600;
	-webkit-box-shadow: -1px 1px 14px #c6d600;
	-moz-box-shadow: -1px 1px 14px #c6d600;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#c6d600, offX=-1, offY=1, positive=true);
}
#contenido_gedu{
	float:right;
	width:616px;
	background:#dc62eb;
	margin-right:37px;
	box-shadow: -1px 1px 14px #e343f6;
	-webkit-box-shadow: -1px 1px 14px #e343f6;
	-moz-box-shadow: -1px 1px 14px #e343f6;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#e343f6, offX=-1, offY=1, positive=true);
}
#contenido_gpeg{
	float:right;
	width:616px;
	background:#00aae6;
	margin-right:37px;
	box-shadow: -1px 1px 14px #00aae6;
	-webkit-box-shadow: -1px 1px 14px #00aae6;
	-moz-box-shadow: -1px 1px 14px #00aae6;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#00aae6, offX=-1, offY=1, positive=true);
}
#contenido_formulario{
	float:right;
	width:616px;
	background:#d40042;
	margin-right:37px;
	box-shadow: -1px 1px 14px #d40042;
	-webkit-box-shadow: -1px 1px 14px #d40042;
	-moz-box-shadow: -1px 1px 14px #d40042;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#d40042, offX=-1, offY=1, positive=true);
}
/* CONTENEDOR  ***********************************************************/
	#contenedor a{
		color:white;
		font:bold 1em Lucida Sans Unicode, sans-serif;
		text-decoration:none;
		border:0px;
	}
		#contenedor a:hover{
			color:blue;
			font:bold 1em Lucida Sans Unicode, sans-serif;
			text-decoration:none;
		}
	#contenedor h1{
		color:white;
		font: bold 1.4em times new roman, serif;
		margin:20px;
	}
	#contenedor h2{
		color:white;
		font: bold 1.2em times new roman, serif;
		margin:20px;
	}
	#contenedor p{
		font:0.8em Lucida Sans Unicode, sans-serif; /*0.9*/
		color:white;
		line-height:1.4em;
		margin:20px;
		text-align:justify;
	}
		#contenedor p.izq{
			font:0.8em Lucida Sans Unicode, sans-serif;
			color:white;
			line-height:1.4em;
			margin:25px;
			text-align:left;
		}
		#contenedor p.dcha{
			font:0.8em Lucida Sans Unicode, sans-serif;
			color:white;
			line-height:1.4em;
			margin-right:24px;
			text-align:right;
		}
		#contenedor p.margen{
			font:bold 0.8em Century Gothic, sans-serif;
			color:#d40042;
			margin:20px 20px;
			text-align:left;
		}
		#contenedor p.center{
			font:bold 0.8em Century Gothic, sans-serif;
			color:#d40042;
			margin:20px 20px;
			text-align:center;
		}	
		#contenedor ul{
			list-style-type:none;
		}
		#contenedor  li{
			font:0.8em Century Gothic, sans-serif;
			color:white;
			padding:2px;
			line-height:130%;
		}
/* FORMULARIO ****************************************************************/	
	#contenedor form{
		margin:0px 50px 10px 5px;
	}
	#contenedor textarea{
		font:1em Lucida Sans Unicode, sans-serif;
		margin:0.4em 0em;
	}
	#contenedor input.boton{
		border:0px;
		background-color:white;
		color:#d40042;
		font:bold 1em Lucida Sans Unicode, sans-serif;
		margin-left:80px;
	}
/* PORTFOLIO ******************************************************************/
#portfolio a{
		color:white;
		font:bold 1em Lucida Sans Unicode, sans-serif;
		text-decoration:none;
	}
		#portfolio a:hover{
			color:blue;
			font:bold 1em Lucida Sans Unicode, sans-serif;
			text-decoration:none;
		}
		
#portfolio h1{
		color:white;
		font: bold 1.4em Palatino Linotype, serif;
		margin:5px 10px;
}
#portfolio h2{
		color:white; 
		font: bold 1em Palatino Linotype, serif;
		margin:15px 15px 5px 15px;
}
#portfolio h3{
		color:white; 
		font: bold 1em Palatino Linotype, serif;
		margin:15px 15px 5px 15px;
}
#portfolio em{
		color:white;
		font:bold 1em Lucida Sans Unicode, sans-serif;
}
#portfolio p{
		font:0.8em Lucida Sans Unicode, sans-serif; 
		color:white;
		line-height:1.4em;
		margin:15px;
	}
	#portfolio p.center{
			font:bold 0.8em Century Gothic, sans-serif;
			color:#d40042;
			margin:20px 20px;
			text-align:center;
	}	
	#portfolio p.muestra{
		font:0.8em Lucida Sans Unicode, sans-serif;/*0.75*/
		color:white;
		line-height:1.4em;
		margin:15px 350px 15px 15px;
		text-align:justify;
	}
#portfolio img.muestra{
	float:right;
	margin:20px;
	border:8px solid white;
}
/* MARGEN ******************************************************************/
#margen a{
	color:#d40042;
	font:bold 1em Century Gothic, sans-serif;
	text-decoration:none;
	background:none;	
}
	#margen a.actual{
		color:#fed4e1;
		font:bold 1em Lucida Sans Unicode, sans-serif;
		text-decoration:none;
	}
	#margen a:hover{
		color:blue;
		font:bold 1em Century Gothic, sans-serif;
		background:none;
	}		
#margen p{
	font:bold 0.9em Century Gothic, sans-serif;
	color:#f77ea4;
	margin:5px 30px 5px 0px;
	text-align:right;
}
	#margen p.icono{
		font:bold 0.9em Century Gothic, sans-serif;
		color:#d40042;
		margin:0px 30px 0px 0px;
		text-align:right;
	}
#margen ul{
	margin:0 20px 0 35px;
	padding:0;
	float:right;
	list-style-type:none;
}
#margen li{
	display:inline;
}
/* PILDORA *****************************************************/
#pildora{
	float:left;
	width:100%;
	margin:15px;
}