/*page*/
#main div.page {
   margin: 0px;
   padding: 10px 20px 0px 20px;
}
#main div.page div.page_contact {
  float: left;
}
#main div.page p{
   text-align: justify;
   font-size: 12px;
}

#main form {
   margin: 0px;
   padding: 0px;
}

#main div.page div.nofloat {
   float: none;
   overflow: hidden;
}

#main div.page ul{
   margin: 0px;
   padding: 0px;
   font-size: 12px;
   margin-left: 20px;
   text-align: justify;
}

#main h1 {
 	color: #004e6f;
 	font-size: 14px;
 	font-weight: bold;
 	border-bottom: 1px #0B4806 dotted;
 	font-family: Arial;
}

#main h2 {
 	color: #000000;
 	font-size: 12px;
 	font-weight: normal;
 	text-align: justify;
 	/*line-height: 18px;*/
 	font-weight: bold;
}

#main h3 {
 	color: #000000;
 	font-size: 12px;
 	font-weight: bold;
 	background-color: #CCCCCC;
 	height: 20px;
 	padding: 5px 5px 0px 5px;
}

#main div.page div.block{
   height: auto;
   width: 728px;
   font-size: 12px;
}

#main div.page div.block div.top{
   height: 10px;
   background-image: url(../img/bg/blockTopBg.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 20px;
	position: relative;
}

#main div.page div.block div.top div.title{
   position: absolute;
   top: -8px;
   left: 20px;
   background-color: #FFFFFF;
   color: #000000;
   font-weight: bold;
   font-size: 14px;
   padding: 0px 10px 0px 10px;
   font-family: Arial;
}

#main div.page div.block div.con{
   /*background-image: url(../img/bg/blockConBg.png);
	background-repeat: repeat-y; */
	border-right: 1px solid #6B7A74;
	border-left: 1px solid #6B7A74;
}

#main div.page div.block div.bot{
   height: 10px;
   background-image: url(../img/bg/blockBotBg.png);
	background-repeat: no-repeat;
	background-position: top;
}

/*terms*/
#main div.terms{
   font-size: 12px;   
}

#main div.terms ul{
 	margin: 0px;
 	padding: 5px;
 	margin-left: 10px;
 	list-style: decimal;
}

#main div.terms ul li{
   margin: 0px;
   padding: 5px;
   margin-left: 20px;
}

#main div.terms p a{
	color: #0071A7;
	font-weight: bold;
}

#main div.terms p a:hover{
	color: #125109;
}  


/*register*/

#main div.input{
   margin-top: 1px;
   height: auto;
   float: none;
}

#main label{
   width: 200px;
   height: 16px;
   font-size: 12px;
	text-align: left;
	font-weight: bold;
	float: left;
   padding: 0px 0px 0px 20px;
   color: #0071A7; 
} 

#main div.text input{
   width: 200px;
	font-weight: bold;
	height: 16px;
   border: 1px #000000 solid;
   background-color: #FFFFFF;
   color: #0051C0;
   margin-top: 1px;

}

#main div.password input{
   width: 200px;
	height: 16px;
   border: 1px #000000 solid;
   background-color: #FFFFFF;
   color: #0051C0;
   margin-top: 1px;
}

#main div.checkbox{
   height: 22px;
}

#main div.checkbox input{
   margin-left: 0px;
   vertical-align: middle;
}

#main div.checkbox span{
   vertical-align: middle;
   font-weight: bold;
	color: #000000;
}

#main div.checkbox span a{
	color: #0071A7;
}

#main div.checkbox span a:hover{
	color: #125109;
}

#main div.submit input{
	width: 121px;
	height: 23px;
	color: #FFFFFF;
	border: none;
	background-color: transparent;
	background-image: url(../img/bg/grayRightButtonBg.png);
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	padding-left: 10px;
	margin-top: 20px;
	cursor: pointer;
	margin-left: 220px;
}

#main div.register div.image{
   height: 72px;
}

#main div.register div.generate_text{
   float: left;
   margin: 25px 0px 0px 10px;
   text-decoration: underline;
   cursor: pointer;
   font-size: 12px;
   font-weight: bold;
   color: #0071A7;
}

#main div.register div.generate_text:hover{
	color: #125109;
}

#main div.register #redrawCodeBtn {
   float: left;
   border: 1px solid #000000;
}

#main div.error{
   /*background-color: #FFA264;
   background-image: url(../img/bg/inputErrorBg.png);
	background-repeat: repeat-x;
	background-position: top; */
}

#main div.error div.error-message{
   color: #FF0000;
   font-weight: bold;
   margin-left: 220px;
}

#main div.error input{
   border: 1px solid #FF0000; 
   background-color: #FFFFFF;
}


#main div.gps_pos{
   float: none;
   overflow: hidden;
   margin-left: 0px;
}

#main div.gps_pos div.input{
   float: left;
}

#main div.gps_pos div.input label{
   width: 0px;
}

#main div.gps_pos div.label label{
   width: 180px;
}

#main div.gps_pos div.input input{
   width: 40px;
}


/*select package*/
#main div.select_package div.block div.con{
   height: 19px;
}

#main div.select_package div.block div.con div.package{
   width: 389px;
   height: 18px;
   background-color: #CCCCCC;
   float:left;
   margin-left: 1px;
   border-bottom: 1px #FFFFFF solid;
   padding-left: 5px;
   /*font-weight: bold;*/
}

#main div.select_package div.block div.con div.basic{
   width: 161px;
   height: 18px;
   background-color: #CCCCCC;
   float:left;
   border-bottom: 1px #FFFFFF solid;
   border-left: 1px #FFFFFF solid;
   border-right: 1px #FFFFFF solid; 
   padding-left: 5px;
   text-align: center;
   color: #004e6f;
   font-weight: bold;
}

