Nueva web de Diseño grafico , esta es con el fin de que aprendan de mi y yo de ustes

Colocar aquí el contenido para class "divisionderecha3Colocar aquí el contenido para class "divisionderecha3"Colocar aquí el contenido para class "divisionderecha3"Colocar aquí el contenido para class "divisionderecha3"Colocar aquí el contenido para class
Colocar aquí el contenido para class "divisionderecha3Colocar aquí el contenido para class "divisionderecha3"Colocar aquí el contenido para class "divisionderecha3"Colocar aquí el contenido para class "divisionderecha3"Colocar aquí el
Colocar aquí el contenido para class "divisionderecha3Colocar aquí el contenido para class "divisionderecha3"Colocar aquí el contenido para class "divisionderecha3"Colocar aquí el contenido para class "divisionderecha3"Colocar aquí el contenido para clas

 

 

 

 

 

 

post2
FIREWORKS
Colocar aquí el contenido para class "recuros"

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

vizlaprox

chocolatepico

por ariba:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
    <!--
    Created by Artisteer v2.3.0.23326
    Base template (without user's data) checked by
http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>Artisteer </title>

    <script type="text/javascript" src="script.js"></script>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
    <div id="art-page-background-gradient"></div>
    <div id="art-main">
        <div class="art-Sheet">
            <div class="art-Sheet-tl"></div>
            <div class="art-Sheet-tr"></div>

            <div class="art-Sheet-bl"></div>
            <div class="art-Sheet-br"></div>
            <div class="art-Sheet-tc"></div>
            <div class="art-Sheet-bc"></div>
            <div class="art-Sheet-cl"></div>
            <div class="art-Sheet-cr"></div>
            <div class="art-Sheet-cc"></div>
            <div class="art-Sheet-body">
                <div class="art-Header">

                    <div class="art-Header-png"></div>
                    <div class="art-Header-jpeg"></div>
                    <div class="art-Logo">
                        <h1 id="name-text" class="art-Logo-name"><a href="#">Título</a></h1>
                        <div id="slogan-text" class="art-Logo-text">Texto de Lema</div>
                    </div>
                </div>
                <div class="art-nav">

                 <div class="l"></div>
                 <div class="r"></div>
                 <ul class="art-menu">
                  <li>
                   <a href="#" class=" active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
                  </li>
                  <li>
                   <a href="#"><span class="l"></span><span class="r"></span><span class="t">nombre</span></a>

                   <ul>
                    <li><a href="#">Menu Subitem 1</a>
                   

                    </li>
                    <li><a href="#">Menu Subitem 2</a></li>
                    <li><a href="#">Menu Subitem 3</a></li>
                   </ul>
                  </li>  
                  <li>
                   <a href="#"><span class="l"></span><span class="r"></span><span class="t">nombre</span></a>
                  <ul>
                    <li><a href="#">Menu Subitem 1</a>
                   

                    </li>
                    <li><a href="#">Menu Subitem 2</a></li>
                    <li><a href="#">Menu Subitem 3</a></li>
                   </ul>

</li>

                 </ul>
               
                                               
                                        </div>
<div class="cleared"></div>





por debajo:


<div class="cleared"></div>
                        </div>
                       
                          <div class="cleared"></div>
                            </div>
                        </div>
                    </div>
                    <div class="art-sidebar1">

                        <div class="art-Block">
                            <div class="art-Block-tl"></div>
                            <div class="art-Block-tr"></div>
                            <div class="art-Block-bl"></div>
                            <div class="art-Block-br"></div>
                            <div class="art-Block-tc"></div>
                            <div class="art-Block-bc"></div>
                            <div class="art-Block-cl"></div>
                            <div class="art-Block-cr"></div>

                            <div class="art-Block-cc"></div>
                            <div class="art-Block-body">
                                        <div class="art-BlockHeader">
                                            <div class="l"></div>
                                            <div class="r"></div>
                                            <div class="art-header-tag-icon">
                                                <div class="t">nombre</div>
                                            </div>

                                        </div><div class="art-BlockContent">
                                            <div class="art-BlockContent-body">
                                                <div>
<ul>
<li><a href="#LINK">Titulo</li>
</ul>

<ul>
<li><a href="#LINK">Titulo</li>
</ul>

<ul>
<li><a href="#LINK">Titulo</li>
</ul>

<ul>
<li><a href="#LINK">Titulo</li>
</ul>
                                                      </div>
                                          <div class="cleared"></div>
                                            </div>
                                        </div>
                          <div class="cleared"></div>
                            </div>
                        </div>
                        <div class="art-Block">

                            <div class="art-Block-tl"></div>
                            <div class="art-Block-tr"></div>
                            <div class="art-Block-bl"></div>
                            <div class="art-Block-br"></div>
                            <div class="art-Block-tc"></div>
                            <div class="art-Block-bc"></div>
                            <div class="art-Block-cl"></div>
                            <div class="art-Block-cr"></div>
                            <div class="art-Block-cc"></div>

                            <div class="art-Block-body">
                                        <div class="art-BlockHeader">
                                            <div class="l"></div>
                                            <div class="r"></div>
                                            <div class="art-header-tag-icon">
                                                <div class="t">nombre</div>
                                            </div>
                                        </div><div class="art-BlockContent">

                                            <div class="art-BlockContent-body">
                                                <div>
<ul>
<li><a href="#LINK">Titulo</li>
</ul>

<ul>
<li><a href="#LINK">Titulo</li>
</ul>

<ul>
<li><a href="#LINK">Titulo</li>
</ul>

<ul>
<li><a href="#LINK">Titulo</li>
</ul>
                                                                  </div>
                                          <div class="cleared"></div>
                                            </div>
                                        </div>
                          <div class="cleared"></div>
                            </div>
                        </div>

                        <div class="art-Block">
                            <div class="art-Block-tl"></div>
                            <div class="art-Block-tr"></div>
                            <div class="art-Block-bl"></div>
                            <div class="art-Block-br"></div>
                            <div class="art-Block-tc"></div>
                            <div class="art-Block-bc"></div>
                            <div class="art-Block-cl"></div>
                            <div class="art-Block-cr"></div>

                            <div class="art-Block-cc"></div>
                            <div class="art-Block-body">
                                        <div class="art-BlockHeader">
                                            <div class="l"></div>
                                            <div class="r"></div>
                                            <div class="art-header-tag-icon">
                                                <div class="t">nombre</div>
                                            </div>

                                        </div><div class="art-BlockContent">
                                            <div class="art-BlockContent-body">
                                                <div>
                                                     
<ul>
<li><a href="#LINK">Titulo</li>
</ul>

<ul>
<li><a href="#LINK">Titulo</li>
</ul>

<ul>
<li><a href="#LINK">Titulo</li>
</ul>

<ul>
<li><a href="#LINK">Titulo</li>
</ul>
                                                </div>
                                          <div class="cleared"></div>
                                            </div>
                                       
                    </div>
                </div>
                <div class="cleared"></div><div class="art-Footer">
                    <div class="art-Footer-inner">
                        <a href="#" class="art-rss-tag-icon" title="RSS"></a>
                        <div class="art-Footer-text">
                           

                                | <a href="#">Privacy Statement</a><br />
                                Copyright &copy; 2009 ---. All Rights Reserved.</p>
                        </div>
                    </div>
                    <div class="art-Footer-background"></div>
                </div>

          <div class="cleared"></div>
            </div>
        </div>
        <div class="cleared"></div>
        <p class="art-page-footer"><a href="perceoz.es.tl/">Web Template</a> created with vizlaprox.</p>
    </div>
   
</body>

</html>


 

code css sin tag:



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;}


