/* ##############################
    MAIN
#################################*/

html, body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;  
	
}
body {
    background: #fff;
    text-align: center;
}
a img { border: none; }

.center {width:100%; text-align: center;}
.left {width:100%; text-align:s left;}
.right {width:100%; text-align:right;}
.nomargin {margin:0;}
.clear {clear:both;}

#container{
    width: 1043px;
    min-height: 1100px;
    margin: 0px auto 0 auto;
    background: #fff url(http://www.vitalogy.pl/img/bg-con.gif) repeat-y;
    text-align:left;
    font-family:  Arial,Helvetica, sans-serif;
    position:relative;
    padding-bottom: 0px;
}
.breadcr a {
    text-decoration: none;
    color: #9A3A84;
    padding: 0 5px;
}
.breadcr-blue a {
    text-decoration: none;
    color: #009ED8;
    padding: 0 5px;
}
.breadcr-green a {
    text-decoration: none;
    color: #8fc400;
    padding: 0 5px;
}
.td1 a {
    text-decoration: underline;
    color: #f8f8f8;
    padding: 0 5px;
}
.td1 a:hover {color: #9A3A84;  text-decoration: none;  }
.breadcr a:hover {color: #000;   }
a.pager:link,a.pager:visited{color: #000000;text-decoration: none; background:url('http://www.vitalogy.pl/img/pager_bg1.jpg') no-repeat; background-position: 50% 50%; padding: 5px 8px;}
a.pager:hover,a.pager:active{color: #ee0000; text-decoration: none;  background:url('http://www.vitalogy.pl/img/pager_bg2.jpg') no-repeat;background-position: 50% 50%; padding: 5px 8px;} 
a.pager_word:link,a.pager_word:visited{color: #000000;text-decoration: none; padding: 5px 8px;}
a.pager_word:hover,a.pager_word:active{color: #ee0000; text-decoration: none;   padding: 5px 8px;} 
a.white:link,a.white:visited{color: #ffffff; text-decoration: none;}
a.white:hover,a.white:active{color: #f0f0f0; text-decoration: none;} 
a.normal:link,a.normal:visited{color: #9A3A84;text-decoration: none;}
a.normal:hover,a.normal:active{color: #8fc400; text-decoration: underline;}  
/* ##############################
    TOP
#################################*/

.pager_word a:visited {text-decoration: none;}

#header {
    position: relative;
    height: 140px;    
  
}

#header1 {
    position: relative;
    height: 160px;    
    padding-top:150px;
}
#logo { 
    position: absolute;
    top: 10px;
    left: 23px;  
    padding: 0px 0px 0 30px;
    background: url(http://www.vitalogy.pl/img/vitalogy-logo.png) no-repeat;
    width: 506px;
    height: 90px;
    
}
#logo-blue { 
    position: absolute;
    top: 10px;
    left: 23px;  
    padding: 0px 0px 0 30px;
    background: url(http://www.vitalogy.pl/img/vitalogy-logo-blue.png) no-repeat;
    width: 506px;
    height: 90px;
    
}
#logo-green { 
    position: absolute;
    top: 10px;
    left: 23px;  
    padding: 0px 0px 0 30px;
    background: url(../img/vitalogy-logo-green.png) no-repeat;
    width: 506px;
    height: 90px;
    
}

#logo a {   
    margin-top:-10px;
    display: block;
    width: 318px;
    height: 105px;
    text-decoration: none;
    color: #fff;
    font-size: 48px;   
}
#logo-green a {   
    margin-top:-10px;
    display: block;
    width: 318px;
    height: 105px;
    text-decoration: none;
    color: #fff;
    font-size: 48px;   
}
#logo-blue a {   
    margin-top:-10px;
    display: block;
    width: 318px;
    height: 105px;
    text-decoration: none;
    color: #fff;
    font-size: 48px;   
}
#top-nav {
    position: absolute;
    top: 5px;
    left: 655px;  
    padding: 0px 0px 0 30px;
    font: 13px 'Lucinda Grande', Arial, sans-serif;
    width: 214px;    
}
#top-nav a {
    text-decoration: underline;
    color: #009ED8;
    padding: 0 4px;
}
#top-nav a:hover {color: #000;   }

#artHead img {

    border:1px solid #ddd;
    background-color:#fff;
    margin:3px 3px 3px 3px;
    padding:3px;
  
}

#artHead h1 {
    font-size:24px;
    color: #212121;
    font-weight: normal;
    font-family: 'Open Sans','Arial',sans-serif;
    letter-spacing: -1px;
    line-height: 26px;
}
.posted {
    color: #666666;
    font-size: 13px;
    line-height: 32px;
    list-style: none outside none;
    font-family: Georgia, serif;
	
}
.posted a {
    color: #A21F5C;
    text-decoration:none;
}
.posted a:hover {
    text-decoration: underline;
}