#main div.select_package div.block div.con div.basic span{
   font-weight: bold;
   font-style: italic;
   color: #000000;
}

#main div.select_package div.block div.con div.premium{
   width: 163px;
   height: 18px;
   background-color: #CCCCCC;
   float:left;
   border-bottom: 1px #FFFFFF solid;
   text-align: center;
   color: #004e6f;
   font-weight: bold;
}

#main div.select_package div.block div.con div.price{
   color: #0051C0;
}

#main div.select_package div.block div.con div.premium span{
   font-weight: bold;
   font-style: italic;
   color: #000000;
}

#main div.select_package div.block div.e{
   color: #004e6f;
   font-weight: bold;
   padding: 5px 0px 0px 5px;
   width: 721px;
   height: 20px;
}

#main div.select_package div.block div.s{
   height: 33px;
   width: 726px;
   background-color: #CCCCCC;
   overflow: hidden;
}

#main div.select_package div.block div.s div.select label{
   width: 5px;
}

#main div.select_package div.block div.s div.select{
   float: left;
   margin-top: 5px;
   margin-left: 5px;
}

#main div.select_package div.block div.s div.select select{
   width: 380px;
   height: 23px;
}

#main div.select_package div.block div.s div.submit input{
   margin-left: 30px;
   margin-top: 5px;
}

/*devices add*/
#main div.devices_add div.package div{
   height: 18px;
   color: #0051C0;
   font-weight: bold;
}

#main div.devices_add div.input span{
   font-weight: bold;
   color: #6B7A74;
}

#main div.devices_add textarea{
   width: 500px;
   height: 70px;
   border: 1px #6B7A74 solid;
   background-color: #FFFFFF;
   background-image: none;
   color: #0051C0;
   font-weight: bold;
   font-family: Verdana;
   font-size: 12px;
}

#main div.devices_add div.select select{
   height: 20px;
   border: 1px #6B7A74 solid;
   background-color: #FFFFFF;
   background-image: none;
   color: #0051C0;
   font-weight: bold;
   width: 200px;
}

#main div.devices_add div.info{
   color: #6AB03C;
   font-weight: bold;
   text-align: justify;
   padding: 0px 5px 10px 0px;
}

/*cela plocha checkboxov*/
#main div.devices_add div.select{
    float: none;
    height: auto;
    overflow: hidden;
}

/*checbox + label*/
#main div.devices_add div.checkbox{
    background-color: #E6E6E6;
    margin: 0px 0px 2px 2px;
    width: 238px;
    float: left;
}

/*checbox*/
#main div.devices_add div.checkbox input{
    color: #000000;
    float: left;
    vertical-align: middle;
}

/*label ktory nevidno pred prvym checkboxom*/
#main div.devices_add div.select label{
    float: none;
}

/*label ktory nevidno pred prvym checkboxom*/
#main div.devices_add div.float_bug div.select label{
    float: left;
}

/*label za checboxom*/
#main div.devices_add div.checkbox label{
    float: none;
    width: auto;
    text-align: left;
    padding: 3px 0px 0px 10px;
    display: block;
    vertical-align: middle;
}

/*room*/
#main div.devices_add div.room_title{
   float: none;
   height: 30px;
   overflow: hidden;
}

#main div.devices_add div.room_title div{
   float: left;
   margin-left: 2px;
   width: 97px;
   height: 30px;
   text-align: center;
   font-weight: bold;
   background-color: #E6E6E6;
}

#main div.devices_add div.room_title div.room_name{
   width: 220px;
   background: none;
}

#main div.devices_add div.room{
   float: none;
   overflow: hidden;
   margin-top: 2px;
}

#main div.devices_add div.room div{
   float: left;
   margin-left: 2px;
}

#main div.devices_add div.room div.room_name{
   float: left;
   width: 200px;
   height: 16px;
   font-size: 12px;
	text-align: left;
	font-weight: bold;
   padding: 0px 0px 0px 20px;
   color: #0071A7; 
}

#main div.devices_add div.room div label{
   display: none;
}

#main div.devices_add div.room div input{
   width: 95px;
}

#main div.devices_add div.room div.checkbox{
    background-color: #E6E6E6;
    margin: 0px 0px 0px 2px;
    width: 97px;
}

#main div.devices_add div.radio{
   height: 16px;
   font-size: 12px;
	font-weight: bold;
   color: #0071A7; 
}

#main div.devices_add div.copy{
   margin-left: 20px;
   cursor: pointer;
   margin-bottom: 10px;
   text-decoration: underline;
   font-weight: bold;
   font-size: 12px;
   color: #000000; 
}

/*Regions Map*/
#main #mapRegionBack {
   background-repeat:no-repeat;
   width: 380px;
   height: 250px;
   background-image: url(../img/map/region/mapRegion.png);
   background-color: #ffffff;
   display: block;
   float: left;
   margin: 0px 0px 10px 0px;
}

#main #mapRegionHover {
   background-repeat:no-repeat;
   width: 380px;
   height: 190px;
   background-color: transparent;
}

#main #mapRegion {
   width: 380px;
   height: 190px;
   border: none;
}

.reg_5 { background-image: url(../img/map/region/po.png);}
.reg_3 { background-image: url(../img/map/region/ke.png);}
.reg_8 { background-image: url(../img/map/region/za.png);}
.reg_1 { background-image: url(../img/map/region/bb.png);}
.reg_4 { background-image: url(../img/map/region/ni.png);}
.reg_6 { background-image: url(../img/map/region/tt.png);}
.reg_2 { background-image: url(../img/map/region/ba.png);}
.reg_7 { background-image: url(../img/map/region/tn.png);}