/* begin Page */

/* Generated with Artisteer version 2.3.0.23326, file checksum is F0379109. */

body
{
 margin: 0 auto;
 padding: 0;
 background-color: #262626;
 background-image: url('http://i28.tinypic.com/33bet1s.jpg');
 background-repeat: repeat;
 background-attachment: scroll;
 background-position: top left;
}

#art-main
{
 position: relative;
 width: 100%;
 left: 0;
 top: 0;
}

#art-page-background-gradient{
background-image: url('http://i31.tinypic.com/25iw13a.jpg');
background-repeat: repeat-x;
top:0;
width:100%;
height: 250px;


}

#art-page-background-gradient
{
 background-position: top left;
}


.cleared
{
 float: none;
 clear: both;
 margin: 0;
 padding: 0;
 border: none;
 font-size:1px;
}


form
{
 padding:0 !important;
 margin:0 !important;
}

table.position
{
 position: relative;
 width: 100%;
 table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-Sheet
{
 position:relative;
 z-index:0;
 margin:0 auto;
 width: 900px;
 min-width:23px;
 min-height:23px;
}

.art-Sheet-body
{
 position: relative;
 z-index: 1;
 padding: 1px;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
 position:absolute;
 z-index:-1;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
 width: 22px;
 height: 22px;
 background-image: url('http://i32.tinypic.com/1oputi.png');
}

.art-Sheet-tl
{
 top:0;
 left:0;
 clip: rect(auto, 11px, 11px, auto);
}

.art-Sheet-tr
{
 top: 0;
 right: 0;
 clip: rect(auto, auto, 11px, 11px);
}

.art-Sheet-bl
{
 bottom: 0;
 left: 0;
 clip: rect(11px, 11px, auto, auto);
}

.art-Sheet-br
{
 bottom: 0;
 right: 0;
 clip: rect(11px, auto, auto, 11px);
}

.art-Sheet-tc, .art-Sheet-bc
{
 left: 11px;
 right: 11px;
 height: 22px;
 background-image: url('http://i31.tinypic.com/vn2no9.png');
}

.art-Sheet-tc
{
 top: 0;
 clip: rect(auto, auto, 11px, auto);
}

.art-Sheet-bc
{
 bottom: 0;
 clip: rect(11px, auto, auto, auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
 top: 11px;
 bottom: 11px;
 width: 22px;
 background-image: url('http://i31.tinypic.com/vn2no9.png');
}

.art-Sheet-cr
{
 right:0;
 clip: rect(auto, auto, auto, 11px);
}

.art-Sheet-cl
{
 left:0;
 clip: rect(auto, 11px, auto, auto);
}

.art-Sheet-cc
{
 position:absolute;
 z-index:-1;
 top: 11px;
 left: 11px;
 right: 11px;
 bottom: 11px;
 background-color: #363636;
}


.art-Sheet
{
 margin-top: 50px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
 min-width:900px;
}

/* end Box, Sheet */

/* begin Header */
div.art-Header
{
 margin: 0 auto;
 position: relative;
 z-index:0;
 width: 898px;
 height: 250px;
}

div.art-Header-png
{
 position: absolute;
 z-index:-2;
 top: 0;
 left: 0;
 width: 898px;
 height: 250px;
 background-image: url('http://i28.tinypic.com/2yx5938.png');
 background-repeat: no-repeat;
 background-position: left top;
}

div.art-Header-jpeg
{
 position: absolute;
 z-index:-1;
 top: 0;
 left: 0;
 width: 898px;
 height: 250px;
 background-image: url('http://i29.tinypic.com/5of1ww.jpg');
 background-repeat: no-repeat;
 background-position: center center;
}
/* end Header */

/* begin Logo */
.art-Logo
{
 display : block;
 position: absolute;
 left: 10px;
 top: 94px;
 width: 878px;
}

h1.art-Logo-name
{
 display: block;
 text-align: center;
}

h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 41px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
 padding:0;
 margin:0;
 color: #DFDAD2 !important;
}

.art-Logo-text
{
 display: block;
 text-align: center;
}

.art-Logo-text, .art-Logo-text a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
 padding:0;
 margin:0;
 color: #DFDAD2 !important;
}
/* end Logo */

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
 text-align:left;
 text-decoration:none;
 outline:none;
 letter-spacing:normal;
 word-spacing:normal;
}