.search-form {

background:#f2f2f2;
border:1px solid #e0e0e0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:0;
padding:4px;
width: 300px;
}

.search-form .input-container {
border:1px solid #d7d7d7;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding-left:6px;
background:#FFF;
height:28px;
}

.search-form form, .search-form button {
outline:none;
border:none;
}

.search-form input {
width:89%;
border:none;
margin:0;
padding:5px 0;
outline: none;
-webkit-appearance:none;
}

.search-form button {
color:#fff;
line-height:29px;
font-size:12px;
text-indent:-999em;
font-weight:700;
text-transform:uppercase;
cursor:pointer;
border:0;
vertical-align:top;
width:28px;
height:29px;
background:url(http://www.vitalogy.pl/img/search-button.png) no-repeat 0 0;
margin:auto;
padding:0;
}
.violet_text {
  color: #9A3A84;   
}
.green_text {
color: #8fc400;

}
.blue_text {
    color: #009ED8;    
}


.ie  .search-form button {
display:inline;
}

.ie7  .search-form input.search-box-header {
width:87%;
border:0;
}


/* ##############################
   HORIZONTAL NAVIGATION
#################################*/


#navbar {
    position: absolute;
    z-index: 998;
    top: 95px;
    left: 23px;   
    width: 985px;
    height: 28px;
 
    padding: 2px 0 0 25px;
    
}
.violet {
  background: #9A3A84;   
}
.green {
background: #8fc400;

}
.blue {
    background: #009ED8;    
}


#home a {
    position: absolute;
    top: 99px;
    left: 40px;
    width: 20px;
    height: 20px;
    diplay: block;   
    background: url(http://www.vitalogy.pl/img/home.png) no-repeat;
    z-index: 999;
}


#navbar ul {      
    margin: 0;
    padding-left: 23px;
    list-style: none;
    font-family: Arial, Verdana;
    font-size: 12px;
    z-index: 1000;
}

#navbar ul li {
    display: block;
    position: relative;
    float: left;
       
    
}
#navbar ul li:hover {
    border-top: 1px solid #BFBFBF;
   /* margin-top:-3px;*/    
}

#navbar li ul {
    display: none;
}

#navbar ul li a {
    display: block;
    text-decoration: none;
    color: #fff;    
    padding: 7px 15px 6px 15px; 
    margin-left: 1px;
    white-space: nowrap;     
}

#navbar ul li a:hover {    
    color: #000;
    font-weight:bold;
    background: #fff;
    padding-top:7px; /* tu zmiana */
    
}

#navbar ul li:hover ul {
    display: block;
    position: absolute;
    width:200px;
    border: 1px solid #BFBFBF;
    padding-left:0;
    border-top:none;
    background: #fff;
    margin-left:none;
    transition: background 300ms ease 0s;
}

#navbar ul li:hover li {
    width:200px;   
    float: none;
    font-size: 11px;
    border-right:none;
    border-top:none;
    
}
#navbar ul li:hover a {
    background: #fff;    
    color: #000;
    font-weight:normal;    
    }