/*Discricts Map*/
#main #mapDistrictBack {
   background-repeat:no-repeat;
   width: 380px;
   height: 250px;
   background-image: url(../img/map/district/mapDistrict.png);
   display: block;
   float: left;
   margin: 0px 0px 10px 0px;
}

#main #mapDistrictHover {
   background-repeat:no-repeat;
   width: 380px;
   height: 190px;
   background-color: transparent;
}

#main #mapDistrict {
   width: 380px;
   height: 190px;
   border: none;
}

.dis_1 { background-image: url(../img/map/district/1.png);}
.dis_2 { background-image: url(../img/map/district/2.png);}
.dis_3 { background-image: url(../img/map/district/3.png);}
.dis_4 { background-image: url(../img/map/district/4.png);}
.dis_5 { background-image: url(../img/map/district/5.png);}
.dis_6 { background-image: url(../img/map/district/6.png);}
.dis_7 { background-image: url(../img/map/district/7.png);}
.dis_8 { background-image: url(../img/map/district/8.png);}
.dis_9 { background-image: url(../img/map/district/9.png);}
.dis_10 { background-image: url(../img/map/district/10.png);}
.dis_11 { background-image: url(../img/map/district/11.png);}
.dis_12 { background-image: url(../img/map/district/12.png);}
.dis_13 { background-image: url(../img/map/district/13.png);}
.dis_14 { background-image: url(../img/map/district/14.png);}
.dis_15 { background-image: url(../img/map/district/15.png);}
.dis_16 { background-image: url(../img/map/district/16.png);}
.dis_17 { background-image: url(../img/map/district/17.png);}
.dis_18 { background-image: url(../img/map/district/18.png);}
.dis_19 { background-image: url(../img/map/district/19.png);}
.dis_20 { background-image: url(../img/map/district/20.png);}
.dis_21 { background-image: url(../img/map/district/21.png);}
.dis_22 { background-image: url(../img/map/district/22.png);}
.dis_23 { background-image: url(../img/map/district/23.png);}
.dis_24 { background-image: url(../img/map/district/24.png);}
.dis_25 { background-image: url(../img/map/district/25.png);}
.dis_26 { background-image: url(../img/map/district/26.png);}
.dis_27 { background-image: url(../img/map/district/27.png);}
.dis_28 { background-image: url(../img/map/district/28.png);}
.dis_29 { background-image: url(../img/map/district/29.png);}
.dis_30 { background-image: url(../img/map/district/30.png);}
.dis_31 { background-image: url(../img/map/district/31.png);}
.dis_32 { background-image: url(../img/map/district/32.png);}
.dis_33 { background-image: url(../img/map/district/33.png);}
.dis_34 { background-image: url(../img/map/district/34.png);}
.dis_35 { background-image: url(../img/map/district/35.png);}
.dis_36 { background-image: url(../img/map/district/36.png);}
.dis_37 { background-image: url(../img/map/district/37.png);}
.dis_38 { background-image: url(../img/map/district/38.png);}
.dis_39 { background-image: url(../img/map/district/39.png);}
.dis_40 { background-image: url(../img/map/district/40.png);}
.dis_41 { background-image: url(../img/map/district/41.png);}
.dis_42 { background-image: url(../img/map/district/42.png);}
.dis_43 { background-image: url(../img/map/district/43.png);}
.dis_44 { background-image: url(../img/map/district/44.png);}
.dis_45 { background-image: url(../img/map/district/45.png);}
.dis_46 { background-image: url(../img/map/district/46.png);}
.dis_47 { background-image: url(../img/map/district/47.png);}
.dis_48 { background-image: url(../img/map/district/48.png);}
.dis_49 { background-image: url(../img/map/district/49.png);}
.dis_50 { background-image: url(../img/map/district/50.png);}
.dis_51 { background-image: url(../img/map/district/51.png);}
.dis_52 { background-image: url(../img/map/district/52.png);}
.dis_53 { background-image: url(../img/map/district/53.png);}
.dis_54 { background-image: url(../img/map/district/54.png);}
.dis_55 { background-image: url(../img/map/district/55.png);}
.dis_56 { background-image: url(../img/map/district/56.png);}
.dis_57 { background-image: url(../img/map/district/57.png);}
.dis_58 { background-image: url(../img/map/district/58.png);}
.dis_59 { background-image: url(../img/map/district/59.png);}
.dis_60 { background-image: url(../img/map/district/60.png);}
.dis_61 { background-image: url(../img/map/district/61.png);}
.dis_62 { background-image: url(../img/map/district/62.png);}
.dis_63 { background-image: url(../img/map/district/63.png);}
.dis_64 { background-image: url(../img/map/district/64.png);}
.dis_65 { background-image: url(../img/map/district/65.png);}
.dis_66 { background-image: url(../img/map/district/66.png);}
.dis_67 { background-image: url(../img/map/district/67.png);}
.dis_68 { background-image: url(../img/map/district/68.png);}
.dis_69 { background-image: url(../img/map/district/69.png);}
.dis_70 { background-image: url(../img/map/district/70.png);}
.dis_71 { background-image: url(../img/map/district/71.png);}
.dis_72 { background-image: url(../img/map/district/72.png);}

/*DLocalities Map*/
#main #mapLocalityBack {
   background-repeat:no-repeat;
   width: 380px;
   height: 250px;
   background-image: url(../img/map/locality/mapLocality.png);    
   display: block;
   float: left;
   margin: 0px 0px 10px 0px;
}