.art-menu, .art-menu ul
{
 margin: 0;
 padding: 0;
 border: 0;
 list-style-type: none;
 display: block;
}

.art-menu li
{
 margin: 0;
 padding: 0;
 border: 0;
 display: block;
 float: left;
 position: relative;
 z-index: 5;
 background:none;
}

.art-menu li:hover
{
 z-index: 10000;
 white-space: normal;
}

.art-menu li li
{
 float: none;
}

.art-menu ul
{
 visibility: hidden;
 position: absolute;
 z-index: 10;
 left: 0;
 top: 0;
 background:none;
}

.art-menu li:hover>ul
{
 visibility: visible;
 top: 100%;
}

.art-menu li li:hover>ul
{
 top: 0;
 left: 100%;
}

.art-menu:after, .art-menu ul:after
{
 content: ".";
 height: 0;
 display: block;
 visibility: hidden;
 overflow: hidden;
 clear: both;
}
.art-menu, .art-menu ul
{
 min-height: 0;
}

.art-menu ul
{
 background-image: url(http://i27.tinypic.com/2nu1tfo.jpg);
 padding: 10px 30px 30px 30px;
 margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
 padding: 30px 30px 30px 10px;
 margin: -30px 0 0 -10px;
}

 

 

/* menu structure */

.art-menu
{
 padding: 12px 6px 0px 6px;
}

.art-nav
{
 position: relative;
 height: 42px;
 z-index: 100;
}

.art-nav .l, .art-nav .r
{
 position: absolute;
 z-index: -1;
 top: 0;
 height: 42px;
 background-image: url('http://i28.tinypic.com/29aup1d.png');
}

.art-nav .l
{
 left: 0;
 right:0px;
}

.art-nav .r
{
 right: 0;
 width: 898px;
 clip: rect(auto, auto, auto, 898px);
}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
 clear: both;
}

