@import url("reset.css");

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	margin:0 auto;
	text-align:center;
}

strong {
	font-weight:bold;
}

div#contenedor {
	margin:0 auto;
	text-align:center;
	overflow-x:hidden;
}

/* ESTILOS DE LA CABECERA */
div#cabecera {
	background:url(../img/fondologo.jpg) repeat-x left;
	height:65px;
	position:relative;
	top:-10px;
}
	/* Estilos para el logotipo */
	div#logo {
		margin:0 auto;
		text-align:center;
		width:955px;
		height:65px;
	}
	
	div#logo h1 {
		display:none;
	}
	
	div#logo a#linklogo {
		float:left;
		margin-top:15px;
	}
	/* Fin Estilos para el logotipo */
	
	/* Estilos para el eslogan de la cabecera */
	div#logo img#imgeslogan {
		float:right;
		margin-top:33px;
	}
	/* Fin Estilos para el eslogan de la cabecera */

/* FIN ESTILOS DE LA CABECERA */

/* ESTILOS DEL CUERPO */

div#cuerpo {
	margin:0 auto;
	text-align:left;
	width:955px;
}

div#cuerpo h1 {
	display:none;
}
	/* Estilos del menu */
	div#menu {
		float:left;
		margin-top:-3px;
		margin-bottom:50px;
	}
	
	div#menu li {
		float:left;
	}
	
	div#menu span {
		display:none;
	}
	
	div#menu a {
		display:block;
		width:130px;
		height:25px;
	}

	div#menu a#btnfilosofia {
		background:url(../img/btnfilosofia.jpg) no-repeat left;
		margin-top:-3px;
	}
	
	div#menu a#btnportfolio {
		background:url(../img/btnportfolio.jpg) no-repeat left;
	}
		div#menu a#btncontacto {
		background:url(../img/btncontacto.jpg) no-repeat left;
		margin-left:5px;
	}

	div#menu a#btnfilosofia:hover {
		background:url(../img/btnfilosofiasobre.jpg) no-repeat left;
		margin-top:-3px;
	}
	
	div#menu a#btnportfolio:hover {
		background:url(../img/btnportfoliosobre.jpg) no-repeat left;
	}
		div#menu a#btncontacto:hover {
		background:url(../img/btncontactosobre.jpg) no-repeat left;
		margin-left:5px;
	}
	/* Fin Estilos del menu */
	
	div#cuerpo img#version {
		float:right;
	}
	
	div#info {
		clear:both;
	}
	
	/* Estilos del index.html */
	
	div#imagenes_servicios {
		margin-left:17px;
	}
	
	div#imagenes_servicios ul {
		
	}
	
	div#imagenes_servicios li {
		display:inline;
		float:left;
		margin:5px;
	}
	
	div#cabeceraindex {
		float:left;
		position:relative;
		left:50%;
		top:5px

	}
	
	div#cabeceraindex h3 {
		background:#333;
		color:#EEEEEE;
		float:left;
		font-size:15px;
		height:16px;
		padding:4px;
		position:relative;
		right:50%;
		width:903px;
	}
	
	p#textoindex {
		background:#666;
		border:4px solid #333333;
		color:#DDDDDD;
		float:left;
		font-size:12px;
		line-height:normal;
		padding:10px;
		text-align:justify;
		width:883px;
		position:relative;
		left:22px;
		top:6px;
	}
	
	/* Fin Estilos del index.html */
	
	/* Estilos de filosofia.html */
	div#infofilosofia {
		clear:both;
		color:#333333;
		line-height:normal;
		margin-left:22px;
		text-align:justify;
		width:911px;
	}
	
	div#infofilosofia ul {
		font-size:14px;
		list-style:square;
		margin-left:60px;
	}
	/* Fin Estilos de filosofia.html */
	
	/* Estilos de portfolio.html */
	div#infoportfolio {
		clear:both;
		color:#333333;
		line-height:normal;
		margin-left:24px;
		text-align:center;
		width:911px;
	}
	
	div#infoportfolio li {
		float:left;
		margin:3px 3px 10px;
	}
	
	div#infoportfolio span {
		display:block;
		margin-top:3px;
	}
	
	div#infoportfolio p {
		clear:both;
		padding-top:50px;
		text-align:left;
	}
	
	div#infoportfolio h3 {
		font-size:20px;
		margin-bottom:20px;
		text-align:left;
	}
	/* Fin Estilos de portfolio.html */
	
	/* Estilos de contacto.html */
	div#infocontacto {
		clear:both;
		color:#333333;
		line-height:normal;
		margin-left:22px;
		text-align:justify;
		width:911px;
	}
	
	div#infocontacto label {
		font-size:14px;
		font-weight:bold;
	}
	
	div#infocontacto input {
		border:1px solid #333333;
		color:#333333;
		width:300px;
		margin-top:5px;
	}
	
	div#infocontacto input#btnenviar {
		background:#eee;
		border:1px solid #333333;
		color:#333333;
		font-weight:bold;
		width:80px;
		margin-left:423px;
		cursor:pointer;
	}
	
	div#infocontacto input#btnenviar:hover {
		background:#333;
		border:1px solid #333333;
		color:#eee;
		font-weight:bold;
		width:80px;
		margin-left:423px;
		cursor:pointer;
	}
	
	div#infocontacto  textarea {
		border:1px solid #333333;
		color:#333333;
		height:160px;
		width:500px;
		margin-top:5px;
	}

	div#infocontacto p {
		color:#666666;
		font-size:14px;
		font-weight:bold;
	}

	div#infocontacto h3 {
		color:#666666;
		font-size:14px;
		font-weight:bold;
	}

	div#infocontacto a {
		color:#666666;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
	}

	div#infocontacto a:hover {
		color:#666666;
		font-size:14px;
		font-weight:bold;
		text-decoration:underline;
	}
	/* Fin Estilos de contacto.html

	/* Estilos de disenoweb.html */
	div#infdisenoweb {
		clear:both;
		color:#333333;
		line-height:normal;
		margin-left:22px;
		text-align:justify;
		width:911px;
	}
	/* Fin Estilos de disenoweb.html */
	
/* FIN ESTILOS DEL CUERPO */

/* ESTILOS DEL PIE */
div#pie {
	clear:both;
	width:911px;
	margin:0 auto;	
}
	
div#pie p {
	background:#333333 none repeat scroll 0 0;
	bottom:45px;
	color:#DDDDDD;
	height:18px;
	margin-bottom:15px;
	padding-right:10px;
	padding-top:9px;
	position:relative;
	text-align:right;
	top:15px;
	margin-bottom:25px;
}
/* ESTILOS DEL PIE */

/* ESTILOS PARA LAS VALIDACIONES */
div#validaciones {
	clear:both;
	margin:0 auto 15px;
	text-align:center;
	width:955px;
}

div#validaciones p {
	display:inline;
}

.sellos {
	display:inline;
}
/* FIN ESTILOS PARA LAS VALIDACIONES */