/*<group=general>*/

* { 
	padding: 0; margin: 0;
	font: 10px Verdana, Arial, sans-serif; color: #333;
	}

body { 
	background: #FFF url(/imagenes/bg_tile.gif) repeat-y 50% 0; background-attachment: fixed;
   text-align: center;
	}
	
img {
   display: block;
   }

h1 {
	font: 14px Verdana, Arial, sans-serif;
	padding: 5px 0;
	}
	
h2 {
   font: italic 11px Verdana, Arial, sans-serif;
   padding: 10px 0 5px 0;
   }

p {
	padding: 3px 0 3px 0;
	}
	
a {
   color: #688; text-decoration: none;
	}
	
a:hover {
   color: #333; background-color: #DEE; 
	} 

/*</group>*/

/*<group=site-wide components>*/

#container {
	margin: 0 auto;
	width: 720px;
	text-align: left;
	}

#logo {
	margin: 200px 0 0 0; padding: 0;
	float: left;
	display: block;	
	position: relative;
	width: 150px; height:65px;
	overflow: hidden;
	}
	  
#logo a.image {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 150px; height: 65px;
	margin: 0; padding: 0;
	background: url(/imagenes/zentia_logo.gif) top left no-repeat;
	}

#left-column {
	float: left;
	width: 150px;
	}
   
#middle-column {
   float: left;
   width: 350px;
}

#right-column {
	float: left;
	width: 220px;
	}

#content {
	margin: 0px 0 0 20px;
	}

#mainpagecontent {
	margin: 390px 0 0 20px;
	}
	
#footer {
   font: 9px Verdana, Arial, sans-serif; color: #FFF;
   margin: 0 20px 25px 150px;
   width: 300px;
   text-align: center; line-height: 18px;
   clear: both;
   }
   
#footer a {
   font: 9px Verdana, Arial, sans-serif; color: #688;
   }
   
#footer a:hover {
   color: #333; background-color: #DEE;
   }
		
	/*</group>*/

/*<group=main nav>*/

/* control */

div#nav { 
	height: 100px; width: 350px; 
	margin: 100px 0 0 0;
	}
	
div#nav ul#menu {
	height: 100px; width: 350px;
	background: url(/imagenes_intro/nav.gif) top left no-repeat;
	position: relative;
	}
	
div#nav ul#menu li {
	list-style: none;
	position: absolute;
	}


ul#menu li, ul#menu a {
	height: 25px; width: 350px;
	display: block;
	}


div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

/* placement */

#empresamenu {
	top: 0;
	}


#productosmenu {
	top: 25px;
	}
	
#noticiasmenu {
	top: 50px;
	}


#contactomenu {
	top: 75px;
	}

/* interaction */

#empresamenu a:hover {
	background: url(/imagenes_intro/nav.gif) -350px 0 no-repeat;
	}

#productosmenu a:hover {
	background: url(/imagenes_intro/nav.gif) -350px -25px no-repeat;
	}

#noticiasmenu a:hover {
	background: url(/imagenes_intro/nav.gif) -350px -50px no-repeat;
	}

#contactomenu a:hover {
	background: url(/imagenes_intro/nav.gif) -350px -75px no-repeat;
	}

/* select */

body#empresa #empresamenu {
	background: url(/imagenes_intro/nav.gif) -350px 0 no-repeat;
	}

body#productos #productosmenu {
	background: url(/imagenes_intro/nav.gif) -350px -25px no-repeat;
	}

body#noticias #noticiasmenu {
	background: url(/imagenes_intro/nav.gif) -350px -50px no-repeat;
	}

body#contacto #contactomenu {
	background: url(/imagenes_intro/nav.gif) -350px -75px no-repeat;
	}
	
body#styleconfort #styleconfortmenu {
	background: url(/imagenes_intro/nav.gif) -350px -75px no-repeat;
	}
	
/*</group>*/

/*<group=subnav>*/

/* placement */

#subnav {
	text-align: left;
	margin: 100px 0 0 20px;
	height: 180px;
	}

#subnav ul {
	list-style: none;
	}

