kaveo - css13

css13

*Pon el mouse encima para verla mas grande

>Informacion<

Nombre:  Music is Life
Creditos:  Kaveo
Garantía:  Asegurada
Tipo de Diseño:  CSS
Colores:

* No Borrar Los Creditos *

-Texto por Encima-

<div id="contenedorgeneral">
	<div id="banner">
		<div id="banneri"> </div>
		<div id="bannerd">
			<div id="bannerda"> </div>
			<div id="bannerdb">La musica forma parte de mi vida <img src="https://img.webme.com/pic/k/kaveo/notamusical13.png"><font style="float: right; margin-right: 15px;"><img width="15" height="15" src="https://img.webme.com/pic/k/kaveo/firefoxlogo13.png"> <img width="15" height="15" src="https://img.webme.com/pic/k/kaveo/chromelogo13.png"> <img width="15" height="15" src="https://img.webme.com/pic/k/kaveo/operalogo13.png"> <img width="15" height="15" src="https://img.webme.com/pic/k/kaveo/safarilogo13.png"></font></div>
		</div>
	</div>
	<div id="contenedormc">
		<div id="contenedormenu">
			<div id="menu">
			<div class="titulomenu">Titulo numero 1</div>
					Este es un box, un cuadrito de texto el cual no posee links, no posee nada, simplemente de informacion...<br /> 
			</div>
			<!-- Para un menu, copiar desde aca -->
			<div id="menu2">
			<div class="titulomenu2">Titulo numero 2</div>
				<ul>
					<li><a href="#">Menu con link</a></li>
					<li><a href="#">Menu con link</a></li>
					<li><a href="#">Menu con link</a></li>
					<li><a href="#">Menu con link</a></li>
					<li><a href="#">Menu con link</a></li>
					<li><a href="#">Menu con link</a></li>
				</ul>
			</div>
			<!-- Hasta aca -->
		</div>
		<div id="contenido">

-Texto por Debajo-

		</div>
	</div>
</div>

<div id="contenedorfinaldepagina">
	<div id="finaldepaginai"> </div>
	<div id="finaldepaginad">Desing by lautitow^</div>
</div>

-Css Code Sin Style Tags-

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;} 

* {
font-family: Comic Sans MS;
}
/*By www.lautiito.es.tl */
body {
background: url(https://img.webme.com/pic/k/kaveo/fondo13.gif);
}
/*By www.lautiito.es.tl */
img {
border: 0;
}
/*By www.lautiito.es.tl */
#contenedorgeneral {
width: 890px;
margin: auto;
}
/*By www.lautiito.es.tl */
#banneri {
float: left;
width: 250px;
height: 330px;
}
/*By www.lautiito.es.tl */
#bannerd {
float: right;
width: 640px;
height: 330px;
}
/*By www.lautiito.es.tl */
#bannerda {
width: 640px;
height: 315px;
}
/*By www.lautiito.es.tl */
#bannerdb {
width: 640px;
height: 15px;
margin-left: 15px;
font-size: 14px;
font-weight: bold;
font-family: Comic Sans MS;
}
/*By www.lautiito.es.tl */
#banner {
background: url(https://img.webme.com/pic/k/kaveo/banner13.png);
width: 890px;
height: 330px;
}
/*By www.lautiito.es.tl */
#contenedormc {
width: 890px;
}

#contenedormenu {
float: left;
width: 252px;
}
/*By www.lautiito.es.tl */
#menu {
float: left;
color: white;
width: 232px;
background: black;
font-size: 13px;
padding: 10px;
margin-left: 1px;
margin-bottom: 10px;
-moz-box-shadow: 0px 3px 3px #5F5F5F;
box-shadow: 0px 3px 3px #5F5F5F;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
/*By www.lautiito.es.tl */
#menu2 {
float: left;
color: white;
width: 232px;
background: black;
font-size: 13px;
padding: 10px;
margin-left: 1px;
margin-bottom: 10px;
-moz-box-shadow: 0px 3px 3px #5F5F5F;
box-shadow: 0px 3px 3px #5F5F5F;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

#contenido {
float: right;
padding: 4px;
width: 615px;
background: black;
margin-top: 6px;
color: white;
font-size: 13px;
-moz-box-shadow: -4px 3px 3px #5F5F5F;
box-shadow: -4px 3px 3px #5F5F5F;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
/*By www.lautiito.es.tl */
#contenido a {
outline: 0;
color: #d60000;
font-weight: bold;
text-decoration: none;
}
/*By www.lautiito.es.tl */
#contenido a:hover {
outline: 0;
text-transform: capitalize;
}

#contenido a:active {
outline: 0;
color: red;
}
/*By www.lautiito.es.tl */
h1 {
letter-spacing: 2px;
color: #016e47;
text-align: center;
}

h2 {
letter-spacing: 2px;
color: #fdc400;
text-align: center;
}
/*By www.lautiito.es.tl */
h3 {
letter-spacing: 2px;
color: #d60000;
text-align: center;
border-bottom: dashed 1px #d60000;
}
/*By www.lautiito.es.tl */
#menu a {
outline: 0;
color: white;
text-decoration: none;
display: block
}
/*By www.lautiito.es.tl */
#menu a:hover {
color: #d60000;
}
/*By www.lautiito.es.tl */
#menu a:active {
color: red;
}

#menu li {
margin-bottom: 8px;
list-style-image: url(https://img.webme.com/pic/k/kaveo/fondoli13.png);
}

#menu li:hover {
list-style-image: url(https://img.webme.com/pic/k/kaveo/fondoli213.png);
}
/*By www.lautiito.es.tl */
#menu2 a {
outline: 0;
color: white;
text-decoration: none;
display: block
}
/*By www.lautiito.es.tl */
#menu2 a:hover {
color: #d60000;
}
/*By www.lautiito.es.tl */
#menu2 a:active {
color: red;
}
/*By www.lautiito.es.tl */
#menu2 li {
margin-bottom: 8px;
list-style-image: url(https://img.webme.com/pic/k/kaveo/fondoli13.png);
}
/*By www.lautiito.es.tl */
#menu2 li:hover {
list-style-image: url(https://img.webme.com/pic/k/kaveo/fondoli213.png);
}
/*By www.lautiito.es.tl */
.titulomenu {
text-align: center;
color: white;
text-transform: capitalize;
margin-bottom: 10px;
font-weight: bold;
font-size: 15px;
}

.titulomenu2 {
text-align: center;
color: white;
text-transform: capitalize;
font-weight: bold;
font-size: 15px;
margin-top: 20px;
}
/*By www.lautiito.es.tl */
#contenedorfinaldepagina {
width: 890px;
height: 22px;
margin: auto;
}
/*By www.lautiito.es.tl */
#finaldepaginad {
width: 615px;
height: 22px;
padding: 4px;
float: right;
color: #d6d6d6;
font-size: 13px;
font-weight: bold;
clear: both;
text-align: center;
}
/*By www.lautiito.es.tl */
#finaldepaginai {
height: 22px;
float: left;
}

/* Transparencia
.transparencia {
opacity: .70;
filter: alpha(opacity=50);
}
*/