Códigos HTML: janeiro 2013

/* FUNDO GERAL DO SITE */
body {

background: url('images123/layout/layout_fundo_azul.jpg')
no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

font-family: Georgia, Tahoma, Geneva, Verdana, sans-serif;

/* background-color:#EAEBD8; */ Fundo apenas com código da cor.
/* background-image:url('images123/layout/layout_fundo_azul.jpg'); */

}

/* O CONTAINER É A LARGURA DO SITE */
#container {
position:relative; /* needed for footer positioning*/
min-height:100%; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
padding:0;

margin: 0 auto; /* center, not in IE5 */
width:1000px;
height:auto; !important; /* real browsers */
/* background-color:#FFFFFF; */
BORDER-right: #000000 0px solid;
BORDER-left: #000000 0px solid;
BORDER-top: #000000 0px solid;
BORDER-bottom: #000000 0px solid;
z-index:500000;
height:auto;
overflow: hidden;
min-width:1000px;
}

h1 {font-size:30px;}
h2 {font-size:25px; color:FF9933; }
h3 {font-size:12px;}
h4 {font-size:16px;}
h5 {font-size:16px;}
h6 {font-size:16px;}
a,a.visited {color: #58859C; text-decoration: underline;}
a:hover{color:#000000;}
ul {margin:0 0 0 15px;}
p {margin-top: 0;margin-bottom: 10px;}
blockquote {margin:5px; padding:5px; font-size:18px; font-style:italic}
element.style { height:auto;}
hr { width:100%; clear:both; border:none; height:2px; background:#eee; margin:0; padding:0;}

/* CSS DO MENU DO TOPO */

ul#menutopocss,ul#menutopocss ul{
margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}
ul#menutopocss ul{
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;
}
ul#menutopocss li:hover>*{
display:block;}
ul#menutopocss li{
position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#menutopocss li:hover{
z-index:1;}
ul#menutopocss{
font-size:0;z-index:9999999999;position:relative;display:inline-block;zoom:1;
*display:inline;}
ul#menutopocss>li{
margin:0;}
* html ul#menutopocss li a{
display:inline-block;}
ul#menutopocss a:active, ul#menutopocss a:focus{
outline-style:none;}
ul#menutopocss a{
display:block;vertical-align:middle;text-align:center;text-decoration:none;font:bold 14px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url('images123/layout/menutopo_mainbk.png');background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#menutopocss ul li{
float:none;margin:10px 0 0;}
ul#menutopocss ul a{
text-align:center;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;font:14px Tahoma;color:#000;text-decoration:none;}
ul#menutopocss li:hover>a,ul#menutopocss a.pressed{
background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url('images123/layout/menutopo_mainbk.png');background-position:0 100px;}
ul#menutopocss img{
border:none;vertical-align:middle;margin-right:10px;}
ul#menutopocss img.over{
display:none;}
ul#menutopocss li:hover > a img.def{
display:none;}
ul#menutopocss li:hover > a img.over{
display:inline;}
ul#menutopocss li a.pressed img.over{
display:inline;}
ul#menutopocss li a.pressed img.def{
display:none;}
ul#menutopocss span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#menutopocss li:hover>a,ul#menutopocss li>a.pressed{
background-color:#f8ac00;background-image:url('images123/layout/menutopo_mainbk.png');background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#menutopocss ul li:hover>a,ul#menutopocss ul li>a.pressed{
background-color:#FFFFFF;background-image:none;color:#868686;text-decoration:none;}
ul#menutopocss li.topfirst>a{
border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
ul#menutopocss li.topmenu>a{
-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
ul#menutopocss li.toplast>a{
border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;

}
/* FIM DO CSS DO MENU DO TOPO */

/* INCICO DO CSS DO MENU VERTICAL */

ul#menuvertcss {

margin:0;
margin: 5px; padding: 0px 0px;

list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

ul#menuvertcss ul{

margin:0;
margin: 0px; padding: 0px 0px;

list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

