/* 
Theme Name: UG-WP 
Author URI: piotrkaczorowski.xyz
Author: Piotr Kaczorowski
Version: 1.0
License: For University of Gdansk
*/
*
{
    margin: 0;
    padding: 0;
}

html, body
{
    font-family: Arial,Verdana,sans-serif;
    font-size: 13px;
    background: #fefefe url('images/tlo.png') top repeat-x;
    height: 80%;

}

header,footer,nav,section,article,aside,hgroup
{
    display: block;	
}

fieldset, img
{
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
}

a
{
    color: #282828;
    text-decoration: none;
}

a:hover
{   
    text-decoration:underline;
}

p,
.textwidget
{
    line-height: 1.4em;
    padding: 6px;
}

.clearfix
{
    clear: both;
}
.flexslider .slides img{
    min-height: 240px;
}
ul#responsive-menu #responsive-menu-search-box,
.responsive-menu-search-box
.hide{
    display: none !important;
    visibility: hidden !important;
}
.center{
    width: 960px;
    margin: 0 auto;
}
.content
{
    width: 960px;
    margin: 0 auto;
    min-height: 100%;

}

header .loga 
{
    float: left;
    margin:0 auto;
}

header .loga .img{
    height: 99px;
    width: 120px;
    margin:10px; 
    float: left;
    background: url('images/UG_logo_short.png') no-repeat  ;
}

header .loga .userlogo
{
    padding-left: 16px;
    height: 99px;
    max-width: 82%;
    background: url('images/bg_centr_menu.png') no-repeat left center ;
    margin: 13px 2px 0 13px;
}

header nav div form
{
    float: right;
    padding: 12px 0px 0px 12px;
}

header form input[name=s] 
{
    height: 35px;
    width: 149px;
    padding-left: 5px;
    outline: none;
    border: 1px solid #58585A;
    border-radius: 7px 0 0 7px;
    color: #31323d;
}

header form input[type=submit] 
{
    height: 39px;
    outline: none;
    width: 80px;
    font-weight: 700;
    background: #58585A;
    color: #FFF;
    border-radius: 0 7px 7px 0;
    cursor: pointer;
    border: none;
}

