kaveo - css15

css15

*Pon el mouse encima para verla mas grande

>Informacion<

Nombre:  Skate or die
Creditos:  Kaveo
Garantía:  Asegurada
Tipo de Diseño:  CSS
Colores:

* No Borrar Los Creditos *

-Texto por Encima-

<div id="contenedorg">

<div id="banner">Titulo Web</div>

<div id="supercontenedor">

<div id="contenedor2">

<div id="cmenu">
<div id="botonmayor"><div id="boton"><a href="">Saraza</a></div></div>
<div id="botonmayor"><div id="boton"><a href="">Saraza</a></div></div>
<div id="botonmayor"><div id="boton"><a href="">Saraza</a></div></div>
<div id="botonmayor"><div id="boton"><a href="">Saraza</a></div></div>
<div id="botonmayor"><div id="boton"><a href="">Saraza</a></div></div>
<div id="botonmayor"><div id="boton"><a href="">Saraza</a></div></div>
<div id="botonmayor"><div id="boton"><a href="">Saraza</a></div></div>
</div>

<div id="contenido">

-Texto por Debajo-

</div>

</div>

<div id="contenedor22">

<!-- Para un box -->
<div id="lautiboxcontenedor">

<div id="lautiboxtitulo">Titulo</div>
<div id="lautiboxcontenido">Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto <br /></div>

</div>
<!-- Termina el box -->
<!-- Para un box -->
<div id="lautiboxcontenedor">

<div id="lautiboxtitulo">Titulo</div>
<div id="lautiboxcontenido">Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto <br /></div>

</div>
<!-- Termina el box -->

</div>

</div>

</div>

<div id="ByLautii1"></div>
<div id="ByLautii"><a href="http://kaveo.es.tl" style="text-decoration: none; color: gray;">By Lautii</a></div>
<div id="ByLautii2"></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;} 

* {
outline:0;
}

body {
margin: 0;
padding: 0;
background: url(https://img.webme.com/pic/k/kaveo/bg15.png) no-repeat top #000000;
}

img {
border: 0;
}

#contenedorg {
margin: 0 auto;
width: 900px;
}

#contenedor2 {
width: 700px;
float: left;
}

#supercontenedor {
width: 900px;
}

#contenedor22 {
width: 200px;
float: right;
}

#lautiboxcontenedor {
width: 175px;
float: left;
color: white;
margin-left: 15px;
margin-bottom: 20px;
}

#lautiboxtitulo {
width: 178px;
height: 25px;
text-align: center;
background: url(https://img.webme.com/pic/k/kaveo/tituloboxlauti15.png);
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}

#lautiboxcontenido {
width: 169px;
padding: 3px;
border: solid 1px #680101;
background: url(https://img.webme.com/pic/k/kaveo/fondog15.png);
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}

#cmenu {
width: 160px;
float: left;
}

#contenido {
color: white;
float: right;
width: 520px;
padding: 8px;
min-height: 320px;
border: solid 1px #680101;
background: url(https://img.webme.com/pic/k/kaveo/fondog15.png);
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

#contenido:hover {
border: solid 1px #212121;
}

#contenido h1 {
letter-spacing: 0.1em;
color: white;
text-align: center;
}

#contenido h2 {
letter-spacing: 0.1em;
color: white;
text-align: center;
}

#contenido h3 {
letter-spacing: 0.1em;
color: white;
text-align: center;
}

#contenido a {
color: white;
font-weight: bold;
text-decoration: none;
text-transform: capitalize;
}

#contenido a:hover {
background: url(https://img.webme.com/pic/k/kaveo/links15.png);
}

#botonmayor {
width: 155px;
height: 45px;
}

#boton {
width: 135px;
height: 35px;
font-size: 14px;
font-weight: bold;
text-indent: 16px;
color: white;
border: solid 1px #680101;
background: url(https://img.webme.com/pic/k/kaveo/fondog15.png);
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}

#boton a {
font-size: 14px;
font-weight: bold;
line-height: 35px;
text-indent: 16px;
color: white;
text-decoration: none;
}

#boton a:Active {
text-decoration: underline;
}

#boton:hover {
background: black;
border: solid 1px #212121;
}

#banner {
width: 900px;
height: 180px;
margin-top: 5px;
line-height: 75px;
text-indent: 45px;
font-size: 42px;
color: white;
margin-bottom: 5px;
background: url(https://img.webme.com/pic/k/kaveo/banner15.png);
}

#banner:hover {
background: url(https://img.webme.com/pic/k/kaveo/bannerhover15.png);
}

#ByLautii1 {
width: 900px;
clear: both;
height: 15px;
}

#ByLautii {
text-align: center;
font-size: 13px;
color: #565656;
border: solid 1px #680101;
background: url(https://img.webme.com/pic/k/kaveo/fondog15.png);
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding: 0;
clear: both;
width: 900px;
margin: auto;
} 

#ByLautii:hover {
border: solid 1px #212121;
}

#ByLautii2 {
width: 900px;
clear: both;
height: 20px;
}