ul#menuvertcss ul{
display:none;position:absolute;left:100%;top:0;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;}
ul#menuvertcss li:hover>*{
display:block;}
ul#menuvertcss li{
position:relative;display:block;white-space:nowrap;font-size:0;}
ul#menuvertcss li:hover{
z-index:1;}
ul#menuvertcss{
font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;
*display:inline;}
ul#menuvertcss>li{
margin:0;}
ul#menuvertcss a:active, ul#menuvertcss a:focus{
outline-style:none;}
ul#menuvertcss a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 14px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url('images123/layout/mainbk.png');background-repeat:repeat;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:#C0C0C0;}
ul#menuvertcss ul li{
float:none;margin:10px 0 0;}
ul#menuvertcss ul a{
text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;}
ul#menuvertcss li:hover>a,ul#menuvertcss a.pressed{
background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url('images123/layout/mainbk.png');background-position:0 100px;}
ul#menuvertcss img{
border:none;vertical-align:middle;margin-right:10px;}
ul#menuvertcss img.over{
display:none;}
ul#menuvertcss li:hover > a img.def{
display:none;}
ul#menuvertcss li:hover > a img.over{
display:inline;}
ul#menuvertcss li a.pressed img.over{
display:inline;}
ul#menuvertcss li a.pressed img.def{
display:none;}
ul#menuvertcss span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#menuvertcss li:hover>a,ul#menuvertcss li>a.pressed{
background-color:#f8ac00;background-image:url('images123/layout/mainbk.png');background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#menuvertcss ul li:hover>a,ul#menuvertcss ul li>a.pressed{
background-color:#FFFFFF;background-image:none;color:#868686;text-decoration:none;}
ul#menuvertcss li.topfirst>a{
border-width:0;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#menuvertcss li.toplast>a{
border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;}

/* MENU VERTICAL FIM */

/* CONTEUDO DO SITE */
#conteudo {
width: 1000px;
}

#barraesquerda {
width: 0px;
}

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

#barradireita {
width: 300px;
float:left;
}

#barraesquerda1de2 {
width: 500px;
float:left;
}

#barradireita2de2 {
width: 500px;
float:right;
}

/* CONTEUDO DO SITE */
#conteudo_loja {
width: 1000px;
}

#barraesquerda_loja {
width: 220px;
float:left;
}

#barracentral_loja {
width: 780px;
float:left;
}

#barradireita_loja {
width: 0px;
float:left;
}

/* CONTEUDO DO SITE */

/* LAYOUT COM 3 INICIO */
#barraesquerda_1de3 {
width: 220px;
float:left;
}
#barracentral_2de3 {
width: 560px;
float:left;
}
#barradireita_3de3 {
width: 220px;
float:left;
}
/* LAYOUT COM 3 FIM */

/* MENU INTERNO ÁREA DOS CLIENTES */

#sddm
{ margin: 0;
padding: 0;
white-space: nowrap;

z-index: 30}

#sddm li
{ margin: 0;
padding: 0;
white-space: nowrap;

list-style: none;
float: left;
font: bold 11px arial}

#sddm li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
background: #5970B2;
color: #FFF;
text-align: center;
white-space: nowrap;

text-decoration: none}

#sddm li a:hover
{ white-space: nowrap;

background: #49A3FF}

#sddm div
{
z-index:9999999;
position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
white-space: nowrap;

background: #EAEBD8;
border: 1px solid #5970B2

}

#sddm div a
{
z-index:9999999;
position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #EAEBD8;
color: #2875DE;
font: 11px arial

}

#sddm div a:hover
{

white-space: nowrap;

background: #49A3FF;
color: #FFF}
/* FINAL MENU INTERNO ÁREA DOS CLIENTES */

/* MENU RODAPE */
#menurodape li {

padding: 0px 0px 5px 0px;
font-size: 12px;
line-height: 15px;
font-weight: bold;
color: black;

}
#menurodape ul {
list-style-type: none;
/* height: 80px; */
margin: auto;
padding: 10px 10px 0 10px;
}
#menurodape h3 {
margin: -10px;
padding: 10px 10px 0 10px;
display: block;
font-size: 16px;
line-height: 15px;
color: white;
text-shadow: 1px 1px black;
}
/* FIM DO MENU RODAPE */

