kaveo - css16

css16

*Pon el mouse encima para verla mas grande

>Informacion<

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

* No Borrar Los Creditos *

-Texto por Encima-

<div id="contenedor">
        <div class="sarazageneral">
            <div class="sarazageneral1"></div>
            <div class="sarazageneral2"></div>
            <div class="sarazageneral3"></div>
            <div class="sarazageneral4"></div>
            <div class="sarazageneral5"></div>
            <div class="sarazageneral6"></div>
            <div class="sarazageneral7"></div>
            <div class="sarazageneral8"></div>
            <div class="sarazageneral9"></div>
            <div class="cuerpoo">
                <div class="banner">
                    <div class="banner2"></div>
                   
                </div>
                <div class="toronja">
                    <div class="lalala">
                        <div class="toronja1">
                            <div class="toronja1-body">
							<div class="toronja1-inner">
										<div class="toronja1Content">

-Texto por Debajo-

</div>
							</div>
                            </div>
                        </div>
                    </div>
                    <div class="menu">
					<!-- DESDE ACA PARA UN MENU -->
                        <div class="toronja2">
                            <div class="toronja2-body">
                                        <div class="toronja2Header">
                                            <div class="l"></div>
                                            <div class="r"></div>
                                            <div class="ulli">
                                                <div class="t">Titulo Box 1</div>
                                            </div>
                                        </div><div class="toronja2Content">
                                            <div class="toronja2Content-tl"></div>
                                            <div class="toronja2Content-tr"></div>
                                            <div class="toronja2Content-bl"></div>
                                            <div class="toronja2Content-br"></div>
                                            <div class="toronja2Content-tc"></div>
                                            <div class="toronja2Content-bc"></div>
                                            <div class="toronja2Content-cl"></div>
                                            <div class="toronja2Content-cr"></div>
                                            <div class="toronja2Content-cc"></div>
                                            <div class="toronja2Content-body">
                                                <div>
												<ul>
													<li><a href="#">LINK</a></li>
													<li>LINK -</li>
													<li><a href="#">LINK</a></li>
													<li>LINK -</li>
													<li><a href="#">LINK</a></li>
													<li>LINK -</li>
													<li><a href="#">LINK</a></li>
													<li>LINK -</li>
												</ul>
												</div>
                                            </div>
                                        </div>
                            </div>
                        </div>
						<!-- HASTA ACA PARA UN MENU -->
                    </div>
                </div>
				<div class="footer">
                    <div class="footer-inner"></div>
                    <div class="footer-background"></div>
                </div>
            </div>
        </div>
        <p class="creditos">Desing by <a href="http://kaveo.es.tl" style="text-decoration: none;">www.lautiito.es.tl</a></p>
</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 auto;
   padding: 0;
   background-color: #121212;
   background-image: url('https://img.webme.com/pic/k/kaveo/bg.png');
   background-repeat: repeat;
   background-attachment: scroll;
   background-position: top left;
}
/*By www.lautiito.es.tl */
#contenedor
{
   position: relative;
   width: 100%;
   left: 0;
   top: 0;
}
/*By www.lautiito.es.tl */
form
{
   padding:0 !important;
   margin:0 !important;
}
/*By www.lautiito.es.tl */
table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

.sarazageneral
{
   position:relative;
   z-index:0;
   margin:0 auto;
   width: 900px;
   min-width:3px;
   min-height:3px;
}
/*By www.lautiito.es.tl */
.cuerpoo
{
   position: relative;
   z-index: 1;
   padding: 1px;
}

.sarazageneral2, .sarazageneral1, .sarazageneral4, .sarazageneral3, .sarazageneral5, .sarazageneral6,.sarazageneral8, .sarazageneral7
{
   position:absolute;
   z-index:-1;
}
/*By www.lautiito.es.tl */
.sarazageneral2, .sarazageneral1, .sarazageneral4, .sarazageneral3
{
   width: 2px;
   height: 2px;
   background-image: url('https://img.webme.com/pic/k/kaveo/minimixd.png');
}