.art-menu a
{
 position:relative;
 display: block;
 overflow:hidden;
 height: 30px;
 cursor: pointer;
 text-decoration: none;
 margin-right: 2px;
 margin-left: 2px;
}


.art-menu a .r, .art-menu a .l
{
 position:absolute;
 display: block;
 top:0;
 z-index:-1;
 height: 90px;
 background-image: url('http://i30.tinypic.com/2nbrnuw.png');
}

.art-menu a .l
{
 left:0;
 right:1px;
}

.art-menu a .r
{
 width:402px;
 right:0;
 clip: rect(auto, auto, auto, 401px);
}

.art-menu a .t
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
 color: #D3CAC5;
 padding: 0 22px;
 margin: 0 1px;
 line-height: 30px;
 text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
 top:-30px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
 top:-30px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
 top:-30px;
}
.art-menu a:hover .t
{
 color: #F0F0F0;
}

.art-menu li:hover a .t
{
 color: #F0F0F0;
}

.art-menu li:hover>a .t
{
 color: #F0F0F0;
}


.art-menu a.active .l, .art-menu a.active .r
{
 top: -60px;
}

.art-menu a.active .t
{
 color: #DBD6CC;
}


/* end MenuItem */

/* begin MenuSubItem */
.art-menu ul a
{
 display:block;
 text-align: center;
 white-space: nowrap;
 height: 26px;
 width: 180px;
 overflow:hidden;
 line-height: 26px;
 margin-right: auto;


 background-image: url('http://i28.tinypic.com/29y2fdj.png');
 background-position: left top;
 background-repeat: repeat-x;
 border-width: 1px;
 border-style: solid;
 border-color: #595959;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
 display: inline;
 float: none;
 margin: inherit;
 padding: inherit;
 background-image: none;
 text-align: inherit;
 text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
 text-align: left;
 text-indent: 12px;
 text-decoration: none;
 line-height: 26px;
 color: #F6F4F3;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
}

.art-menu ul ul a
{
 margin-left: auto;
}

.art-menu ul li a:hover
{
 color: #F2F2F2;
 border-color: #595959;
 background-position: 0 -26px;
}

.art-menu ul li:hover>a
{
 color: #F2F2F2;
 border-color: #595959;
 background-position: 0 -26px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
 color: #F2F2F2;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
 color: #F2F2F2;
}


/* end MenuSubItem */

/* begin ContentLayout */
.art-contentLayout
{
 position: relative;
 margin-bottom: 1px;
 width: 898px;
}
/* end ContentLayout */

/* begin Box, Block */
.art-Block
{
 position:relative;
 z-index:0;
 margin:0 auto;
 min-width:23px;
 min-height:23px;
}

