@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,300,600);

* {
        margin:0;
        padding:0;
}
.clear {
        float:none;
        clear:both;
}
body {
        background: #fff;
        font-family: sans-serif;
        text-align:center;
}

.wrap {
        width:1044px;
        margin:0 auto;
        text-align:left;

}
#header {
        width:100%;
        background:url(images/bg-top.jpg) center repeat-x #1862a1;
        color:white;
        /*height:602px;*/
}
#top-head {
        border-bottom: 1px solid #85adcd;
        padding-top:70px;
        padding-bottom:15px;
}
#nav {
        float:right;
        padding-top:15px;
}
#logo {
        float:left;
}

#logo a {
        text-indent:-6000px;
        display:block;
        width:191px;
        height:62px;
        background:url(images/3omedia-logo.png);
}
#nav ul {
      z-index:9000;  text-transform:uppercase;
        font-size:14px;
        list-style:none;
        font-weight:300;
}
#nav ul li {
        float:left;
        margin-right:3px;
}
#nav ul li.multi, #nav ul li a {
        color:white;
        text-decoration:none;
        display:block;
        padding:8px 16px;;

}

#nav ul li.multi:hover {
        padding-bottom:20px;
}

#nav ul li.multi:hover, #nav ul li a:hover {
        color: #1761a2;
        background:#fff;
        
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;

}

#nav ul li ul li a{
                background:white;

}
#nav ul li ul li.last a, #nav ul li ul li.last a:hover{
        -webkit-border-radius: 7px;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius: 7px;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0;
        border-radius: 7px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;


}

#nav ul li ul li a:hover {
        background:#fafafa !important;
}
#nav ul li.multi:hover {
        color:red;
        background:#fff;
        color: #1761a2;
}




#nav ul {
  text-align: left;
  display: inline;
  margin: 0;
  list-style: none;
}
#nav ul li {
  display: inline-block;
  position: relative;
  cursor: pointer;
 /* -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;*/
}

#nav ul li ul {
  padding: 0;
  position: absolute;
  top: 38px;
  left: 0;
  width: 200px;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
#nav ul li ul li { 
  display: block; 
    width: 200px;

}

#nav ul li ul li a  {
        color:#555;
}
#nav ul li ul li a:hover {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        font-weight:700;
}
 
 
#nav  ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;

}



#content {
        width:100%;
        text-align:left;
        margin-top:30px;
}
#content h1 {
        font-weight:300;
        text-transform:uppercase;
        margin-bottom:24px;
}
#content h1 span, #content h2 span {
        font-weight:700;
}
#content h2{
        color:#777;
        margin-bottom:10px;
        font-weight:300;
}


#content h3, #content h4{
        color:#777;
        margin-bottom:10px;
}

#content p, #content div {
        margin-bottom:26px;
        color:#777;
        font-weight:300;
        font-size:14px;
        line-height:1.9;
}

#content a {
        color:#289dcc;
        text-decoration:underline;
}

#content a:hover {
        text-decoration:none;
}

.homepage h1, .homepage h2, {
        /*color:black !important;*/
        font-weight:300 !important;
        font-size:25px !important;
}
.homepage h1 span, .homepage h2 span {
        font-weight:700 !important;
}

a.homep h2 {
        color:white;
}
a.homep {
        border:0;
        text-decoration:none;
}
a.homep img {
        border:0;
}
#bottom {
        width:100%;
        background: #121214;
        padding-top:40px;
        padding-bottom:40px;
        font-size:11px;
}
#bottom p {
        color:#777;
        line-height:1.5;
}

#bottom h3{
        color:#f0f0f0;
        font-weight:300;
        font-size:19px;
        margin-bottom:14px;
}
#footer {
        width;100%;
        background:#000;
        color:#6c6c6c;
        font-size:11px;
        height:60px;
        line-height:60px;
}

#footer img {
        margin-top:17px;
}