/* CAIXAS */
.caixa {
color: #333;
background-color: #fafafa;
margin: 5px;
padding: 5px 10px;
border: 1px solid #f1f1f1;

-webkit-border-radius: 7px ;
-moz-border-radius: 7px ;
border-radius: 7px ;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
}
.caixa:hover {
color: #333;
background-color: #fff;
}
.caixa h3{
border-bottom:1px solid #ccc;
font-size:9px;
font-weight:bold;
letter-spacing:2px;
margin-bottom:20px;
text-transform:uppercase;
}
/* FINAL CAIXA */

/* CAIXAS ESCURA */
.caixa_escura {

background:#CCCCCC;
background:-moz-linear-gradient(90deg, #CCCCCC, #FFFFFF); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FFFFFF)); /* Webkit */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF'); /* for IE */

margin: 5px;
padding: 5px 10px;
border: 1px solid #f1f1f1;

-moz-border-radius: 7px; /* Firefox */
-webkit-border-radius: 7px; /* Safari and Chrome */
border-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

-moz-box-shadow: 0px 0px 5px #999; /* Firefox */
-webkit-box-shadow: 0px 0px 5px #999; /* Safari and Chrome */
box-shadow: 0px 0px 5px #999999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */

}

.caixa_escura h3{
/* border-bottom:1px solid #ccc; */
font-size:9px;
font-weight:bold;
letter-spacing:2px;
margin-bottom:20px;
text-transform:uppercase;
}
/* FINAL CAIXA ESCURA */

/* CAIXA CLARA */
.caixa_clara {
color: #333;
background-color: #fff;
margin: 5px;
padding: 5px 10px;
border: 1px solid #f1f1f1;
-webkit-border-radius: 7px ;
-moz-border-radius: 7px ;
border-radius: 7px ;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
}
.caixa_clara:hover {
color: #333;
background-color: #fff;
}
.caixa_clara h3{
border-bottom:1px solid #ccc;
font-size:9px;
font-weight:bold;
letter-spacing:2px;
margin-bottom:20px;
text-transform:uppercase;
}
/* FINAL CAIXA CLARA */

#copyright{
float:left;
width:790px;
height: 80;
color: #666666;
text-transform: uppercase;
font-size: 11px;
padding-bottom: 30px;
padding-left: 10px;

}

#visitantesonline{
float:left;
text-align:right;
width:190px;
height: 80;
color: #333333;
text-transform: uppercase;
font-size: 11px;
padding-bottom: 30px;
}

/* FORMULÁRIOS E BOTÕES */

.none {}

.formlogin{
background:#f7f7f7;
background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
border:1px solid #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-box-shadow:0 0 15px #aaa;
-webkit-box-shadow:0 0 15px #aaa;
margin: 5px;
padding: 5px 10px;
}
.formlogin h3{
border-bottom:1px solid #ccc;
font-size:9px;
font-weight:bold;
letter-spacing:2px;
margin-bottom:20px;
text-transform:uppercase;
}

/*
form {
background:#f7f7f7;
background:-moz-linear-gradient(90deg, #ccc, #fff); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Webkit */
border:1px solid #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-box-shadow:0 0 15px #aaa;
-webkit-box-shadow:0 0 15px #aaa;
margin:60px auto 0;
padding:20px;
width:90%;

}
*/

form h3 {

border-bottom:1px solid #ccc;
font-size:9px;
font-weight:bold;
letter-spacing:2px;
margin-bottom:20px;
text-transform:uppercase;
}

form p{
margin-bottom:20px;
}
form p:last-child{ /* Sélecteur avancé pour sélectionner le dernier paragraphe du formulaire */
margin-bottom:0;
}
label{
cursor:pointer;
display:block;
float:left;
font-size:13px;
font-weight:bold;
line-height:28px;
margin-bottom:5px;
width:200px;
}
form p:hover label{
color:#0459b7;
}
form p:hover label:after{
content:' »';
}

