Ayuda con los estilos en joomla

No puedo ver la web.

¿El hosting es tuyo?

Una disculpa es que estaba arreglando un problema de la plantilla pero ya se puede visualizar en la misma liga http://www.medranopublicidad.com/ricoh/ podrías checar de favor y ayudarme.

Gracias

¿Exactamente cuál es la parte que quieres modificar? ¿La de acceso?

Si, esa parte de acceso exactamente, la quiero con el mismo estilo que tiene el otro cuadrito donde esta el texto de un ancho de 230 px y alineado a la derecha, para basarme en la manera que lo hagas y así poco a poco ir creando nuevas posiciones con los estilos que tiene la plantilla..

esta es mi hoja de estilos que lleva la plantilla:

/* begin Page */
/* Created by Artisteer v3.1.0.48375 */
#art-main, table
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
letter-spacing: 1px;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
margin: 0;
padding: 0;
}
.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent-body,
ul.art-vmenu a
{
text-align: left;
}
.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}
.art-postcontent p
{
margin: 12px 0;
}
.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover,
.art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover,
.art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover,
.art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover,
.art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover,
.art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover,
.art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover,
.art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover,
.art-logo-name, .art-logo-name a, .art-logo-name a:link, .art-logo-name a:visited, .art-logo-name a:hover,
.art-logo-text, .art-logo-text a, .art-logo-text a:link, .art-logo-text a:visited, .art-logo-text a:hover,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
font-size: 28px;
text-decoration: none;
letter-spacing: 2px;
}
.art-postcontent a
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #575757;
}
.art-postcontent a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #575757;
}
.art-postcontent a:visited, .art-postcontent a.visited
{
color: #D10000;
}
.art-postcontent a:hover, .art-postcontent a.hover
{
text-decoration: underline;
color: #D10000;
}
.art-postcontent h1
{
color: #000000;
margin: 10px 0 0;
font-size: 26px;
}
.art-blockcontent h1
{
margin: 10px 0 0;
font-size: 26px;
}
.art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:hover, .art-postcontent h1 a:visited, .art-blockcontent h1 a, .art-blockcontent h1 a:link, .art-blockcontent h1 a:hover, .art-blockcontent h1 a:visited
{
font-size: 26px;
}
.art-postcontent h2
{
color: #1C1C1C;
margin: 10px 0 0;
font-size: 22px;
}
.art-blockcontent h2
{
margin: 10px 0 0;
font-size: 22px;
}
.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
{
font-size: 22px;
}
.art-postcontent h3
{
color: #565F4F;
margin: 10px 0 0;
font-size: 18px;
}
.art-blockcontent h3
{
margin: 10px 0 0;
font-size: 18px;
}
.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
{
font-size: 18px;
}
.art-postcontent h4
{
color: #521400;
margin: 10px 0 0;
font-size: 16px;
}
.art-blockcontent h4
{
margin: 10px 0 0;
font-size: 16px;
}
.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
{
font-size: 16px;
}
.art-postcontent h5
{
color: #521400;
margin: 10px 0 0;
font-size: 14px;
}
.art-blockcontent h5
{
margin: 10px 0 0;
font-size: 14px;
}
.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
{
font-size: 14px;
}
.art-postcontent h6
{
color: #701C00;
margin: 10px 0 0;
font-size: 13px;
}
.art-blockcontent h6
{
margin: 10px 0 0;
font-size: 13px;
}
.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
{
font-size: 13px;
}
ul
{
list-style-type: none;
}
ol
{
list-style-position: inside;
}
html, body
{
height:100%;
}
#art-main
{
position: relative;
z-index: 0;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor:default;
overflow:hidden;
}
body
{
padding: 0;
margin:0;
min-width: 1000px;
color: #000000;
background-color: #FFFFFF;
background-image: url('../images/Bottom_texture.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;
}
.cleared
{
display:block;
clear: both;
float: none;
margin: 0;
padding: 0;
border: none;
font-size: 0;
height:0;
overflow:hidden;
}
.reset-box
{
overflow:hidden;
display:table;
}
form
{
padding: 0 !important;
margin: 0 !important;
}
table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* Start Box */
.art-box, .art-box-body {
margin:0 auto;
position:relative;
}
.art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
position:absolute;
top:0;
bottom:0;
content:' ';
background-repeat: no-repeat;
line-height:0;
}
.art-box:before,.art-box-body:before{
left:0;
}
.art-box:after,.art-box-body:after{
right:0;
}
.art-box:before {
overflow:hidden;
background-position: bottom left;
direction: ltr;
z-index:-3;
}
.art-box:after {
background-position: bottom right;
z-index:-3;
}
.art-box-body:before, .art-box-body:after {
background-repeat:repeat-y;
}
.art-box-body:before {
background-position: top left;
z-index:-3;
}
.art-box-body:after {
background-position: top right;
z-index:-3;
}
.art-box .art-box:before, .art-box .art-box:after, .art-box-body .art-box-body:before, .art-box-body .art-box-body:after {
z-index:-2;
}
.art-box .art-box .art-box:before, .art-box .art-box .art-box:after, .art-box-body .art-box-body .art-box-body:before, .art-box-body .art-box-body .art-box-body:after {
z-index:-1;
}
/* End Box */
/* Start Bar */
.art-bar {
position:relative;
}
.art-bar:before, .art-bar:after {
position:absolute;
top:0;
bottom:0;
content:' ';
background-repeat:repeat;
z-index:-1;
}
.art-bar:before {
left:0;
background-position: top left;
}
.art-bar:after {
right:0;
background-position: top right;
}
/* End Bar */
li h1, .art-postcontent li h1, .art-blockcontent-body li h1
{
margin:1px;
}
li h2, .art-postcontent li h2, .art-blockcontent-body li h2
{
margin:1px;
}
li h3, .art-postcontent li h3, .art-blockcontent-body li h3
{
margin:1px;
}
li h4, .art-postcontent li h4, .art-blockcontent-body li h4
{
margin:1px;
}
li h5, .art-postcontent li h5, .art-blockcontent-body li h5
{
margin:1px;
}
li h6, .art-postcontent li h6, .art-blockcontent-body li h6
{
margin:1px;
}
li p, .art-postcontent li p, .art-blockcontent-body li p
{
margin:1px;
}
/* end Page */
/* begin Header */
div.art-header
{
margin: 0 auto;
position: relative;
z-index: -5;
width:1000px;
height: 304px;
margin-top: 7px;
margin-bottom: 0;
}
.art-header-position
{
position: absolute;
top: 0;
right: 0;
left: 0;
}
.art-header-wrapper
{
position: relative;
top:0;
width:1000px;
margin:0 auto;
}
.art-header-inner
{
position: relative;
margin: 0 4px;
}
.art-header:before
{
position: absolute;
display:block;
content:' ';
z-index:-2;
top: 0;
width:100%;
height: 304px;
background-image: url('../images/header.png');
background-repeat: no-repeat;
background-position:top center;
}
.art-header:after
{
position: absolute;
z-index:-1;
display:block;
content:' ';
top: 0;
left:17px;
right:17px;
height: 304px;
background-image: url('../images/header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Logo */
div.art-logo
{
display: block;
position: absolute;
top: 20px;
left: 0;
margin-left: 0;
}
/* end Logo */
/* begin Menu */
/* menu structure */
ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover
{
outline: none;
position: relative;
z-index: 11;
}
ul.art-hmenu, ul.art-hmenu ul
{
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}
ul.art-hmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background: none;
}
ul.art-hmenu li:hover{
z-index: 10000;
white-space: normal;
}
ul.art-hmenu li li{
float: none;
width: auto;
}
ul.art-hmenu li:hover>ul {
visibility: visible;
top: 100%;
}
ul.art-hmenu li li:hover>ul {
top: 0;
left: 100%;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {
min-height: 0;
}
ul.art-hmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background-image: url('../images/spacer.gif');
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
ul.art-hmenu ul.art-hmenu-left-to-right {
right: auto;
left: 0;
margin: -10px 0 0 -30px;
}
ul.art-hmenu ul.art-hmenu-right-to-left {
left: auto;
right: 0;
margin: -10px -30px 0 0;
}
ul.art-hmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
margin-left: -11px;
z-index: -1;
}
ul.art-hmenu ul ul.art-hmenu-left-to-right
{
right: auto;
left: 0;
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
margin-left: -11px;
}
ul.art-hmenu ul ul.art-hmenu-right-to-left
{
left: auto;
right: 0;
padding: 30px 10px 30px 30px;
margin: -30px -10px 0 0;
margin-right: -11px;
}
ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
right: auto;
left: 100%;
}
ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
left: auto;
right: 100%;
}
ul.art-hmenu{
position:relative;
padding: 0 10px 4px 10px;
float: left;
}
/* end menu structure */
/* menu bar */
.art-nav
{
width:1000px;
margin:0 auto;
min-height: 88px;
z-index: 100;
margin-top: 0;
margin-bottom: -3px;
}
.art-nav:before, .art-nav:after{
background-image: url('../images/nav.png');
}
.art-nav:before{
right: 17px;
}
.art-nav:after{
width: 17px;
}
/* end menu bar */
.art-nav-outer{
position:absolute;
width:100%;
}
.art-nav-wrapper
{
position: relative;
width:1000px;
margin:0 auto;
}
.art-nav-inner{
margin: 0 4px;
}
.art-hmenu-extra1
{
position: relative;
display: block;
float: left;
width: auto;
height: 88px;
background-position: center;
}
.art-hmenu-extra2
{
position: relative;
display: block;
float: right;
width: auto;
height: 88px;
background-position: center;
}
.art-hmenu
{
float: left;
}
/* images in menu items */
ul.art-hmenu img.art-menu-image, ul.art-hmenu img.art-menu-image-left
{
vertical-align: middle;
margin-right: 5px;
}
ul.art-hmenu img.art-menu-image-right
{
vertical-align: middle;
margin-left: 5px;
}
/* end Menu */
/* begin MenuItem */
ul.art-hmenu>li>a
{
position: relative;
display: block;
height: 84px;
cursor: pointer;
text-decoration: none;
color: #D6DAD3;
padding: 0 50px;
line-height: 84px;
text-align: center;
}
ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
{
position: absolute;
display: block;
content:' ';
top: 0;
bottom:0;
z-index: -1;
background-image: url('../images/menuitem.png');
}
ul.art-hmenu>li>a:before
{
left: 0;
right: 0;
background-position: top left;
}
ul.art-hmenu>li>a:after
{
width: 0;
right: 0;
background-position: top right;
}
.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 14px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
}
ul.art-hmenu>li>a.active:before {
background-position: bottom left;
}
ul.art-hmenu>li>a.active:after {
background-position: bottom right;
}
ul.art-hmenu>li>a.active {
color: #FFFFFF;
}
ul.art-hmenu>li>a:hover:before, ul.art-hmenu>li:hover>a:before {
background-position: center left;
}
ul.art-hmenu>li>a:hover:after, ul.art-hmenu>li:hover>a:after {
background-position: center right;
}
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
color: #FFFFFF;
}
.art-hmenu a:hover.separator-without-submenu
{
cursor: default;
}
.art-hmenu a:hover.separator-without-submenu .t
{
color: #D6DAD3;
}
.art-hmenu li:hover a.separator-without-submenu .t
{
color: #D6DAD3;
}
a:hover.separator-without-submenu .r, a:hover.separator-without-submenu .l
{
top: 0 !important;
}
/* end MenuItem */
/* begin MenuSeparator */
ul.art-hmenu>li:before
{
position:absolute;
display: block;
content:' ';
top:0;
left: -2px;
width:2px;
height: 84px;
background: url('../images/menuseparator.png') center center no-repeat;
}
ul.art-hmenu>li {
margin-left:2px;
}
ul.art-hmenu>li:first-child {
margin-left:0;
}
ul.art-hmenu>li:first-child:before{
display:none;
}
/* end MenuSeparator */
/* begin MenuSubItem */
.art-hmenu ul a
{
display: block;
white-space: nowrap;
height: 24px;
background-image: url('../images/subitem.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
border-top-width: 0;
border-color: #858585;
min-width: 7em;
text-align: left;
text-decoration: none;
line-height: 24px;
color: #232720;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-transform: none;
margin:0;
padding: 0 8px;
}
.art-hmenu ul>li:first-child>a
{
border-top-width: 1px;
}
.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
{
text-align: left;
text-decoration: none;
line-height: 24px;
color: #232720;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-transform: none;
margin:0;
padding: 0 8px;
}
.art-hmenu ul li a:hover
{
color: #000000;
background-position: left bottom;
border-color: #858585;
border-top-width: 1px !important;
}
.art-hmenu ul li a.art-hmenu-before-hovered
{
border-bottom-width: 0 !important;
}
.art-hmenu ul li:hover>a
{
color: #000000;
background-position: left bottom;
border-color: #858585;
border-top-width: 1px !important;
}
/* end MenuSubItem */
/* begin Box, Sheet */
.art-sheet
{
max-width:1000px;
margin-top: 10px;
margin-bottom: 0;
cursor:auto;
width: 1000px;
}
.art-sheet-body
{
padding:4px;
min-width:38px;
min-height:38px;
padding-top:0;
padding-bottom:0;
}
/* end Box, Sheet */
/* begin Layout */
.art-layout-wrapper
{
position:relative;
margin:0 auto 0 auto;
}
.art-content-layout
{
display: table;
width:100%;
table-layout: fixed;
border-collapse: collapse;
}
.art-content-layout-row {
display: table-row;
}
.art-layout-cell
{
display: table-cell;
vertical-align: top;
}
/* end Layout */
/* begin Box, Block */
.art-block
{
max-width:992px;
margin: 7px;
}
.art-block-body
{
padding:8px;
}
.art-block:before, .art-block:after
{
content: url('../images/block_t.png');
font-size: 0;
background-image: url('../images/block_b.png');
}
.art-block:after{
clip:rect(auto, auto, auto, 985px);
}
.art-block:before,.art-block-body:before{
right:7px;
}
.art-block-body:after{
width: 7px;
top:7px;
bottom:7px;
background-image:url('../images/block.png');
}
.art-block-body:before{
top:7px;
bottom:7px;
background-image:url('../images/block.png');
}
div.art-block img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
border-width: 1px;
border-color: #B5BCAE;
border-style: solid;
margin: 7px;
}
/* end Box, Block */
/* begin BlockHeader */
.art-blockheader {
margin-bottom: 0;
min-height: 38px;
line-height:38px;
}
.art-blockheader:before, .art-blockheader:after{
background-image: url('../images/blockheader.png');
}
.art-blockheader:before{
right: 25px;
}
.art-blockheader:after{
width: 25px;
}
.art-blockheader .t
{
min-height: 38px;
line-height:38px;
color: #4D4D4D;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 14px;
letter-spacing: 1px;
margin:0;
padding: 0 10px 0 31px;
white-space: nowrap;
}
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover
{
color: #4D4D4D;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 14px;
letter-spacing: 1px;
}
/* end BlockHeader */
/* begin Box, BlockContent */
.art-blockcontent
{
max-width:992px;
}
.art-blockcontent-body
{
padding:3px;
color: #3A4035;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
letter-spacing: 1px;
}
.art-blockcontent-body table,
.art-blockcontent-body li,
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
color: #3A4035;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 12px;
letter-spacing: 1px;
}
.art-blockcontent-body p
{
margin: 0 5px;
}
.art-blockcontent-body a, .art-blockcontent-body a:link
{
color: #1C1C1C;
text-decoration: none;
}
.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
color: #D10000;
text-decoration: none;
}
.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
color: #D10000;
}
.art-blockcontent-body ul li
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
line-height: 125%;
color: #4C5346;
margin: 5px 0 0 10px;
padding: 0 0 0 13px;
background-image: url('../images/blockcontentbullets.png');
background-repeat: no-repeat;
background-position: top left;
}
/* end Box, BlockContent */
/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
{
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
letter-spacing: 1px;
position:relative;
top:0;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
text-align: center;
color: #D6D6D6 !important;
width: auto;
outline: none;
border: none;
background: none;
line-height: 23px;
height: 23px;
margin: 0 !important;
padding: 0 5px !important;
overflow: visible;
cursor: pointer;
text-indent: 0;
}
.art-button img, span.art-button-wrapper img
{
margin: 0;
vertical-align: middle;
}
span.art-button-wrapper
{
vertical-align: middle;
display: inline-block;
position: relative;
height: 23px;
overflow: hidden;
white-space: nowrap;
text-indent: 0;
width: auto;
max-width:992px;
margin: 0;
padding: 0;
z-index: 0;
}
.firefox2 span.art-button-wrapper
{
display: block;
float: left;
}
input, select, textarea
{
vertical-align: middle;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
letter-spacing: 1px;
}
div.art-block select
{
width:96%;
}
span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
{
color: #000000 !important;
text-decoration: none !important;
}
span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
{
color: #000000 !important;
}
span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
{
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: 0;
padding: 0;
background-image: url('../images/button.png');
background-repeat: no-repeat;
}
span.art-button-wrapper>span.art-button-l
{
left: 0;
right: 3px;
background-position: top left;
}
span.art-button-wrapper>span.art-button-r
{
width: 3px;
right: 0;
background-position: top right;
}
span.art-button-wrapper.hover>span.art-button-l
{
background-position: center left;
}
span.art-button-wrapper.hover>span.art-button-r
{
background-position: center right;
}
span.art-button-wrapper.active>span.art-button-l
{
background-position: bottom left;
}
span.art-button-wrapper.active>span.art-button-r
{
background-position: bottom right;
}
span.art-button-wrapper input
{
float: none !important;
}
/* end Button */
/* begin Box, Post */
.art-post
{
max-width:992px;
margin: 7px;
}
.art-post-body
{
padding:11px;
}
.art-post:before, .art-post:after
{
content: url('../images/post_t.png');
font-size: 0;
background-image: url('../images/post_b.png');
}
.art-post:after{
clip:rect(auto, auto, auto, 981px);
}
.art-post:before,.art-post-body:before{
right:11px;
}
.art-post-body:after{
width: 11px;
top:11px;
bottom:11px;
background-image:url('../images/post.png');
}
.art-post-body:before{
top:11px;
bottom:11px;
background-image:url('../images/post.png');
}
a img
{
border: 0;
}
.art-article img, img.art-article, .art-block img, .art-footer img
{
border-color: #B5BCAE;
border-style: solid;
border-width: 0;
margin: 5px 5px 5px 5px;
}
.art-metadata-icons img
{
border: none;
vertical-align: middle;
margin: 2px;
}
.art-article table, table.art-article
{
border-collapse: collapse;
margin: 1px;
}
.art-post .art-content-layout-br
{
height: 0;
}
.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #98A290;
vertical-align: top;
text-align: left;
}
.art-article th
{
text-align: center;
vertical-align: middle;
padding: 7px;
}
pre
{
overflow: auto;
padding: 0.1em;
}
.art-article
{
border-collapse: separate;
}/* end Box, Post */
/* begin PostHeaderIcon */
.art-postheader
{
color: #3D3D3D;
margin: 10px 0;
line-height: 1em;
font-size: 26px;
}
.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered
{
font-size: 26px;
}
.art-postheader a, .art-postheader a:link
{
text-align: left;
text-decoration: none;
color: #7A856F;
}
.art-postheader a:visited, .art-postheader a.visited
{
color: #7A856F;
}
.art-postheader a:hover, .art-postheader a.hovered
{
text-decoration: underline;
color: #D10000;
}
/* end PostHeaderIcon */
/* begin PostIcons, PostHeaderIcons */
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
letter-spacing: 1px;
color: #818D77;
}
.art-postheadericons
{
padding: 1px;
}
.art-postheadericons a, .art-postheadericons a:link
{
text-decoration: none;
color: #575757;
}
.art-postheadericons a:visited, .art-postheadericons a.visited
{
color: #575757;
}
.art-postheadericons a:hover, .art-postheadericons a.hover
{
text-decoration: underline;
color: #E53900;
}
/* end PostIcons, PostHeaderIcons */
/* begin PostIcon, PostDateIcon */
span.art-postdateicon
{
display:inline-block;
line-height: 1em;
}
span.art-postdateicon:after
{
content: '.';
width: 1px;
visibility: hidden;
display: inline-block;
}/* end PostIcon, PostDateIcon */
/* begin PostIcon, PostAuthorIcon */
span.art-postauthoricon
{
display:inline-block;
line-height: 1em;
}
span.art-postauthoricon:after
{
content: '.';
width: 1px;
visibility: hidden;
display: inline-block;
}/* end PostIcon, PostAuthorIcon */
/* begin PostIcon, PostPdfIcon */
span.art-postpdficon
{
background:url('../images/postpdficon.png') no-repeat left 0.5em;
padding-top:8px;
margin-top:-8px;
padding-left:22px;
min-height:16px;
display:inline-block;
line-height: 1em;
}
span.art-postpdficon:after
{
content: '.';
width: 1px;
visibility: hidden;
display: inline-block;
}/* end PostIcon, PostPdfIcon */
/* begin PostIcon, PostPrintIcon */
span.art-postprinticon
{
background:url('../images/postprinticon.png') no-repeat left 0.5em;
padding-top:10px;
margin-top:-10px;
padding-left:29px;
min-height:20px;
display:inline-block;
line-height: 1em;
}
span.art-postprinticon:after
{
content: '.';
width: 1px;
visibility: hidden;
display: inline-block;
}/* end PostIcon, PostPrintIcon */
/* begin PostIcon, PostEmailIcon */
span.art-postemailicon
{
background:url('../images/postemailicon.png') no-repeat left 0.5em;
padding-top:4px;
margin-top:-4px;
padding-left:17px;
min-height:8px;
display:inline-block;
line-height: 1em;
}
span.art-postemailicon:after
{
content: '.';
width: 1px;
visibility: hidden;
display: inline-block;
}/* end PostIcon, PostEmailIcon */
/* begin PostIcon, PostEditIcon */
span.art-postediticon
{
background:url('../images/postediticon.png') no-repeat left 0.5em;
padding-top:10px;
margin-top:-10px;
padding-left:26px;
min-height:20px;
display:inline-block;
line-height: 1em;
}
span.art-postediticon:after
{
content: '.';
width: 1px;
visibility: hidden;
display: inline-block;
}/* end PostIcon, PostEditIcon */
/* begin PostBullets */
.art-postcontent ol, .art-postcontent ul
{
margin: 1em 0 1em 2em;
padding: 0;
}
.art-postcontent li
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
color: #000000;
margin: 5px 0 0 -15px;
padding: 0 0 0 13px;
}
.art-postcontent li ol, .art-post li ul
{
margin: 0.5em 0 0.5em 2em;
padding: 0;
}
.art-postcontent ol>li
{
background: none;
padding-left: 0;
/* overrides overflow for "ul li" and sets the default value */
overflow: visible;
}
.art-postcontent ul>li
{
background-image: url('../images/postbullets.png');
background-repeat: no-repeat;
background-position: top left;
padding-left: 13px;
/* makes "ul li" not to align behind the image if they are in the same line */
overflow-x: visible;
overflow-y: hidden;
}
/* end PostBullets */
/* begin PostQuote */
blockquote,
blockquote a, .art-postcontent blockquote a, .art-blockcontent blockquote a, .art-footer blockquote a,
blockquote a:link, .art-postcontent blockquote a:link, .art-blockcontent blockquote a:link, .art-footer blockquote a:link,
blockquote a:visited, .art-postcontent blockquote a:visited, .art-blockcontent blockquote a:visited, .art-footer blockquote a:visited,
blockquote a:hover, .art-postcontent blockquote a:hover, .art-blockcontent blockquote a:hover, .art-footer blockquote a:hover
{
color: #30352C;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
}
/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer blockquote p
{
margin: 0;
}
blockquote
{
border: solid 1px #9C9C9C;
margin: 10px;
padding: 15px;
background-color: #D9DCD5;
margin-left: 50px;
padding-left: 48px;
background-image: url('../images/postquote.png');
background-position: left top;
background-repeat: no-repeat;
/* makes block not to align behind the image if they are in the same line */
overflow: auto;
clear:both;
}
/* end PostQuote */
/* begin PostIcons, PostFooterIcons */
.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
letter-spacing: 1px;
color: #818D77;
}
.art-postfootericons
{
padding: 1px;
}
.art-postfootericons a, .art-postfootericons a:link
{
text-decoration: none;
color: #727D68;
}
.art-postfootericons a:visited, .art-postfootericons a.visited
{
color: #575757;
}
.art-postfootericons a:hover, .art-postfootericons a.hover
{
text-decoration: underline;
color: #E53900;
}
/* end PostIcons, PostFooterIcons */
/* begin PostIcon, PostCategoryIcon */
span.art-postcategoryicon
{
display:inline-block;
line-height: 1em;
}
span.art-postcategoryicon:after
{
content: '.';
width: 1px;
visibility: hidden;
display: inline-block;
}/* end PostIcon, PostCategoryIcon */
/* begin Footer */
.art-footer
{
position: relative;
margin-top:10px;
margin-bottom:0;
width: 100%;
}
.art-footer-body
{
position:relative;
padding: 8px;
color: #DEDEDE;
font-size: 11px;
}
.art-footer-body ul li
{
font-size: 13px;
line-height: 125%;
color: #EDEFEC;
margin: 0 0 0 13px;
}
.art-footer-body:before
{
position: absolute;
content:' ';
z-index:-2;
left:0;
right:0;
top:0;
bottom:50px;
background-image: url('../images/footer.png');
background-position:bottom left;
}
.art-footer:before, .art-footer:after
{
position: absolute;
content:' ';
z-index:-2;
bottom:0;
height:50px;
background-image: url('../images/footer_b.png');
}
.art-footer:before
{
left:0;
right:0;
background-position: bottom left;
}
.art-footer:after
{
right:0;
width:0;
background-position: bottom right;
}
.art-footer-text p
{
padding:0;
margin:0;
text-align: center;
}
.art-footer-body a,
.art-footer-body a:link,
.art-footer-body a:visited,
.art-footer-body a:hover,
.art-footer-body td,
.art-footer-body th,
.art-footer-body caption
{
color: #DEDEDE;
font-size: 11px;
}
.art-footer-text
{
min-height: 10px;
padding-left: 10px;
padding-right: 10px;
position: relative;
float: left;
left: 50%;
text-align: center;
}
.art-footer-body a,
.art-footer-body a:link
{
color: #DBDBDB;
text-decoration: none;
}
.art-footer-body a:visited
{
color: #DBDFD8;
}
.art-footer-body a:hover
{
color: #CED3CA;
text-decoration: underline;
}
.art-footer-center
{
position: relative;
float: right;
right: 50%;
}
div.art-footer img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
border-width: 0;
margin: 7px;
}
/* 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: #DBDBDB;
}
.art-page-footer
{
position: relative;
z-index: 10;
padding: 1em;
text-align: center;
text-decoration: none;
color: #DBDFD8;
}
/* end PageFooter */
/* begin LayoutCell, sidebar1 */
.art-content-layout .art-sidebar1
{
width: 210px;
}
/* end LayoutCell, sidebar1 */
/* begin LayoutCell, sidebar2 */
.art-content-layout .art-sidebar2
{
width: 210px;
}
/* end LayoutCell, sidebar2 */
/* pagination */
.pagination
{
margin: 0;
padding: 0;
text-align: center;
}
.pagination span
{
margin: 0;
padding: 0;
}
.pagination a
{
padding: 2px;
}
/* article navigation */
.pagenav
{
width: 100%;
}
.pagenav td,
.pagenav th
{
border: none;
font-weight: normal;
}
/* login module */
#form-login fieldset.input
{
border: none;
margin: 0;
padding: 0;
}
#form-login br
{
display: none;
}
#form-login p
{
margin: 0.5em 0 0 0;
}
#form-login #form-login-username label,
#form-login #form-login-password label
{
display: block;
}
#form-login #form-login-remember input
{
margin: 0;
padding: 0;
vertical-align: bottom;
position: relative;
top: -1px;
}
#form-login #modlgn_username,
#form-login #modlgn_passwd
{
width: 95%;
margin: 0;
padding: 0;
}
#form-login ul
{
list-style-type: none;
margin: 0;
padding: 0;
}
#form-login ul li
{
background-image: none;
padding: 0;
}

creo que te servira