a:link, a:visited {
	text-decoration: none;
	color: white; }
 
html, body {
	box-shadow: 0px 0px 8px #333;
	-webkit-box-shadow: 0px 0px 8px #333;
	-moz-box-shadow: 0px 0px 8px #333;
	width: 960px;
	height: 623px;
	margin: 0px auto; /*pego la pag al top del navegador */
	padding: 0px; /* idem al de arriba pero quitandole relleno*/
	padding-bottom: 80px; }

#titulo{
	width:960px;
	height:98px;
	overflow:hidden;
}

#contenedor {
	width: 960px;
	height: auto;
	padding:0;
	overflow: hidden; /*(esto mantiene la altura del contenedor siempre expandible).*/
	margin: 0px auto; /*(esto lo centra);*/
	background-color: #ffffff;
	/*border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-webkit-border-radius: 8px;*/
}
 
#cuerpo {
	width: 100%; /*esto esta para darle el ancho completo al contenedor, 100 por ciento, porcentaje, no em, ni px ni pt*/
	height: auto;
	overflow: hidden; }
 
#cuadrocontacto {
	background-color:#FFBF00;
	width: auto;
	height: 100%;
	overflow: hidden; /*(esto mantiene la altura del contenedor siempre expandible).*/
	font-family: 'Ubuntu';
	font-weight: normal;
	text-decoration: none;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	text-align: center;
	font-size: 24px;
}
#cuadrocontacto a {
	color: #333;
}
 
#menu {
	width: 192px;
	height: auto;
	overflow: hidden;
	float: left; /*alineamos a la izquierda, propieda float como te decia*/ /*padding-bottom:1px; la propieda padding significa relleno, le estoy dando 1px para depergarlo del banner y del pie*/ }
 
	#menu ul {
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
		float: left; }
 
		#menu ul li {
			width: 100%;
			padding: 0;
			text-align: left;
			display: block;
			line-height: 30px; /*esto te deja el texto a la mitad del li, si tu texto ocupa mas de dos lienas se deforma, asi que en ese caso, borralo y sacale la altuna al li.*/
			background-color: #fff; }
 
			#menu ul li a {
				padding-left: 2px;
				padding-right: 2px;
				-webkit-transition: all 0.1s linear;
				-moz-transition: all 0.1s linear;
				-o-transition: all 0.1s linear;
				transition: all 0.1s linear;
				background-image: linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%); /* Gradiente */
				background-image: -o-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
				background-image: -moz-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
				background-image: -webkit-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
				background-image: -ms-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
				background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0.27, rgb(19,132,189)),
				color-stop(0.52, rgb(48,141,191)),
				color-stop(1, rgb(26,119,176))
				);
				-moz-border-radius: 2px; /* Fin Gradiente */
				-webkit-border-radius: 2px;
				border-radius: 2px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #ffffff;
				font-family: 'Ubuntu';
				font-size: 12px;
				font-weight: normal;
				text-decoration: none;
				text-align: center;
				display: block; }
 
				#menu ul li a:hover {
					background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3a89b7), color-stop(1, #286c93) ); /*box-shadow: 2px 0px 15px black;
   -webkit-box-shadow: 2px 0px 15px black;
   -moz-box-shadow: 2px 0px 15px black;*/
					background: -moz-linear-gradient( center top, #3a89b7 5%, #286c93 100% );
					filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#3a89b7', endColorstr='#286c93');
					background-color: #3a89b7; }
 
				#menu ul li a:active {
					background-color: #135a82; /*box-shadow: 2px 0px 15px black;
   -webkit-box-shadow: 2px 0px 15px black;
   -moz-box-shadow: 2px 0px 15px black;*/
					background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #135a82), color-stop(1, #286c93) );
					background: -moz-linear-gradient( center top, #135a82 5%, #286c93 100% );
					filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#135a82', endColorstr='#286c93'); }
 
#barra {
	/*border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-ms-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-ms-border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;*/
	color: #FFFFFF;
	height: 30px;
	width: 100%;
	float: right;
	background-image: linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%); /* Gradiente */
	background-image: -o-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
	background-image: -moz-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
	background-image: -webkit-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
	background-image: -ms-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.27, rgb(19,132,189)),
	color-stop(0.52, rgb(48,141,191)),
	color-stop(1, rgb(26,119,176))
	); }
 
