/*   
Theme Name: eurodruk.pl
Description: Szablon strony eurodruk.pl -- WordPress
*/

/* CSS Dokument */

/*================================================
CSS Treść dokumentu

0.	Fonty i dodatkowe style
1.      Zresetowanie stylow
2.      Strona
3.      Header
3.1      Menu
4.      Content
4.1      Strona startowa
4.2      Podstrony
5.      Footer
6.	Formularze
================================================*/

/*==============================
0 Fonty i dodatkowe style
===============================*/



/*==============================
1 Reset
===============================*/
html {
height: 100%;
max-height: 100%;
}

body {
height: 100%;
max-height: 100%;
padding: 0;
margin: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
color: #00396f;
background: #006ab3 url(images/tlo.jpg) repeat-x;
}

body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, footer, header, hgroup, menu, nav, section {
font-family: Arial, Helvetica, sans-serif;
}

div, dl, dt, dd, ul, ol, li, legend, input, button, textarea, p, blockquote, th, td {
line-height: 16px;
font-size: 13px;
}
/**/

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
color: #0073b8;
text-decoration: none;
font-weight:normal;
margin: 6px 0;
}

h1 {font-size:21px; line-height: 26px;}
h2 {font-size:20px; line-height: 24px;}
h3 {font-size:18px; line-height: 22px;}
h4 {font-size:17px; line-height: 20px;}
h5 {font-size:15px; line-height: 18px;}
h6 {font-size:13px; line-height: 16px;}

ul, ol, dl {
font-size: 13px;
line-height: 16px;
color: #00396f;
}

table, table p, tbody, tbody p, td {
font-size:13px;
line-height: 16px;
}

p.male {
font-size:12px;
line-height: 15px;
}

hr {
display: block;
clear:both;
border:0;
height:1px;
background-color: #00396f;
}

table {
border-collapse: collapse;
border-spacing: 0px;
}

fieldset, img {
border: 0;
}

input[type=radio], input[type=checkbox] {
vertical-align: middle;
margin: 0;
}

input, select {
vertical-align: middle;
}

a {
color: #575757;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
color: #a4a4a4;
}

sup {
vertical-align: baseline;
}

sub {
vertical-align: baseline;
}

input, button, textarea, select, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
padding: 0;
margin: 0;
}

input:focus, textarea:focus {
outline: none
}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
border: 0;
padding: 0;
}


/*================================================
2. Strona
================================================*/

#wrapper {
margin: 0px auto;
width: 880px;
position: relative;
}

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

/*===========================================================================
3. Header
===========================================================================*/
#header {
float:left;
width: 880px;
margin: 0;
padding: 0;
}

#header-inside {
float:left;
width: 880px;
height: 172px;
padding: 0; 
margin: 0 0 8px 0;
background: url(images/menu_01.jpg) no-repeat;
}

#header-inside-logo {
width: 220px;
height: 172px;
float:left;
padding: 0px 0px 0px 0px;
}

#header-inside-menu {
width: 660px;
height: 172px;
float:left;
padding: 0;
}

a#header-inside-logo-link {
width: 512px;
height: 162px;
line-height: 162px;
text-indent: -999em; 
top: 10px;
left: 20px;
padding: 0;
margin: 0;
z-index:10;
position:absolute;
overflow: hidden;
}


/**************searchform-begin*/

#searchform {
width: 305px;
padding: 9px 0px 9px 0px;
float:right;
}

#searchform #s {
border:1px solid #b5b5b7;
width: 200px;
height: 20px;
padding: 2px 5px 2px 5px;
background: #ffffff;
vertical-align: middle;
color: #c7b59e;
}

#searchform #searchsubmit {
background: #b5b5b7;
border:1px solid #b5b5b7;
font: bold 12px Arial, Helvetica, sans-serif;
color: #c7b59e;
padding: 5px;
vertical-align: middle;
cursor:pointer;
}

#searchform #searchsubmit:hover {
background: #ffffff; 
color: #c7b59e;
border:1px solid #b5b5b7;
}

#searchform label {
font-size: 11px;
color: #c7b59e;
display:none;
}

/*===========================================================================
3.1 Menu
===========================================================================*/

/**************nav-begin*/

#nav {
list-style: none;
margin: 60px 0px 0px 0px;
height: 43px;
padding:0px;
position: relative;
overflow: hidden;
}

#nav li {
float: left;
margin: 0px;
padding:0px;
}

#nav li a {
text-decoration: none;
padding: 13px 12px;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 17px;
line-height: 100%;
display: block;
}

#nav li.page_item a,
#nav li.page_item a:focus,
#nav li.page_item a:active {
color: #ffffff;
} 

