@import url("tabele.css");

/*****************************
 ***** css by birotec.ro *****
 ***** www.birotec.ro ********
 ***** web@birotec.ro ********
 *****************************/
 
/*****************************
 ***** body & general ********
 *****************************/

body {
background: #bec3c6;
margin: 40px 0 20px 0;
font: 12px Arial, Helvetica, sans-serif;
}

.align-center {
margin: auto;
}

#clearer, #clearb {
clear: both;
}

.dots {
line-height: 20px;
}

.csc-header {
font-weight: bold;
}

div.red {
color: #f00;
}

h1 {
margin: 0;
padding: 4px;
height: 30px;
color: #003083;
text-decoration: underline;
background: url(img/title.png) repeat-x;
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold; /* sss */
}

h1 a {
color: #003083;
}

h3 {
margin: 0;
padding: 4px;
height: 30px;
color: #003083;
text-decoration: underline;
background: url(img/title.png) repeat-x;
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold; /* sss */
}

h3 a {
color: #003083;
}
 
/*****************************
 ***** wrappers **************
 *****************************/
 
#wrapHeader {
width: 948px;
height: 118px;
background: url('img/header.png') no-repeat;
}

#wrapMenu {
width: 948px;
height: 33px;
background: url('img/menu.png') no-repeat;
}

#wrapBody {
width: 948px;
background: url('img/main-bg.png') repeat-y;
}

#wrapFooter {
width: 948px;
height: 65px;
background: url('img/footer.png') no-repeat;
}

/*****************************
 ***** content** *************
 *****************************/

#wrapBody .container {
width: 940px;
margin: auto;
padding: 10px 0;
}

#conLeft {
float: left;
width: 172px;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}

#conRight {
width: 727px !important;
width: 717px;
float: right;
margin: 10px 10px 0 0;
}

#halfLeft {
width: 49%;
float: left;
}

#halfRight {
width: 49%;
float: right;
}

/*****************************
 ***** main menu *************
 *****************************/

#wrapMenu ul {
display: block;
list-style: none;
margin: 0;
padding: 1px 0 0 0;
}

#wrapMenu li a {
color: #fff;
/*font-weight: bold;*/
text-decoration: none;
}

#wrapMenu .item31, #wrapMenu .item32 {
float: left;
height: 31px;
padding: 0 22px;
line-height: 31px;
margin-left: -10px;
background: transparent url(img/menu-item2.gif) no-repeat;
}

#wrapMenu .item33 {
float: left;
height: 31px;
padding: 0 22px;
line-height: 31px;
margin-left: -10px;
background: transparent url(img/menu-item.gif) no-repeat 0 -186px;
}

#wrapMenu .currentItem31, #wrapMenu .currentItem32 {
float: left;
height: 31px;
padding: 0 22px;
line-height: 31px;
margin-left: -10px;
background: transparent url(img/menu-item.gif) no-repeat 0 -62px;
}

#wrapMenu .currentItem33 {
float: left;
height: 31px;
padding: 0 22px;
line-height: 31px;
margin-left: -10px;
background: transparent url(img/menu-item.gif) no-repeat 0 -248px;
}

#wrapMenu .item31:hover, #wrapMenu .item32:hover {
background-position: 0 -31px;
}

#wrapMenu .item33:hover {
background-position: 0 -217px;
}

#wrapMenu .item30 {
float: left;
height: 31px;
padding: 0 22px;
line-height: 31px;
margin-left: 4px;
background: transparent url(img/menu-item.gif) no-repeat 0 -93px;
}

#wrapMenu .currentItem30 {
float: left;
height: 31px;
padding: 0 22px;
line-height: 31px;
margin-left: 4px;
background: transparent url(img/menu-item.gif) no-repeat 0 -155px;
}

#wrapMenu .item30:hover {
	background-position: 0 -124px;
}

/*****************************
 ***** left submenu **********
 *****************************/
 
#subMenu {
width: 100%;
}

#subMenu .item {
width: 160px;
height: 24px;
padding-left: 14px;
background: url('img/button.jpg') no-repeat;
}

#subMenu .item:hover {
background: url('img/button2.jpg') no-repeat;
}

#subMenu .currentItem {
width: 160px;
height: 24px;
padding-left: 14px;
background: url('img/button2.jpg') no-repeat;
}

#subMenu li {
margin: 0;
list-style: none;
}

#subMenu ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

#subMenu .item a {
text-decoration: none;
color: #8a8a8a;
}

#subMenu .currentItem a {
text-decoration: none;
color: #003084;
}

#subMenu .item a:hover {
color: #003084;
}

/*****************************
 ***** mail box **************
 *****************************/
 
#mailBox {
width: 100%;
height: 105px; *height: 110px; _height: 110px;
margin: 10px 0;
background: url('img/title2.jpg') no-repeat;
}

.mailbox {
width: 150px;
margin: 0 10px;
color: #999; 
font: 11px Arial, Helvetica, sans-serif;
border: 1px #ebebeb solid;
}

