html {background: #fff;}

body {
    font-family: Tahoma, "Arial CE", Arial, Helvetica, Verdana;
    font-size: 12px;
    line-height: 18px;
    color: #4a4a4a;
    margin: 0;
    padding: 0;
}

/* remember to define focus styles! */
:focus {outline: 0;}
a:focus {outline: 0;}

.mceContentBody .FL {float: left;}

ul {margin: 0;}
ul li {
    list-style-type: none;
    position: relative;
    background: url(../images/site/li_1.gif) no-repeat left 6px;
    margin: 0;
    padding: 2px 0 2px 15px; /* padding-left je vzdialenost medzi sipkou a textom */
}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0; /*border: 1px solid #dbe4ed;*/}
table td {/*border: 1px solid #dbe4ed;*/}
.mceContentBody table td {border: 1px dotted #cecece;}

/* remove textarea scrollbar in IE */
textarea {overflow: auto;}

/* everytime the table "wraps" to a new page, the header and footer are redisplayed */
thead { display: table-header-group; }
tfoot { display: table-footer-group; }

p, div {margin: 0; padding: 0;}
img {border: none;}

p, table td {
    color: #4a4a4a;
    font: normal 12px/18px Tahoma, "Arial CE", Arial, Helvetica, Verdana;
}

h1, h2, h3, h4, h5 {
    color: #000;
    font-family: Verdana;
    font-weight: 100;
    margin: 10px 0;
}
h1 {font-size: 20px; line-height: 20px; color: #000; margin: 10px 0 15px 0;}
h2 {font-size: 16px; line-height: 16px; color: #000;}
h3 {font-size: 14px; line-height: 14px;}
h4 {font-size: 12px; line-height: 12px;}
h5 {font-size: 10px; line-height: 10px;}

a,
a:link,
a:visited,
a:hover,
a:active
{
    color: #4a4a4a;
    text-decoration: none;
}
a:hover,
.mceContentBody a:hover {text-decoration: underline;}
.mceContentBody a {color: #4a4a4a !important; text-decoration: none !important;}

/*
.BLUE-1 {color: #137fc0;}
.RED-1 {color: #ed3125;}
*/

#download ul {
    list-style: none !important;
    margin: 0 !important; padding: 0 !important;
    width: 261px !important;
}
#download ul li {
    background: url('../images/site/arepoc_file2_24.png') no-repeat left 0px !important;
    padding: 0 0 0 24px !important;
    margin: 3px 0 !important;
}
/*.mceContentBody ul li {background: url('../images/site/arepoc_file2_24.png') no-repeat left 0px !important;}*/
#download ul li a:hover {text-decoration: underline !important;}

.BOLD {font-weight: bold;}
.ITALIC {font-style: italic;}
.UNDERLINE {text-decoration: underline;}

.blue-1 {color: #0000ff;}

.odkaz-1 {text-decoration: none; font-weight: bold; color: #4A4A4A;}
.mceContentBody .odkaz-1 {text-decoration: none; font-weight: bold; color: #4A4A4A;}
.odkaz-2 {text-decoration: underline !important; font-weight: bold; color: #4A4A4A; padding: 0 2px;}
.mceContentBody .odkaz-2 {text-decoration: underline !important; font-weight: bold; color: #4A4A4A; padding: 0 2px;}

.mceContentBody a.odkaz-1 {
    text-decoration: none !important;
    font-weight: bold !important;
    color: #4A4A4A !important;
}


/* pouzitie len na domovskej stranke na nadpis "Products" */
.home-nadpis-products {position: relative; top: 23px; left: 65px;}
/* pouzitie len na domovskej stranke na nadpis "Services" */
.home-nadpis-services {position: relative; top: 23px; left: 65px;}
/* pouzitie len na domovskej stranke na text pod "Products" */
/*.home-text-products {position: relative; top: 27px; left: 21px;}*/
.home-text-products {margin: 50px 0 0 21px;}
/* pouzitie len na domovskej stranke na text pod "Services" */
/*.home-text-services {position: relative; top: 27px; left: 21px;}*/
.home-text-services {margin: 50px 0 0 21px;}

#home-top-container a { color: #000; }
#home-top-container a:hover { color: #ecac4a; text-decoration: none; }
#home-top-container table td {border: none; margin: 0; padding: 0;}


.side-padding-1 {padding: 0 20px;}
.hlavny-nadpis-prod {margin: 0; padding: 10px 0 0 10px; float: left;}

.text-product {float: left; width: 410px; margin: 0 30px 0 0; /*border: 1px solid blue;*/}
.text-service {float: left; width: 350px; margin: 0 80px 0 10px; /*border: 1px solid blue;*/}

.nadpis-product {margin: 0 0 15px 0; padding: 30px 20px 15px 20px;
                 border-bottom: 1px solid #cecece;
                 clear: both; display: block;
                 font-size: 14px; line-height: 14px; color: #000; font-family: Verdana; font-weight: 100;
                 margin-top: 10px; margin-bottom: 10px;}
.nadpis-service {margin: 0 0 15px 0; padding: 30px 20px 15px 20px;
                 border-bottom: 1px solid #cecece;
                 clear: both; display: block;
                 font-size: 14px; line-height: 14px; color: #000; font-family: Verdana; font-weight: 100;
                 margin-top: 10px; margin-bottom: 10px;}

.product-img {float: left; padding-right: 15px; width: 180px;}
.service-img {float: left; padding-right: 15px; width: 180px;}

.read-more-img {float: right; padding: 15px 10px 0 0;}

.clear {
    clear: both;
    border: none;
    height: 0;
}

.FONT-SIZE-10 {font-size: 10px;}
.FONT-SIZE-12 {font-size: 12px;}
.FONT-SIZE-14 {font-size: 14px;}
.FONT-SIZE-16 {font-size: 16px;}
.FONT-SIZE-18 {font-size: 18px;}
.FONT-SIZE-20 {font-size: 20px;}
.FONT-SIZE-22 {font-size: 22px;}

.MARGIN-TB-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.MARGIN-TB-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.MARGIN-TB-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.table-1 {
    border: 1px solid #dbe4ed;
}
.table-1 td,
.mceContentBody .table-1 td {
    padding: 5px 10px !important;
    border: 1px solid #dbe4ed !important;
}

.table-2 {
    border: none;
}
.table-2 td,
.mceContentBody .table-2 td {
    padding: 15px 10px !important;
    border: none !important;
}
.table-2 tr,
.mceContentBody .table-2 tr {
    border: none !important;
    border-bottom: 1px dotted #dbe4ed !important;
    background: none; /* Pekna farba: #ceecee */
}

table.noborder {border: none;}
table.noborder tr {border: none;}
table.noborder td {border: none;}