#main #mapLocalityHover {
   background-repeat:no-repeat;
   width: 380px;
   height: 190px;
   background-color: transparent;
}

#main #mapLocality {
   width: 380px;
   height: 190px;
   border: none;  
}

.loc_1 { background-image: url(../img/map/locality/1.png);}
.loc_2 { background-image: url(../img/map/locality/2.png);}
.loc_3 { background-image: url(../img/map/locality/3.png);}
.loc_4 { background-image: url(../img/map/locality/4.png);}
.loc_5 { background-image: url(../img/map/locality/5.png);}
.loc_6 { background-image: url(../img/map/locality/6.png);}
.loc_7 { background-image: url(../img/map/locality/7.png);}
.loc_8 { background-image: url(../img/map/locality/8.png);}
.loc_9 { background-image: url(../img/map/locality/9.png);}
.loc_10 { background-image: url(../img/map/locality/10.png);}
.loc_11 { background-image: url(../img/map/locality/11.png);}
.loc_12 { background-image: url(../img/map/locality/12.png);}
.loc_13 { background-image: url(../img/map/locality/13.png);}
.loc_14 { background-image: url(../img/map/locality/14.png);}
.loc_15 { background-image: url(../img/map/locality/15.png);}
.loc_16 { background-image: url(../img/map/locality/16.png);}
.loc_17 { background-image: url(../img/map/locality/17.png);}
.loc_18 { background-image: url(../img/map/locality/18.png);}
.loc_19 { background-image: url(../img/map/locality/19.png);}
.loc_20 { background-image: url(../img/map/locality/20.png);}
.loc_21 { background-image: url(../img/map/locality/21.png);}
 
/*categories*/
#main div.home div.categories {
   width: 350px;
   height: 250px;
   float: left;
   display: block;
   margin: 0px 0px 10px 0px;
}

#main div.home div.categories div{
   float: left;
   width: 172px;
   height: auto;
   padding: 0px 0px 0px 3px;
}

#main div.home div.categories div div.cat{
   margin-top: 5px;
}

#main div.home div.categories div div.cat a{
   color: #00364f;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
}

#main div.home div.categories div div.cat a:hover{
   color: #000000;
}

/*add buttons*/
#main div.home div.addButtons {
   position: absolute;
   top: 370px;
   left: 410px;
   height: 26px;
   width: 350px;
}

#main div.home div.addButtons div.dem{
   float: left;
   height: 21px;
   width: 160px;
   background-image: url(../img/bg/addDemandBg.png);
   background-repeat: no-repeat;
   background-position: top;
   padding: 5px 0px 0px 10px;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 12px;
   display: block;
}

#main div.home div.addButtons div.dev{
   float: left;
   height: 21px;
   width: 160px;
   background-image: url(../img/bg/addDeviceBg.png);
   background-repeat: no-repeat;
   background-position: top;
   padding: 5px 0px 0px 10px;
   margin-left: 10px;
   display: block;
}

#main div.home div.addButtons div.dev a{
   color: #cc0000;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   display: block;
}

#main div.home div.addButtons div.dem a{
   color: #FFFFFF;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   display: block;
}

/*new demand*/
#main div.home div.demandNew{
   margin: 0px;
   background-color: transparent;
   background-image: url(../img/bg/demandNewBg.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 710px;
   height: 125px;
   color: #cc0000;
   padding: 5px 20px 0px 10px;
   text-align: center;
   display: block;
   margin: 16px 0px 20px 0px;
   overflow: hidden;
}

#main div.home div.demandNew span{
   font-size: 12px;
   font-weight: normal;
   margin-left: 10px;
}

#main div.home div.demandNew a{
   color: #cc0000;
   text-decoration: none;
   display: block;
   padding: 0px 0px 10px 0px;
}

/*map selector*/
#main div.home div.mapSelect{
   margin-top: 5px;
   height: 27px;
   width: 380px;
   border-top: 1px solid #7FAAE7;
   color: #FFFFFF;
   overflow: hidden;
}

#main div.home div.mapSelect div{
   float: left;
   margin-left: 5px;
   background-image: url(../img/bg/mapSelectBg.png);
   background-repeat: repeat-x;
   background-position: top;
   border-bottom: 1px solid #7FAAE7;
   border-left: 1px solid #7FAAE7;
   border-right: 1px solid #7FAAE7;
   height: 17px;
   padding: 5px 5px 0px 5px;
   color: #003062;
   font-weight: bold;
   cursor: pointer;
}

#main div.home div.mapSelect div.active{
   background-image: url(../img/bg/mapSelectActiveBg.png);
   border-bottom: 1px solid #004261;
   border-left: 1px solid #004261;
   border-right: 1px solid #004261;
   color: #FFFFFF;
}

#main div.home div.mapSelect div:hover{
   background-image: url(../img/bg/mapSelectActiveBg.png);
   border-bottom: 1px solid #004261;
   border-left: 1px solid #004261;
   border-right: 1px solid #004261;
   color: #FFFFFF;
}

#main div.home div.mapSelect div.title{
   float: left;
   margin-left: 5px;
   height: 17px;
   padding: 5px 5px 0px 5px;
   color: #004261;
   font-weight: bold;
   background: none;
   border: none;
   font-size: 12px;
   width: 170px;
}

/*device view*/
#main div.device_view div.device{
   min-height: 25px;
   height: auto !important;
   height: 25px;
   border-bottom: 2px solid #4FD0EF;
   margin-top: 2px;
   overflow: hidden;
   font-size: 11px;
   font-weight: bold;
}