#navbar li:hover li a:hover {    
    color: #4F4F4F;
  
  
}
li.nav1:hover {
    margin-top:-2px;   
}


/* ##############################
   CONTENT
#################################*/

#content {
    margin: auto;
    border-top: 1px solid #E6E6E6;
    color: #7f7d7d;
    font-size: 13px;
    width:1000px;
    position: relative; 
    }

#socialBar {
    position:absolute;
    top: -40px;
    width:1000px;
    height:30px;
    border-top: 2px solid #E6E6E6;
    padding: 5px 0;
    
}
.imgWrap {
    height:290px;

}
.imgWrap img{
    border:1px solid #ddd;
    background-color:#fff;
    margin:5px 15px 5px -9px;
    padding:5px;
    }

.imgDesc {    
    width: 150px !important;
    float:left;
    margin: 0px 0 0px 0;
    color: #474747;
    font-family: Georgia,serif;
    font-size: 16px;
    font-style: italic;
    line-height: 22px;    
}

.spanDesc {    
    color: #474747;
    font-family: Georgia,serif;
    font-size: 16px;
    font-style: italic;
    line-height: 22px;    
}
#content h1 {
    color: #212121;
    float:none;
    font-family: sans-serif;
    font-size: 34px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 40px;
      text-transform: uppercase;
	  margin: 10px 5px;
}

#content p {
    font-family: 'Open Sans','Arial',sans-serif;
    color: #3E3E3E;
    line-height: 20px;
    
}
.article_text {
    font-family: 'Open Sans','Arial',sans-serif;
    color: #3E3E3E;
    line-height: 20px;
    
}
.art p {
    width: 100%;
}

.wypis {
    padding: 20px 9px 9px 9px;
    color:#5f5f5f;
    margin-bottom:9px;
    width:640px;
    position:relative;
	min-height: 230px;
    }
    
.wypis a{color:#265a90;}

.wypis .comments{
    
    background: url("http://www.vitalogy.pl/img/comments.gif") no-repeat;
    padding-left:25px;
    
}
.wypis a {
text-decoration: underline;
color: #5f5f5f;
}
#text{
    min-height:110px;
    margin:8px 0 0 0;
    line-height:17px;
    margin-bottom:10px;
    font-family:Verdana, Geneva, sans-serif;
    color:#282828;
    }
#text img{
    border:1px solid #ddd;
    background-color:#fff;
    margin:5px 15px 5px -9px;
    padding:5px;
    }
    
#text p{margin-bottom:7px;} 

#article-title a {
    font-size:24px;
    color: #212121;
    font-weight: normal;
    font-family: 'Open Sans','Arial',sans-serif;
    letter-spacing: -1px;
    line-height: 28px;
    text-decoration: none;  
}
#data {
    background: url("../img/bg-data.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 56px;
    margin: 0 7px 0 -8px;
    text-align: center;
    width: 56px;
}

#data p {
    color: #5F5F5F;
    font-family: "Trebuchet MS";
    font-size: 22px;
    line-height: 20px;
    margin-top: 8px;
}

#data p span {font-size:18px; font-family:Tahoma, Geneva, sans-serif;}

