.colchete {
width: 226px;
background: url(http://4.bp.blogspot.com/-75dh3LRbiFM/VaUTlhv0LmI/AAAAAAAAe5Y/tv5xkeVWSjk/s1600/marker1B.png) repeat-X;
padding: 2px 2px 2px 2px;
line-height: 15x;
float: center;
text-align: center;
border-bottom: 1px dotted #000;
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}
.colchete:hover {
background: url(http://2.bp.blogspot.com/-LIfqFsrnHDk/VaUTlgoNmPI/AAAAAAAAe5c/QTZJcB4cW7I/s1600/marker2B.png) repeat-X;
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}
.colchete a {
color: #800080;
font-size: 11px;
font-family: Muli;
text-decoration: none;
text-shadow: 1px 1px 1px #DDA0DD;
}
.colchete a::before, .colchete a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s,
opacity 0.2s;
-moz-transition: -moz-transform 0.3s,
opacity 0.2s;transition: transform 0.3s,
opacity 0.2s;
}
.colchete a::before {
margin-right: 2px;
content: '{';
-webkit-transform: translatex(20px);
-moz-transform: translatex(20px);
transform: translatex(20px);
}
.colchete a::after {
margin-left: 2px;
content: '}';
-webkit-transform: translatex(-20px);
-moz-transform: translatex(-20px);
transform: translatex(-20px);
}
.colchete a:hover::before,.colchete a:hover::after,.colchete a:focus::before,.colchete a:focus::after {
opacity: 1; -webkit-transform: translatex(0px); -moz-transform: translatex(0px);transform: translatex(0px);
}
.colchete2 {
border-bottom: 5px solid #000;
width: 226px;
background: url(http://2.bp.blogspot.com/-LIfqFsrnHDk/VaUTlgoNmPI/AAAAAAAAe5c/QTZJcB4cW7I/s1600/marker2B.png) repeat-X;
padding: 2px 2px 2px 2px;
line-height: 15x;
float: center;
text-align: center;
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}
.colchete2:hover {
background: url(http://4.bp.blogspot.com/-75dh3LRbiFM/VaUTlhv0LmI/AAAAAAAAe5Y/tv5xkeVWSjk/s1600/marker1B.png) repeat-X;
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}
.colchete2 a {
color: #800080;
font-size: 10px;
font-family: Muli;
text-decoration: none;
text-shadow: 1px 1px 1px #DDA0DD;
}
.colchete2 a::before, .colchete2 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s,
opacity 0.2s;
-moz-transition: -moz-transform 0.3s,
opacity 0.2s;transition: transform 0.3s,
opacity 0.2s;
}
.colchete2 a::before {
margin-right: 2px;
content: '{';
-webkit-transform: translatex(20px);
-moz-transform: translatex(20px);
transform: translatex(20px);
}
.colchete2 a::after {
margin-left: 2px;
content: '}';
-webkit-transform: translatex(-20px);
-moz-transform: translatex(-20px);
transform: translatex(-20px);
}
.colchete2 a:hover::before,.colchete2 a:hover::after,.colchete2 a:focus::before,.colchete2 a:focus::after {
opacity: 1; -webkit-transform: translatex(0px); -moz-transform: translatex(0px);transform: translatex(0px);
}