body {

padding-top: 20px;

}



#wrap {

	min-height:400px;

	padding-top: 30px;

}



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

/* INICIO DEL MENU */

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



.kwicks {

	/* recommended styles for kwicks ul container */

	list-style: none;

	position: relative;

	margin: 0;

	padding: 0;

}

.kwicks li{

	/* these are required, but the values are up to you (must be pixel) */

	width: 140px;

	height: 100px;

	border-right: 4px solid #fff;

	border-bottom: 4px solid #fff;

	text-indent: -99999px;

	/*do not change these */

	display: block;

	overflow: hidden;

	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */

}

.kwicks.horizontal li {

	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */

	margin-right: 20px; /*Set to same as spacing option. */	

	float: left;

}

.kwicks.vertical  li{

	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */

	margin-bottom: 5px; /*Set to same as spacing option. */	

}



#kwick_1 {

	background-image: url(../images/somos.jpg);

	

}



#kwick_2 {

	background-color: #5a69a9;

	background-image: url(../images/productos.jpg);

}

#kwick_3 {

	background-color: #c26468;

	background-image: url(../images/servicios.jpg);

}

#kwick_4 { 

	background-color: #bf7cc7;

	background-image: url(../images/clientes.jpg);

}



#kwick_5 { 

	background-color: #bf7cc7;

	background-image: url(../images/galeria.jpg);

}

#kwick_6{ 

	background-color: #bf7cc7;

	background-image: url(../images/contacto.jpg);

}



}

.kwicks.horizontal #kwick_6 {

	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */

	

}

.kwicks.vertical #kwick_6 {

	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */

}



.kwicks li a {

background-image:url(images/menu.jpg);

background-repeat:no-repeat;

cursor:pointer;

display:block;

height:100px;

outline-color:-moz-use-text-color;

outline-style:none;

outline-width:medium;

text-indent:-9999px;

z-index:2;}



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

/* FIN DEL MENU */

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

#imagensomos {

	background-image: url(../images/imagensomos.jpg);

}

#imagenproducto {

	background-image: url(../images/imagenproducto.jpg);

}

#imagenservicios {

	background-image: url(../images/imagenservicios.jpg);

}

#imagenclientes {

	background-image: url(../images/imagenclientes.jpg);

}

#imagencontacto {

	background-image: url(../images/imagencontacto.jpg);

}



.imagencentral {

	display: block;

	height: 815px;

	}

	

#linea {

	background-color: #FFFFFF;

	background-image: url(../images/linea.jpg);

	background-position:left top;

	height: 20px;

	background-repeat: no-repeat;

}



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

hoja de contacto

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





#formLeft {

width: 510px;

float: left;

	}

	

#formLeft input {

		width: 490px;

		margin: 0 0 20px 0;

		border: none;

		text-align: center;

		background: none;

		margin: 13px 0 0 8px;

		font-size: 1.4em;

	}

	#formLeft .input-bg {

	height: 45px;

	margin-bottom: 10px;

	position: relative;

	background-color: transparent;

	background-image: url(../images/form-sm-bg.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	}

	#formLeft .active {

		background: url(../images/form-sm-bg.jpg) top left no-repeat transparent;}

		

		#formRight textarea {

		width: 500px;

		height: 209px;

		display: block;

		border: none;

		background: none;

		margin: 0 0 0 20px;

		padding: 13px 0 13px 0;

		font-family: 

		font-size: 1.3em;

		overflow: auto;

	}

	#formRight .message-bg {

		background: url(../images/message-bg.jpg) bottom left no-repeat transparent;

		height: 238px;

	}

	#formRight .active {

		background: url(../images/message-bg.jpg) top left no-repeat transparent;

	}



label {

	display: block;

	

	text-indent: 10px;

	font-weight: bold;

}

label.error {

	position: absolute;

	top: -15px;

	right: 49px;

	padding: 3px;

	color: #da3939;

	font-size: 1.0em;

	text-align: right;

	font-style: italic;

	font-weight: bolder;