html{ height: 100%;}

body{
			background: 	url(../_imgs/fondopreview.jpg) center no-repeat;
			width: 			1000px;
			margin: 		auto;
			text-align: 	left;
			font-family:	"Lucida Sans Unicode", Tahoma, "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
			font-size: 		9pt;
			line-height:	20px;
			font-weight:	normal;
			color: 			#8d8d8d;
}

	
/* --- ESTRUCTURA ---- */

#contenedor{
			position: absolute;
			top: 		50%;
			left: 		50%;
			width: 		1000px;
			height: 	500px;
			margin-top: -290px; /* Tiene que ser la mitad del alto */
			margin-left:-500px; /* Tiene que ser la mitad del ancho */
			background: url(../imgs/chapa.jpg) no-repeat bottom left ;

}

a.logotipo { height: 40px; width: 155px; background: url(../imgs/logosidecar.gif) top left no-repeat; display: block; text-indent: -9999px;}

#col1 {
			width:	 	520px;
			height: 	300px;
			margin: 	35px 0 0 30px;
			float: 		left;
}

#menu {
			width:	 	475px;
			height: 	30px;
			margin-bottom: 10px;
}

#submenu{			
			width:	 	200px;
			height: 	400px;
			float: 		left;
}


#contenidos { float: left; width:300px;	height: 300px; margin-top: 10px;} 

	#texto{ width: 270px; height: 375px;}

	h3.titular1  { height: 16px; width: 143px; background: url(../imgs/tit-winepackaging.gif) top left no-repeat; text-indent:-9999px; display: block;}


#col2 {
			font-size:  10px;
			width:	 	320px;
			height: 	510px;
			margin: 	35px 0 0 30px;
			float: 		left;
}

#navegacion { margin-top: 6px; height: 30px;}


/* MENUS */

#menu li { display: inline; float: left; height: 28px; }

a.item1  { width: 86px;  height: 28px; background: url(../imgs/works.gif) top left no-repeat; text-indent:-9999px; display: block;}
a.item2  { width: 117px; height: 28px; background: url(../imgs/pink.gif) top left no-repeat; text-indent:-9999px; display: block;}
a.item3  { width: 111px; height: 28px; background: url(../imgs/contacto.gif) top left no-repeat; text-indent:-9999px; display: block;}
a.item4  { width: 111px; height: 28px; background: url(../imgs/blog.gif) top left no-repeat; text-indent:-9999px; display: block;} 

a.item1b  { width: 86px;  height: 28px; background: url(../imgs/works.gif) top left no-repeat; text-indent:-9999px; display: block; 	background-position: 0px -28px;}
a.item2b  { width: 117px; height: 28px; background: url(../imgs/pink.gif) top left no-repeat; text-indent:-9999px; display: block; 		background-position: 0px -28px;}
a.item3b  { width: 111px; height: 28px; background: url(../imgs/contacto.gif) top left no-repeat; text-indent:-9999px; display: block; 	background-position: 0px -28px;}
a.item4b  { width: 111px; height: 28px; background: url(../imgs/blog.gif) top left no-repeat; text-indent:-9999px; display: block; 		background-position: 0px -28px;} 



#submenu li { margin-bottom: 3px;}

a.item21  { height: 16px; width: 143px; background: url(../imgs/01winepackaging.jpg) top left no-repeat; text-indent:-9999px; display: block; }
a.item22  { height: 16px; width: 143px; background: url(../imgs/02identidad.gif) top left no-repeat; text-indent:-9999px; display: block;}
a.item23  { height: 16px; width: 143px; background: url(../imgs/03grafica.gif) top left no-repeat; text-indent:-9999px; display: block;}
a.item24  { height: 16px; width: 143px; background: url(../imgs/04food.gif) top left no-repeat; text-indent:-9999px; display: block;}
a.item25  { height: 16px; width: 143px; background: url(../imgs/05campa.gif) top left no-repeat; text-indent:-9999px; display: block;}
a.item26  { height: 16px; width: 143px; background: url(../imgs/06interiorismo.gif) top left no-repeat; text-indent:-9999px; display: block;}
a.item27  { height: 16px; width: 143px; background: url(../imgs/07web.gif) top left no-repeat; text-indent:-9999px; display: block;}
a.item28  { height: 16px; width: 143px; background: url(../imgs/08marketing.gif) top left no-repeat; text-indent:-9999px; display: block;}

a.item21b  { height: 16px; width: 143px; background: url(../imgs/01winepackaging.jpg) top left no-repeat; text-indent:-9999px; display: block; 	background-position: 0px -16px;}
a.item22b  { height: 16px; width: 143px; background: url(../imgs/02identidad.gif) top left no-repeat; text-indent:-9999px; display: block;		background-position: 0px -16px;}
a.item23b  { height: 16px; width: 143px; background: url(../imgs/03grafica.gif) top left no-repeat; text-indent:-9999px; display: block;			background-position: 0px -16px;}
a.item24b  { height: 16px; width: 143px; background: url(../imgs/04food.gif) top left no-repeat; text-indent:-9999px; display: block;			background-position: 0px -16px;}
a.item25b  { height: 16px; width: 143px; background: url(../imgs/05campa.gif) top left no-repeat; text-indent:-9999px; display: block;			background-position: 0px -16px;}
a.item26b  { height: 16px; width: 143px; background: url(../imgs/06interiorismo.gif) top left no-repeat; text-indent:-9999px; display: block;	background-position: 0px -16px;}
a.item27b  { height: 16px; width: 143px; background: url(../imgs/07web.gif) top left no-repeat; text-indent:-9999px; display: block;				background-position: 0px -16px;}
a.item28b  { height: 16px; width: 143px; background: url(../imgs/08marketing.gif) top left no-repeat; text-indent:-9999px; display: block;		background-position: 0px -16px;}


.anterior { display: inline; margin-right: 10px; width: 60px; float: left; }
.siguiente {display: inline; margin-right: 10px; width: 65px; float: left}

.numeros li { float: left; display: inline; width: 10px;}


/* --- TEXTOS --- */

h4 { font-size: 11px; font-weight: normal; color: black;}

em {font-style: italic; color:#adadad;}

.gallery-description { line-height: 17px; font-size: 11px;}

.client { margin-top: 5px;}

contenidos 



/*----- LINKS -----*/

 a 				{}
 a:link 		{color: grey;}
 a:visited		{color: grey;}
 a:hover 		{color: #ff00aa;}
 a:active 		{color: grey;}


#menu a:hover{background-position: 0px -28px;}
#submenu a:hover{background-position: 0px -16px;}

.numeros {display: inline; float: left}
.numeros ul { display: inline;}
.numeros a { text-decoration: none;}



/* --- FORMULARIO ---  */