input[type=text],input[type=password],textarea,select{
background: rgba(255, 255, 255, 0.9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff'); /* for IE */
background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
border:1px solid #aaa;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-box-shadow:0 0 3px #aaa;
-webkit-box-shadow:0 0 3px #aaa;
/* box-shadow: 10px 10px 20px #aaaaaa; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
padding:5px;
}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{
border-color:#093c75;
-moz-box-shadow:0 0 3px #0459b7;
-webkit-box-shadow:0 0 3px #0459b7;
outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}

input[type=submit],input[type=button],
a.submit{
background:#ddd;
background:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */
background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#08adff, endColorstr=#0459b7);/* For Internet Explorer 5.5 - 7 */
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#08adff, endColorstr=#0459b7)';/* For Internet Explorer 8 */

border:1px solid #093c75;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-box-shadow:0 1px 0 #fff;
-webkit-box-shadow:0 1px 0 #fff;
color:#fff;
cursor:pointer;
font-family:Arial,sans-serif;
font-size:12px;
font-weight:bold;
margin:auto 0;
text-align: center;
padding:5px 10px;
text-decoration:none;
text-shadow:0 1px 1px #333;
text-transform:uppercase;
}
input[type=submit]:hover,input[type=button]:hover,
a.submit:hover{
background:#eee;
background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
border-color:#093c75;
text-decoration:none;
}
input[type=submit]:active,input[type=button]:active,
input[type=submit]:focus,input[type=button]:focus,
a.submit:active,
a.submit:focus{
background:#ccc;
background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
border-color:#093c75;
outline:none;
}

#options{
margin-bottom:20px;
}
#options p{
display:none;
}
#options .show{
display:block;
}
#options:target .show{
display:none;
}
#options .hide{
display:none;
}
#options:target .hide{
display:block;
}
#options:target p{
display:block;
}
#finish{
background:rgba(65, 166, 42, 0.2);
border:2px solid #41a62a;
-moz-border-radius:3px;
-webkit-border-radius:3px;
display:none;
padding:5px 10px;
}
#finish:target{
display:block;
}
/* FINAL FORMULÁRIOS E BOTÕES */

/* TABELA ESTILO */

#tabelas
{
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Sans-Serif;
font-size: 12px;
margin: 45px;
/*width: 90%;*/
text-align: left;
border-collapse: collapse;
}
#tabelas th
{
font-size: 13px;
font-weight: normal;
padding: 8px;
/* background: #b9c9fe url('table-images/gradhead.png') repeat-x; */
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#9FB5FE), to(#B9C9FE));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #9FB5FE, #B9C9FE);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9FB5FE, endColorstr=#B9C9FE);
/* For Internet Explorer 8 */
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#9FB5FE, endColorstr=#B9C9FE)';

border-top: 2px solid #d3ddff;
border-bottom: 1px solid #fff;
color: #039;
}
#tabelas td
{
padding: 8px;
border-bottom: 1px solid #fff;
color: #669;
border-top: 1px solid #fff;
/* background: #e8edff url('table-images/gradback.png') repeat-x; */
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#D6DFFF), to(#E8EDFF));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #D6DFFF, #E8EDFF);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D6DFFF, endColorstr=#E8EDFF);
/* For Internet Explorer 8 */
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#D6DFFF, endColorstr=#E8EDFF)';

}
#tabelas tfoot tr td
{
background: #e8edff;
font-size: 12px;
color: #99c;
}
#tabelas tbody tr:hover td
{
/* background: #d0dafd url('table-images/gradhover.png') repeat-x; */
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#BDCBFC), to(#D0DAFD));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #BDCBFC, #D0DAFD);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BDCBFC, endColorstr=#D0DAFD);
/* For Internet Explorer 8 */
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#BDCBFC, endColorstr=#D0DAFD)';

color: #339;
}

/* TABELA ESTILO FIM*/