#nav li.page_item a:hover {
color: #006ab5;
background: #fced00;
}

#nav li.current_page_item a, 
#nav li.current_page_item a:hover {
color: #fced00;
cursor:default;
background: transparent;
}

/**************nav-end*/

/*===========================================================================
4. Content
===========================================================================*/


/**************content-begin*/

#content {
width: 880px;
float: left;
margin: 0;
padding: 0;
}

#content-inside {
position:relative;
float:left;
width: 880px;
min-height: 200px;
_height: 200px;
margin: 0;
padding: 0;

}

/*=========================================
4.1 Strona startowa
=========================================*/

#content-inside-tresc {
width: 503px;
min-height: 200px;
_height: 200px;
float:left;
padding:0 50px 0 50px;
margin: 0;
}

#content-inside-slider {
float:left;
width: 880px;
height: 203px;
padding: 0; 
margin: 0;
background: url(images/tlo_01.jpg) no-repeat;
position:relative;
}

#content-inside-tresc-podstrona {
float:left;
width: 816px;
min-height: 300px;
_height: 300px;
padding: 10px 30px 25px 30px; 
margin: 0 0 20px 0;
border-top: 0;
border-left: 2px solid #ffec00;
border-right: 2px solid #ffec00;
border-bottom: 2px solid #ffec00;
background: #ffffff url(images/tlo_01.jpg) no-repeat;
position:relative;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
}

#content-inside-tresc-podstrona-left {
float:left;
width: 540px;
min-height: 400px;
_height: 400px;
}

#content-inside-tresc-podstrona-left h1 {
margin: 6px 0 30px 0;
}

#content-inside-tresc-podstrona-right {
float:right;
width: 246px;
margin: 0 0 0 30px;
padding: 0;
}

#content-inside-tresc-podstrona-right ul {
margin: 0;
padding: 0;
color: #ffffff;
display: block;
list-style: none;
}

#content-inside-tresc-podstrona-right ul li {
margin: 0;
padding: 0;
background: #0073b8;
display: block;
border-top: 1px solid #005692;
border-bottom: 1px solid #479acc;
}

#content-inside-tresc-podstrona-right ul li:first-of-type {
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
border-top: 0;
border-bottom: 1px solid #479acc;
}

#content-inside-tresc-podstrona-right ul li:last-of-type { 
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-top: 1px solid #005692;
border-bottom: 0;
}

#content-inside-tresc-podstrona-right ul li p {
font-size: 14px;
line-height: 19px;
margin: 0;
font-weight: bold;
padding: 4px 15px;
color: #ffec00;
display: block;
}

#content-inside-tresc-podstrona-right ul li p.center {text-align: center;}

#content-inside-tresc-podstrona-right ul li a {
font-size: 14px;
line-height: 17px;
margin: 0;
padding: 4px 20px;
color: #ffffff;
background: #0073b8;
display: block;
text-decoration: none;
}

#content-inside-tresc-podstrona-right ul li a:hover {
color: #0073b8;
background: #ffec00;
}

#content-inside-tresc-podstrona-right ul li.current a {
cursor: default;
color: #0073b8;
background: #ffec00;
}

#content-inside-banery {
float:left;
width: 880px;
padding: 0 0 22px 0; 
margin: 0;
position:relative;
background: url(images/cien_01.png) no-repeat bottom center;
}

/**************banery */

#content-inside-banery a.baner-01,
#content-inside-banery a.baner-02,
#content-inside-banery a.baner-03 {
float:left;
height: 141px;
width: 280px;
padding: 0;
line-height: 141px;
text-indent: -999em; 
overflow: hidden;
background-position: 0 0;
background-repeat: no-repeat;
}

#content-inside-banery a.baner-01 {background-image: url(images/baner_01.png); margin: 5px 0;}
#content-inside-banery a.baner-02 {background-image: url(images/baner_02.png); margin: 5px 20px;}
#content-inside-banery a.baner-03 {background-image: url(images/baner_03.png); margin: 5px 0;}

#content-inside-banery a:hover {
background-position: 0 -141px;
}

/**************stopka */

#content-inside-stopka {
float:left;
width: 880px;
height: 141px;
padding: 0; 
margin: 0;
background: url(images/tlo_03.png) no-repeat;
position:relative;
}

#content-inside-stopka-col-1 {
float:left;
width: 200px;
padding: 10px 0 0 0; 
margin: 0 0 0 20px;
background: url(images/kontakt.png) no-repeat;
position:relative;
}

#content-inside-stopka-col-1 p {
font-family: 'Play', Arial, Helvetica, sans-serif;
font-weight: normal;
color: #ffffff;
}

#content-inside-stopka-col-2 {
float:left;
width: 330px;
padding: 20px 0 0 0; 
margin: 0;
position:relative;
}