.tags {
font-size: 13px;
line-height:20px;
background: url(http://www.vitalogy.pl/img/tags.gif) no-repeat top left;
margin: 5px 0 0px 60px;
padding-left:20px;
}


.tags a {
text-decoration: underline;
color: #5f5f5f;
}
.tags_article a {
text-decoration: underline;
color: #5f5f5f;
}

.read-more {
    width:100%;
    text-align: right;
}

.relHead {
   width:650px;
   height:45px;
   background: #F7F7F7;
   border-bottom: 1px dotted #A5A5A5;
   position: relative;
}
.relHead h2 {
   width:185px;
   height:27px;   
   display:block;
   background: #fff;
   border: 1px solid #A5A5A5;
   border-bottom:none;
   color:#9A3A84;
   font-family: 'Georgia',serif;
   font-size: 20px;
   font-weight: normal;
   left: 50px;
   top:15px;
   margin: 0;
   padding: 3px 30px 0;
   position: absolute;   
}
ul.relList {
    width:650px;
    margin-left:-40px;
}

ul.relList li {
    list-style:none;
    float:left;
    width: 130px;
    font-size:11px;
    color: #A5A5A5;
    text-align: center;
}

/* ##############################
   SIDEBAR
#################################*/

#sidebar {
    width:330px;
    min-height: 2000px;

    background: #F7F7F7;
    border-top: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    float: right;
    z-index:997;
    margin: 0px 12px 0 0;
    text-align:center;
    padding-top:30px;
    position: relative;
}
.sideBox {
    width: 300px;
    height:100px;
    background: #fff;
    border: 1px solid #CECECE;
    margin: 5px auto;
    position: relative;
}
.sideBox h1 {
    position: absolute;
    left:15px;
    top:-30px;
    font-size:25px;
    font-style:italic;
    color:#212121;
    font-weight:normal;
    font-family: Georgia, serif;
}
.sideBox .head {
    position: absolute;
    left:5px;
    top:-21px;
    height: 20px;
    width:200px;
    background: #fff;
    border: 1px solid #CECECE;
    border-bottom:none;     
}

.sideBox .comments {
    position: absolute;
    top:19px;
    left:230px;
    text-align: left;
    font-family: Arial,sans-serif;
    font-size: 11px;
    height: 16px;
    width:30px;
    background: url("../img/sidebar-comments.png") no-repeat;
    line-height: 16px;
    padding-left: 13px;
    font-wieght:bold;
}

.sideBox img.sb {
    float:left;
    margin: 20px 0 0 15px;
    width:80px;
}
.sideBox p {
    float:left;	
    width:175px;
    text-align: left;
    margin-left:8px;
}
a.h1 {
    text-transform: uppercase;
    font-size:10px;
    color:#666666;
    margin-bottom:15px;
    text-decoration: none;
    font-weight: bold;
}
a.h2:hover {text-decoration: underline;}

a.h2 {
    font-size:12px;
    color:#000;
    font-weight:bold;
    text-decoration: none;
    line-height:18px;
}
    
.sideArrow {
    background: url('../img/box-cap-arrow.png');
    height: 22px;
    width: 37px;
    position: absolute;
    left:75%;
    bottom: -21px;
    z-index: 1001;
    }
.social-sidebar ul, .sidebar-trending ul, .sidebar-popular ul {
    clear: both;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.social-sidebar ul li, .sidebar-trending ul li, .sidebar-popular ul li {
    color: #000000;
    font-family: Arial,sans-serif;
    font-weight: bold;
    list-style: none outside none;
    text-align: left;
}
.social-sidebar {
    background-color: #FFFFFF;
   
    float: right;
    margin: 30px 0;
    padding: 0 10px 10px;
   
    width: 279px;
}
.social-sidebar ul {
    
}
.social-sidebar li {
   
  
    padding: 5px 10px;
}
.social-sidebar li.twitter {
    background-color: #EEEEEE;
}
.social-sidebar li.googleplus {
    background-color: #ffffff;
	text-align: center;
}
.social-sidebar li.googleplus span, .social-sidebar li.pinterest span {
    color: #333333;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1px;
    margin-left: 4px;
    vertical-align: text-top;
}
.social-sidebar li.share {
    border: medium none;
    color: #004179;
}
.social-sidebar li.share a {
    color: #004179;
    line-height: 20px;
    padding-left: 20px;
    vertical-align: middle;
}
.social-sidebar li.share a.rss {
    background: url("http://www.vitalogy.pl/img/sidebar-rss.png") no-repeat scroll left center transparent;
}
.social-sidebar li.share a.newsletters {
    background: url("http://www.vitalogy.pl/img/sidebar-newsletters.png") no-repeat scroll left center transparent;
}
.ie.ie7 .social-sidebar li.googleplus {
    display: none;
}

.sbh {
margin-top: 5px;
    font-size:25px;
    font-style:italic;
    color:#212121;
    font-weight:normal;
    font-family: Georgia, serif;       
}

.sideBox2 {    
    border-top: 1px dotted #D7D7D7;
   
    width: 299px;
    margin: 10px 0 0 20px;
    padding-top: 20px;
}

table#popular {
    font-size:11px;
    margin-top:30px;
}

