/* -------------------------------------------------------------------------
 *
 * @filename  layout.css
 *
 * @author    Active Pharma Sp. z o.o. [www.activepharma.pl]
 * @copyright (c) 2009 Copyright by Baxter Polska Sp. z o.o.
 *
 * ------------------------------------------------------------------------- */
 
 
   .clear {
     clear:                       both;
   }
 
 
/* ============================================================ Header ===== */
   .header {
     width:                       100%;
     height:                      430px;
     
     margin:                      0 0 -10px 0;
     
     background:                  url(/var/img/background/body/header.png) repeat-x;
   }
   
   .header .content {
	 position:					  relative;
     width:                       1000px;
     height:                      430px;
     
     margin:                      0 auto;
     
     background:                  none;
   }
   
   
/* ----------------------------------- Header -- Content -- User Panel ----- */
   .header .content #user-panel {
     float:                       right;
   
     width:                       400px;
     height:                      70px;
     
     background:                  url(/var/img/background/header/content/user-panel.png) no-repeat right center;
   }


/* ----------------------------------- Header -- Content -- Christmas slogan ----- */
   .header .content .christmas-slogan {
		position: absolute;
		top: 106px;
		left: 180px;

		color: white;
		font-weight: bold;
		text-align: center;
		
   }

   
/* =========================================================== Content ===== */
   .content {
     position: relative;
   
     width:                       1000px;
     
     margin:                      0 auto;
     
     background:                  #FFF 
                                  url(/var/img/background/body/content.png) 
                                  repeat-y 
                                  top right;
     
     text-align:                  left;
   }
   
   .content .column.left {
     float:                       left;
     
     width:                       770px;
     
     margin:                      0 0 0 15px; /* FIXED for MSIE6 */
   }
   
   .content .column.left.co-jest-grane {
     background:                  url(/var/img/background/content/right/co-jest-grane.png) 
                                  no-repeat 
                                  580px 280px;
   }
   
   .content .column.left.gry-zabawy-konkursy {
     background:                  url(/var/img/background/content/right/gry-zabawy-konkursy.png) 
                                  no-repeat 
                                  580px 280px;
   }
   
   .content .column.left.mobile {
     background:                  url(/var/img/background/content/right/mobile.png) 
                                  no-repeat 
                                  580px 280px;
   }
   
   .content .column.left.sport-team {
     background:                  url(/var/img/background/content/right/sport-team.png) 
                                  no-repeat 
                                  580px 280px;
   }
   
   .content .column.left .left {
     float:                       left;
   
     width:                       520px;
     
     margin:                      25px 0 0 0px; /* FIXIT MSIE6 */
     padding:                     0 0 30px 0;
   }
   
   .content .column.left .left.items {
     width:                       740px;
   }
   
   .content .column.left .left.items .screenshot {
     float:                       left;
   
     width:                       386px;
     height:                      238px;
     
     margin:                      0 20px 20px 0;
     
     background:                  #EEE;
   }
   
   .content .column.left .left.items .ringtone {
     float:                       left;
   
     width:                       386px;
     height:                      238px;
     
     margin:                      0 20px 20px 0;
     
     background:                  #F1F1F1 
                                  url(/var/img/button/ringtone.png) 
                                  no-repeat 
                                  center;
   }
   
   .content .column.left .left.items .description {
     float:                       left;
     
     width:                       300px;
   }
   
   .content .column.left .right {
     float:                       right;
     
     width:                       200px;
     
     margin:                      25px 0 0 0;
   }
   
   .content .column.right {
     float:                       right;
   
     width:                       175px;
     
     margin:                      0 10px 0 0;
     padding:                     35px 0 20px 0;
   }
   
   
/* ------------------------------------ Content -- Right -- Wydarzenia ----- */   
   .content .column.right #wydarzenia {
     margin:                      0 0 30px 0;
   }
   
   
/* ---------------------------------- Content -- Left -- Content Menus ----- */
   .content #content-menus {
     float:                       left;
     
     padding:                     30px 0 30px 0;
   }
   
   .content #content-menus div {
     float:                       left;
     
     width:                       170px;
     
     margin:                      0 0 0 20px; /* FIXED for MSIE6 */
     
     border-right:                solid 1px #F9B35E;
   }
   
   
