@charset "utf-8";
/* CSS Document */
*{
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0px;
    margin: 0 auto;
    border: 0px;
}
body{
    background-color: #252525;
	color: #F5F5F5;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}
#container{
    width: 990px;
    display: table;
    background: url(pics/container.jpg) top no-repeat;
}
#outer_container{
    display: table;
    width: 100%;
}
#left_back{
    float: left;
    width: 95px;
    height: 300px;
    background: url(pics/left_back.jpg) top no-repeat;
}
#right_back{
    float: right;
    width: 95px;
    height: 300px;
    background: url(pics/right_back.jpg) top no-repeat;
}
#menu{
    float: right;
    width: 380px;
    height: 40px;
    margin-top: 84px;
    margin-right: 39px;
    margin-bottom: 74px;
}
#nachalo{
    float: left;
    width: 84px;
    height: 40px;
    cursor: pointer;
}
#paketi{
    float: left;
    width: 80px;
    height: 40px;
    cursor: pointer;
}
#portfolio{
    float: left;
    width: 116px;
    height: 40px;
    cursor: pointer;
}
#kontakti{
    float: left;
    width: 100px;
    height: 40px;
    cursor: pointer;
}
#nachalo_hover{
    float: left;
    width: 84px;
    height: 40px;
    cursor: pointer;
    background: url(pics/nachalo_hover.jpg);
}
#paketi_hover{
    float: left;
    width: 80px;
    height: 40px;
    cursor: pointer;
    background: url(pics/paketi_hover.jpg);
}
#portfolio_hover{
    float: left;
    width: 116px;
    height: 40px;
    cursor: pointer;
    background: url(pics/portfolio_hover.jpg);
}
#kontakti_hover{
    float: left;
    width: 100px;
    height: 40px;
    cursor: pointer;
    background: url(pics/kontakti_hover.jpg);
}
#content_table{
    float: left;
    width: 800px;
}
#content_td{
    width: 519px;
    background: url(pics/content_td.jpg) no-repeat bottom right #B41154;
}
#right_td{
    width: 3px;
    background: url(pics/right_td.jpg) no-repeat bottom #F5F5F5;
}
#left_top_td{
    width: 37px;
    height: 250px;
    background: url(pics/left_top_td.jpg) no-repeat center top;
}
#left_middle_td{
    width: 37px;
    background: url(pics/left_middle_td.jpg) repeat-y center;
}
#left_bottom_td{
    width: 37px;
    height: 60px;
    background: url(pics/left_bottom_td.jpg) no-repeat center bottom;
}
#right_table{
    float: right;
    width: 241px;
}
#right_content_td{
    width: 214px;
    background: url(pics/right_content_td.jpg) bottom no-repeat #F5F5F5;
}
#right_in_td{
    width: 27px;
    background: url(pics/right_in_td.jpg) bottom right no-repeat;
}
#right_td_1{
    vertical-align: top;
}
/* rado */
#right_content_td ul{
	list-style:none;
    padding:5px 0px 0px 5px;
}
#right_content_td ul li{
	background: url(pics/ul.jpg) no-repeat left top;
	color: #666;	
	margin: 2px;
	font-size:12px;
	padding: 0px 4px 8px 15px;
	font-family:Arial, Helvetica, sans-serif;
}
#right_content_td ul li a{
	font-style:normal;
	color: #B41154;
	text-decoration:none;
}
#right_content_td ul li a:hover{
	color: #804040;
}
#right_content_td{
	padding: 10px 0px 30px 0px;
	
}
#content_td{
	padding: 0px 0px 160px 0px;
}
#footer_right{
	height:135px;
	width:370px;
	float:right;
    text-align: right;
    padding-right: 20px;
}
p {
	color: #FFF;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 10px 10px 15px;
}
p a {
	color: #F5F5F5;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom: #F5F5F5 dotted 1px;
}
a {
	color: #F5F5F5;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-bottom: #F5F5F5 dotted 1px;
}
h2 {
	color: #FFF;
	margin:9px 12px 10px 17px;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
}
h1 {
	color: #FFF;
	margin:9px 12px 10px 17px;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
}
.gray{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	padding:8px;
}
#content_td ul{
	list-style:none;
	margin:15px 20px 0px 20px;
}
#content_td ul li{
	color: #FFF;
	background: url(pics/content_ul.jpg) no-repeat left top;
	padding: 0px 4px 8px 15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#content_td ul li a{
	color: #FFF;
	text-decoration:none;
}
/* forms */
.field {
  margin: 0 0 5px 0;
}
.field label {
  width: 140px;
  padding-right: 10px;
  text-align: left;
  float: left;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;

}

.field input {
	background: #B41154;
	color: #FFF;
	border: 1px solid #FFF;
	width:220px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.field textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	background: #B41154;
	width:220px;
	height: 100px;
	color: #FFF;
	overflow: hidden;
	border: 1px solid #FFF;
	
}
.field select {
	background: #B41154;
	color: #FFF;
	border: 1px solid #FFF;
	width:220px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background: #B41154;
	border:none;
	color: #FFF;
	font-size:11px;
	width:65px;
	height:18px;
	border: 1px solid #FFF;
}
#contact_form{
	padding:5px 25px 25px 45px;

}
#map{
	padding:19px;
}

/*contact forms */
/*portfolio */
.project{
	padding:14px 0px 14px 9px;
	width:490px;
	height:160px;
}
.project a img{
	border:solid 2px #804040;
	margin:3px 0px 0px 6px;
	float:left;
}
.project a:hover img{
	border:solid 2px #936;
}
.project ul{
	float:right;
	width:190px;
}
.line{
    height:1px;
    background-color: #F5F5F5;
    width: 95%;
}
.h1portfolio{
	color: #FFF;
	margin:12px 12px 0px 17px;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
}
#buttons{
    padding-left:61px;
}
.padleft{
    padding-left:30px;
}






/*End of portfolio elements */