table#popular img {
    width: 90px;    
}
/* ##############################
   FOOTER
#################################*/


#footer, #bottom {
    font-family: Arial,sans-serif;
}
#footer {

    background: none repeat scroll 0 0 #313131;
    color: #FFFFFF;
    font-size: 12px;
    height:160px;
    text-align: center;
    width: 100%;
    z-index: 1111;
	position: absolute;
	left:0;
} 
#footer a {
    color: #a8a8a8;
    padding: 0 6px;
    text-decoration: none;
}
#footer a:hover {
    color: #FFFFFF;
}
.behere {
    margin: auto;
    width: 1040px;
}
#fl, #rl {
    text-align: left;
}
#fl {
    float: left;
    padding-left: 8px;
    width: 691px;
}
#rl {
    float: left;
    padding-right: 8px;
    width: 332px;
}
.table {
    display: table;
    margin-top: 6px;
    width: 600px;
}
.r1 {
    display: table-row;
}
.t1 {
    display: table-cell;
    line-height: 20px;
    width: 150px;
}
#bottom {
    background: none repeat scroll 0 0 #000000;
    border-top: 1px solid #535353;
    bottom: 0;
    color: #8E8E8E;
    height: 65px;
    left: 0;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 1111;
}
#bottom p {
    float: left;
    margin-top: 15px;
}
#bottom a {
    color: #8E8E8E;
    text-decoration: underline;
}
#footer form {
    position: relative;
}
.channel-primary {
    background: none repeat scroll 0 0 #484848;
    border: 1px solid #5F5F5F;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    height: 28px;
    margin-left: 3px;
    margin-top: 10px;
    outline: medium none;
    width: 335px;
}
#bsearch {
    background: url("http://www.vitalogy.pl/img/lup2.gif") repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 21px;
    position: absolute;
    right: 1px;
    top: 14px;
    width: 21px;
}
/*------------ redactors */
.redInfo {
    min-height:170px;
    margin:8px 0 0 0;
    line-height:20px;
    margin-bottom:10px;
    font-family:Verdana, Geneva, sans-serif;
    color:#282828;

}
.redInfo a{color:#265a90;}
.redInfo a {
	text-decoration: underline;
	color: #5f5f5f;
}

.redInfo img{
    border:1px solid #ddd;
    background-color:#fff;
    margin:5px 15px 5px -9px;
    padding:5px;
    }
/*-------------------- forms */
.input_div {
background:#f2f2f2;
border:1px solid #e0e0e0;
-webkit-border-radius:2px;
-moz-border-radius:4px;
border-radius:4px;
margin:0;
padding:2px;
}
.input_f {
border:1px solid #d7d7d7;
border-radius:2px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding-left:3px;
background:#FFF;
height:22px;
}
.input_f:hover {
border:1px solid #009ED8;
border-radius:2px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding-left:3px;
background:#f7f7f7;
height:22px;
}
.div_error1 {
text-align: center; 
border: dotted 1px orange; 
width: 640px; 
margin-top: 30px; 
float: left;
}
.div_error2 {
margin: 10px; 
text-align: left;
}
.comHead {
  font-family: 'Open Sans','Arial',sans-serif;
    color: #4F94CD;
    line-height: 20px;
		border-bottom: dotted 1px #4F94CD;
		margin: 4px 0px;
}
.comCon {
  font-family: 'Open Sans','Arial',sans-serif;
    color: #3E3E3E;
    line-height: 20px;
	font-style: italic;
}
/*---- ratings */
/*             styles for the star rater                */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(http://www.vitalogy.pl/img/star_rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(http://www.vitalogy.pl/img/star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}
		
.whatshot-list
{
	margin:             10px 8px;
	padding:            0;
}

.whatshot-list a:visited, .whatshot-list a:link, .whatshot-list a:active
{
	color:              #5e433c;
	text-decoration:    none;
}

.whatshot-list li
{
	background-image:   url(http://www.vitalogy.pl/img/dots-sm-orange.gif);
	background-position:bottom;
	background-repeat:  repeat-x;
	clear:              left;
	font-size:          14px;
	line-height:        28px;
	list-style:         none;
	margin:             0;
	padding:            0;
	overflow:           hidden;
	white-space:        nowrap;
}
.whatshot-list a:hover, .whatshot .ft a:hover { color:#990000;}	
.hd
{
	margin: 6px 8px 3px 12px;
	color:              #9A3A84;
	 font-style:italic;
 
    font-weight:normal;
    font-family: Georgia, serif;
	font-size:          100%;
	left:               -1px;
	
}
.hd h2
{
	font-size:          36px;
	font-weight:        normal;
	line-height:        30px;
	padding:            0;
	margin:             0 0 10px;
	text-indent:        1px;
	display:			inline;
}


/* s l i d e r */

#example {
	
	position:relative;
}

#ribbon {
	position:absolute;
	top:-50px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:1000px;
	height:341px;
	top:-3px;
	left:-80px;
}

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}


.slides_container {
	width:400px;
	overflow:hidden;
	position:relative;
	display:none;
}


.slides_container a {
	width:400px;
	height:250px;
	display:block;
}



.slides_container a img {
	display:block;
	
}

.slides_container a span {
	width: 400px;
	position:absolute;
	left: 0px;
	top: 0px;
	font-size:24px;
	color:#fff;
	   font-weight: normal;
    font-family: 'Open Sans','Arial',sans-serif;
    letter-spacing: -1px;
    line-height: 28px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}


#slides .next,#slides .prev {
        position:absolute;
        top:110px;
        left: 0px;
        width:24px;
        height:43px;
        display:block;
        z-index:101;
}