/* -------------------------------------- Content -- Left -- Community ----- */
   .content .column.left .community {
     padding: 0 0 20px 85px;
   }
   
   .content .column.left .community.user .data {
     width: 560px;
     
     padding: 10px 0;
     
     border-top: solid 1px #E5E5E5;
     border-bottom: 0;
   }
   
   .content .column.left .community.user .data .avatar {
     float: left;
   
     width: 155px;
     height: 155px;
     
     margin: 0 10px 0 0;
     
     background: #E8E8E8;
     border: 0;
   }
   
   .content .column.left .community.user .data .basic {
     float: left;
     
     border: 0;
   }
   
   .content .column.left .community.user .data .basic p {
     padding: 5px 0 0 0;
     margin: 0 0 10px 15px;
   }
   
   .content .column.left .community.user .data .basic p.name {
     font-size: 18px;
     font-weight: bold;
     color: #F7941E;
   }
   
   .content .column.left .community.user div {
     border-top: solid 1px #E5E5E5;
     border-bottom: solid 1px #E5E5E5;
   }
   
   .content .column.left .community.user div .about {
     float: left;
   
     width: 480px;
   
     margin: 0 30px 0 0;
     padding: 15px 0;
   }
   
   .content .column.left .community.user div .threads {
     float: left;
   
     padding: 15px 0;
   
     border: 0;
     
     line-height: 1.4em;
   }
   
   .content .column.left .community.user div .threads ul li a {
     color: #818181;
     text-decoration: underline;
   }
   
   .content .column.left .community.user div .threads ul li a:hover {
     text-decoration: none;
   }
   
   .content .column.left .community.user .friends {
     padding: 10px 0;
   
     border: 0;
   }
   
   .content .column.left .community.users .grid {
     width: 560px;
   
     border-top: solid 1px #E5E5E5;
     border-bottom: solid 1px #E5E5E5;
   }
   
   .content .column.left .community.users div {
     width: 600px;
   
     padding: 15px 0;
     margin: 0 0 20px 0;
     
     border-bottom: solid 1px #E5E5E5;
   }
   
   .content .column.left .community.users div .search {
     float: left;
     
     width: 200px;
     
     margin: 0 0 -1.5em 0;
   }
   
   .content .column.left .community.users div .search .field {
     height: 18px;
   }
   
   .content .column.left .community.users div .sort {
     float: right;
     
     padding: 0;
     margin: 0;
   }
   
   .content .column.left .community.users div .sort a {
     color: #818181;
     text-decoration: none;
   }
   
   .content .column.left .community.users div .sort a:hover {
     text-decoration: underline;
   }
   
   .content .column.left .community.users .pagination {
     margin: 0;
   }
   
   
/* ---------------------------------------- Content -- Left -- Centres ----- */
   .content .column.left .centres {
     padding: 0 0 0 85px;
   }
   
   .content .column.left .centres .map {
     float: left;
   
     width: 305px;
     height: 280px;
     
     margin: 0 30px 0 0;
   }
   
   .content .column.left .centres .list {
     float: left;
   
     width: 300px;
   
     padding: 20px 0;
   }
   
   .content .column.left .centres .list form {
     margin: 0 0 30px 0;
   }
   
   .content .column.left .centres .list form label {
     margin: 0 10px 0 0;
   }
   
   .content .column.left .centres .list dl {
     width: 300px;
   }
   
   .content .column.left .centres .list dl dt {
     margin: 0 0 5px 0;
   
     font-weight: bold;
     color: #F7941E;
   }
   
   .content .column.left .centres .list dl dd {
     margin: 0 0 20px 0;
   }
   
   .content .column.left .centres .list .pagination {
     margin: 10px 0;
   }


/* ============================================================ Footer ===== */
   .footer {
     width:                       1000px;
     
     margin:                      0 auto;
     
     background-color: #FFFFFF;
     
     text-align:                  left;
   }
   
   
/* ----------------------------------------------- Footer -- Community ----- */
   .footer .community {
     width:                       1000px;
     
     margin:                      10px 0 0 0;
     padding:                     10px 0 0 0;
     
     background:                  #FFF 
                                  url(/var/img/background/footer/community.png) 
                                  repeat-x 
                                  top;
				  
    border-bottom: 10px solid #DEEAF0;
   }
   
   
