html,body {
	margin:0;
	padding:0;
	height:100%;
	*background-image: radial-gradient(#4FABEC, #045D87);
	background-image: radial-gradient(#dedede, #fff);
	background-size: 100% 100%;
	*background-repeat: no-repeat;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}



#container {
	min-height:100%;
	position:relative;
	
}
#header {
	background-image: linear-gradient(#444, #111);
	height:45px;
}
#body {
	padding-bottom:60px; /* Height of the footer element */
}



#footer {
	width:100%;
	height:60px;
	position:absolute;
	bottom:0;
	left:0;
	
}



.caros{
  width:100%;
  height:350px;
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0px;
  border:none;
  background-image: linear-gradient(#27638E, #409AE6);
  
}

.caros_full{
  width:100%;
  margin: auto;
  border-top:1px solid #AAD8F7;
  *background-image: linear-gradient(#4FABEC, #409AE6);
  padding:50px;

}

.spec{
  border-collapse: collapse;
  border-spacing: 0px;
  margin-left:3px;
}

.spec td{
  border:1px solid #888;
  padding:3px 8px 3px 8px;
  color: #888;
  font-size:13px;
}

.capt{
  color: #555;
  font-size:14px;
  text-align:left;
}



.tab{
  background: -moz-linear-gradient(top, #F9F9F9, #D8D8D8);
  width:100%;
  height:70px;
  margin: auto;
  border:1px solid #BBBBBB;
  text-align:center;
}
.tab td{
  padding-left:10px;
  padding-right:10px;
}
.prod{
  width:1000px;
  *height:calc(100% - 420px);
  margin: auto;
  text-align:center;
  border:0px dotted #ccc;
  padding-top:40px;

}

.prod td{
  border:0px solid #ccc;
}

.foot{
  width:100%;
  height:100%;
  color:#aaa;
  margin: auto;
  border-top:1px solid #ccc;
  text-align:center;
  background-image: linear-gradient(#000, #222);
  font-family: 'Oswald', sans-serif;
  font-size:10px;
}

.ramka {
	margin-left:auto; 
	margin-right:auto;
	border-left:#1E4B72 1px solid;
	border-top:#1E4B72 1px solid;
	border-bottom:#49A2E1 1px solid;
	border-right:#49A2E1 1px solid;
	border-radius:5px;
	*width:45%;
	background-image: linear-gradient(#33709B, #3B82B5);
	*background-image: linear-gradient(#777, #aaa);
	
	-webkit-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
  -moz-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
  box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
	
	
}

.ramka td {
	vertical-align: top;
	padding:0 10px 0 10px;
}


.ramka1 {
	margin-left:auto; 
	margin-right:auto;
	border-left:#1E4B72 1px solid;
	border-top:#1E4B72 1px solid;
	border-bottom:#0D6693 1px solid;
	border-right:#0D6693 1px solid;
	border-radius:5px;
	width:750px;
	background-image: linear-gradient(#33709B, #3B82B5);
	-webkit-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
	-moz-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
	box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
	
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	text-decoration: none;
	padding:18px;
	
}

.ramka2 {
	margin-top:50px;
	margin-bottom:50px;
	margin-left:auto; 
	margin-right:auto;
	border-left:#fff 1px solid;
	border-top:#fff 1px solid;
	border-bottom:#777 1px solid;
	border-right:#999 1px solid;
	border-radius:5px;
	width:890px;
	background-image: linear-gradient(#f7f7f7, #ccc);
	-webkit-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
	-moz-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
	box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
	font-family: 'Helvetica Neue',Helvetica,sans-serif;
	font-size:14px;
	text-decoration: none;
	padding:18px;
	color:#777;
	font-weight: normal;
	
}

.name{
      font-family: 'Oswald', sans-serif;
      font-size:22px;
      color: #555;
}

.pp{
      font-size:10px;
      color: #777;
      text-decoration: none;
}

.hru{
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc; 
}

.hrub{
    height: 1px;
    border: 0;
    border-top: 1px solid #aaa; 
}

.osnovna {
	
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:40px;
	
	border: 1px solid #ccc;
	#border-collapse: collapse;
	margin-left:auto; 
	margin-right:auto;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

 

.frm img
{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}

.frm img:hover
{
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}

#cnt{
  border:1px solid #ccc;
  width:750px;
  background: rgba(255,255,255,0.4);
  -webkit-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
  -moz-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
  box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
  margin-left:auto;
  margin-right:auto;
  font-family: 'Oswald', sans-serif;
  font-size:14px;
  text-decoration: none;
  padding:18px;

}

#cnt_sent{
  border:1px solid #ccc;
  width:550px;
  background: rgba(255,255,255,0.4);
  -webkit-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
  -moz-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
  box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
  margin-left:auto;
  margin-right:auto;
  font-family: 'Oswald', sans-serif;
  font-size:14px;
  text-decoration: none;
  padding:18px;
  color: #fcfcfc;
  text-align:center;

}
.ramka1_sent {
	margin-left:auto; 
	margin-right:auto;
	border-left:#1E4B72 1px solid;
	border-top:#1E4B72 1px solid;
	border-bottom:#0D6693 1px solid;
	border-right:#0D6693 1px solid;
	border-radius:5px;
	width:400px;
	color: #fcfcfc;
	background-image: linear-gradient(#33709B, #3B82B5);
	-webkit-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
	-moz-box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
	box-shadow: 11px 10px 16px 5px rgba(0,0,0,0.55);
	text-align:right;
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	text-decoration: none;
	padding:18px;
	
}
.wt {
  background: rgba(255,255,255,0.4);
  border:1px solid #fff;
  border-radius:4px;
  color: #444;
  text-align:left;
}


.icon_c{
  border: 3px solid #8f8f8f;
  border-radius:30px;
  padding:5px;
}



.tn{
    text-align:center;
    font-family: 'Oswald', sans-serif;
    font-size:20px;
    text-decoration: none;
    color:#039FDB;
}

.itext{
    text-align:center;
    font-family: 'Oswald', sans-serif;
    font-size:18px;
    text-decoration: none;
    color:#8f8f8f;
}

.itext:hover{
    color:#039FDB;
}

.itext a:hover{
    color:#039FDB;
}


.itext a:link{
    text-decoration: none;
    color:#8f8f8f;
}

.itext a:visited{
    color:#8f8f8f;
}

.rgt1{
  width:100%;
  border-left:1px solid #fff;
}

.mywidth{
  width:90%;
  font-family: 'Oswald', sans-serif;
  font-size:12px;
}

.mywidth1{
  width:90%;
  font-family: 'Oswald', sans-serif;
  font-size:12px;
}

.mywidth2{
  background-image: linear-gradient(#ccc, #fafafa);
  font-family: 'Oswald', sans-serif;
  font-size:12px;
  color: #039FDB;
  border:1px solid #039FDB;
  border-radius:5px;
}

.mywidth2:hover{
  background-image: linear-gradient(#fafafa, #ccc);
  color: red;
  border:1px solid #039FDB;

}
.captcha{
  width:auto;
  height:60px;
  border:3px solid #0d0c0c;

}








div.element {
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
    margin: 5px 15px 5px 15px;
    font-size: 16px;
    line-height: 21px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    height:210px;
    max-width:199px;
}
div.otgore {
    color:#2B709A;
    padding: 7px 3px;
    line-height: 10px;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 600;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-bottom: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: none;
    border-right: none;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    margin: 0px 0px 0px 0px;
}

div.element img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 10px;
}


.dop{
  color: #777777;
  font-size: 11px;
  padding-left:10px;
  padding-right:10px;
  text-align:left;
  line-height: 110%;
}
  


div.txt {    
  padding: 0px 10px 5px 10px;
}

div.txt p {
        font-size: 11px;
        line-height: 16px;
	font-weight:bold;
	color:rgba(17, 68, 115, 0.6);
}





.binf{
  position:relative;
  *bottom:15px;
}
.rgt,.lev{
  width:50%;
  position:absolute;
  
}
.rgt{
  right:0;
  font-size:10px;
  color:#2B709A;
}
.rgt a:link{
  color:#2B709A;
  text-decoration: none;
}

.rgt a:visited{
  color:#2B709A;
  text-decoration: none;
}

.lev{
  left:5;
  font-size:10px;
  color:#2B709A;
}

.log{
  width:300px;
  color:#fcfcfc;
  *border-collapse: collapse;
  border:0px solid #fff;
  margin-top:40px;
}

.newl{
   border: 1px solid #615e5a;
   background: #0a0a0a;
   background: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#0a0a0a));
   background: -webkit-linear-gradient(top, #373737, #0a0a0a);
   background: -moz-linear-gradient(top, #373737, #0a0a0a);
   background: -ms-linear-gradient(top, #373737, #0a0a0a);
   background: -o-linear-gradient(top, #373737, #0a0a0a);
   background-image: -ms-linear-gradient(top, #373737 0%, #0a0a0a 100%);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   *min-width:250px;
   *padding:20px;
   *width:250px;
    color: #8f8f8f;
   text-shadow: #000000 0 1px 0;
   margin-top:35px;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:35px;
}

.newl tr:first-child td {
    border-bottom: 1px solid #615e5a;
    padding-top:15px;
    padding-bottom:15px;
}

.newll{
   border: 1px solid #615e5a;
   background: #0a0a0a;
   background: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#0a0a0a));
   background: -webkit-linear-gradient(top, #373737, #0a0a0a);
   background: -moz-linear-gradient(top, #373737, #0a0a0a);
   background: -ms-linear-gradient(top, #373737, #0a0a0a);
   background: -o-linear-gradient(top, #373737, #0a0a0a);
   background-image: -ms-linear-gradient(top, #373737 0%, #0a0a0a 100%);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   *min-width:250px;
   *padding:10px;
   width:300px;
    color: #8f8f8f;
   text-shadow: #000000 0 1px 0;
   margin-top:35px;
   margin-left:20px;
   margin-right:20px;
   margin-bottom:35px;
}

.newll tr:first-child td {
    border-bottom: 1px solid #615e5a;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
}

.padd{
  padding:10px;
}

.newf{
   border: 1px solid #615e5a;
   background: #0a0a0a;
   background: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#0a0a0a));
   background: -webkit-linear-gradient(top, #373737, #0a0a0a);
   background: -moz-linear-gradient(top, #373737, #0a0a0a);
   background: -ms-linear-gradient(top, #373737, #0a0a0a);
   background: -o-linear-gradient(top, #373737, #0a0a0a);
   background-image: -ms-linear-gradient(top, #373737 0%, #0a0a0a 100%);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   font-family: 'Helvetica Neue',Helvetica,sans-serif;
   text-decoration: none;
   vertical-align: middle;
   font-size:10px;
   min-width:150px;
   padding:5px;
   width:150px;
   color: #8f8f8f;
   text-shadow: #000000 0 1px 0;
   margin-top:35px;
   margin-left:20px;
}

.inp{
   border: 1px solid #000000;
   background: #0d0c0c;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #4d4d4d;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:8px 8px 8px 40px;
   margin-bottom:15px;
   margin-top:20px;
   width:240px;
 
}

.inp1{
   border: 1px solid #000000;
   background: #0d0c0c;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #4d4d4d;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:8px 8px 8px 30px;
   margin-bottom:5px;
   margin-top:10px;
   width:250px;
 
}

.mywidth3{
  border: 1px solid #000000;
   background: #0d0c0c;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #4d4d4d;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:8px 8px 8px 10px;
   margin-bottom:5px;
   margin-top:10px;
   width:250px;
   resize: none;
}

.smb{
  border:1px solid #555;
  border-radius: 3px;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  font-size:12px;
  color: #fff;
  margin-top:15px;
  margin-bottom:15px;
  margin-right:27px;
}

.smb1{
  border:1px solid #555;
  border-radius: 3px;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  font-size:12px;
  color: #fff;
  margin-top:15px;
  margin-bottom:15px;
}

.smb:hover,.smb1:hover{
  background: none;
}

#usr {
    background-image: url(/razni/ico/username.png);
    background-size: 25px 25px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
}

#pass {
    background-image: url(/razni/ico/password.png);
    background-size: 25px 25px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
}

#email {
    background-image: url(/razni/ico/email.png);
    background-size: 25px 25px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
}

#phone {
    background-image: url(/razni/ico/phone1.png);
    background-size: 25px 25px;
    background-position: 3px 3px;
    background-repeat: no-repeat;
}

.iimg{
  border: 1px solid #999;
  float: left;
  margin-right: 15px;
  margin-top: 5px;
}

.rimg{
  border: 1px solid #999;
  float: right;
  margin-left: 15px;
  margin-top: 5px;
}


.from{
  float: right;
  margin:5px;
  font-size: 9px;
  color: #aaa;
}

.back{
  position: relative;
  float:right;
  text-align: center;
  width:50px;
  border: 1px solid #999;
  border-radius:4px;
  font-size:10px;
  color: #999;
  font-family: 'Oswald', sans-serif;
  text-decoration: none;
  background-image: linear-gradient( #ccc, #eee);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.2);
}

.back a:link{
    text-decoration: none;
    color:#8f8f8f;
}

.back a:visited{
    color:#8f8f8f;
}

.back a:hover{
    color:#333;
}