#main div.device_view div.top{
   height: 25px;
   border-bottom: 0px solid #4FD0EF;
   margin-top: 2px;
   overflow: hidden;
   font-size: 11px;
   font-weight: bold;
   background-color: #CCCCCC;
}

#main div.device_view div.device div{
   float: left;
   width: 260px;
   padding: 5px 0px 0px 5px;
   color: #00364f;
   margin: 0px 0px 5px 0px;
}

#main div.device_view div.top div{
   color: #000000;
}

#main div.device_view div.top div a{
   color: #000000;
   vertical-align: middle;
}

#main div.device_view div.top div img{
   vertical-align: middle;
   margin-left: 5px;
}

#main div.device_view div.device div.date{
   width: 80px;
   color: #004e6f;
}

#main div.device_view div.top div.date{
   color: #000000;
}

#main div.device_view div.device div.action{
   width: 30px;
   padding: 0px;
}

#main div.device_view div.device div.action img{
   border: none;
}

#main div.device_view div.device div.package{
   color: #4FD0EF;
   font-weight: normal;
}

#main div.device_view div.top div.package{
   color: #000000;
   font-weight: bold;
}

#main div.page div.empty{
   font-size: 12px;
   font-weight: bold;
}

/*top devices*/
#main div.top_devices div.device{
   height: 140px;
   position: relative;
   margin-top: 20px;
}

#main div.top_devices div.device div.top{
   height: 25px;
}

#main div.top_devices div.device div.top div.title{
  float: left;
   height: 22px;
   padding-left: 165px;
   
   font-weight: bold;
   font-size: 14px;
   color: #003062;
   padding-top: 3px;
   float: left;
   font-family: Arial;
}

#main div.top_devices div.device div.top div.title a{
   color: #003062;
   text-decoration: none;
}

#main div.top_devices div.device div.top div.title a:hover{
   color: #000000;
}

#main div.top_devices div.device div.top div.type{
  float: right;
   height: 20px;
   font-weight: bold;
   font-size: 12px;
   padding-top: 5px;
   text-align: right;
   font-family: Arial;
   margin-right: 3px;
}

#main div.top_devices div.device div.main{
   height: 115px;
   background-image: url(../img/bg/topDeviceBg.png);
   background-repeat: repeat-x;
   background-position: top;
   border: 1px solid #BFC8D6;
   position: relative;
}


#main div.top_devices div.device div.main div.voteLine{
   height: 17px;
   position: absolute;
   top: 5px;
   left: 640px;
   background-image: url(../img/bg/voteLineBg.png);
   background-repeat: repeat-x;
   background-position: top;
}

#main div.top_devices div.device div.main div.voteButt{
   height: 17px;
   width: 90px;
   position: absolute;
   top: 5px;
   left: 640px;
}

#main div.top_devices div.device div.main div.voteButt div.butt{
   height: 17px;
   width: 18px;
   float: left;
   background-image: url(../img/icons/voteStar.gif);
   background-repeat: no-repeat;
   background-position: top;
}

#main div.top_devices div.device div.main div.voteButt div.butt a{ 
   display: block;
   height: 17px;
   width: 18px;
}

#main div.top_devices div.device div.main div.district{
   margin-top: 10px;
   margin-left: 165px;
}

#main div.top_devices div.device div.main div.description{
   margin-top: 10px;
   margin-left: 165px;
}

#main div.top_devices div.device div.main div.info{
   position: absolute;
   height: 20px;
   left: 165px;
   bottom: 5px;
}

#main div.top_devices div.device div.main div.info div.prices{
   float: left;
   width: 200px;
}

#main div.top_devices div.device div.main div.info div.prices img{
   vertical-align: middle;
}

#main div.top_devices div.device div.main div.info div.prices span{
   vertical-align: middle;
   margin-right: 3px;
}

#main div.top_devices div.device div.main div.info div.more{
   float: left;
   text-align: right;
   width: 365px;
}

#main div.top_devices div.device div.main div.info div.more a{
   font-weight: bold;
   color: #003062;
   text-decoration: none;
   font-family: Arial;
   font-size: 12px;
}

#main div.top_devices div.device div.main div.info div.more a:hover{
   color: #000000;
}

#main div.top_devices div.device div.img{
   width: 132px;
   height: 117px;
   background-image: url(../img/bg/topDeviceImageBg.png);
   background-repeat: no-repeat;
   background-position: top;
   border: 1px solid #7FAAE7;
   position: absolute;
   left: 12px;
   top: 0px;
}

#main div.top_devices div.device div.img div{
   width: 104px;
   max-height: 104px;
   background-color: #FFFFFF;
   margin-left: 13px;
   margin-top: 6px;
   overflow: hidden;
}

#main div.top_devices div.device div.img div img{
   border: none;
}

#main div.top_devices div.device div.img div div.noimage{
   width: 104px;
   overflow: hidden;
   height: 65px;
   margin: 0px;
   color: #9cc0e4;
   font-weight: bold;
   font-size: 11px;
   text-align: center;
   padding-top: 39px;
}

/*device*/

#main div.device h1.device{
   background-image: url(../img/bg/titleDeviceBg.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 739px;
   height: 25px;
   border: none;
   text-align: center;
   padding-top: 10px;
   color: #003062;
}

#main div.device h2 {
 	color: #004e6f;
 	font-size: 14px;
 	font-weight: bold;
 	border-bottom: 1px #0B4806 dotted;
 	font-family: Arial;
}

#main div.device h3 {
 	color: #000000;
 	font-size: 12px;
 	font-weight: normal;
 	text-align: justify;
 	/*line-height: 18px;*/
 	font-weight: bold;
 	background: none;
 	padding: 0px;
 	height: auto;
 	margin: 10px 0px 0px 0px;
}

#main div.device div.device_bmarks{
   float: none;
   overflow: hidden;
}

#main div.device div.device_bmarks div.bmark{
   float: left;
   margin-right: 6px;
   height: 22px;
}

#main div.device div.device_bmarks div.last{;
   margin-right: 0px;
}

#main div.device div.device_bmarks div.bmark div{
   float: left;
}

#main div.device div.device_bmarks div.bmark div.title{
   background-image: url(../img/bg/centerBmark.png);
   background-repeat: repeat-x;
   background-position: top;
   height: 19px;
   font-weight: bold;
   font-family: Arial;
   font-size: 12px;
   padding: 3px 4px 0px 4px;
}

#main div.device div.device_bmarks div.bmark div.title a{
   color: #003062;
   text-decoration: none; 
}

#main div.device div.label{
   margin-top: 10px;
   font-size: 12px;
   font-weight: bold;
   overflow: hidden;
}

#main div.device div.value{
   margin-top: 3px;
   font-size: 11px;
   text-align: justify;
   float: none;
   overflow: hidden;
}

#main div.device div.con{
   font-weight: bold;
   color: #2575c2;
}

#main div.device div.value a{
   color: #2575c2;
   font-weight: bold;
}

#main div.device div.value div{
   float: left;
   height: 18px;
   width: 240px;
   /*background-color: #FFCC00;*/
   text-align: left;
}

#main div.device div.value div img{
   vertical-align: middle;
}

#main div.device div.value div span{
   vertical-align: middle;
   color: #2575c2;
   padding-left: 10px;
}

#main div.device div.value div.left{
   font-size: 11px;
   float: left;
   overflow: hidden;
   font-weight: bold;
   height: 14px;
   width: 170px;
}

#main div.device div.value div.right{
   font-size: 11px;
   float: left;
   overflow: hidden;
   height: 14px;
   width: 200px;
}

#main div.device div.value div.absolute{
   font-size: 11px;
   float: none;
   overflow: hidden;
   height: 14px;
   width: 460px;
   /*background-color: #FFCC00;*/
   position: absolute;
   left: 80px;
}

#main div.device div.info div.value div.left{
   width: 100px;
}

#main div.device div.top_info{
   float: none;
   overflow: hidden;
}

#main div.device div.top_info div.info{
   float: left;
   width: 300px;
   margin-right: 15px;
}

#main div.device div.top_info div.info_prices{
   float: left;
   width: 521px;
   margin-right: 15px;
}

#main div.device div.top_info div.avatar{
   border: 2px solid #DBE6F1;
   padding: 2px;
   width: 196px;
   height: auto;
   float: left;
   margin-right: 16px;
   margin-top: 10px;
}

#main div.device div.top_info div.avatar div.noimage{
   text-align: center;
   margin: 80px 0px 80px 0px;
   color: #9cc0e4;
   font-weight: bold;
   font-size: 12px; 
}

/*contact*/
#main div.page div.reservation{
   width: 200px;
   height: 320px;
   float: right;
   margin-top: 10px;
   background-image: url(../img/bg/contactBg.png);
   background-repeat: no-repeat;
   background-position: top;
}

#main div.page div.reservation div.title {
   font-size: 13px;
   font-weight: bold;
   color: #003062;
   padding: 5px 0px 0px 10px;
   font-family: Arial;
}

#main div.page div.reservation div.input{
   width: 200px;
   margin-top: 5px;
}

#main div.page div.reservation label{
   font-size: 11px;
   font-weight: normal;
   color: #003062;
   padding: 0px 0px 0px 10px;
   float: none;
   width: 200px;
}

#main div.page  div.reservation div.text input{
   width: 180px;
   margin-left: 10px;
   margin-top: 3px;
   height: 14px;
   border: 1px #D3D3D3 solid;
   font-size: 11px; 
}

#main div.page div.reservation div.text input.date{
   width: 80px;
   float: none;
   vertical-align: middle;
   margin-top: -8px;
}

#main div.page div.reservation div.text input.person{
   width: 80px;
   float: none;
}

#main div.page div.reservation div.text input.date button{
 	vertical-align: middle;
}


#main div.page div.reservation div.textarea textarea.res{
   width: 180px;
   margin-left: 10px;
   margin-top: 3px;
   height: 50px;
   border: 1px #D3D3D3 solid;
   font-size: 11px;
   font-family: Verdana;
   font-weight: bold;
   color: #0051C0; 
}

#main div.page div.reservation div.submit input{
   margin-left: 10px;
   margin-top: 5px;
   background-color: transparent;
   background-image: url(../img/bg/reserveSubmitBg.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 82px;
   height: 19px;
   color: #003062;
   text-align: left;
   padding-left: 20px;
}
/*reservation*/
#main div.device div.top_info div.reservation{
   width: 200px;
   height: 320px;
   float: left;
   margin-top: 10px;
   background-image: url(../img/bg/reservationBg.png);
   background-repeat: no-repeat;
   background-position: top;
}

#main div.device div.top_info div.reservation div.title {
   font-size: 13px;
   font-weight: bold;
   color: #003062;
   padding: 5px 0px 0px 10px;
   font-family: Arial;
}

#main div.device div.top_info div.reservation div.input{
   width: 200px;
   margin-top: 5px;
}

#main div.device div.top_info div.reservation label{
   font-size: 11px;
   font-weight: normal;
   color: #003062;
   padding: 0px 0px 0px 10px;
   float: none;
   width: 200px;
}

#main div.device div.top_info div.reservation div.text input{
   width: 180px;
   margin-left: 10px;
   margin-top: 3px;
   height: 14px;
   border: 1px #D3D3D3 solid;
   font-size: 11px; 
}