/* -------------------------------- Footer -- Community -- Społeczność ----- */
   .footer .community #spolecznosc {
     float:                       left;
   
     width:                       600px;
     
     padding:                     0 0 20px 0; /* FIDEX for MSIE6, MSIE7 */
   }
   
   
/* ------------------------ Footer -- Community -- Rozmowy małe i duże ----- */
   .footer .community #rozmowy-male-i-duze {
     float:                       left;
     
     width:                       200px;
   }
   
   
/* ---------------------------------------------------- Footer -- Tags ----- */
   .footer #tags {
     width:                       1000px;
     
     margin:                      10px 0 0 0;
     padding:                     12px 0;
     
     background:                  #FFF 
                                  url(/var/img/heading/footer/tagi.png) 
                                  no-repeat 
                                  left center;
   }
   
   
/* ------------------------------------------------ Footer -- Wsparcie ----- */
   .footer #wsparcie {
     float:                       left;
     
     width:                       270px;
     
     padding:                      15px 0 10px 0;
     
     background-color: #ffffff;
     
     border-right:                solid 1px #ADC9DD;
   }
   
   
/* -------------------------------------------- Footer -- Rekomendacja ----- */
   .footer #rekomendacja {
     float:                       left;
     
     padding:                      15px 0 10px 0;
     
     background-color: #ffffff;
   }
   
   
   .footer #ciekawe {
    
    float: right;
    
    font: normal 12px Tahoma;
    
    width: 300px;
    
    padding-top: 10px;
     
   }
   
   .footer #ciekawe ul { list-style: none; padding: 12px 0 0 10px; float: left; margin-bottom: 20px; }
   
   .footer #ciekawe ul li { padding-bottom: 5px; }
   
   .footer #ciekawe ul li a { font: normal 11px tahoma; color: #F7941E; }
   
   .footer #ciekawe ul li a:hover { text-decoration: none; }
   
   .footer #ciekawe h2 { font: normal 14px Tahoma; float: left; }
   
   
/* ---------------------------------------- Footer -- Patroni Medialni ----- */
   .footer #patroni-medialni {
     clear:                       both;
   
     width:                       1000px;
     
     padding:                     20px 0;
     
     background:                  #FFF;
   }
   
   
   
   
   
/* ---------------------------------------- Newsy -- Strona główna ----- */

#index-news {
	margin: 0px 0px 10px 0px;
}

#index-news h3 {
	font-size: 14px;
	color: #F7941E;
	margin: 10px 0px 10px 10px;
}

#index-news p {
	margin: 10px 25px 0px 25px;
}

#index-news a {
	text-decoration: none;
	float: right;
}

#index-news a:hover {
	text-decoration: underline;
}

#index-news #left-news {
	width: 		740px;
	height: 	280px;
	float: 		left;
	margin: 	10px 17px 0 0;
}


#index-news #right-news {
	/*width: 		370px;*/
	height: 	280px;
        display:        block;
        clear:          both;
	float: 		left;	
	margin: 	20px 0 0 0;
        border-top:     1px solid #ddd;
        padding-top:    10px;
        width:          750px;
}

#index-news #right-video-index {
	width: 		350px;
	height: 	288px;
	float: 		left;
	margin: 	5px 0 0 0;
}

 /* NAWIGACJA jCAROUSEL */
 .prev-slide, .next-slide {
     display: block;
     float: left;
     width: 120px;
     padding: 5px 7px;
     background-color: #6F9EC5;
     color: #fff !important;
     font-weight: bold;
     cursor: pointer;
     text-align: center;
}

 .prev-slide:hover, .next-slide:hover {
     background-color: #89b8df;
}

div.carousel-nav {
    width: 270px;
    margin: 0px auto;
    clear: both;
}

div.carousel {
    margin: 0px auto;
    clear: both;
}
 
 
address { padding-left: 35px; }
.c { display: block; clear: both; }

a.pdf-small { display: block; padding-left: 30px; background: url(/var/img/pdf-ico-small.png) no-repeat 0 0; height: 20px; padding-top: 3px; color: rgb(247,148,30);  }
a.pdf-small:hover { text-decoration: none; }