.mail-username, .mail-password {
width: 100%;
color: #999;
margin-bottom: 5px;
}

.mail-button {
background: #fff;
margin-left: 10px;
color: #999;
border: 1px #ebebeb solid;
}

.transON, .csc-form-label {
width: 100%;
font-weight: bold;
text-align: center;
padding: 3px 0;
color: #003083;
margin-bottom: 6px;
background: url('img/mail.png') no-repeat;
}

/*****************************
 ***** search box ************
 *****************************/

#searchBox {
width: 100%;
height: 100px;
margin: 10px 0;
background: url('img/title2.jpg') no-repeat;
}

.csc-form-label {
margin: 0;
}

.skeywords {
width: 150px;
margin: 4px 10px;
border: none;
color: #999; 
font: 11px Arial, Helvetica, sans-serif;
border: 1px #ebebeb solid;
}

#searchBox select {
width: 150px;
margin: 4px 10px;
border: 1px #ebebeb solid;
color: #999; 
font: 11px Arial, Helvetica, sans-serif;
}

.ssubmit {
border: 1px #ebebeb solid;
background: #fff;
margin: 3px 0 0 10px;
color: #999; 
font: 11px Arial, Helvetica, sans-serif;
}
	
/*****************************
 ***** footer menu* **********
 *****************************/
 
#footerMenu {
width: 400px;
float: right;
text-align: right;
margin: 6px 14px 0 0;
vertical-align: middle;
font: 11px Arial, Helvetica, sans-serif;
}

#footerMenu a {
color: #8a8a8a;
font-weight: bold;
padding-left: 14px;
text-decoration: none;
background: url('img/arrow2.png') left no-repeat;
}

#footerMenu a:hover {
color: #000;
}

/*****************************
 ***** abonamente & pachete **
 *****************************/

.abo {
font: 11px Arial, Helvetica, sans-serif;
display: block;
width: 714px;
height: 58px;
background: url(img/1.jpg) no-repeat;
}

.abo1 { 
float: left;
width: 111px;
height: 48px;
background: url(img/2.jpg) no-repeat;
padding: 10px 0 0 0;
margin: 0 0 0 10px;
text-align: center;
}

.abo2 {
float: right;
width: 560px;
height: 48px;
padding: 14px 0 0 0;
}

.pac {
display: block;
width: 357px;
height: 118px;
font: 11px Arial, Helvetica, sans-serif;
background: url(img/11.jpg) no-repeat;
}

.pac1 { 
float: left;
width: 111px;
height: 48px;
background: url(img/2.jpg) no-repeat;
padding: 10px 0 0 0;
margin: 0 0 0 10px;
text-align: center;
}

.pac2 {
float: right;
width: 230px;
height: 118px;
padding: 14px 0 0 0;
}

/*****************************
 ***** typo3 tabele **********
 ****************************/

.tabel-tarife {
border-collapse : collapse; 
}

.tabel-tarife .td-0 {
width: 305px;
padding-top: 4px;
border-bottom: 1px #8a8a8a solid;
}

.tabel-tarife .td-1, .tabel-tarife .td-3 {
width: 46px;
padding-top: 4px;
border-right: 4px #fff solid;
border-bottom: 1px #8a8a8a solid;
}

.tabel-tarife .td-2 {
width: 305px;
padding-top: 4px;
border-left: 3px #fff solid;
border-bottom: 1px #8a8a8a solid;
}

.tabel-tarife th {
color: #283891;
font-weight: bold;
text-align: left;
}

.contenttable2 {
border-collapse: collapse;
margin-bottom: 10px;
}

.contenttable2 .td-0 {
width: 330px;
vertical-align: top;
}

.contenttable2 .td-1 {
width: 185px;
vertical-align: top;
}

.contenttable2 .td-2 {
width: 185px;
vertical-align: top;
}

/*****************************
 ***** typo3 stuff ***********
 ****************************/

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image {
border: 1px solid #a6a6a6;
padding: 4px 2px 4px 4px !important;
padding: 5px;
}

.csc-textpic-imagecolumn {
margin: 7px;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
border: 1px solid #a6a6a6;
}

.contenttable {
width: 100%;
margin: 0;
vertical-align: top;
}

.csc-textpic {
display: block;
padding-top: 10px !important;
padding-top: 5px;
}

.abTable {
border-collapse: collapse;
}

.abTable .tr-odd {
background: #efefef;
border-bottom: 1px #000 dotted;
}

.abTable .tr-even {
border-bottom: 1px #000 dotted;
}

.abTable .tr-last {
border-bottom: none;
}

.abTable .tr-0 {
font-weight: bold;
color: #3a6ac6;
}

.abTable .td-0 {
width: 140px;
padding: 8px;
}

.abTable .td-1, .abTable .td-2 {
width: 70px;
padding: 8px;
text-align: center;
}

.abTable .td-3 {
width: 120px;
padding: 8px;
text-align: center;
}

.abTable .td-4 {
padding: 8px;
}