/*  
Theme Name: VAGSKLEP
Theme URI: http://www.vagsklep.pl
Description: 
Version: 1.0
Author:VAGSKLEP
Author URI: 
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }



body  {  
background:#647998 url('img/vagbg.gif') repeat-x left top;
color:#000;
font-size:10pt;
font-family:Verdana, Arial;
margin:0;
padding:0; 
} 

img { border:0; }

a:link {color:#356897; text-decoration:none; border-bottom:1px dotted #356897;}
a:visited {color:#551A8B; text-decoration:none; border-bottom:1px dotted #551A8B; }
a:hover {color: #DC0000; text-decoration:none;border-bottom:1px dotted #DC0000}
a img {border-bottom:none};

small {font-size:8pt; line-height:120%; }

h1 {font-size:12pt; color:#0A3069; font-weight:bold; font-family:Arial; margin:2px 0 7px 0;} 
h2 {font-size:11pt; color:#DC0000; font-weight:bold; font-family:Arial; margin:10px 0;} 
h3 {font-size:14pt; color:#FABB2E; font-weight:bold; font-family:Arial; margin:5px 0;}
h6, h6 a:link, h6 a:visited {font-size:16pt; color:#000; font-weight:normal; font-family:Georgia, Times New Roman, Arial; margin:5px 0;}

.floatl , .alignleft { float:left;  }
.floatr, .alignright  { float:right; }



#header {
width:980px;
height:120px;
margin:0 auto;
position:relative;
background:#FFFFFF url('img/header.jpg') no-repeat right top;
}


#header img { 
position:absolute; left:25px; top:30px;
}

/***************** NAV ****************************/
.nav { 
width:100%;

	padding:6px 0;
border-top:3px solid #D1D8E2;
overflow:hidden;
position:absolute; left:0px; top:92px;
background:#052859 url('img/navi.gif') repeat-x top left;
}

.nav ul li { 
	list-style: none;
	display:inline;
	list-style-image: none;
	margin:0;
	white-space: nowrap;
	border-right:1px solid #195791;
	padding:6px 0;

}

.nav a:link, .nav a:visited {
text-decoration: none;
padding: 6px 30px;
color:#FFFFFF;
font:11pt Arial;

} 
.nav a:hover {
text-decoration: none;
color:#F00406;
}
/***************** /NAV ****************************/

.main { 
clear:both;
width:980px; 
min-height:500px; height:auto !important; height:500px;
margin:0 auto;
padding-bottom:20px;
background:#FFFFFF url('img/main.gif') repeat-x left top;
border-top:7px solid #FFFFFF;
border-bottom:1px solid #99B0C2;
}