/* -------------------------------------------------- */
/* ESTILO DAS FOTOS INICIO*/
ul.polaroids { width: 90%; margin: 0 0 18px -30px; }
ul.polaroids li { display: inline; }
ul.polaroids a { background: #fff; display: inline; float: left; margin: 0 0 27px 30px; width: auto; padding: 10px 10px 15px; text-align: center; font-family: 'Marker Felt', sans-serif; text-decoration: none; color: #333; font-size: 18px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-transform: rotate(-2deg); -webkit-transition: -webkit-transform .15s linear; -moz-transform: rotate(-2deg); }
ul.polaroids img { display: block; width: 150px; margin-bottom: 12px; }
ul.polaroids a:after { content: attr(title); }

ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); }
ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px; -moz-transform: none; }
ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(5deg); position: relative; right: 5px; -moz-transform: rotate(5deg); }
ul.polaroids li:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
ul.polaroids li:nth-child(11n) a { position: relative; left: -5px; top: 3px; }

ul.polaroids li.messy a { margin-top: -375px; margin-left: 160px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); }

ul.polaroids li a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; /* z-index: 5; */ }

code { background: rgba(0,0,0,.5); padding: 2px 3px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.75); -webkit-border-radius: 3px; -moz-border-radius: 3px; }

ol.code { background: rgba(0,0,0,.75); margin-bottom: 18px; border: solid rgba(0,0,0,.75); border-width: 1px 1px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.5); }
ol.code li, ol.code li code { font-size: 14px !important; }
ol.code code { background: none; }

/* ESTILO DAS FOTOS */

/* LOJA PRODUTOS INICIAL */
.produtos-inicial { position:relative; margin:0 0px 0px 0; }
.produtos-inicial li.item { float:left; width:240px; list-style:none; }
.produtos-inicial .produto-imagem { display:block; width:240px; height:170px; margin:0 0 6px; }
.produtos-inicial .produto-nome { padding:0 16px 9px 0; height:25px; font-weight:bold; font-size:16px; }
.produtos-inicial .produto-nome a { color:#0066FF; text-decoration:none; }
.produtos-inicial .produto-nome a:hover { text-decoration:underline; }
.produtos-inicial .caixadopreco { float:left; width:240px; margin:7px 10px 0 0; height:50px; }
.produtos-inicial .preco { font-size:16px; font-weight:bold; color:#333333; }
/* LOJA PRODUTOS INICIAL FINAL*/

/* LOJA BANNER DE OFERTAS INICIO */

#page-wrap { background: white; width: 770px; margin: 0 auto;
padding: 0px 0; margin: 0; padding: 0;

color: #333;
background-color: #fafafa;
margin: 5px;

-webkit-border-radius: 7px ;
-moz-border-radius: 7px ;
border-radius: 7px ;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;

}

#slider {
background: white url(images123/layout/slider-bg.jpg); height: 222px; overflow: hidden;
position: relative; margin: 0px 0; margin: 0; padding: 0;

-webkit-border-radius: 7px ;
-moz-border-radius: 7px ;
border-radius: 7px ;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;

}

/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */
#mover { width: 2880px; position: relative; margin: 0; padding: 0;}