.art-Block-body
{
 position: relative;
 z-index: 1;
 padding: 2px;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
{
 position:absolute;
 z-index:-1;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
 width: 30px;
 height: 30px;
 background-image: url('http://i28.tinypic.com/33totuq.png');
}

.art-Block-tl
{
 top:0;
 left:0;
 clip: rect(auto, 15px, 15px, auto);
}

.art-Block-tr
{
 top: 0;
 right: 0;
 clip: rect(auto, auto, 15px, 15px);
}

.art-Block-bl
{
 bottom: 0;
 left: 0;
 clip: rect(15px, 15px, auto, auto);
}

.art-Block-br
{
 bottom: 0;
 right: 0;
 clip: rect(15px, auto, auto, 15px);
}

.art-Block-tc, .art-Block-bc
{
 left: 15px;
 right: 15px;
 height: 30px;
 background-image: url('http://i29.tinypic.com/2hzmt5f.png');
}

.art-Block-tc
{
 top: 0;
 clip: rect(auto, auto, 15px, auto);
}

.art-Block-bc
{
 bottom: 0;
 clip: rect(15px, auto, auto, auto);
}

.art-Block-cr, .art-Block-cl
{
 top: 15px;
 bottom: 15px;
 width: 30px;
 background-image: url('http://i25.tinypic.com/zn2cy9.png');
}

.art-Block-cr
{
 right:0;
 clip: rect(auto, auto, auto, 15px);
}

.art-Block-cl
{
 left:0;
 clip: rect(auto, 15px, auto, auto);
}

.art-Block-cc
{
 position:absolute;
 z-index:-1;
 top: 15px;
 left: 15px;
 right: 15px;
 bottom: 15px;
 background-color: #474747;
}


.art-Block
{
 margin: 5px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-BlockHeader
{
 position:relative;
 z-index:0;
 height: 30px;
 padding: 0 8px;
 margin-bottom: 2px;
}

.art-BlockHeader .t
{
 height: 30px;
 color: #000000;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 15px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
 white-space : nowrap;
 padding: 0 6px;
 line-height: 30px; 
}

.art-BlockHeader .l, .art-BlockHeader .r
{
 display:block;
 position:absolute;
 z-index:-1;
 height: 30px;
 background-image: url('http://i31.tinypic.com/2pri6n9.png');
}

.art-BlockHeader .l
{
 left:0;
 right:7px;
}

.art-BlockHeader .r
{
 width:898px;
 right:0;
 clip: rect(auto, auto, auto, 891px);
}

 

 

.art-header-tag-icon
{
    height: 30px;
 background-position:left top;
 background-image: url('http://i29.tinypic.com/9as0li.png');
 padding:0 0 0 16px;
 background-repeat: no-repeat;
 min-height: 16px;
 margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, BlockContent */
.art-BlockContent
{
 position:relative;
 z-index:0;
 margin:0 auto;
 min-width:1px;
 min-height:1px;
}

.art-BlockContent-body
{
 position: relative;
 z-index: 1;
 padding: 10px;
}

 

.art-BlockContent-body
{
 color:#CFCFCF;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

.art-BlockContent-body a:link
{
 color: #C2B5AE;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
 color: #9E9E9E;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
 color: #D9D3C9;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-BlockContent-body ul
{
 list-style-type: none;
 color: #B5B5B5;
 margin:0;
 padding:0;
}

.art-BlockContent-body ul li
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
line-height: 125%;
  line-height: 1.25em;
  padding: 0px 0 0px 13px;
  background-image: url('http://i25.tinypic.com/2ykz37p.png');
  background-repeat: no-repeat;
}

/* end Box, BlockContent */

/* begin Box, Post */
.art-Post
{
 position:relative;
 z-index:0;
 margin:0 auto;
 min-width:15px;
 min-height:15px;
}

.art-Post-body
{
 position: relative;
 z-index: 1;
 padding: 8px;
}

.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc,.art-Post-cr, .art-Post-cl
{
 position:absolute;
 z-index:-1;
}

.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl
{
 width: 14px;
 height: 14px;
 background-image: url('http://i29.tinypic.com/21mu9v6.png');
}

.art-Post-tl
{
 top:0;
 left:0;
 clip: rect(auto, 7px, 7px, auto);
}

.art-Post-tr
{
 top: 0;
 right: 0;
 clip: rect(auto, auto, 7px, 7px);
}

.art-Post-bl
{
 bottom: 0;
 left: 0;
 clip: rect(7px, 7px, auto, auto);
}

.art-Post-br
{
 bottom: 0;
 right: 0;
 clip: rect(7px, auto, auto, 7px);
}

.art-Post-tc, .art-Post-bc
{
 left: 7px;
 right: 7px;
 height: 14px;
 background-image: url('http://i29.tinypic.com/21mu9v6.jpg');
}

.art-Post-tc
{
 top: 0;
 clip: rect(auto, auto, 7px, auto);
}

.art-Post-bc
{
 bottom: 0;
 clip: rect(7px, auto, auto, auto);
}

.art-Post-cr, .art-Post-cl
{
 top: 7px;
 bottom: 7px;
 width: 14px;
 background-image: url('http://i29.tinypic.com/2epip2r.png');
}

.art-Post-cr
{
 right:0;
 clip: rect(auto, auto, auto, 7px);
}

.art-Post-cl
{
 left:0;
 clip: rect(auto, 7px, auto, auto);
}

.art-Post-cc
{
 position:absolute;
 z-index:-1;
 top: 7px;
 left: 7px;
 right: 7px;
 bottom: 7px;
 background-color: #404040;
}


.art-Post
{
 margin: 5px;
}

/* Start images */
a img
{
 border: 0;
}

.art-article img, img.art-article
{
 margin: 1em;
}

.art-metadata-icons img
{
 border: none;
 vertical-align: middle;
 margin: 2px;
}
/* Finish images */

/* Start tables */

.art-article table, table.art-article
{
 border-collapse: collapse;
 margin: 1px;
 width:auto;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
 background-color:Transparent;
}

.art-article th, .art-article td
{
 padding: 2px;
 border: solid 1px #696969;
 vertical-align: top;
 text-align:left;
}

.art-article th
{
 text-align: center;
 vertical-align: middle;
 padding: 7px;
}

/* Finish tables */

pre
{
 overflow: auto;
 padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.art-PostHeader
{
 text-decoration:none;
 margin: 0.2em 0;
 padding: 0;
 font-weight:normal;
 font-style:normal;
 letter-spacing:normal;
 word-spacing:normal;
 font-variant:normal;
 text-decoration:none;
 font-variant:normal;
 text-transform:none;
 text-align:left;
 text-indent:0;
 line-height:inherit;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 26px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-transform: uppercase;
 color: #DCD4D0;
}

.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 26px;
font-style: normal;
font-weight: bold;
letter-spacing: 0px;
text-transform: uppercase;
 margin:0;
 color: #DCD4D0;
}

.art-PostHeader img
{
 border:none;
 vertical-align: middle;
 margin:0;
}
/* end PostHeaderIcon */

/* begin PostHeader */
.art-PostHeader a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-transform: uppercase;
  color: #D3CAC5;
}

.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #CCCCCC;
}

.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
  color: #AA9E88;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
  color: #C9C9C9;
}


.art-PostContent p
{
 margin: 0.5em 0;
}

.art-PostContent, .art-PostContent p
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-align: justify;
  color: #C9C9C9;
}

