kaveo - css11

css11

*Pon el mouse encima para verla mas grande

>Informacion<

Nombre:  Blue grunge
Creditos:  Kaveo
Garantía:  Asegurada
Tipo de Diseño:  CSS
Colores:

* No Borrar Los Creditos *

-Texto por Encima-

<div id="contenedorgeneral">

<div id="banner">
Titulo web
<div id="banner1">

<ul>
	<li> </li>
	<li> </li>
	<li><a href="#">Link</a></li>
	<li> </li>
	<li><a href="#">Link</a></li>
	<li> </li>
	<li><a href="#">Link</a></li>
	<li> </li>
	<li><a href="#">Link</a></li>
</ul>
	
</div>
<div id="recomendaciones"><div class="izquierdarecomendaciones">
    Texto opcional     </div>         Texto opcional<div class="derecharecomendaciones">Texto opcional </div>
</div>
</div>

<div id="contenedorcontenido">

<div id="arribacontenido"></div>
<div id="contenido">

-Texto por Debajo-

</div>
<div id="abajocontenido"></div>

</div>

<div id="contenedormenu">

<!-- DESDE ACA PARA UN MENU -->
<div id="contenedormenudos">
<div id="arribamenu">Titulo</div>
<div id="menu">
<ul>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
</ul>
</div>
<div id="abajomenu"></div>

<!-- HASTA ACA PARA EL MENU -->

<!-- DESDE ACA PARA UN MENU -->
<div id="contenedormenudos">
<div id="arribamenu">Titulo</div>
<div id="menu">
<ul>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
</ul>
</div>
<div id="abajomenu"></div>
</div>
<!-- HASTA ACA PARA EL MENU -->

</div>

<center><font style="margin-top: 10px;margin-bottom: 10px;" color="gray">By <a style="color: gray;text-decoration:none;"href="http://lautiito.es.tl">lautiito.es.tl</a></font></center>
</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;} 
/*By www.lautiito.es.tl */
body {
margin: 0;
padding: 0;
background: url(https://img.webme.com/pic/k/kaveo/fondo11.png);
}
/*By www.lautiito.es.tl */
img {
border: 0;
}
/*By www.lautiito.es.tl */
#contenedorgeneral {
width: 950px;
margin: auto;
padding: auto;
}
/*By www.lautiito.es.tl */
#banner {
width: 950px;
height: 240px;
clear: both;
color: #e6e7ed;
font-size: 45px;
text-indent: 230px;
line-height: 160px;
font-weight: bold;
letter-spacing: 2px;
font-family: birth of a hero;
background: url(https://img.webme.com/pic/k/kaveo/banner11.png);
}
/*By www.lautiito.es.tl */
#banner1 {
width: 740px;
height: 26px;
float: right;
font-size: 16px;
font-family: birth of a hero;
color: #e6e7ed;
font-weight: normal;
letter-spacing: 1px;
line-height: 15px;
text-indent: 0px;
}

#banner1 a {
color: #e6e7ed;
text-decoration: none;
}

#banner1 a:hover {
color: #7c8add;
text-decoration: none;
}
/*By www.lautiito.es.tl */
#banner1 ul li {
list-style:none;
display: inline;
margin-right: 10px;
}
/*By www.lautiito.es.tl */
#contenido {
width: 580px;
min-height: 310px;
color: #e6e7ed;
padding: 12px;
font-family: Arial;
font-size: 12px;
background: url(https://img.webme.com/pic/k/kaveo/fondocontenido11.png);
}

#recomendaciones {
width: 720px;
height: 30px;
background: url(https://img.webme.com/pic/k/kaveo/recomendaciones11.png);
line-height: 28px;
color: #e6e7ed;
font-family: Arial;
font-size: 12px;
letter-spacing: 0px;
font-weight: normal;
margin-left: 187px;
margin-top: 40px;
clear: both;
text-indent: 8px;
}
/*By www.lautiito.es.tl */
#recomendaciones a {
color: #7c8add;
text-decoration: none;
}
/*By www.lautiito.es.tl */
#recomendaciones a:hover {
text-transform: uppercase;
}
/*By www.lautiito.es.tl */
.derecharecomendaciones {
text-align: right;
margin-right: 32px;
float: right;
border-left: solid 2px #1e2234;
}

.izquierdarecomendaciones {
text-align: left;
float: left;
border-right: solid 2px #1e2234;
}

#contenido a {
font-size: 13px;
font-family: arial;
color: #7c8add;
text-decoration: none;
}
/*By www.lautiito.es.tl */
#contenido a:hover {
color: #7c8add;
text-transform: uppercase;
}
/*By www.lautiito.es.tl */
#arribacontenido {
width: 600px;
height: 25px;
background: url(https://img.webme.com/pic/k/kaveo/arribacontenido11.png);
}

h1 {
font-family: birth of a hero;
letter-spacing: 2px;
color: #7c8add;
font-size: 32px;
text-align: center;
background: url(https://img.webme.com/pic/k/kaveo/fondoh111.png);
margin-right: 4px;
} 
/*By www.lautiito.es.tl */
#contenedorcontenido {
width: 600px;
float: left;
margin-left: 100px;
padding: 0 auto;
}
/*By www.lautiito.es.tl */
#abajocontenido {
width: 600px;
height: 25px;
background: url(https://img.webme.com/pic/k/kaveo/abajocontenido11.png);
}
/*By www.lautiito.es.tl */
#contenedormenu {
width: 195px;
float: right;
padding: 0 auto;
margin-right: 42px;
}

#arribamenu {
width: 195px;
height: 25px;
color: #e6e7ed;
float: right;
text-indent: 15px;
line-height: 35px;
font-weight: bold;
letter-spacing: 2px;
font-family: birth of a hero;
background: url(https://img.webme.com/pic/k/kaveo/arribamenu11.png);
}
/*By www.lautiito.es.tl */
#menu a {
color: #7c8add;
text-decoration: none;
}

#menu a:hover {
text-decoration: underline;
}
/*By www.lautiito.es.tl */
#menu {
width: 195px;
color: #e6e7ed;
font-family: Arial;
font-size: 14px;
background: url(https://img.webme.com/pic/k/kaveo/fondomenu11.png);
float: right;
}

#menu ul li {
list-style-image: url(https://img.webme.com/pic/k/kaveo/fondoli211.png);
padding: 2px;
}
/*By www.lautiito.es.tl */
#contenedormenudos {
width: 195px;
float: right;
}
/*By www.lautiito.es.tl */
#abajomenu {
width: 195px;
height: 25px;
color: #e6e7ed;
margin-bottom: 4px;
float: right;
background: url(https://img.webme.com/pic/k/kaveo/abajomenu11.png);
}