.slide { padding: 30px 0px; width: 790px; float: left; position: relative; left: -180px; margin: 0; }
.slide h1 { font-family: Helvetica, Sans-Serif; font-size: 26px; letter-spacing: -1px; color: #ac0000; margin: 0; padding: 0; }
.slide p { color: #999; font-size: 24px; line-height: 22px; width: 500px; margin: 0; padding: 0;}
.slide img { position: absolute; top: 22px; left: 710px; margin: 0; padding: 0; }
#slider-stopper { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; margin: 0; padding: 0;}

/* LOJA BANNER DE OFERTAS FINAL */

/*INCIO BANNER ROTATIVO*/

/* =Skitter styles
----------------------------------------------- */
.box_skitter {position:relative;width:700px;height:304px;}
.box_skitter img { max-width:none; -webkit-border-radius: 7px ;
-moz-border-radius: 7px ;
border-radius: 7px ;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;} /* Tip for stildv */
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

/* =Navigation
-------------------------------------------------------------- */

.box_skitter .prev_button {position:absolute;top:50%;left:5px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(images123/layout/prevREMOVIDO.png) no-repeat left top;}

.box_skitter .next_button {position:absolute;top:50%;right:5px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(images123/layout/nextREMOVIDO.png) no-repeat left top;}

/* =Numbers
-------------------------------------------------------------- */

.box_skitter .info_slide {position:absolute;top:5px;left:5px;z-index:100;background: transparent;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.4;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}

/* =Thumbs
Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs { position:relative;overflow:hidden;height:50px; }
.box_skitter .info_slide_thumb { height:50px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0; }
.box_skitter .info_slide_thumb .image_number { overflow:hidden;width:100px;height:50px;position:relative;margin:0 !important; padding:0 !important; -moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important;}
.box_skitter .info_slide_thumb .image_number img { position:absolute;top:-30px;left:-30px;height:100px;}
.box_skitter .box_scroll_thumbs { padding:0; }
.box_skitter .box_scroll_thumbs .scroll_thumbs { position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101; cursor:pointer;border:0px solid #333; }

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:151;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}

/* =Loading
-------------------------------------------------------------- */
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images123/layout/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter { z-index:150;position:absolute;bottom:0px;left:0px;display:none; }
.box_skitter .label_skitter { z-index:150;position:absolute;bottom:0px;left:0px;color:#fff;display:none;opacity:0.8;background:#000; }
.box_skitter .label_skitter p { padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px; }
.box_skitter .info_slide * { font-family:Consolas,arial,tahoma !important; }
.box_skitter .progressbar { background:#000; position:absolute; top:5px;left:15px;height:5px; width: 200px; z-index:99; border-radius:20px; }

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
.box_skitter .preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
.box_skitter .preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
.box_skitter .preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

.box_skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images123/layout/focus-button.png) no-repeat left top;opacity:0;}

.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images123/layout/pause-button.png) no-repeat left top;opacity:0;}

.box_skitter .play_pause_button.play_button {background:url(../images123/layout/play-button.png) no-repeat left top;}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large { width:690px;height:304px;
-webkit-border-radius: 7px ;
-moz-border-radius: 7px ;
border-radius: 7px ;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
color: #333;
margin: 5px;
}

.box_skitter_maior { width:770px;height:304px;
-webkit-border-radius: 7px ;
-moz-border-radius: 7px ;
border-radius: 7px ;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
color: #333;
margin: 5px;
}

.box_skitter_menor { width:550px;height:304px;
-webkit-border-radius: 7px ;
-moz-border-radius: 7px ;
border-radius: 7px ;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
color: #333;
margin: 5px;
}

.box_skitter_super { width:1000px;height:304px;
-webkit-border-radius: 7px ;
-moz-border-radius: 7px ;
border-radius: 7px ;
-webkit-box-shadow: 0px 0px 5px #999;
-moz-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
color: #333;
margin: 5px;
}

/*FIM BANNER ROTATIVO*/

/* NOTICIAS LISTA */
#noticiaslista {
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px; }
#noticiaslista ol a { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#000080; }
#noticiaslista ol li { }
#noticiaslista ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#999; border-left: 1px solid #999; }
#noticiaslista ol li p em { display:block; }

/* INICIO BANNER PRODUTOS */
/*****************************
SET DEFAULT DIMENSIONS HERE
*****************************/
/* change the ID & dimensions to match your slider */
#slider2 {
width: 700px;
height: 190px;
list-style: none;
/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
overflow-y: auto;
overflow-x: hidden;
}

/******************
SET STYLING HERE
******************
=================================
Default state (no keyboard focus)
==================================*/
/* Overall Wrapper */
.anythingSlider-default {
margin: 0 auto;
/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
/*padding: 0 45px 28px 45px;*/
padding: 0 0px 28px 0px;
}
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow {
border-top: 0px solid #777;
border-bottom: 0px solid #777;
}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
/* top shadow */
background: #777 url(../images123/layout/default.pngXXX) center -288px repeat-x;
color: #fff;
border-radius: 5 5 5px 5px;
-moz-border-radius: 5 5 5px 5px;
-webkit-border-radius: 5 5 5px 5px;
}
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
background: #888;
color: #000;
}