#barraabajo {
	width: 100%;
	height: 30px;
	margin: 0px auto;
	border-top: 1px solid #333;
	/*border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-ms-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-ms-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;*/
	float: right;
	background-image: linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%); /* Gradiente */
	background-image: -o-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
	background-image: -moz-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
	background-image: -webkit-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
	background-image: -ms-linear-gradient(top, rgb(19,132,189) 27%, rgb(48,141,191) 52%, rgb(26,119,176) 100%);
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.27, rgb(19,132,189)),
	color-stop(0.52, rgb(48,141,191)),
	color-stop(1, rgb(26,119,176))
	); }
 
#fuentebarra {
	
	font-family: 'Ubuntu';
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	text-align: right;
	line-height: 30px;
	vertical-align: middle;
	font-size: 18px;
	word-spacing: 50px;
	text-shadow: 0px 0px 2px #424242;
	float: right;
	padding-left: 20px; }
 
	#fuentebarra a { -webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }
	#fuentebarra a:hover { text-shadow: 0px 0px 8px white; }
 
#fuentebarra2 {
	font-family: 'Ubuntu';
	text-decoration: none;
	color: #fff;
	line-height: 10px;
	font-size: 10px;
	text-shadow: #424242 1px 1px 2px; }
 
#fuente {
	font-family: 'Ubuntu';
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	text-shadow: #424242 1px 1px 1px; }
 
#fuente2 {
	font-family: 'Ubuntu';
	text-decoration: none;
	color: black;
	font-size: 14px; }
 
#cuadrophp {
	width: 768px;
	height: 544px;
	overflow: auto;
	float: right;
	padding: 0;
	margin: 0px auto; /*padding-top:5px;
padding-bottom:5px; /*la propiedad padding significa relleno, le estoy dando 5px para depergarlo del banner y del pie*/ }
 
#estiloproductos {
	background:#fff;
	min-height: 50px;
	width: 90%;
	box-shadow: 0px 0px 2px #3f3f3f;
	-webkit-box-shadow: 0px 0px 2px #3f3f3f;
	-moz-box-shadow: 0px 0px 2px #3f3f3f;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 4%;
	margin-right: 4%;
	overflow: hidden;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear; 
 	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
	#estiloproductos:hover {
		box-shadow: 0px 0px 4px #3f3f3f;
		-webkit-box-shadow: 0px 0px 4px #3f3f3f;
		-moz-box-shadow: 0px 0px 4px #3f3f3f; }
 
#fuenteproductos {
	line-height: 60px;
	vertical-align: middle;
	width: 56%;
	float: left;
	padding-left: 8px;
	font-family: 'Ubuntu';
	text-decoration: none;
	color: #333;
	font-size: 13px; }
 
#iconos {
	padding-top: 1px;
	padding-bottom: 1px;
	width: 42%;
	float: right; }
 
#facebook {
	padding-left: 10px;
	padding-top: 3px;
	float: left; }
#fuentefacebook {
	padding-left: 5px;
	float:left;
	font-size:10px;
	line-height:30px;
	height:30px;
	vertical-align:middle;
	font-family:'Ubuntu';
	color:#fff;
}
 
#gplus {
	padding-top: 5px;
	float: left; }

#botonclientes {
	text-align:center;
	position:fixed;
	bottom:0;
	right:2px;
	z-index:999;
	font-family: Ubuntu;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	font-size: 18px;
	text-shadow:1px 1px 1px #333;
	background-color: rgb(19,132,189);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-ms-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-ms-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	box-shadow:inset 2px 2px 2px #333;
	-webkit-box-shadow:inset 2px 2px 2px #333;
	-o-box-shadow:inset 2px 2px 2px #333;
	-moz-box-shadow:inset 2px 2px 2px #333;
	-ms-box-shadow:inset 2px 2px 2px #333;

	padding-right:10px;
	padding-left:10px;
	}
#clientes {
	width:auto;
	height:auto;
	backgroun-color:#fff;
	}