.grid4 {
        width:261px;
        float:left;
}
.grid400px {
        width:400px;
        float:left;
}
.grid322px {
        width:322px;
        float:left;
}
.grid644px {
        width:644px;
        float:left;
}
#banner-part-1 {
        margin-top:50px;
        text-align:center;
        height:410px;
}
#banner-part-1 h2{ 
        font-size:19px;
        font-weight:300;
        text-transform:uppercase;
        margin-top:10px;
        margin-bottom:7px;
}
#digitalna_tv {
        height:210px;
        width:203px;
        display:block;
        background:url(images/loga.png) top no-repeat;
        background-position: 0 0;
        margin-left:30px;
        
}
#internet {
        height:210px;
        width:202px;
        display:block;
        background:url(images/loga.png) top no-repeat;
        background-position: -203px 0px ;
        margin-left:30px;
}

#telefonia{
        height:210px;
        width:202px;
        display:block;
        background:url(images/loga.png) top no-repeat;
        background-position: -405px 0px ;
        margin-left:30px;
}

#pc_sluzby{
        height:210px;
        width:202px;
        display:block;
        background:url(images/loga.png) top no-repeat;
        background-position: -610px 0px ;
        margin-left:30px;
}


#banner-part-1 p {
        font-size:13px;
        font-style:italic;
        color: #9fb4ce;
        padding:3px;
}

.novinka .meta {
        background:#f4f4f4;
        width:54px;
        text-align:center;
        font-size:19px !important;
        display:block;
        margin-right:10px;
}
.novinka .meta span {
        display:block;
        background:#777;
        color:white;
        font-size:10px;
        margin-bottom:0;

}
.novinka  p {
        float:left;
        position:relative;
        width:550px;
}

#content ul {
        margin-left:30px;
}
#content ul.pokrytie {
        list-style:none;
        margin-left:0;
        margin-top:16px;
}
#content ul.pokrytie li {
        background:url(images/check.jpg) no-repeat left;
        padding-left:45px;
        line-height:40px;
}
#content ul.pokrytie li a {
        color:#156fa8;
        text-decoration:none;
        font-size:14px;
}
#content ul.pokrytie li a:hover {
        text-decoration:underline;
}
#content ul.pokrytie li.line1, .line2 {
        background:url(images/line1.jpg) repeat-x;
        height:6px;
        margin-top:12px;
        margin-bottom:9px;
}
hr.line2 {
        border:0;
}

.align-center {
        text-align:center;
}


input, select {
       -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background:#dadadb;
        height:24px;
        font-weight:700;
        color:#777;
        margin-bottom:5px;
        padding:0 7px;
        font-size:13px;
        border:0;
}
select {
        font-weight:300;
}
input[type=submit] {
        padding: 0 10px;
        background:#cdcdce;
        color:#555;
        border:0;
}

.adresa, .tel, .mail {
        margin-bottom:10px !important;
}
.adresa {
        padding-left:19px;
        background:url(images/ikony.jpg) no-repeat;
        background-position:0px -24px;
        height:18px;
}

.tel {
        padding-left:19px;
        background:url(images/ikony.jpg) no-repeat;
        background-position:0px -10px;
        height:18px;
}

.mail {
        padding-left:19px;
        background:url(images/ikony.jpg) no-repeat;
        background-position:0px 4px;
        height:18px;
}

.mail a {
        color:#bbb !important;
        text-decoration:none !important;
}
.mail a:hover {
        text-decoration:underline !important;
}

.imgrounded {
	margin-bottom:2px; 
	margin-left:2px; 
	margin-right:2px; 
	padding:2px; 
	border:1px solid  #e0e0e0;
	border-radius: 10px;

  -moz-border-radius: 10px;

	
	}

.odkazbiely { FONT-SIZE: 14px; font-family: "Open Sans", sans-serif; text-decoration: none; color:  white; }
a.odkazbiely:hover { FONT-SIZE: 14px; text-decoration: underline; color: gray;}