#slides .next {
        left:356px;
}

/*
	Pagination
*/

.pagination {
	margin: 5px -30px 0 0;
	float:right;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(http://www.vitalogy.pl/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
.input_form {
border: solid 1px #4F94CD;
background:#f2f2f2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:0;
padding:4px;
}
.input_form:hover{
border: solid 1px #4F94CD;
background:#ffffff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:0;
padding:4px;
}
.input_form:active{
border: solid 1px #4F94CD;
background:#ffffff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:0;
padding:4px;
}
.zapgl1 {
width: 25%;
padding: 3px 10px;
text-align: right;
}
.zapgl2 {
width: 75%;
padding: 3px 10px;
text-align: left;
}
.but {
font-size:12px;
font-weight:700;
text-transform:uppercase;
cursor:pointer;
padding:4px;
border: solid 2px #c0c0c0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
background-color: #7f7d7d;
color: #ffffff;
}

.alert{width: 98%; text-align: left; padding:8px 35px 8px 14px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#E47297; border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.alert,.alert h4{color:#c09853;}
.alert h4{margin:0;}
.alert .close{position:absolute;top: 5px;right:21px;line-height:20px;}
.alert-info{background-color:#f5f5f5; border-color: #c0c0c0;color:#3a87ad; font-size:11px; font-family:Verdana, Geneva, sans-serif;
    color:#282828; font-size: 12px;}
.alert-info h4{color:#3a87ad;}
.close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}

.error_bg {
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
background-color: #ff3333;
border: solid 2px #f0f0f0;
padding: 5px 10px;
color: #ffffff;
font-weight: bold;
line-height: 22px;
 font-family:  Arial,Helvetica, sans-serif;
 font-size: 13px;
}
.success_bg {
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
background-color: #00CD00;
border: solid 2px #f0f0f0;
padding: 5px 10px;
color: #ffffff;
font-weight: bold;
line-height: 22px;
 font-family:  Arial,Helvetica, sans-serif;
 font-size: 13px;
}
.link_button {
font-size:12px;
font-weight:700;
cursor:pointer;
padding:4px;
border: solid 2px #f0f0f0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color: #9A3A84;
color: #ffffff;
height: 24px;
line-height: 24px;
text-align: center;
display: inline;
margin: 0px 5px;
}
.special_img {
 border:1px solid #ddd;
    background-color:#fff;
     padding:5px;
}
div.custom_file_upload {
	width: 250px;
	height: 20px;
	margin: 0px 80px 0px 30px;
	text-align: left;
}

input.file {
	width: 150px;
	height: 16px;
	border: 1px solid #BBB;
	border-right: 0;
	color: #888;
	padding: 3px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	outline: none;
}

div.file_upload {
	width: 80px;
	height: 20px;
	background: #7abcff;
	background: -moz-linear-gradient(top,  #009ed8 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
	background: -webkit-linear-gradient(top,  #009ed8 0%,#60abf8 44%,#4096ee 100%);
	background: -o-linear-gradient(top,  #009ed8 0%,#60abf8 44%,#4096ee 100%);
	background: -ms-linear-gradient(top,  #009ed8 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(top,  #009ed8 0%,#60abf8 44%,#4096ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ED8', endColorstr='#4096ee',GradientType=0 );

	display: inline;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 4px;
}
div.file_upload:before {
	content: 'Upload';
	position: absolute;
	left: 0; right: 0;
	text-align: center;
	
	cursor: pointer;
}

div.file_upload input {
	position: relative;
	height: 20px;
	width: 250px;
	display: inline;
	cursor: pointer;
	opacity: 0;
}
.photoramka {
border-width: 2px; 
border-color:#8a3471; 
border-style: solid; 
background: white; padding: 3px; 
-webkit-border-radius: 3px; 
-o-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
-webkit-box-shadow: 1px 1px 3px silver; 
-o-box-shadow: 1px 1px 5px silver; 
-moz-box-shadow: 1px 1px 3px silver;
 box-shadow: 1px 1px 3px silver;
 }
 /* div for table listings */
.header_div {
 float: left; 
 height: 30px; 
 line-height: 30px; 
 border-bottom: solid 1px #c0c0c0;
 background-color: #009ED8;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 }
.containter_div { 
float: left; 
height: 24px; 
line-height: 24px; 
font-size: 12px;
border-bottom: solid 1px #c0c0c0; 
}
.inside_div {
margin: 2px 4px;
text-align: left;
}
.body1 {
width: 100%; 
text-align: left;  
  font-family: 'Open Sans','Arial',sans-serif;
    color: #3E3E3E;
    line-height: 20px;
	font-size: 12px;
}
/* galleria */
/* Demo styles */
.galleria{height:300px; width: 100%;} 
.galleria-vertical{height:520px; width: 100%;} 
.cred{margin-top:20px;font-size:11px;}

            /* This rule is read by Galleria to define the gallery height: */
		
            #galleria{height:320px}
			            #galleria_vertical{height:520px}
			 #galleria1{height:320px}
			  #galleria2{height:320px}
			   #galleria3{height:320px}
			.galleria-container { cursor: pointer !important; }
			
.td_menu {text-align: center; color: #ffffff; background-color: #4ea1d6; padding: 5px 7px; font-weight: bold;}
.td1 {text-align: left; background-color: #4ea1d6; color: #ffffff; padding: 9px 5px;}
.td2 {text-align: center;  padding: 9px 5px; background-color: #f7f7f7;}