kaveo - css6

css6

*Pon el mouse encima para verla mas grande

>Informacion<

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

* No Borrar Los Creditos *

-Texto por Encima-

<div id="banner">
<div id="imagenymenubanner">
<div id="menubanner">
<ul>
<li><a href="#">Saraza</a></li>
<li><a href="#">Saraza</a></li>
<li><a href="#">Saraza</a></li>
<li><a href="#">Saraza</a></li>
<li><a href="#">Saraza</a></li>
<li><a href="#">Saraza</a></li>
<li><a href="#">Saraza</a></li>
</ul>
</div>
<div id="imagenbanner"><img src="https://img.webme.com/pic/k/kaveo/tituloweb.png"></div>
</div>
</div>
<div id="contenedorgeneral">
<div id="contenido">

-Texto por Debajo-

</div>
<div id="contenedormenu">
<!-- PARA AGREGAR UN MENU -->
<div id="menu">
<div id="contenedortitlemenu">
<div id="antestitlemenu"></div>
<div id="titlemenu">Saraza</div>
</div>
<ul>
<li><a href="#">Link menu</a></li>
<li><a href="#">Link menu</a></li>
<li><a href="#">Link menu</a></li>
<li><a href="#">Link menu</a></li>
</ul>
</div>
<!-- HASTA ACA PARA EL MENU -->
<!-- PARA AGREGAR UN MENU -->
<div id="menu">
<div id="contenedortitlemenu">
<div id="antestitlemenu"></div>
<div id="titlemenu">Saraza</div>
</div>
<ul>
<li><a href="#">Link menu</a></li>
<li><a href="#">Link menu</a></li>
<li><a href="#">Link menu</a></li>
<li><a href="#">Link menu</a></li>
</ul>
</div>
<!-- HASTA ACA PARA EL MENU -->
</div>
<div id="footer">Desing By <a href="">lautiito</a></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;} 
/*By www.lautiito.es.tl */
body {
margin: 0;
padding: 0;
background: url(https://img.webme.com/pic/k/kaveo/fondodinio.jpg);
}
/*By www.lautiito.es.tl */
img {
border: 0;
}
/*By www.lautiito.es.tl */
#contenedorgeneral {
width: 900px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
padding: 0 auto;
}
/*By www.lautiito.es.tl */
#contenido {
width: 674px;
min-height: 380px;
float: left;
padding: 5px;
margin-right: 4px;
border: solid 1px #2f2f2f;
color: #cacaca;
background: #1c1c1c;
}
/*By www.lautiito.es.tl */
#contenedormenu {
width: 206px;
float: right;
}

#menu {
width: 206px;
float: right;
color: white;
}
/*By www.lautiito.es.tl */
#banner {
width: 900px;
height: 190px;
margin: 0 auto;
padding: 0 auto;
background: url(https://img.webme.com/pic/k/kaveo/bannersiniooo.png);
}
/*By www.lautiito.es.tl */
#imagenymenubanner {
width: 550px;
height: 100%;
}

#menubanner {
height: 30px;
width: 100%;
color: white;
}
/*By www.lautiito.es.tl */
#menubanner ul li {
display: inline;
margin: 4px;
padding: 2px 7px;
} 
/*By www.lautiito.es.tl */
#menubanner ul li a {
color: #bbbbbb;
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-decoration: none;
background: #aa6a6a;
} 
/*By www.lautiito.es.tl */
#menubanner ul li a:hover {
color: white;
font-family: Tahoma;
font-size: 15px;
font-weight: bold;
text-decoration: none;
background: gray;
}

#imagenbanner {
width: 100%;
height: 160px;
}
/*By www.lautiito.es.tl */
#menu ul {
list-style-image:url(https://img.webme.com/pic/k/kaveo/flechita.gif);
margin-left: 20px;
margin-top: 2px;
padding: 2px;
} 
/*By www.lautiito.es.tl */
#menu li {
margin-top: 5px;
}

#menu li a {
color: #bbbbbb;
font-family: Tahoma;
font-size: 14px;
text-decoration: none;
}
/*By www.lautiito.es.tl */
#menu li a:hover {
color: white;
font-family: Tahoma;
font-size: 14px;
text-decoration: underline;
}
/*By www.lautiito.es.tl */
#contenedortitlemenu {
width: 100%;
height: 40px;
}
/*By www.lautiito.es.tl */
#titlemenu {
height: 40px;
width: 96%;
float: right;
color: #414445;
font-family: Tahoma;
font-weight: bold;
line-height: 38px;
text-indent: 4px;
background: url(https://img.webme.com/pic/k/kaveo/fondotitle.png);
}

#antestitlemenu {
width: 4%;
height: 40px;
float: left;
background: #494646;
}
/*By www.lautiito.es.tl */
#footer {
width: 100%;
height: 20px;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding: 0 auto;
color: white;
border: solid 1px #bbbbbb;
background: #494646;
text-align: center;
}
/*By www.lautiito.es.tl */
#footer a {
color: #aa6a6a;
font-family: Tahoma;
font-size: 14px;
text-decoration: none;
}
/*By www.lautiito.es.tl */
#footer a:hover {
color: white;
font-family: Tahoma;
font-size: 14px;
text-decoration: none;
}
/*By www.lautiito.es.tl */