#subnav ul li {
	padding: 2px;
	}

/* interaction */

#subnav ul li a {
	color: #688;
	text-decoration: none;
	}

#subnav ul li a:hover, body.seafoam #seafoammenu, body.seafoam_caracteristicas #seafoam_caracteristicasmenu, body.actividad #actividadmenu, body.davinci #davincimenu, body.partners #partnersmenu, body.k2 #k2menu, body.sensactive #sensactivemenu, body.sra #sramenu, body.whic #whicmenu, body.zentia #zentiamenu, body.filosofia #filosofiamenu, body.rhino #rhinomenu, body.tfs #tfsmenu, body.wci #wcimenu, body.wisemangale #wisemangalemenu, body.hrs #hrsmenu, body.staging #stagingmenu, body.romeojuliet #romeojulietmenu, body.weiserlock #weiserlockmenu, body.littler #littlermenu {
	color: #333;
	background-color: #DEE; 
	}
	
#etiqueta1 {
	color: #333;
	background-color: #DEE; 
   }
   
#etiqueta2 {
	color: #333;
	background-color: #DEE; 
   }

/* select */
	
	/*</group>*/

/*<group=projects>*/

/* project window control */

#project-window {
	float: left;
	width: 350px;
	margin-bottom: 30px;
   }
   
#project {
	position: relative;
	width: 350px; height: 350px;
	overflow: hidden;
	}

#project span {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 350px; height: 350px;
	}

/* individual project classes */

#project span.homepage {
	background: url(/imagenes/home.jpg) top left no-repeat;
	}

#project span.noticias {
	background: url(/imagenes/noticias.jpg) top left no-repeat;
	}
	
#project span.productos {
	background: url(/imagenes/productos.jpg) top left no-repeat;
	}	
	
#project span.contacto {
	background: url(/imagenes/contacto.jpg) top left no-repeat;
	}
	
#project span.empresa {
	background: url(/imagenes/empresa.jpg) top left no-repeat;
	}

#project span.seafoam-site {
	background: url(/imagenes/seafoam_site.jpg) top left no-repeat;
	}
	
#project span.sensactive-site {
	background: url(/imagenes/sensactive_site.jpg) top left no-repeat;
	}
	
#project span.sensomemory-site {
	background: url(/imagenes/sensomemory_site.jpg) top left no-repeat;

	}
#project span.seafoam_med-site {
	background: url(/imagenes/seafoam_med_site.jpg) top left no-repeat;
	}
	
#project span.sensactive_med-site {
	background: url(/imagenes/sensactive_med_site.jpg) top left no-repeat;
	}
	
#project span.styleconfort-site {
	background: url(/imagenes/enconstruccion.jpg) top left no-repeat;
	}
	
#project span.seafoam_ortho-site {
	background: url(/imagenes/seafoam_ortho_site.jpg) top left no-repeat;
	}
	
#project span.sensactive_ortho-site {
	background: url(/imagenes/sensactive_ortho_site.jpg) top left no-repeat;
	}
	
#project span.noticia-1 {
	background: url(/imagenes/noticia_1.jpg) top left no-repeat;
	}
#project span.noticia-2 {
	background: url(/imagenes/noticia_2.jpg) top left no-repeat;
	}
	
#project span.noticia-ortopedia {
	background: url(/images/noticia_ortopedia.jpg) top left no-repeat;
	}	

#project span.seafoam_caracteristicas-logo {
	background: url(/images/seafoam_caracteristicas_site.jpg) top left no-repeat;
	}
	
#project span.actividad-site {
	background: url(/imagenes/actividad_site.jpg) top left no-repeat;
	}
	
#project span.partners-site {
	background: url(/imagenes/partners_site.jpg) top left no-repeat;
	}			
	
#project span.zentia {
	background: url(/imagenes/zentia_site.jpg) top left no-repeat;
	}
	
#project span.filosofia {
	background: url(/imagenes/filosofia_site.jpg) top left no-repeat;
	}
	
#project span.filenotfound {
	background: url(/imagenes/file_not_found.jpg) top left no-repeat;
	}

	
	/*</group>*/