.art-PostContent
{
  margin:0;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
letter-spacing: 1px;
  color: #BDAFA8;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
letter-spacing: 1px;
  color: #BDAFA8;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
letter-spacing: 1px;
  color: #9E9E9E;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
letter-spacing: 1px;
  color: #AA9E88;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
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;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 31px;
text-transform: uppercase;
text-align: left;
  color: #BDAFA8;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
text-align: left;
  color: #BDAFA8;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 24px;
text-transform: uppercase;
text-align: left;
  color: #FFFFFF;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 20px;
text-transform: uppercase;
text-align: left;
  color: #C9C9C9;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
text-transform: uppercase;
text-align: left;
  color: #C9C9C9;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 15px;
text-transform: uppercase;
text-align: left;
  color: #C9C9C9;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
 color: #B0B0B0;
 margin:1em 0 1em 2em;
 padding:0;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-align: left;
margin-left: 12px;
}

li ol, li ul
{
 margin:0.5em 0 0.5em 2em;
 padding:0;
}

li
{
 margin:0.2em 0;
 padding:0;
}

ul
{
 list-style-type: none;
}

ol
{
 list-style-position:inside;
 
}

 

.art-Post li
{
 padding:0px 0 0px 19px;
 line-height:1.2em;
}

.art-Post ol li, .art-Post ul ol li
{
 background: none;
 padding-left:0;
}

