kaveo - css3

css3

*Pon el mouse encima para verla mas grande

>Informacion<

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

* No Borrar Los Creditos *

-Texto por Encima-

<div id="pagewidth" >
<div id="header"></div>
<div id="wrapper" class="clearfix">
<div id="twocols">
<div id="maincol" style="color: white">

-Texto por Debajo-

</div>
<div id="rightcol" style="color: white"> saraza</div><div id="rightcol2" style="color: #9e3c02"> saraza<br>saraza<br>saraza<br>saraza<br>saraza<br>saraza<br></div>
<div id="rightcol" style="color: white"> saraza2</div><div id="rightcol2" style="color: #9e3c02"> saraza<br>saraza<br>saraza<br>saraza<br>saraza<br>saraza<br></div><div id="rightcol" style="color: white"> saraza2</div><div id="rightcol2" style="color: #9e3c02"> saraza<br>saraza<br>saraza<br>saraza<br>saraza<br>saraza<br></div>
</div>
<div id="leftcol"><font color="white">saraza3</font></div><div id="sarazita"><div class="outer">   
<div id="menu4">
<ul>
<li class="limenu"><a href="" >LINK</a></li>
<li><a href="" >LINK</a></li>
<li class="limenu"><a href="" >LINK</a></li>
<li><a href="" >LINK</a></li>
<li class="limenu"><a href="" >LINK</a></li>
<li><a href="" >LINK</a></li>
<li class="limenu"><a href="" >LINK</a></li>
<li><a href="" >LINK</a></li>
<li class="limenu"><a href="" >LINK</a></li>
<li><a href="" >LINK</a></li>
</ul>
</div>
</div>
</div>
<div id="footer"><div style="float: left;"><font color="white" size="2" face="tahoma"> © Copyright 2011 <b>www.lautiito.es.tl</b> | Todos los derechos reservados.</font></div><div style="float: right;"><font color="white">Desing By</font> <a href="http://lautiito.es.tl">lautiito</a> </div></div>
</div>

-Css Code Sin Style Tags-

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;}   * {margin:0;padding:0;}
html, body{
 margin:0;
 padding:0;
 background-color:#0B0B0B;
 text-align:center;
}
 /*By www.lautiito.es.tl */
#pagewidth{
 width:805px;
 text-align:left;
 margin:0 auto;
}
 /*By www.lautiito.es.tl */
#header{
margin-bottom: 3px;
 position:relative;
 height:150px;
 background-color: #ffff00;
 width:100%;
 display:block;
 overflow:auto;
}
 /*By www.lautiito.es.tl */
#leftcol{
 width:191px;
 float:left;
 position:relative;
 height:25px;
 background-image:url(https://img.webme.com/pic/l/lautiito-pruebas/sarazaaaa.png);
   border-left:solid 1px yellow;
 border-bottom:solid 1px yellow;
 border-top:solid 1px yellow;
 }
 
#sarazita{
 width:192px;
 float:left;
 position:relative;
 background-image:url(https://img.webme.com/pic/l/lautiito-pruebas/contenidoboxs.jpg);
 }
 /*By www.lautiito.es.tl */
#twocols{
 width:613px;
 float:right;
 position:relative;
  }
 
#rightcol{
 width:191px;
 height:25px;
 float:right;
 position:relative;
 background-image:url(https://img.webme.com/pic/l/lautiito-pruebas/sarazaaaa.png);
  border-right:solid 1px yellow;
 border-bottom:solid 1px yellow;
 border-top:solid 1px yellow;
 }
 /*By www.lautiito.es.tl */
 #rightcol2{
 width:192px;
 float:right;
 position:relative;
 background-image:url(https://img.webme.com/pic/l/lautiito-pruebas/contenidoboxs.jpg);
 font-style:color: #9e3c02;
 }
 /*By www.lautiito.es.tl */
#maincol{
 background-color: #000; 
 float: left;
  position: relative;
 width:419px;
 height:100%;
  border-left:solid 1px yellow;
 border-right:solid 1px yellow;
 border-top:solid 1px yellow;
 }
 /*By www.lautiito.es.tl */
#footer{
 height:20px;
  background-image:url(https://img.webme.com/pic/l/lautiito-pruebas/sarazaaaa.png);
 clear:both;
 display:block;
 overflow:auto;
 border-left:solid 1px yellow;
 border-right:solid 1px yellow;
 border-bottom:solid 1px yellow;
 border-top:solid 1px yellow;
}
 /*By www.lautiito.es.tl */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}
/*By www.lautiito.es.tl */
* html .clearfix{height: 1%;}
.clearfix{display: block;} 

 @media print{
/*By www.lautiito.es.tl */
#leftcol{display:none;}

/*By www.lautiito.es.tl */
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}

.limenu{
      background-image: url(https://img.webme.com/pic/l/lautiito-pruebas/sarazaaaaaa2.png);
      width:189px;
      text-decoration:none;
}

.outer{
   margin:0px;
   padding:0px;
   text-decoration:none;
}
/*By www.lautiito.es.tl */
#menu4 {
   width: 190px;
   border-style: solid solid none solid;
   border-color: #D76100;
   border-size: 1px;
   border-width: 1px;
   padding:0px;
   text-decoration:none;
   }
   #menu4 ul{
   margin:0px;
   padding:0px;
   list-style:none;
   }
   #menu4 li a {
      height: 32px;
      voice-family: ""}"";
      voice-family: inherit;
      height: 24px;
      text-decoration: none;
      font-weight:normal;
      color: #9E3C02;
      }
      
   #menu4 li a:link, #menu4 li a:visited {
      color: #9E3C02;
      display: block;
      background-image: url(https://img.webme.com/pic/l/lautiito-pruebas/sarazaaaaaa2.png);
      width:189px;
      text-decoration: none;
      }
      
   #menu4 li a:hover {
      color: #000;
      background-image: url(https://img.webme.com/pic/l/lautiito-pruebas/sarazaaaaaa2.png);
      width:189px;
      text-decoration: underline;
      }
      
   #menu4 li a:active {
      color: #000;
      background-image: url(https://img.webme.com/pic/l/lautiito-pruebas/sarazaaaaaa2.png);
      width:189px;
      text-decoration: none;
      }   
::-moz-selection{
    background:#ea942f;
    color:white;
    }
    ::selection {
    background:#ea942f;
    color:white;
    }
/*By www.lautiito.es.tl */
a {
         font-size: 14px;
         color: #9E3C02;
         text-decoration: none;
      }
      a:visited {
         font-size: 14px;
         text-decoration: none;
      }
      a:hover {
         font-size: 16px;
         text-decoration: underline;
      }
      a.std {
         font-size: 11px;
         color:#9E3C02;
         text-decoration: none;
      }
      a:visited.std { font-size: 14px; color:#9E3C02; text-decoration: none; }
      a:hover.std { font-size: 16px; color:#9E3C02; text-decoration: underline; }