/*******************************************************************

		Hoja de Estilos; composicion 
		Autor: Hugo Moreno Acosta / tekoestudio.com "TEK08" 08-09
			
********************************************************************/

/* =Import
------------------------------------------------------------------ */

/* Eliminamos los estilos por defecto del navegador */
@import url(reset.css);

/* Importamos los estilos de composición */
@import url(composicion.css);


/* Estilos globales 
------------------------------------------------------------------ */

* {padding: 0;margin: 0;}

html {height: 100%;}

body {font-family: Verdana, Arial, sans-serif;	font-style: normal;font-weight: normal;font-size: 62.5%; background-image:url(../images/fondo_back.jpg); background-repeat:no-repeat; text-align: center;color: #666;height: 100%;}

a:link, a:visited {	text-decoration: none;	color: #ff7500;}

.txtnaranja {font-size:12px; color:#FF9900; font-weight:bold;}

#fondo {width:1283px; background-image:url(../images/fondo_back.jpg); background-repeat:no-repeat; height: auto;}

#contenedor{ width:771px; height: auto;}

#cabecera ul {float:right; margin-right:15px;}

#cabecera li {float:left; padding-left:20px;}

#bannermenu {width:771px;}

#menu{ float:left; margin-top:160px;}

#nav li {padding:2px 0;}

#nav li a { display:block; width:102px; height:17px; text-decoration:none;}

#nav li a:hover { background-position:bottom;}

#nav li a span { display:none;}

#empresa {background-image: url(../images/btn_empresa.jpg); background-repeat:no-repeat;}

#disenos { background-image:url(../images/btn_diseno.jpg); background-repeat:no-repeat;}

#viveros { background-image:url(../images/btn_vivero.jpg); background-repeat:no-repeat;}

#macetas { background-image:url(../images/btn_macetas.jpg); background-repeat:no-repeat;}

#tips { background-image:url(../images/btn_tips.jpg); background-repeat:no-repeat;}

#contacto { background-image:url(../images/btn_contacto.jpg); background-repeat:no-repeat;}

.active {background-position:bottom;}

#banner{ width:594px; height:320px; float:right; margin-top:20px;}

#bienvenida {width:396px; margin-left:20px; margin-top:10px; float:left;}

#imagenesderecha {width:330px; margin-left:60px; margin-top:10px; float:left;}

#bienvenidatitulo { width:314px; height:23px; background-image:url(../images/bienvenidostxt.jpg); background-repeat:no-repeat;}

#mision { width:223px; height:23px; background-image:url(../images/misiontit.jpg); background-repeat:no-repeat;}

#vision { width:223px; height:23px; background-image:url(../images/visiontit.jpg); background-repeat:no-repeat;}

#valores { width:251px; height:23px; background-image:url(../images/valorestit.jpg); background-repeat:no-repeat;}

.sucursal li { margin-top:10px; font-size:12px; color:#333333;}

#arbol {float:left;}

#valorestxt{margin-top:40px; margin-left:200px; font-size:16px; color:#FF9900;}

#valorestxt li { margin-top:15px;}

#disenovirtuales { width:406px; height:27px; margin-left:20px; margin-top:10px; background-image:url(../images/dise%C3%B1osvirtuales_tit.jpg); background-repeat:no-repeat;}

#viverosgal { width:406px; height:27px; margin-left:20px; margin-top:10px; background-image:url(../images/viveros_tit.jpg); background-repeat:no-repeat;}

#macetasgal { width:406px; height:27px; margin-left:20px; margin-top:10px; background-image:url(../images/centromacetero_tit.jpg); background-repeat:no-repeat;}

#tipsgal { width:406px; height:27px; margin-left:20px; margin-top:10px; background-image:url(../images/tipsjardineria_tit.jpg); background-repeat:no-repeat;}

#disenovirtuales span {display:none;}

#viverosgal span { display:none;}

#macetasgal span { display:none;}

#tipsgal span{display:none;}

#bienvenida h1 span {display:none;}

#btxt {width:381px;}

.texto {margin:10px 0px 10px 0px; line-height:13px;}

#servicios {float:left; margin-top:10px; margin-left:10px;}

#imagenesizquierda {float:left; margin-top:10px; margin-left:5px;}

.tit span{ display:none;}

.form-field {width:370px; border: none; height:20px;font-family:Verdana, Arial, Helvetica, sans-serif;color: #666666; font-size:12px;;margin-top:10px; background-color: #E2E2E2;}

.form-message{	width:370px; 	height:150px;	background-color:#E2E2E2;	font-family:Verdana, Arial, Helvetica, sans-serif;	color: #666666;	font-size:12px;border:1px #999999;	overflow:auto;	margin-top:10px; border:none;	}

#enviar {margin-top:5px;margin-left:280px;margin-bottom:15px;}

.image {margin:10px 0px 10px 0px;}

.image2 {margin:10px 0px 10px 30px;}

#viverotit {width:68px; height:17px; background-image:url(../images/viverotit.jpg); background-repeat:no-repeat;}

#disenotit {width:196px; height:22px; background-image:url(../images/disenotit.jpg); background-repeat:no-repeat;}

#macetastit {width:186px; height:17px; background-image:url(../images/macetastit.jpg); background-repeat:no-repeat;}

#pie {overflow: hidden;	height: 1%;	font-size: 1.1em; padding: 15px 0px 15px 0px;	width: 700px; margin: 0 auto;}

* HTML #pie { height: auto;}

#pie .contacto {width: 500px;float: left;text-align: left;}

#pie .validar {	width: 200px;float: right;text-align: right;}