#main div.device div.top_info div.reservation div.text input.date{
   width: 80px;
   float: none;
   vertical-align: middle;
   margin-top: -8px;
}

#main div.device div.top_info div.reservation div.text input.person{
   width: 80px;
   float: none;
}

#main div.device div.top_info div.reservation div.text input.date button{
 	vertical-align: middle;
}


#main div.device div.top_info div.reservation div.textarea textarea.res{
   width: 180px;
   margin-left: 10px;
   margin-top: 3px;
   height: 50px;
   border: 1px #D3D3D3 solid;
   font-size: 11px;
   font-family: Verdana;
   font-weight: bold;
   color: #0051C0; 
}

#main div.device div.top_info div.reservation div.submit input{
   margin-left: 10px;
   margin-top: 5px;
   background-color: transparent;
   background-image: url(../img/bg/reserveSubmitBg.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 82px;
   height: 19px;
   color: #003062;
   text-align: left;
   padding-left: 10px;
}
/*device prices*/
#main div.device div.deviceRoom{
   overflow: hidden;
   margin-top: 10px;
   font-size: 12px;
   width: 520px;
}

#main div.device div.deviceRoom div.item{
   float: none;
   overflow: hidden;
   height: 20px;
   border-bottom: 1px solid #CCCCCC;
}

#main div.device div.deviceRoom div.top{
   font-size: 11px;
   height: 30px;
   background-image: url(../img/bg/roomTableTopBg.png);
   background-repeat: repeat-x;
   background-position: top;
   font-weight: bold;
   border-top: 1px solid #DBE6F1;
}

#main div.device div.deviceRoom div.item div{
   float: left;
   width: 70px;
   height: 18px;
   padding-top: 2px;
   text-align: center;
}

#main div.device div.deviceRoom div.item div.name{
   width: 150px;
   text-align: left;
   font-weight: bold;
   font-size: 11px;
}

/*device gallery*/
#main div.device div.gallery{
   overflow: hidden;
   float: none;
}

#main div.device div.gallery div.foto{
   border: 2px solid #DBE6F1;
   padding: 2px;
   width: auto;
   height: 100px;
   float: left;
   margin-right: 10px;
   margin-top: 10px;
   position: relative;
}

#main div.device div.gallery div.foto:hover{
   border: 2px solid #9cc0e4;
}

#main div.device div.gallery div.foto img{
   border: none;
}

#main div.device div.gallery div.foto div.del{
   position: absolute;
   top: 0px;
   right: 0px;
   width: 17px;
   height: 17px;
}

#main div.device div.gallery div.foto div.del img{
   border: none;
}

/*references*/
#main div.references label{
   float: none;
   padding-left: 0px;
   width: 250px;
   overflow: hidden;
   color: #000000;
   font-weight: normal;
   font-size: 11px;
}

#main div.references div.input{
   width: 253px;
   float: left;
   margin-top: 10px;
   overflow: hidden;
}

#main div.references div.top_info div.info_prices div.textarea{
   width: 500px;
   float: none;
}

#main div.references div.textarea label{
   width: 500px;
}

#main div.references div.textarea textarea.ref{
   width: 496px;
   margin-top: 2px;
   font-family: Verdana;
   font-size: 11px;
   height: 60px;
   color: #0051C0;
   font-weight: bold;
   border: 1px solid #CCCCCC;
}

#main div.references div.text input{
   width: 245px;
   border: 1px solid #CCCCCC;
   margin-top: 2px;
   font-size: 11px;
}

#main div.references div.submit input{
   margin-left: 0px;
   margin-top: 10px;
}

#main div.references div.items{
   overflow:hidden;
   margin-top: 10px;
}

#main div.references div.items div.item{
   height: auto;
   margin-top: 10px;
   position: relative;
}

#main div.references div.items div.item div.header{
   background-color: #CCCCCC;
   height: 25px;
}

#main div.references div.items div.item div.header{
   background-color: #CCCCCC;
   height: 20px;
   padding-top: 5px;
   padding-left: 5px;
}

#main div.references div.items div.item div.body{
   border-bottom: 1px solid #CCCCCC;
   height: auto;
   padding-top: 3px;
   padding-left: 5px;
   text-align: justify;
}

#main div.references div.items div.item div.body span{
   color: #0071A7;
   font-weight: bold;
}

#main div.references div.items div.item div.body span a{
   color: #0071A7;
   font-weight: bold;
}

#main div.references div.items div.item div.voteWhiteBg{
   height: 17px;
   width: 90px;
   position: absolute;
   top: 3px;
   left: 425px;
   background-color: #FFFFFF;
}

#main div.references div.items div.item div.voteLineRef{
   height: 17px;
   position: absolute;
   top: 3px;
   left: 425px;
   background-image: url(../img/bg/voteLineBg.png);
   background-repeat: repeat-x;
   background-position: top;
}

#main div.references div.items div.item div.voteMask{
   height: 17px;
   width: 90px;
   position: absolute;
   top: 3px;
   left: 425px;
   background-image: url(../img/bg/voteMask.gif);
   background-repeat: no-repeat;
   background-position: top;
}

#main div.references div.vote{
   height: 17px;
   width: 90px;
   position: relative;
}

#main div.references div.vote div.voteLine{
   height: 17px;
   position: absolute;
   top: 0px;
   left: 0px;
   background-image: url(../img/bg/voteLineBg.png);
   background-repeat: repeat-x;
   background-position: top;
}

#main div.references div.vote div.voteButt{
   height: 17px;
   width: 90px;
   position: absolute;
   top: 0px;
   left: 0px;
}

