@charset "utf-8";
/* CSS Document */

.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{background:none;border:none;margin:0; outline:0; padding:0;}
.accessibility { display: none;}
.clear {clear: both; height: 0; line-height: 0;}
a {text-decoration: none;}
ul {list-style: inside none;}
input, textarea {-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1) inset; border:1px solid #E4E4E4; color: #333; font-size: 12px; padding: 4px;}
body { font-family: Arial, sans-serif; font-size: 14px; color: #383838;}

.back { cursor: pointer; color:#00A7B9; text-transform: uppercase;
font-family: "Source Sans Pro",Arial,serif;
    font-size: 16px;
    font-weight: bold;    
}

.formButton {margin-top: 10px;}
.form ul {list-style-type: none;}
.form li {list-style-type: none;}

.green-header {
    background-color: #00a7b9; border: 1px solid #1ab0c0; font-size: 16px; font-family: "Source Sans Pro", Arial, serif; font-weight: bold; color: #ffffff;  line-height: 37px; text-align: center; text-transform: uppercase;
}
span.small {font-size: 12px;}
span.smaller {font-size: 10px;}
span.big {font-size: 16px;}
span.bigger {font-size: 18px;}


/**template**/

#content_wrapper {margin: 0 auto; width: 960px; padding: 10px 0 20px; min-height: 400px;}
#main_content {float: left; width: 700px;}
#main_right {float: right; width: 230px;}
#footer { clear: both; height:60px; margin-top:20px;}

/***header***/
#header {margin: 0 auto; width: 960px; padding-top: 14px;}
#header #logo {width: 470px; height: 108px; margin-left:auto; margin-right:auto;}
#header #logo a {display: block; height: 150px; width:341px;margin:0px auto; background: url(../../img/kat-piwecka-travelling.jpg); background-size:100%; background-repeat: no-repeat;}

#header #nav { height: 60px; line-height: 60px; margin-left:auto; margin-right:auto; width:600px;margin-top:40px; }
#header #nav ul li {float: left; list-style-type: none; padding: 0 11px;}
#header #nav ul li ul {display: none;}

#header #nav ul li a {color: #00a8b9; text-transform: uppercase; font-size: 16px; font-family: "Source Sans Pro", Arial, serif; font-weight: 600; padding: 6px;}
#header #nav ul li a:hover, #header #nav ul li.active a {
	text-decoration: underline;
}
#header .fotografka {
display:none;
position: absolute;
top: 0px;
right: 0px;
padding:5px 10px;
background: rgb(88,49,88);
}
#header .fotografka a{color:white; font-size:18px;}

#header #slideshow {clear: both; height: 384px; margin-top: 10px;}
#header #slideshow ul {list-style-type: none;}
#header #slideshow .image {float: right; width: 960px;}
#slider .fader-nav {display: none;}
#slider {padding-top:8px;}
#slider img {height:500px;}

/*********Main content******/
#main_content h3.green-header {width: 248px; margin-bottom: 24px;}
.page_content_text {font-size: 14px; line-height: 20px;}
.page_content_text p a {
    text-decoration: none;
    color: #383838;
}

.news {width: 700px; margin-bottom: 20px;}
.news .news_date {width: 250px; background-color: #00a7b9; border: 1px solid #1ab0c0; font-size: 16px; font-family: "Source Sans Pro", Arial, serif; color: #ffffff;  line-height: 37px; text-align: center;}
.news h4 {font-size: 22px; font-family: "Source Sans Pro", Arial, serif; padding: 12px 0;}
.news h4 a {color: #383838;}
.news .news_short_description {line-height: 20px; margin-top: 4px; margin-bottom: 38px;}
.news .soc {float: right;}

.fb-share-button {background-color: red;}

#soc-btns {text-align: center; line-height: 24px; padding: 10px 0;}
#soc-btns a {
    display: inline-block;
    padding: 0 3px;
    vertical-align: middle;
}

#partners {margin:10px 0px 10px;text-align:center;}
#partners li {margin:10px 0px 0px;}


/*******Archiwum********/
#news-menu ul li {
    list-style: inside none;
    background: url('../../img/piwecka/down-arrow.png') no-repeat 0px 10px transparent;
    padding-left: 15px;
    font-size: 16px; font-family: "Source Sans Pro", Arial, serif; font-weight: bold;
}
#news-menu ul li ul li, #news-menu ul li ul li a {
    background-position: 0px 8px;
    font-weight: normal;
    font-size: 14px;
    color: #383838;
}

/********POPULAR POSTS**********/
#rand-news {
    margin-top: 10px;
    text-align: center;
}
#rand-news ul li {
    margin-top: 5px;
}

/********Pagination********/
.pagin {
    width: 100%;
}
.pagin td {
    color: #383838;
    font-size: 16px; 
    font-family: "Source Sans Pro", Arial, serif;
    font-weight: bold;
    text-transform: uppercase;
}
.pagin td a {
color: #00a7b9;
}


/********Bannery**********/
/*****TOP******/
#top-banner {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
}
/****RIGHT*****/
#right-banner {
    margin-top: 10px;
    text-align: center;
}
#right-banner ul li {
    margin-top: 5px;
}
/**********Footer**********/
#footer {
    background-color: #00a7b9;
    height: 40px;
    line-height: 40px;
}
#inner-footer{
    width: 960px;
    margin: 0 auto;
}
#copyright {
    float: left;
}
#copyright, #copyright a {
    font-size: 12px;
    color: #ffffff;
}
#footer-social {
    float: right;
    padding: 13px 0;
    line-height: 14px;
}
#footer-social a {
    vertical-align: middle;
    display: inline-block;
    padding: 0 2px;
}


/*********Validation*******/
.info,.success,.warning,.error,.validation, .error_message { border:1px solid; margin:10px auto; padding:7px 10px 7px 35px; background-repeat:no-repeat; background-position: 10px 6px;}
.success { color:#4f8a10; background-image: url(../../img/icons/accept.png); background-color:#dff2bf;}
.error, .error_message { color:#d8000c; background-image: url(../../img/icons/exclamation.png); background-color:#ffbaba;}
.info{color:#00529b;background-image: url(../../img/icons/information.png);background-color:#bde5f8;}
.warning{color:#9f6000;background-image: url(../../img/icons/error.png);background-color:#feefb3;}