.sarazageneral1
{
   top:0;
   left:0;
   clip: rect(auto, 1px, 1px, auto);
}
/*By www.lautiito.es.tl */
.sarazageneral2
{
   top: 0;
   right: 0;
   clip: rect(auto, auto, 1px, 1px);
}
/*By www.lautiito.es.tl */
.sarazageneral3
{
   bottom: 0;
   left: 0;
   clip: rect(1px, 1px, auto, auto);
}
/*By www.lautiito.es.tl */
.sarazageneral4
{
   bottom: 0;
   right: 0;
   clip: rect(1px, auto, auto, 1px);
}

.sarazageneral5, .sarazageneral6
{
   left: 1px;
   right: 1px;
   height: 2px;
   background-image: url('https://img.webme.com/pic/k/kaveo/minimixd2.png');
}
/*By www.lautiito.es.tl */
.sarazageneral5
{
   top: 0;
   clip: rect(auto, auto, 1px, auto);
}

.sarazageneral6
{
   bottom: 0;
   clip: rect(1px, auto, auto, auto);
}
/*By www.lautiito.es.tl */
.sarazageneral8, .sarazageneral7
{
   top: 1px;
   bottom: 1px;
   width: 2px;
   background-image: url('https://img.webme.com/pic/k/kaveo/minimixd3.png');
}

.sarazageneral8
{
   right:0;
   clip: rect(auto, auto, auto, 1px);
}
/*By www.lautiito.es.tl */
.sarazageneral7
{
   left:0;
   clip: rect(auto, 1px, auto, auto);
}

.sarazageneral9
{
   position:absolute;
   z-index:-1;
   top: 1px;
   left: 1px;
   right: 1px;
   bottom: 1px;
   background-color: #FAFAFA;
}
/*By www.lautiito.es.tl */
/*By www.lautiito.es.tl */
.sarazageneral
{
   margin-top: 30px !important;
}

div.banner
{
   margin: 0 auto;
   position: relative;
   z-index:0;
   width: 898px;
   height: 175px;
}
/*By www.lautiito.es.tl */
/*By www.lautiito.es.tl */
div.banner2
{
   position: absolute;
   z-index:-1;
   top: 0;
   left: 0;
   width: 898px;
   height: 175px;
   background-image: url('https://img.webme.com/pic/k/kaveo/banner16.jpg');
   background-repeat: no-repeat;
   background-position: center center;
}
/*By www.lautiito.es.tl */
.toronja
{
   position: relative;
   margin-bottom: 0px;
   width: 898px;
}
/*By www.lautiito.es.tl */
.toronja2
{
   position:relative;
   z-index:0;
   margin:0 auto;
   min-width:1px;
   min-height:1px;
}

.toronja2-body
{
   position: relative;
   z-index: 1;
   padding: 0px;
}
/*By www.lautiito.es.tl */
.toronja2
{
   margin: 7px;
}
/*By www.lautiito.es.tl */
.toronja2Header
{
   position:relative;
   z-index:0;
   height: 30px;
   padding: 0 7px;
   margin-bottom: 0px;
}
/*By www.lautiito.es.tl */
.toronja2Header .t
{
   height: 30px;
   color: #A8A8A8;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
   white-space : nowrap;
   padding: 0 6px;
   line-height: 30px;   
}
/*By www.lautiito.es.tl */
.toronja2Header .l, .toronja2Header .r
{
   display:block;
   position:absolute;
   z-index:-1;
   height: 30px;
   background-image: url('https://img.webme.com/pic/k/kaveo/fondotitlemenu.png');
}
/*By www.lautiito.es.tl */
.toronja2Header .l
{
   left:0;
   right:0px;
}

