/************************************************************* FUENTES: TIPOS, TAMAñOS y COLORES */
#web, #fotos, #fotos { font-size: 0; }

#fotos p { font-size: 11px; }

#menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#menu ul li a {
	color: #fff;
	text-decoration: none;
}

#menu ul li ul li a:hover { color: #000; }

#menu .primero span { color:#000000; }

#menu .guioni a { color: #ffffff; }

#menu .clientes a, #menu .clientes a:hover { color: #000000; }

#menu .cosaslindas a, #menu .cosaslindas a:hover { color: #000000; }

#menu .caprichos a { color: #000000; }

#menu .cursos a { color: #000000; }

#menu .contacto a { color: #000000; }

/************************************************************* FONDOS: COLORES e IMáGENES */
#menu .primero span { background-color: #000000; }

#menu .guioni a { background-color: #000000; }

#menu .clientes a { background-color: #fff; }

#menu .caprichos a { background-color: #e2b0b1; }

#menu .cosaslindas a { background-color: #c0d3da; }

#menu .cursos a { background-color: #dac7b6; }

#menu .contacto a { background-color: #c7e7d0; }

#menu ul li a:hover { background-color: transparent; }

#menu li .pulldown {
	background-image: url(../images/menu/flecha-desplegable.png);
	background-repeat: no-repeat;
	background-position: right;
}

#fotos span { background-repeat: no-repeat; }
	
/************************************************************* MARGENES y SANGRíAS / ANCHOS y ALTOS / BORDES */
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background:#efefef;
}

html {
	height: 100%;
	overflow: hidden;
}

#video { z-index: 1 }

#web { z-index: 2 }

#menu-back { z-index: 3 }

#menu { z-index: 4 }

#video {
	height: 100%;
	margin: 0;
	padding: 0;
}

#web {
	width: 100%;
	position:absolute;
	overflow:auto;
	top:0;
	height: 100%;
}

#fotos { height: 588px; }

#fotos div { float:left; }

#menu ul, #menu li {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#menu {
	position: absolute;
	margin: 0 0 0 0;
	background: url(../images/menu/x.gif);
}

#menu ul { list-style: url(none) none; }

#menu ul li {
	display: inline;
	float: left;
	position: relative;
	margin: 0 4px 0 0;
}

#menu ul li a, #menu ul li span {
	display: block;
	padding: 3px 8px;
}

#menu ul li ul {
	position: absolute;
	display: none;
	width: 140px;
}

#menu ul li ul li {
	display: list-item;
	float: none;
	margin: 4px 0 0 0;
}

#menu ul li ul li a { display: block; }

#menu li .pulldown { width: 123px; }

/************************************************************* VARIOS */
.izq { float: left }

.clear { clear:both }