.art-Post ul li, .art-Post ol ul li
{
 background-image: url('http://i26.tinypic.com/16k1jtk.png');
 background-repeat:no-repeat;
 padding-left:19px;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote,
blockquote p,
.art-PostContent blockquote p
{
 color:#D7D1C6;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}

blockquote,
.art-PostContent blockquote
{
  margin:10px 10px 10px 50px;
 padding:5px 5px 5px 41px;
 background-color:#595959;
 background-image: none;
 background-position:left top;
 background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.art-button-wrapper .art-button
{
 display:inline-block;
 width: auto;
 outline:none;
 border:none;
 background:none;
 line-height:32px;
 margin:0 !important;
 padding:0 !important;
 overflow: visible;
 cursor: default;
 text-decoration: none !important;
 z-index:0;
 vertical-align: middle;
}

.art-button img, .art-button-wrapper img
{
  margin: 0;
}

.art-button-wrapper
{
 display:inline-block;
 vertical-align: middle;
 position:relative;
 height: 32px;
 overflow:hidden;
 white-space: nowrap;
 width: auto;
 z-index:0;
}

.firefox2 .art-button-wrapper
{
 display:block;
 float:left;
}

.art-button-wrapper .art-button
{
 display:block;
 height: 32px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
 white-space: nowrap;
 text-align: left;
 padding: 0 19px !important;
 line-height: 32px;
 text-decoration: none !important;
 color: #F2EFEE !important;
}

input, select
{
  vertical-align: middle;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
 color: #242424 !important;
 text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
 color: #F0F0F0 !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
 display:block;
 position:absolute;
 z-index:-1;
 height: 96px;
 background-image: url('http://i26.tinypic.com/16k1jtk.png');
}

.art-button-wrapper .l
{
 left:0;
 right:9px;
}

.art-button-wrapper .r
{
 width:411px;
 right:0;
 clip: rect(auto, auto, auto, 402px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
 top: -32px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
 top: -64px;
}


/* end Button */

/* begin Footer */
.art-Footer
{
 position:relative;
 z-index:0;
 overflow:hidden;
 width: 898px;
 margin: 5px auto 0px auto;
}

.art-Footer .art-Footer-inner
{
 height:1%;
 position: relative;
 z-index: 0;
 padding: 15px;
 text-align: center;
}

.art-Footer .art-Footer-background
{
 position:absolute;
 z-index:-1;
 background-repeat:no-repeat;
 background-image: url('http://i27.tinypic.com/2wdr5lz.png');
 width: 898px;
 height: 150px;
 bottom:0;
 left:0;
}


.art-rss-tag-icon
{
 position: relative;
 display:block;
 float:left;
 background-image: none;
 background-position: center right;
 background-repeat: no-repeat;
 margin: 0 5px 0 0;
 height: 32px;
 width: 32px;
    cursor: default;
}

 


.art-Footer .art-Footer-text p
{
 margin: 0;
}

.art-Footer .art-Footer-text
{
 display:inline-block;
 color:#C4C4C4;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
}

.art-Footer .art-Footer-text a:link
{
 text-decoration: none;
 color: #B9AAA2;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-Footer .art-Footer-text a:visited
{
 text-decoration: none;
 color: #9E9E9E;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.art-Footer .art-Footer-text a:hover
{
 text-decoration: none;
 color: #A69982;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
 font-family:Arial;
 font-size:10px;
 letter-spacing:normal;
 word-spacing:normal;
 font-style:normal;
 font-weight:normal;
 text-decoration:underline;
 color:#A38F85;
}

.art-page-footer
{
 margin:1em;
 text-align:center;
 text-decoration:none;
 color:#525252;
}
/* end PageFooter */

/* begin LayoutCell */
.art-contentLayout .art-content
{
 position: relative;
 margin: 0;
 padding: 0;
 border: 0;
 float: left;
 overflow: hidden;
 width: 672px;
}
.art-contentLayout .art-content-wide
{
 position: relative;
 margin: 0;
 padding: 0;
 border: 0;
 float: left;
 overflow: hidden;
 width: 896px;
}
/* end LayoutCell */

/* begin LayoutCell */
.art-contentLayout .art-sidebar1
{
 position: relative;
 margin: 0;
 padding: 0;
 border: 0;
 float: left;
 overflow: hidden;
 width: 224px;
}
/* end LayoutCell */



 






 

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis