ACC SHELL
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.colgroup{overflow:hidden;}
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
/* Clear Fix
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; display:block;overflow:hidden;visibility:hidden;width:0;height:0;}*/
.clearboth, .clearfix {clear: both;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
/*
=============================================== 02. LATO FONT-FACE KIT ===============================================
*/
h1, h2, h3, h4, h5, h6, nav a, ul.tabNavigation, .more-link-slider span, .post-details-slider, .button, .portfolio-details, .blog-details, .blog-pagination, .content-container-base-pagination, .home-page-older {
font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}
/*
=============================================== 03. COMMONLY ADJUSTED STYLES ===============================================
*/
@font-face {
font-family: 'petitalightregular';
src: url('petitalight-webfont.eot');
src: url('petitalight-webfont.eot?#iefix') format('embedded-opentype'),
url('petitalight-webfont.woff') format('woff'),
url('petitalight-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
h2, h3, h4, h5, h6 {font-weight:normal; color:#7f7f7f;}
h1 { font-weight:normal; color:#610620; font-size:24px; line-height:26px; margin-bottom:12px;padding-bottom:7px;border-bottom:1px solid #610620;font-family: 'Arial';}
h2 {font-size:14px;color:white; line-height:22px; margin-bottom:10px;}
h3 {font-size:16px; line-height:22px; margin-bottom:10px;}
h4 {font-size:15px; line-height:20px; margin-bottom:8px;}
h5 {font-size:13px; line-height:18px; margin-bottom:5px;}
h6 {font-size:11px; line-height:15px; margin-bottom:3px;}
h1.page-title {background:url(images/dotted-line.png) bottom left repeat-x; padding-bottom:14px; margin-bottom:20px;}
h2.page-title {font-size:17px;color:#610620;padding-bottom:5px;border-bottom:1px solid #610620}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {color:#fff; background:url(images/footer-heading-bg.png) bottom left repeat-x; padding-bottom:9px; margin-bottom:15px;}
body {
font-size:12px;
line-height:16px;
min-width:1000px;
font-family: Arial, Sans-Serif;
background: url(../img/1.jpg) top center repeat;
color:#7F7F7F;
}
a {text-decoration:none; color:#7f7f7f;} /* Default link */
a:hover {text-decoration:underline; } /* Default link:hover*/
.obalovka {
width:960px;
margin:0 auto;
}
.topwrap{
overflow:hidden;
margin-top:20px;
}
.topwrap .logo{
width:150px;
float:left;
}
.topwrap .logo a img{
width:150px;
}
.topwrap .topmenu{
width:500px;
float:right;
}
ul.top_menu {
position:relative;
z-index:1000;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
float:right;
margin-right:50px;
}
ul.top_menu li {
float: left;
padding-left:12px;
padding-right:12px;
}
ul.top_menu li a:link, ul.top_menu li a:visited, ul.top_menu li a {
display: block;
font-size: 13px;
color: #afafaf;
text-align: center;
text-decoration: none;
font-family: 'petitalightregular';
}
ul.top_menu li:hover,ul.top_menu li.active {
}
ul.top_menu li a:hover,#aktivna{
color:white;
/*border-bottom:2px solid #D4B477; */
}
ul.top_menu li a.last {
padding-right: 0px;
}
.banner{
float:left;
width:388px;
margin-top:40px;
}
.banner img{
position:relative;
z-index:100;
}
.banner_dell{
float:left;
width:568px;
margin-top:-30px;
height:408px;
background:url(../img/bn_dell1.png) top left no-repeat;
}
.banner_dell .texty{
margin-top:260px;
}
.banner_dell .texty h2,.banner_dell .texty p{
text-align:right;
margin-right:90px;
}
.banner_dell .texty p{
color:white;
font-size:15px;
line-height:20px;
font-family: 'Arial';
}
.banner_dell .texty p.dell{line-height:15px;padding-bottom:0px;position:relative;top:-10px;}
.banner_dell h2{
color:#b0b0b0;
font-size:25px;
}
a.download {
position:relative;
top:7px;
}
.clear{clear:both;}
.hlavnimenu{
width:100%;
margin-top:15px;
overflow:auto;
}
ul.hlavni_menu {
position:relative;
z-index:1000;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
float:left;
margin-top:15px;
width:910px;
padding-bottom:7px;border-bottom:1px solid #610620
}
ul.hlavni_menu li {
float: left;
padding-left:26px;
padding-right:26px;
}
ul.hlavni_menu li a:link, ul.hlavni_menu li a:visited, ul.hlavni_menu li a {
display: block;
font-size: 19px;
height:40px;
padding-left:10px;
color: white;
text-align: center;
text-decoration: none;
padding-top:5px;
font-family: 'Arial';
}
ul.hlavni_menu li:hover,ul.hlavni_menu li.active {
}
ul.hlavni_menu li a:hover,#aktivna{
color:white;
/*border-bottom:2px solid #D4B477; */
}
ul.hlavni_menu li a.last {
padding-right: 0px;
}
li.externi{
background:url(../img/externi.png) top left no-repeat;
}
#externilink{
padding-top:5px;
}
li.cloud{
background:url(../img/cloud.png) top left no-repeat;
}
li.dell{
background:url(../img/dell.png) top left no-repeat;
}
li.zakaznici{
background:url(../img/zakaznik.png) top left no-repeat;
}
li.partneri{
background:url(../img/partneri.png) top left no-repeat;
}
.grid2column, .grid3column, .grid3columnbigcolumn, .grid4column, .grid4columnbig, .grid5column,#layout2_levy_sloupec,#layout2_stredny_sloupec,#layout2_prava_oblast {float:left;}
.grid2column {width:435px; margin-right:30px; }
.grid3columnbigcolumn {width:590px; margin-right:30px;}
.grid3column,#layout2_levy_sloupec,#layout2_stredny_sloupec,#layout2_pravy_sloupec {float:left;width:283px; margin-right:30px; }
#layout2_pravy_sloupec{margin-right:0px;}
#layout2_prava_oblast {width:283px; margin-right:0px !important;;}
.grid4column {width:202px; margin-right:30px;}
.grid4columnbig {width:666px; margin-right:30px;}
body .lastcolumn, #main-content-sidebar .lastcolumn {margin-right:0px !important;}
footer .grid4column {width:212px; margin-right:30px;}
.obsahovka{
margin-top:10px;
width:910px;
}
.logo_lavo{
width:500px;
font-size:10px;
float:left;
}
.logo_lavo .copyright{
background:#620520;
width:160px;
color:white;
padding-left:15px;
font-family: 'Arial';
float:left;
margin-right:10px;
}
.logo_vpravo {
width:300px;
float:right;
text-align:right;
font-size:10px;
}
p{
padding-bottom:12px;
}
.vice-link{
height:10px;
margin-top:10px;
border-top:1px solid #620520;
margin-bottom:0px;
}
.vice-link-bottom{
height:10px;
margin-top:0px;
border-top:1px solid #620520;
margin-bottom:10px;
}
.vice-link-bottom-last{
height:10px;
margin-top:0px;
border-top:1px solid #620520;
margin-bottom:0px;
}
a.vice{
padding-top:25px;
color:#620520;
}
a.vice-bottom{
padding-top:20px;
color:#620520;
}
a.vice-bottom-last{
padding-top:0px;
color:#620520;
}
.paticka{
padding-top:30px;
padding-bottom:20px;
}
.logo_firma{
float:left;
width:40px;
}
.logo_nazev{
display:block;
float:left;
width:240px;
margin-top:5px;
color:white;
font-size:14px;
margin-bottom:25px;
}
.podpora{
width:100%;
overflow:auto;
padding-bottom:10px;
border-bottom:1px solid #620520;
margin-bottom:10px;
}
.podpora a img{
width:100px;
float:left;
margin-top:5px;
margin-right:10px;
}
.podpora h3 a{
width:150px;
float:left;
font-size:12px;
color:white;
}
.podpora .anotace{
width:171px;
float:right;
font-size:11px;
}
.formular_maly{
border-top:1px solid #919191;padding-top:10px;
}
.formular_maly input,.formular_maly textarea{
float:right;
width:220px;
color:#7F7F7F;
border:1px solid #919191;
background:none;
}
.formular_maly textarea{
font-family:Arial;
float:right;
width:216px;
height:150px;
}
.formular_maly .button-c{
float:right;
width:95px;
color:white;
text-transform:uppercase;padding-right:20px;
font-weight:bold;
letter-spacing:-1px;
background:url(../img/odeslat.png) top left no-repeat;
border:none;
height:23px;
}
.podporka tr td a{
color:white;
text-transform:uppercase;margin-right:10px;
font-weight:bold;
}
.podporka tr td{vertical-align:middle;}
.formular_maly .li{
height:30px;
}
.partneri_img{
width:750px;
margin:0 auto;
margin-top:30px;
}
.partneri_img a img{
height:62px;margin-right:10px;
margin-bottom:10px;
}
.partneri_img2{
width:870px;
border-bottom:1px solid #620520;
margin:0 auto;
padding-left:40px;
margin-top:30px;
margin-bottom:50px;
padding-bottom:30px;
}
.partneri_img2 img{
margin-right:15px;
margin-bottom:15px;
height:65px;
}
ul.zoznam_klientu {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
color:#7F7F7F;
width:283px;
}
ul.zoznam_klientu li {
float: left;
padding-top:10px;
padding-bottom:10px;
border-bottom:1px solid #620520 ;
width:283px;
}
ul.zoznam_klientu li a:link, ul.zoznam_klientu li a:visited, ul.zoznam_klientu li a {
display: block;
font-size: 13px;
color: #afafaf;
text-align: center;
text-decoration: none;
font-family: 'Arial';
}
ul.zoznam_klientu li:hover,ul.zoznam_klientu li.active {
}
ul.zoznam_klientu li a:hover,#aktivna{
color:white;
/*border-bottom:2px solid #D4B477; */
}
ul.zoznam_klientu li a.last {
padding-right: 0px;
}
a.vice_lupa{
background:url(../img/lupa.png) top left no-repeat;
padding-left:40px;
color:#620520;
padding-top:10px;
padding-bottom:10px;
float:right;
}
#side-menu{float:left;
width:250px;}
#mensi_obsah{width:650px ;float:right}
ul.level1 li {
list-style: none;
background: url("../images/sipocka.png") no-repeat;
padding-left:15px;
margin-bottom:3px;
margin-left: 0px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding-bottom:5px;border-bottom:1px solid #610620
}
ul.level1 li a,ul.level1 li a:link{color:white;font-size:13px;
line-height:20px;
}
ul.level1 li:last-child{border:none;}
ul.level1 li:hover {padding-left:20px;text-decoration:none;background: url("../images/sipocka.png") 5px 0 no-repeat;}
ul.level1 li.active{padding-left:20px;background: url("../images/sipocka.png") 5px 0 no-repeat;}
ACC SHELL 2018