.page {padding:40px;}
.page small {color:#808080; }

.homeleft {
margin-top:20px; 
min-height:350px; height:auto !important; height:350px;
width:620px;
background-image: url('img/amor.gif');
background-repeat: no-repeat;
background-position: 2px 140px;
}
.witamy {height:24px; background:url('img/witamy.gif') no-repeat top left;}
.conas {height:34px; background:url('img/conas.gif') no-repeat top left;}
.spec {height:34px; background:url('img/ofertas.gif') no-repeat 0px 5px;}
.ofer {height:20px; background:url('img/oferta.gif') no-repeat top left;}

.homebox{margin:20px 20px 0 30px;}
.homebox img {float:right;}
.bb {border-bottom:1px solid #99B0C2;}


.tick ul {margin:10px 0 20px 50px; }
.tick ul li {margin:10px 0; list-style-image:url('img/punkt.gif');} 

.content p { line-height:130%; margin:15px 0; text-align:justify}
.content ul {margin:8px 0 8px 30px; }
.content ol {margin:8px 0 8px 35px; }
.content ul li {margin:3px 0; list-style-type:square; }
.content ol li {margin:3px 0; }
.content a:link, .content a:visited { }
.content blockquote { margin:10px 0 10px 30px; background:#F6F6F6; }
.content img { margin:10px;  } 
.content a img {border:0}

.homeright {
margin-top:0px; 
height:100%;
width:350px;
}

.kontakt {
background:#F0F4F6 url('img/kontakt.gif') no-repeat 10px 10px;
border:1px solid #BCCCDB;
width:210px;
padding:25px 30px 10px;

}
.kontakt ul li {	list-style: none; margin:15px 0 0;}
.kontakt ul img {float:left; margin:5px 15px 10px 0;}

.kontakt .adres {line-height:120%; border-top:1px solid #BCCCDB; padding-top:5px;}

.oferta ul {margin:20px 0 5px 20px; color:#DC0000}
.oferta ul li {margin:3px 0; list-style-type:square; }
.oferta a,.oferta a:link, .oferta a:visited {font-size:8pt; color:#DC0000; font-weight:bold; border-bottom:1px dotted #DC0000} 

.aktualnosci {width:480px;}
.aktualnosci ul {margin:20px 0 8px 30px; }
.aktualnosci ul {margin:20px 0 8px 30px; }
.aktualnosci ul li {margin:10px 0; list-style-type:square; }
.aktualnosci p { font-size:8pt; color:#808080; margin:10px 0; line-height:120%}      

.promocje {width:350px; border:1px solid #99B0C2;padding:5px 10px 10px 10px}

.promocjeform {width:250px; border:1px solid #99B0C2;padding:5px 10px 10px 10px}

.footer {
width:980px;

clear:both;
margin:0 auto 10px;
 padding:10px 0 ;
 text-align:right;
 background:#FFFFFF url('img/logofooter.gif') no-repeat 15px 20px;
}

.footer ul {list-style-type:none; margin:10px 0 20px 0; }
.footer ul li {	display:inline;	padding:0 10px;	border-right:1px solid #D5D5D5;}


.edit {font-size:8pt; }
.edit a:link, .edit a:visited { padding:3px; background:#CBFF81; font-weight:bold; color:#5B9A00; text-decoration:none}
.edit a:hover { text-decoration:underline}


.navi {
font-size:8pt;
margin-bottom:20px
}

#map {float:right; width: 550px; height: 435px; border:1px solid #808080; margin:20px 50px 0 0;}
.kontaktp {float:left; width: 370px; margin-bottom:20px;}

#ranking { width:650px; margin:0 auto;}

table#rank {
    background-color:#FFF;
    border: solid #808080 1px;
    width: 100%;
    border-collapse:collapse;
    font:normal 8pt Verdana;
}    

#rank a:link, #rank a:visited {text-decoration:underline;}
#rank a:hover {color:#FCAA44;}

table#rank td {
    padding: 6px 5px;
    border: solid #C0C0C0 1px;
}

.data {
    text-align: right;
}
.datab {
    text-align: center;
}

.toprow {
    text-align: center;
    background-color: #EEEEF2;
    border-bottom:2px solid #808080;
    border-top:2px solid #808080;
    font-weight:bold;
    color:#808080;

}
.toprow a:link, .toprow a:visited {text-decoration:underline;}
.toprow a:hover { color:#FABB2E;}

.leftcol {
    font-weight: bold;
    text-align: center;
    width: 15px;
    background-color: #E5E5E5;

}
/********************************/

#formularz {
float:left;
width:550px;
padding:10px;
margin:0 10px;
border:2px solid #99B0C2;
background-image: url('img/background.gif');
background-repeat: repeat-x;
background-position: left -450px;
}

#formularz p {
font-size:8pt;
margin:0 0 10px 0;
line-height:120%;
}

#formularz a { text-decoration:underline;}

#formularz form {
border-top:1px solid #99B0C2;
}

#formularz form input[type="text"] {
border:1px solid #C0C0C0;
font-size:8pt;
padding:3px;
width:200px; 
}


#formularz form input[type="text"].dla_bota {
width:1px; border:none; background:none; display:none; 
}
#formularz form input[type="text"]:focus {background-color: #FFFFF1; border:1px solid #000000}
#formularz form textarea:focus {background-color: #FFFFF1; border:1px solid #000000}

#formularz form input[type="text"].rur {width:30px;}
#formularz form input[type="text"].mur {width:15px;}

#formularz form textarea {
border:1px solid #C0C0C0;
font:normal 8pt Verdana;
padding:3px;
width:200px;
height:50px;
}

#formularz form select {
border:1px solid #C0C0C0;
font:normal 8pt Verdana;
padding:3px;
width:208px;
}
/***************************/
table#frm {
    width:500px;     
    margin:10px auto;
    border-collapse:collapse;
    font:normal 8pt Verdana;
}    


table#frm td {
    padding: 5px 5px;
    border-bottom:1px solid #F0F0F0;
}

table#frm p {
margin:5px 0;
}

.cdr{ background-color: #E5E5E5;}
.dcdr{ background-color: #F4F4F4;}


/********************************/
.helpgreen {
margin:50px auto 20px;border:2px solid #01BF01; text-align:center; background-color:#D9FFD9; color:#01BF01; padding:10px; width:350px;
}
.helpred {
margin:50px auto 20px;border:2px solid #DC0000; text-align:center; background-color:#F6D8D8; color:#DC0000; padding:10px; width:350px;
}

.zalogowany {position:absolute; top:5px; right:5px; width:450px; background:#FFFFE1; padding:10px; border:1px solid #808080; font-size:8pt; text-align: right;}
.zalogowany a:link, .zalogowany a:visited {color:blue}
.zalogowany a:hover {color:red}