/* style ogólne portalu */
* { margin: 0; padding: 0; border: 0; font-family: Tahoma, Verdana, Arial, sans-serif; }
body { font-size: 12px; text-align: left; background: #FFF; color: #333; }

/* DOMYSLNE */
h1 { margin-bottom: 10px; font-size:28px; font-weight: bold; color: #333; }
h2 { margin-bottom: 10px; font-size:20px; color: #333; }
h3 { clear: both; margin: 0; padding: 20px 0 10px 0; }
h3, h3 a { font-size: 18px; color: #C21517; }
a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin-bottom: 10px; }
p.more { clear: both; margin: 0; padding: 5px; text-align: right; color: #BF8307; }
p.more a { color: #BF8307; font-weight: bold; margin: 0 6px; }

ul {  list-style: none outside none; }
ul li { margin-bottom: 2px;  background: url(/images/li.gif) no-repeat left 5px; }
ol { padding-left: 20px; }
ol li { margin-bottom: 2px;  }

/* TOP */
#top { background: #FFF url(/images/walentynki/top_980x177.jpg) no-repeat bottom; width: 980px; height: 207px; margin: 0 0 15px 0; }
#logo { width: 782px; margin: 0 99px 0 99px; text-align: right; }
#logo img{ margin: 0 0 0 5px; }
#click_top { width: 782px; height: 135px; margin: 0 99px 0 99px; display: block; }
#menu {width: 650px; height: 42px; margin: 0 231px 0 99px; }
#wideo_menu {width: 65px; height: 30px; margin: 6px 0 0 30px; }
#foto_menu  {width: 65px; height: 30px; margin: 6px 0 0 57px; }
#sms_menu   {width: 65px; height: 30px; margin: 6px 0 0 57px; }
#abc_menu   {width: 130px; height: 30px; margin: 6px 0 0 42px; }
#konkurs_menu   {width: 65px; height: 30px; margin: 6px 0 0 35px; }

#boxWebshop { width: 158px; float: left; margin: 0 0 15px 0; padding: 0; text-align: center; border: 1px solid #D5D5D5; background: #FFF; }
#boxWebshop ul { float: left; margin: 10px 0 0 0; padding: 0 5px; }
#boxWebshop ul li { float: left; clear: both; width: 148px; margin: 0; padding: 5px 0; text-align: left; border-top: 1px solid #c38307; background: none; }
#boxWebshop ul li a { font-family: verdana, tahoma, sans-serif; font-weight: bold; color: #333; }
#boxWebshop ul li img { margin: 5px 0; }
#boxWebshop ul li p { display: block; float: right; width: 60px; padding: 3px; text-align: center; font-family: verdana, tahoma, sans-serif; font-size: 10px; font-weight: bold; color: #FFF; background: #E20026; }
#boxWebshop ul li p span { font-size: 12px; }

#regionnews {border: #E1E1E1 1px solid; width: 158px; float: left; margin: 0 0 10px 0;}
#regionnews ul {width: 150px; padding: 4px; display: block; float: left;}
#regionnews ul li{padding: 0 0 10px 10px; background: url(/images/walentynki/brownli.gif) no-repeat left 5px; float: left;}

#videobox {clear: both; float: left; width: 298px; margin-bottom: 15px; padding: 0 0 5px 0; border: #E1E1E1 1px solid; }
#videobox h3 {float: left; width: 298px; padding: 0;}
#videobox h3 a img {float: left; width: 298px;}
#videobox ul {width: 298px; float: left; padding: 0px;}
#videobox ul li {background: none; float: left; padding: 8px 0 0 6px;}

#gallerybox {clear: both; float: left; width: 298px; margin: 15px 0 20px; padding: 0 0 5px 0; border: #E1E1E1 1px solid; }
#gallerybox h3 {float: left; width: 298px; padding: 0;}
#gallerybox h3 a img {float: left; width: 298px;}
#gallerybox ul {width: 298px; float: left; padding: 0px;}
#gallerybox ul li {background: none; float: left; padding: 8px 0 0 6px; height: 60px; width: 90px; }
#gallerybox ul li a img { float: left; border: #E1E1E1 1px solid;}

#abcbox {border: #E1E1E1 1px solid; width: 298px; margin: 15px 0 20px;}
#abcbox h3{padding: 0;}
#abcbox ul {width: 290px; padding: 4px; display: block;}
#abcbox ul li{padding: 0 0 0 25px; background: url(/images/walentynki/heartli.gif) no-repeat left; width: 265px; }
#abcbox ul li a{font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000000;}

.abcnews {width: 490px; float: left; margin: 0 0 10px 0;}
.abcnews span a{font-weight: bold; margin: 0 0 10px 0;}
p.photoabc {width: 160px; float: left; margin: 0;}
p.photoabc img {float: left;}
p.textabc {width: 300px; margin: 0;  margin: 0 10px 0 0; float: right; }
p.textabc a {float: left;}
p.textabc span {float: left; width: 300px;}


#mainintro {background: url(/images/walentynki/w_sms_500x160.jpg) no-repeat bottom; width: 385px; height: 100px; color: #fff; padding: 45px 105px 15px 10px; margin: 0 0 15px 0; }

#smshp h2 {font-size: 18px; font-weight: bold;}

#bottom {clear: both; width: 980px; text-align: center;  margin: 0 auto; overflow: hidden; }
#bottom p   {color: #C37F04; padding: 0; margin: 2px 0 2px 0;}
#bottom p a {color: #000000;}
#bottom p a#skype {color: #C37F04}



/* SRODEK strony - kolumny, główne boxy */
#wrapper { clear: both; width: 980px; margin: 0 auto; padding: 0 0 20px 0; background: #FFF; overflow: hidden; }
#spacer {float: left; width: 980px; display: inline; height: 10px;} /* naprawia b³¹d wyskosci wrappera w ie6 w wypadku gdy wysokoœæ kolumny 820 jest mniejsza niz wyskosc kolumny 160 (wtedy wyskosc wrapera jest rowna wyskosci kolumny 160) */
#col160 { display: inline; float: left; width: 160px; padding: 0 0 20px 0; }
#col520 { display: inline; float: left; width: 500px; padding: 0 10px; }
#col520 h2{ font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 18px; color: #000000;}
#col300 { display: inline; float: left; width: 300px; }
#col680 { display: inline; float: left; width: 670px; padding: 0 10px 0 0; }
#col820 { display: inline; float: left; width: 810px; padding: 0 0 0 10px; }
#col980 { display: inline; float: left; width: 980px; }


#smshp h2 {font-size: 18px; font-weight: bold;}
#smshp b {color: #C58603;}

/* BOKSY - KOLUMNA 160 */
/* keyword */
#col160 h3 { clear: both; height: 17px; padding: 3px 0 0 5px; }
#col160 h3, #col160 h3 a { font-size: 11px; font-weight: bold; background: #F1EFF0; color: #000; }

/* klasa ogolna dla boksu w kolumnie 160 */
.box160 { margin: 5px 15px 15px 5px; padding: 0; }


/* BOKSY - KOLUMNA 520 */
/* sciezka */
p#sectionPath { margin: 0 0 5px 0; padding: 0 0 20px 0; text-align: left; font-size: 11px; font-weight: bold; line-height: 14px; color: #C21517; background: url(/images/line_left_a.gif) repeat-x bottom; }
p#sectionPath a { font-size: 11px; font-weight: normal; }
p#sectionPath a#sectionPathCurrent { color: #C21517; }

/* Info o serwisie zewnetrznym */
.suffix { font-size: 10px; margin: 0 0 0 10px; color: #999; }
.listNews li h1 .suffix { font-size: 12px; margin: 0 0 0 8px; color: #999; }

/* lista galerii na stronie sekcji */
#galleryMainList h1 { font-size: 14px; font-weight: bold; text-align: center; color: #333; }
#galleryMainList ul { margin:0; padding: 0; }
#galleryMainList ul li { display: inline; float: left; width: 150px; height: 170px; margin:0 73px 0 0; padding: 0; background: none; }
#galleryMainList ul li img { border: 1px solid #999; }
#galleryMainList ul li a { display:block; font-weight: bold; }
#galleryMainList ul li span { display: block; margin-top: 3px; color: #999; }
.galleryList ul li { float: left; width: 200px; margin-bottom: 10px; }


/* REKLAMY */
#adholder_belka, #adoceanBelka { clear: both; width: 500px; text-align: center; }
#adholder_gora, #adoceanGora { clear: both; width: 780px; margin: 0 auto; padding: 10px 100px; text-align: center; }
#adholder_dol, #adoceanDol { clear: both; width: 780px; margin: 0 auto; padding: 10px 100px; text-align: center; background: #FFF; }
#adholder_pasek, #adoceanPasek { clear: both; width: 780px; margin: 0 auto; padding: 10px 100px; text-align: center; background: #FFF; }
#adholder_link, #adoceanLink { clear: both; padding: 0; margin: 0 5px; }
#adholder_srodek1, #adholder_srodek2, #adoceanSrodek1, #adoceanSrodek2 { clear: both; text-align: center; }
#adholder_lewa1, #adholder_lewa2, #adholder_lewa3, #adoceanLewa1, #adoceanLewa2, #adoceanLewa3 { clear: both; width: 160px; text-align: center; }
#adholder_prawa1, #adholder_prawa2, #adholder_prawa3, #adoceanPrawa1, #adoceanPrawa2, #adoceanPrawa3 { clear: both; width: 300px; text-align: center; }
/* OPERA - formatowanie napisu reklama i promocja - start */
#belka_box { width: 100%; margin: auto; text-align: center; }
#belka { width: 500px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
#gora_box { width: 100%; margin: auto; text-align: center; }
#gora { width: 750px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
#dol_box { width: 100%; margin: auto; text-align: center; }
#dol { width: 750px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
#lewa1_box , #lewa2_box, #lewa3_box, #lewa4_box { width: 100%; margin: auto; text-align: center; margin-bottom: 10px; padding-bottom: 10px; }
#lewa1, #lewa2, #lewa3, #lewa4 { width: 120px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
#link_sponsorowany { width: 280px; margin: 0px; margin-bottom: 5px; border-bottom: 0px solid #ececec; padding-top: 0px; padding-bottom: 5px; float: left; overflow: hidden; text-align: left; font-size: 9px; font-family: Verdana,Tahoma; color: #9d9d9d; }
#link_sponsorowany a { color: #cc0000; text-decoration: none; font-weight: bold; font-size: 11px; }
#link_sponsorowany a:hover { color: #cc0000; text-decoration: underline; font-weight: bold; font-size: 11px; }
#prawa1_box, #prawa2_box, #prawa3_box, #prawa4_box { width: 100%; margin: auto; text-align: center; margin-bottom: 10px; padding-bottom: 10px; }
#prawa1 , #prawa2 , #prawa3 , #prawa4 { width: 300px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
#srodek1_box , #srodek2_box { width: 100%; margin: auto; text-align: center; margin-bottom: 10px; border-bottom: 1px dotted #ececec; padding-bottom: 10px; }
#srodek1, #srodek2 { width: 300px; margin: auto; text-align: left; font-size: 7pt; font-family: Verdana, Tahoma; color: #9d9d9d; }
/* OPERA - formatowanie napisu reklama i promocja - koniec */
div.dn { display: none; }