header nav
{
    margin: 0 auto;
    height: 66px;
    border-top:4px solid rgba(255,255,255,.5);
    background: #034891; /* background: gradient(linear,left top,left bottom,color-stop(0%,#034891),color-stop(92%,#043C78),color-stop(92%,#043C78),color-stop(93%,#043C78),color-stop(93%,#0D94E5),color-stop(100%,#0D94E5)) #043C78; */
    background: -moz-gradient(linear,left top,left bottom,color-stop(0%,#034891),color-stop(92%,#043C78),color-stop(92%,#043C78),color-stop(93%,#043C78),color-stop(93%,#0D94E5),color-stop(100%,#0D94E5)) #043C78;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#034891),color-stop(92%,#043C78),color-stop(92%,#043C78),color-stop(93%,#043C78),color-stop(93%,#0D94E5),color-stop(100%,#0D94E5)) #043C78;
}
.sf-menu li{
     background: #034891; /* background: gradient(linear,left top,left bottom,color-stop(0%,#034891),color-stop(92%,#043C78),color-stop(92%,#043C78),color-stop(93%,#043C78),color-stop(93%,#0D94E5),color-stop(100%,#0D94E5)) #043C78; */
    background: -moz-gradient(linear,left top,left bottom,color-stop(0%,#034891),color-stop(92%,#043C78),color-stop(92%,#043C78),color-stop(93%,#043C78),color-stop(93%,#0D94E5),color-stop(100%,#0D94E5)) #043C78;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#034891),color-stop(92%,#043C78),color-stop(92%,#043C78),color-stop(93%,#043C78),color-stop(93%,#0D94E5),color-stop(100%,#0D94E5)) #043C78;
}
/*.sf-menu{
    background: #034891;  background: gradient(linear,left top,left bottom,color-stop(0%,#034891),color-stop(92%,#043C78),color-stop(92%,#043C78),color-stop(93%,#043C78),color-stop(93%,#0D94E5),color-stop(100%,#0D94E5)) #043C78; 
    background: -moz-gradient(linear,left top,left bottom,color-stop(0%,#034891),color-stop(92%,#043C78),color-stop(92%,#043C78),color-stop(93%,#043C78),color-stop(93%,#0D94E5),color-stop(100%,#0D94E5)) #043C78;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#034891),color-stop(92%,#043C78),color-stop(92%,#043C78),color-stop(93%,#043C78),color-stop(93%,#0D94E5),color-stop(100%,#0D94E5)) #043C78;
}*/

header nav div{
    width:960px;
    margin: 0 auto;

}

header nav ul,
.content aside ul{
    list-style: none;		
}

header nav ul li a
{
    color: #FFF;
    float: left;
    line-height: 46px;	
    text-transform: uppercase;
}
header nav div.menuhome{
    width: 100%;
    margin: 0 auto;
}
header nav div.menuhome .menu-menu-glowne-container {
    width: 712px;
    float:left;
}

header nav div.menuhome form{
    float:left;
}
.content section.fullsection{
    width: 100%;
}

.content section
{
    width: 700px;
    float: right;
    margin-top: 10px;
}

.content section.home{
    float: left;
}

.content section article  
{
    margin-bottom: 10px;
    word-wrap: break-word;
}

.content section article h1{
     margin-bottom:20px;
     margin-top:20px;
     padding-left:20px;
}

.content section article h1:first-child{
      margin-top:0px;
}

.content section article h1 a
{
    color:#053c78;
    border-bottom:2px solid #053c78;
    margin:0 0 20px 0px;
    font-size: 21px;
    text-decoration:none;
    font-weight:normal;
}

.content section article a {
    color: #0a72b0;
}


.content section article p{
  padding:0 20px;
}

.content section article img.wp-post-image {
    float: left; 
    padding:0 20px 10px 20px;
}


/* menu dodtakowe na home */
.content section .menu-home nav{
/*    display: block;
    width:31%;
    margin: 10px auto auto auto;
    border-left: thin solid #d6dade;
    padding-left: 14px;
    
  border-left: this solid transparent;
    border-left: rgba(227,227,227,1);
    border-left:  -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(209,209,209,1) 100%);
    border-left:  -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,227,227,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(209,209,209,1)));
    border-left:  -webkit-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(209,209,209,1) 100%);
    border-left:  -o-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(209,209,209,1) 100%);
    border-left:  -ms-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(209,209,209,1) 100%);
    border-left:  linear-gradient(to bottom, rgba(227,227,227,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(209,209,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#d1d1d1', GradientType=0 );*/
}

.content section .menu-home nav div.new-widget {
    float:left;
    display: block;
    width:28%;
    margin: 10px auto auto auto;
    border-left: thin solid #d6dade;
    padding-left: 14px;
    padding-right: 14px;
    min-height: 210px;
}

.content section .menu-home nav ul li{
    list-style: none;    
}

.content section .new-widget a,
.content section .new-widget h2,
#wp-calendar caption{
    line-height:25px;
    font-weight:bold;
    word-wrap: normal;
    padding: 7px 14px 7px 0px;
    color:#053c78;
    font-size: 1.4em;
    background:url('images/a_h.png') right 14px no-repeat;
}

.content section .new-widget h2{
    background:none;
}

#wp-calendar caption {
    background:url('images/a_h.png') left 14px no-repeat;
}

#wp-calendar a {
    padding: 0px;
    background-image: none;
    font-size:inherit;
    line-height: 1.4em;
}

.content section .menu-home nav ul.sub-menu li:before {
    content: ">";
    color: #0a72b0;
    margin-left: -4x;
    padding: 9px 9px 0px 4px;
    float:left;
    
}

.content section .menu-home nav ul.sub-menu li a{
    color:#000 !important;
    font-size: inherit;
    background:none;
    font-weight: normal;
    display:block;
    padding-left:4%;
}

/*a.more-link
{
    display: block;
    background: #2c5c88;
    color: #FFF;
    width: 100px;
    padding: 10px 25px;
    border-radius: 5px;
    text-align: center;
}

a.more-link:hover
{
    background: #F39130;
}*/

.content aside
{     
    width: 240px;
    margin-top: 10px;
    float: left;
}

.content aside .new-widget {
    margin-bottom: 20px;
}

.content aside.home{
    float:right;
}

.content aside h2
{
    background-image: url(images/tlo_menu2.png) , url(images/tlo_menu1.png)  ;
    background-position: left -25px, center -25px;
    background-repeat: no-repeat, repeat;
    background-color: #57738c;
    color: white;
    padding:16px 0 16px 40px;
    font-size: 15px;
    text-transform: uppercase;
}                    

.content aside nav
{
    margin-bottom: 10px;
}

.content aside nav ul li:first-child a
{
    border-top: 1px solid #e9e9e9;
}

.content aside ul li a
{
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    display: block;
    background: url(images/punktor_menu.png) 20px center no-repeat;
    padding: 10px 35px;
}

.content aside nav ul li a:hover
{
    text-decoration: underline;
}

figure.panorama{
    display: block;
    max-width: 589px;   
    margin: 0 auto;
}
figure img{
    margin: 0 auto;
    text-align: center;
    width:100%;
    height: auto;
}
footer{ 
    background-color:#053c78; 
    display: block; 

}
footer .bottomMenu{
    width:960px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;

} 
footer .bottomMenu li { display: inline; font-size: 12px; }
footer .bottomMenu li a {
    line-height:25px;
    font-weight:normal;
    word-wrap: normal;
    /*border-right: thin solid #000;*/
    padding: 7px 9px 0px 14px;
    color:#FFF;
    background:url('images/a_h.png') 1px 10px no-repeat;

}

footer .bottomMenu li:last-child > a {border-right: none;} 

/*RESPONSIVE*/
@media all and (max-width: 980px)
{
    html, body
    {
        height: 100%;
    }
    
    .content
    {
        width: 100%;
    }

    .center{
        width: 100%;
    }

    header .loga 
    {
        float: none;
        text-align: center;
    }

    header .loga .img{
        float: left;
        background: url(images/UG_logo_short.png) no-repeat;
        height: 99px;
        width: 120px;
        margin:20px;  
    }  

    header .loga .userlogo{
        display: none; 
    }

    header form
    {
        display: none;
    }

    .content section
    {
        float: none;
        width: 100%;
    }
    
    .content section img
    {
        max-width: 100%;
        height: auto;
    }

    .content aside
    {
        float: none;
        width: 100%;
    }
    header > nav{
        display: none;
    }

    .content section .menu-home nav div.new-widget{
        min-width: 95%;
        padding-right:0px;
        float: none;  
        min-height:auto;
    }
    
    .content section .menu-home nav ul.sub-menu li a {
        border-bottom: 1px solid #e9e9e9;
        margin-left: -28px;
    }
        
    footer .bottomMenu {
      width:100%;
      height:auto;
      background: #053c78
    }   
    
    footer .bottomMenu li { 
      display: block; 
      text-align:left;
      padding-left: 22px;
    } 
}

.responsive-slider.flexslider .slides img{
    margin:0 auto !important;
}

/*@media(max-width: 960px) {
    header nav div.menuhome
    {
         width:100%; 
    }
}*/

@media (min-device-width: 990px) and (min-width: 990px), (max-device-width: 1600px) and (min-width: 1600px) and (orientation: landscape) {
    header nav div.menuhome
    {
        max-width:980px;
    }

}

@media(min-width: 1600px) {
    header nav div.menuhome
    {
        /* max-width:1200px; */
    }
}