.toronja2Header .r
{
   width:898px;
   right:0;
   clip: rect(auto, auto, auto, 898px);
}
/*By www.lautiito.es.tl */
.ulli
{
    height: 30px;
   background-position:left top;
   background-image: url('https://img.webme.com/pic/k/kaveo/titlemenu16.png');
   padding:0 0 0 15px;
   background-repeat: no-repeat;
   min-height: 15px;
   margin: 0 0 0 5px;
}
/*By www.lautiito.es.tl */
.toronja2Content
{
   position:relative;
   z-index:0;
   margin:0 auto;
   min-width:3px;
   min-height:3px;
}
/*By www.lautiito.es.tl */
.toronja2Content-body
{
   position: relative;
   z-index: 1;
   padding: 8px;
}
/*By www.lautiito.es.tl */
.toronja2Content-tr, .toronja2Content-tl, .toronja2Content-br, .toronja2Content-bl, .toronja2Content-tc, .toronja2Content-bc,.toronja2Content-cr, .toronja2Content-cl
{
   position:absolute;
   z-index:-1;
}
/*By www.lautiito.es.tl */
.toronja2Content-tr, .toronja2Content-tl, .toronja2Content-br, .toronja2Content-bl
{
   width: 2px;
   height: 2px;
   background-image: url('https://img.webme.com/pic/k/kaveo/minimixd.png');
}
/*By www.lautiito.es.tl */
.toronja2Content-tl
{
   top:0;
   left:0;
   clip: rect(auto, 1px, 1px, auto);
}
/*By www.lautiito.es.tl */
.toronja2Content-tr
{
   top: 0;
   right: 0;
   clip: rect(auto, auto, 1px, 1px);
}
/*By www.lautiito.es.tl */
.toronja2Content-bl
{
   bottom: 0;
   left: 0;
   clip: rect(1px, 1px, auto, auto);
}
/*By www.lautiito.es.tl */
.toronja2Content-br
{
   bottom: 0;
   right: 0;
   clip: rect(1px, auto, auto, 1px);
}

.toronja2Content-tc, .toronja2Content-bc
{
   left: 1px;
   right: 1px;
   height: 2px;
   background-image: url('https://img.webme.com/pic/k/kaveo/minimixd2.png');
}
/*By www.lautiito.es.tl */
.toronja2Content-tc
{
   top: 0;
   clip: rect(auto, auto, 1px, auto);
}

.toronja2Content-bc
{
   bottom: 0;
   clip: rect(1px, auto, auto, auto);
}
/*By www.lautiito.es.tl */
.toronja2Content-cr, .toronja2Content-cl
{
   top: 1px;
   bottom: 1px;
   width: 2px;
   background-image: url('https://img.webme.com/pic/k/kaveo/minimixd3.png');
}
/*By www.lautiito.es.tl */
.toronja2Content-cr
{
   right:0;
   clip: rect(auto, auto, auto, 1px);
}

.toronja2Content-cl
{
   left:0;
   clip: rect(auto, 1px, auto, auto);
}
/*By www.lautiito.es.tl */
.toronja2Content-cc
{
   position:absolute;
   z-index:-1;
   top: 1px;
   left: 1px;
   right: 1px;
   bottom: 1px;
   background-color: #F5F5F5;
}
/*By www.lautiito.es.tl */
.toronja2Content-body
{
color:#3B3B3B;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.toronja2Content-body a:hover, .toronja2Content-body a.hover
{
color: #b84141;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/*By www.lautiito.es.tl */
.toronja2Content-body ul
{
   list-style-type: none;
   color: #000000;
   margin:0;
   padding:0;
}
/*By www.lautiito.es.tl */
.toronja2Content-body li
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
/*By www.lautiito.es.tl */
.toronja2Content-body ul li
{
   padding:0px 0 0px 15px;
   background-image: url('https://img.webme.com/pic/k/kaveo/fonditoli.png');
   background-repeat:no-repeat;
   margin:0.5em 0 0.5em 0;
   line-height:1.2em;
}

.toronja1
{
   position:relative;
   z-index:0;
   margin:0 auto;
   min-width:1px;
   min-height:1px;
}
/*By www.lautiito.es.tl */
.toronja1-body
{
   position: relative;
   z-index: 1;
   padding: 7px;
}

.toronja1
{
   margin: 5px;
}
/*By www.lautiito.es.tl */
body
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
  color: #3D3D3D;
}
/*By www.lautiito.es.tl */
/*By www.lautiito.es.tl */
.toronja1Content p
{
   margin: 0.5em 0;
}
/*By www.lautiito.es.tl */
.toronja1Content, .toronja1Content p
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-align: justify;
  color: #3D3D3D;
}

.toronja1Content
{
  margin:0;
}
/*By www.lautiito.es.tl */
a
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
letter-spacing: 1px;
  color: gray;
}
/*By www.lautiito.es.tl */
a:hover, a.hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
letter-spacing: 1px;
  color: #b84141;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
/*By www.lautiito.es.tl */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 25px;
text-transform: uppercase;
text-align: left;
  color: #575757;
}
/*By www.lautiito.es.tl */
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 22px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
text-align: left;
  color: #575757;
}
/*By www.lautiito.es.tl */
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 20px;
text-transform: uppercase;
text-align: left;
  color: #1C1C1C;
}
/*By www.lautiito.es.tl */
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 16px;
text-transform: uppercase;
text-align: left;
  color: #3D3D3D;
}
/*By www.lautiito.es.tl */
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 14px;
text-transform: uppercase;
text-align: left;
  color: #3D3D3D;
}
/*By www.lautiito.es.tl */
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 13px;
text-transform: uppercase;
text-align: left;
  color: #3D3D3D;
}
/*By www.lautiito.es.tl */
ol, ul
{
   color: #000000;
   margin:1em 0 1em 2em;
   padding:0;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-align: left;
margin-left: 12px;
}
/*By www.lautiito.es.tl */
li ol, li ul
{
   margin:0.5em 0 0.5em 2em;
   padding:0;
}
/*By www.lautiito.es.tl */
li
{
   margin:0.2em 0;
   padding:0;
}
/*By www.lautiito.es.tl */
ul
{
   list-style-type: none;
}
/*By www.lautiito.es.tl */
ol
{
   list-style-position:inside;
   
}
/*By www.lautiito.es.tl */
.toronja1 li
{
   padding:0px 0 0px 9px;
   line-height:1.2em;
}
/*By www.lautiito.es.tl */
.toronja1 ol li, .toronja1 ul ol li
{
   background: none;
   padding-left:0;
}

.toronja1 ul li, .toronja1 ol ul li
{
   background-image: url('https://img.webme.com/pic/k/kaveo/licontenido.png');
   background-repeat:no-repeat;
   padding-left:9px;
}
/*By www.lautiito.es.tl */
blockquote,
blockquote p,
.toronja1Content blockquote p
{
   color:#B5B5B5;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}
/*By www.lautiito.es.tl */
.footer
{
   position:relative;
   z-index:0;
   overflow:hidden;
   width: 898px;
   margin: 5px auto 0px auto;
}
/*By www.lautiito.es.tl */
.footer .footer-inner
{
   height:1%;
   position: relative;
   z-index: 0;
   padding: 15px;
   text-align: center;
}
/*By www.lautiito.es.tl */
.footer .footer-background
{
   position:absolute;
   z-index:-1;
   background-repeat:no-repeat;
   background-image: url('https://img.webme.com/pic/k/kaveo/fondofooter.png');
   width: 898px;
   height: 150px;
   bottom:0;
   left:0;
}
/*By www.lautiito.es.tl */
.footer .footer-text p
{
   margin: 0;
}
/*By www.lautiito.es.tl */
.footer .footer-text
{
   display:inline-block;
   color:#A8A8A8;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
}
/*By www.lautiito.es.tl */
.footer .footer-text a:link
{
   text-decoration: none;
   color: #757575;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
/*By www.lautiito.es.tl */
.footer .footer-text a:visited
{
   text-decoration: none;
   color: #757575;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
/*By www.lautiito.es.tl */
.footer .footer-text a:hover
{
   text-decoration: none;
   color: #C2C2C2;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/*By www.lautiito.es.tl */
.creditos, .creditos a, .creditos a:link, .creditos a:visited, .creditos a:hover
{
   font-family:Arial;
   font-size:10px;
   letter-spacing:normal;
   word-spacing:normal;
   font-style:normal;
   font-weight:normal;
   text-decoration:underline;
   color:#A6A6A6;
}
/*By www.lautiito.es.tl */
.creditos
{
   margin:1em;
   text-align:center;
   text-decoration:none;
   color:#616161;
}
/*By www.lautiito.es.tl */
.toronja .lalala
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 672px;
}
/*By www.lautiito.es.tl */
.toronja .lalala-wide
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 896px;
}
/*By www.lautiito.es.tl */
.toronja .menu
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 224px;
}
/*By www.lautiito.es.tl */