@charset "UTF-8";

/* CSS Document */

#slide-categorii
{
padding: 20px 0;
margin: 0;
overflow: hidden;
}

#slide-categorii dl
{
width: 48%;
float: left;
padding: 0 5px;
margin: 0;
display: block;
}

#slide-categorii dl dd p {
background: url(../images/dot-3.gif) repeat-x center bottom #e1caca;
padding: 5px;
margin: -5px -5px 5px -5px;
height: 62px;
text-align: left;
border-top: solid 1px #af8888;
}

#slide-categorii dl dd p font {
font-weight: bold;
color: #ff0038;
display: inline-block;
padding: 0 5px;
}

span.cat-info {
color: #FFF;
font: normal 100%/100% Arial, Helvetica, sans-serif;
line-height: 1.7;
padding: 0 0 0 70px;
margin: 0;
display: block;
}

span.cat-thumb {
width: 60px;
height: 60px;
float: left;
padding: 0;
margin: 0 -70px 0 0;
display: inline-block;
border: solid 1px #90112d;
}

span.cat-thumb img {
width: 60px;
height: 60px;
outline: none;
border: none;
}

#slide-categorii dd a, #slide-categorii dd a:hover {
text-decoration: none;
display: block;
font: normal 100%/100% Arial, Helvetica, sans-serif;
letter-spacing: 0;
word-spacing: -0.3pt;
padding: 5px 5px 5px 24px;
margin: 0;
}

#slide-categorii dd a:hover {
background: url(../images/arrow-right-1.gif) no-repeat 4px 4px #e1caca;
}

a:focus { outline: none; }

#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6, #panel-7, #panel-8, #panel-9, #panel-10, #panel-11, #panel-12, #panel-13, #panel-14, #panel-15 {
background: #f7f4f4;
height: auto;
display: none;
border: solid 1px #af8888;
border-top: none;
padding: 5px;
margin: 0 0 5px 0;
}

#panel-1, #panel-7 {
display: block;
}

.slide
{
margin: 0;
padding: 0;
border: solid 1px #af8888;
border-bottom: none;
background: url(../images/dot-3.gif) repeat-x center bottom #efe4e4;
}

.btn-slide-1, .btn-slide-2, .btn-slide-3, .btn-slide-4, .btn-slide-5, .btn-slide-6, .btn-slide-7, .btn-slide-8, .btn-slide-9, .btn-slide-10, .btn-slide-11, .btn-slide-12, .btn-slide-13, .btn-slide-14, .btn-slide-15
{
background: url(../images/arrow-square.gif) no-repeat scroll right -187px transparent;
text-align: left;
padding: 10px 30px 10px 10px;
margin: 0 0 5px 0;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
letter-spacing: 0;
word-spacing: -0.3pt;
color: #004c92;
text-decoration: none;
}

.active { background-position: right 5px; }