#content-inside-stopka-col-2-row-1 {
float:left;
width: 300px;
height: 25px;
padding: 7px 0 0 42px; 
margin: 10px 0 0 0;
background: url(images/telefon.png) no-repeat left;
position:relative;
}

#content-inside-stopka-col-2-row-2 {
float:left;
width: 300px;
height: 32px;
padding: 7px 0 0 42px; 
margin: 10px 0 0 0;
background: url(images/email.png) no-repeat left;
position:relative;
}

#content-inside-stopka-col-2-row-1 p,
#content-inside-stopka-col-2-row-2 p {
margin: 0;
padding: 0;
font-family: 'Play', Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 20px;
color: #ffffff;
}

/**************przycisk-top */

#content-bottom-menu {
width:502px;
padding:1px 0 1px 0px;
float:left;
background: #ffffff;
}

#content-bottom-menu a.top {
float:right;
height: 30px;
width: 50px;
margin: 1px 10px 1px 0px;
line-height: 30px;
text-indent: -999em; 	
background: url(images/top.jpg) no-repeat;
}

/*=========================================
4.2 Podstrona
=========================================*/



/*====================================
4.1 Sidebar
====================================*/


/**************sidebar-begin*/

#content-sidebar {
float:right;
width: 317px;
margin: 0;
padding: 0 40px 170px 0;
}

a#content-sidebar-film {
float:right;
height: 131px;
width: 317px;
margin: 10px 0 5px 0;
padding: 0;
line-height: 131px;
text-indent: -999em; 	
background: url(images/trajler.png) no-repeat 0 0;
}

a#content-sidebar-film:hover {
background: url(images/trajler.png) no-repeat 0 -131px;
}

a#content-sidebar-fragment-1,
a#content-sidebar-fragment-2,
a#content-sidebar-fragment-3 {
float:right;
overflow: hidden;
height: 94px;
width: 317px;
margin: 5px 0 5px 0;
padding: 0;
color: #000000;
line-height: 94px;
text-indent: -999em; 
}

a#content-sidebar-fragment-1 {	
background: url(images/fragment_01.jpg) no-repeat;
}
a#content-sidebar-fragment-2 {	
background: url(images/fragment_02.jpg) no-repeat;
}
a#content-sidebar-fragment-3 {	
background: url(images/fragment_03.jpg) no-repeat;
}

/**************sidebar-end*/

/*===========================================================================
5. Footer
===========================================================================*/

#footer {
float: left;
width: 880px;
margin: 0;
padding: 27px 0 10px 0;
background: url(images/cien_02.png) no-repeat top center;
}

#footer-inside {
float:left;
width: 880px;
height: 26px;
margin: 0;
padding: 0;
position: relative;
}

#footer-inside p, #footer-inside a {
margin: 0;
padding: 0;
text-align:left;
color:#c7ebf9;
font-size:11px;
line-height:11px;
text-decoration: none;
}

#footer-inside a:hover {
color:#ffffff;
}


/*===========================================================================
6. Formularze
===========================================================================*/

label {
margin: 6px;
padding: 2px;
}

input[type="text"],
textarea {
/* szerokosc */
width:280px;
}

input, textarea, select {
/* color */
color: #00396f;
border:2px solid #00396f;
background: transparent;
padding:2px 4px;
margin: 5px 0;
/* CSS3 spicing */
-moz-border-radius:4px;
-webkit-border-radius:4px;
/*text-shadow:1px 1px 1px #000;*/
}

legend {font-weight:bold;}
optgroup {font-weight:bold; padding:2px;}
option {font-weight:normal; padding:2px 2px 2px 10px;}

input[type="checkbox"], 
input[type="checkbox"]:hover, 
input[type="checkbox"]:focus, 
input[type="checkbox"]:active 
{border:0px;}

input[type="radio"], 
input[type="radio"]:hover, 
input[type="radio"]:focus, 
input[type="radio"]:active 
{border:0px;}

input:focus, textarea:focus, select:focus { 
border:2px solid #37b7e1;
}

input:active, textarea:active, select:active { 
border:2px solid #37b7e1;
}

input:hover, textarea:hover, select:hover { 
border:2px solid #c3c3c3;
}

.button, input[type=submit] {
border:2px solid #00396f;
background: transparent;
padding:3px 10px;
margin: 5px 0;
cursor:pointer;
color:#00396f;
/* CSS3 spicing */
-moz-border-radius:4px;
-webkit-border-radius:4px;
/*text-shadow:1px 1px 1px #000;*/	
}

.button:hover, input[type=submit]:hover {
background-color:#00396f;
color:#ffffff;
border:2px solid #00396f;
}