/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop {
background-color: #040;
color: #ddd;
}
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing {
background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
background-image: none;
color: #ddd;
}

/*
=================================
Active State (has keyboard focus)
=================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
border-color: #7C9127;
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
/* background image = top shadow */
background-color: #7C9127;
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
/* background image removed */
background: #7C9127;
}

/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
background-color: #080;
color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
background-color: #d00;
color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
color: #fff;
}

/************************
NAVIGATION POSITIONING
************************/
/* Navigation Arrows */
/*
.anythingSlider-default .arrow {
top: 50%;
position: absolute;
display: block;
}

.anythingSlider-default .arrow a {
display: block;
width: 45px;
height: 140px;
margin: -70px 0 0 0;
text-align: center;
outline: 0;
background: url(../images/default.png) no-repeat;
}
*/
/* back arrow
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
forward arrow
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }
*/
/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
font: 14px/18px Georgia, Serif;
display: inline-block;
text-decoration: none;
padding: 2px 8px;
height: 18px;
margin: 0 5px 0 0;
text-align: center;
outline: 0;
}

/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
overflow: hidden;
float: left;
}

/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
padding: 1px 3px;
width: 30px;
text-align: center;
text-decoration: none;
float: right;
z-index: 100;
outline: 0;
font: 10px/18px Georgia, Serif;

}

/***********************
IE8 AND OLDER STYLING
***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
margin: 0;
}

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
margin-left: 2px;
}

/* When using the navigationSize option, the side margins need to be zero
None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
padding: 3px 0 0 0;
}

/***********************
COMMON SLIDER STYLING
***********************/
/* Overall Wrapper */
.anythingSlider {
display: block;
overflow: visible !important;
position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
background: transparent;
list-style: none;
position: absolute;
overflow: visible !important;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

/* Navigation arrow text; indent moved to span inside 'a', for IE7;
apparently, a negative text-indent on an 'a' link moves the link as well as the text */
.anythingSlider .arrow span {
display: block;
visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
background: transparent;
display: block;
overflow: hidden;
float: left;
padding: 0;
margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
float: none;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
z-index: 0;
}

/***********************
RTL STYLING
***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
direction: ltr;
unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
transition-duration: 0;
-o-transition-duration: 0;
-moz-transition-duration: 0;
-webkit-transition-duration: 0;
}
/* FIM BANNER PRODUTOS */

/* INICIO DA PAGINACAO */
/*
ul{border:0;
padding:0;
margin-left: 300;
}
*/
#paginacao li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#paginacao a{
border:solid 1px #9aafe5
margin-right:2px;
}
#paginacao .previous-off,
#paginacao .next-off {
border:solid 1px #DEDEDE
color:#888888
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#paginacao .next a,
#paginacao .previous a {
font-weight:bold;
}
#paginacao .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#paginacao a:link,
#paginacao a:visited {
color:#0e509e
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#paginacao a:hover{
border:solid 1px #0e509e
}
/* FIM DA PAGINACAO */

/*INICIO DEMONSTRACAO*/
#demonstracao {
position: fixed;
top: 0;
left: 0;
width: 50;
height: 200;
z-index:-50;
opacity:0.5;
margin-top:10px;
margin-left:10px;

}
/*FIM DEMONSTRACAO*/

/* Caso vc queira editar o arquivo fora daqui, remova tudo acima e deixe somente a linha abaixo e cire um arquivo chamadp style.css */
/*
@import url('style.css');
*/

Códigos HTML

Código vídeo Joomla

Folha de estilo Guia123

Banner Biduertizer 125x125 Verde Ebay

Banner Loja Host Time 468x60

Banner página da renda 468x60

Guia do Automóvel

Guia do Automóvel

FACEBOOK