#main div.references div.vote div.voteButt div.butt{
   height: 17px;
   width: 18px;
   float: left;
   background-image: url(../img/icons/voteStar.gif);
   background-repeat: no-repeat;
   background-position: top;
}

#main div.references div.vote div.voteButt div.butt:hover{
   background-image: url(../img/icons/voteStarHover.gif);
}

#main div.references div.vote div.voteButt div.butt a{ 
   display: block;
   height: 17px;
   width: 18px;
} 

/*paginator*/
#main div.paginator{
    color: #666666;
    font-size: 11px;
    vertical-align: top;
    font-weight: normal;
    text-align: center;
   
}

#main div.paginator a{
    color: #2575c2;
    font-weight: bold;
}

#main div.paginator a:hover{
    color: #000000;
}

#main div.paginator img{
    vertical-align: middle;
    margin-right: 2px;
    margin-left: 2px;
     border: 0px;
}

#main div.paginatorCount {
   font-weight: bold;
   margin-top: 5px;
}

/*demand*/
#main div.demand {
   background-image: url(../img/bg/demandBg.png);
   background-repeat: no-repeat;
   background-position: top;
   height: 331px;
   overflow: hidden;
   width: 740px;
   position: relative;
}

#main div.demand div.type{
   margin-left: 10px;
   font-weight: bold;
   overflow: hidden;
   position: relative;
   font-size: 12px;
   margin-top: 10px;
   color: #003062;
}

#main div.infoDemand{
   color: #003062;
   margin-top: 5px;
   text-align: justify;
   font-size: 12px;
   font-weight: bold;
}

#main div.infoDemand a{
   color: #000000;
}

#main div.demand div.close{
   top: 10px;
   right: 10px;
   width: 18px;
   height: 18px;
   position: absolute;
   cursor: pointer;
   background-image: url(../img/icons/up.png);
   background-repeat: no-repeat;
   background-position: top;
}

/*cela plocha checkboxov*/
#main div.demand div.select{
    float: none;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

/*checbox + label*/
#main div.demand div.checkbox{
    margin: 0px;
    width: 230px;
    float: left;
    height: 20px;
    margin-left: 10px;
}

/*checbox*/
#main div.demand div.checkbox input{
    color: #000000;
    float: left;
    vertical-align: middle;
    margin-right: 3px;
    /*margin-top: 3px;*/
}

/*label ktory nevidno pred prvym checkboxom*/
#main div.demand div.select label{
    float: none;
}

/*label ktory nevidno pred prvym checkboxom*/
#main div.demand div.float_bug div.select label{
    float: left;
}

/*label za checboxom*/
#main div.demand div.checkbox label{
    float: none;
    width: auto;
    text-align: left;
    padding: 3px 0px 0px 10px;
    display: block;
    vertical-align: middle;
    color: #003062;
    font-size: 11px;
}

#main div.demand div.block{
   width: 230px;
   height: 105px;
   margin-top: 0px;
   float: left;
   margin-left: 10px;
   overflow: hidden;
}

#main div.demand div.blockTextarea{
   width: 470px;
   margin-top: 10px;
   float: left;
   margin-left: 10px;
   overflow: hidden;
}

#main div.demand div.block div.input{
   width: 230px;
   margin-bottom: 0px;
}


#main div.demand div.block label{
   font-weight: bold;
   color: #003062;
   padding: 0px 0px 0px 0px;
   float: none;
   width: 230px;
   font-size: 12px;
}

#main div.demand div.blockTextarea label{
   font-size: 12px;
   font-weight: bold;
   color: #003062;
   padding: 0px 0px 0px 0px;
   float: none;
   width: 740px;
}

#main div.demand div.block div.text input{
   width: 228px;
   margin-top: 3px;
   height: 14px;
   border: 1px #D3D3D3 solid;
   font-size: 11px;
   color: #000000;
}

#main div.demand div.block div.select select{
   width: 228px;
   margin-top: 0px;
   height: 18px;
   border: 1px #D3D3D3 solid;
   font-size: 11px;
   color: #000000;
   font-weight: bold;
}

#main div.demand div.block div.text input.date{
   width: 150px;
   float: none;
   vertical-align: middle;
   margin-top: -6px;
}


#main div.demand div.blockTextarea div.textarea textarea{
   width: 468px;
   margin-top: 3px;
   height: 60px;
   border: 1px #D3D3D3 solid;
   font-size: 11px;
   font-family: Verdana;
   font-weight: bold;
   color: #000000; 
}

#main div.demand div.submit input{
   margin: 0px;
   background-color: transparent;
   background-image: url(../img/bg/submitDemandBg.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 150px;
   height: 25px;
   color: #FFFFFF;
   position: absolute;
   bottom: 20px;
   right: 100px;
   display: block;
   text-align: left;
   padding-left: 10px;
}

/*del message*/
#main #deleteMessage {
   width: 500px;
   height: 120px;
   background-color: #FFFFFF;
   border: 2px solid #FF0000;
   color: #FF0000;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   position: fixed;
   top: 200px;   
   overflow: hidden;
}

#main #deleteMessage div span{
   font-size: 14px;
   color: #000000;
}

#main #deleteMessage div.buttons{
   margin-left: 185px;
}

#main #deleteMessage div div.butt{
   background-color: transparent;
   background-image: url(../img/bg/delMessageButt.png);
   background-repeat: no-repeat;
   background-position: top;
   width: 62px;
   height: 21px;
   float: left;
   margin-right: 10px;
}

#main #deleteMessage div div.butt span{
   color: #000000;
   display: block;
   text-decoration: none;
   padding-top: 2px;
   cursor: pointer;
}