@charset "utf-8";
/* CSS Document */

body{
margin:0 auto;
padding:0;
background:url(../cssimgs/bg_alap.jpg) repeat top left;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
color:#00497c;
}

a{
color:#f47920;
text-decoration:none;
}

a img{
border:none;
}

a:hover{
cursor:pointer;
color:#1a3d75;
}

h1{
color:#f47920;
font-size:24px;
}

h2{
color:#00497c;
font-size:18px;
font-style:italic;
}

h3{
color:#f47920;
font-size:16px;
font-weight:bold;
float:left;
}

p{
font-size:12px;
text-align:justify;
line-height:22px;
text-indent:15px;
}

li{
list-style-type:none;
}

#main{
position:relative;
text-align:center;
top:0;
left:0;
width:990px;
height:auto;
margin:0 auto;
padding:0;
z-index:999!important;
/*border:1px solid red;*/
}

#girl_pic{
position:absolute;
top:0;
left:0;
}

#flashcont{
position:relative;
top:0;
left:0px;
width:990px;
height:600px;
padding:0;
margin:25px auto 0 auto;
z-index:999;
/*border:1px solid red;*/
}

#intro_ala{
position:absolute;
width:850px;
height:586px;
top:0;
left:0;
display:none;
}

#content{
position:relative;
top:0;
left:0;
margin:0 auto;
padding:0;
width:1022px;
height:auto;
background:url(../cssimgs/main_bg.jpg) repeat-y top center;
float:left;

/*border:1px solid red;*/
}

#header{
position:relative;
top:0;
left:0;
margin:0 auto;
padding:0;
width:1022px;
height:321px;
float:left;
/*border:1px solid red;*/
}

#logo_left{
position:absolute;
z-index:999;
top:0;
left:40px;
}

#logo_right{
position:absolute;
z-index:999;
top:20px;
right:40px;
}

#logo_right2{
position:absolute;
z-index:999;
top:140px;
right:50px;
}

#flags {
position:absolute;
right:45px;
top:210px;
z-index:999;
}

#viewer{
position:relative;
top:0;
left:0;
width:995px;
height:261px;
margin:0 auto;
padding:0;
display:block;
overflow:hidden;
/*border:1px solid red;*/
}

/* MENU START */

#menu{
position:relative;
top:0;
left:0;
width:995px;
height:59px;
margin:0 auto;
padding:0;
/*border:1px solid red;*/
background:url(../cssimgs/menu_bg.jpg) no-repeat left top;
}

#menu ul{
position:relative;
top:0;
left:0;
margin:0 auto;
width:950px;
padding:0;
/*border:1px solid red;*/
/*border:1px solid black;*/
}

#menu li{
position:relative;
top:17px;
left:0;
float:left;
width:140px;
list-style-type:none;
text-align:center;
/*border:1px solid red;*/
}

#cenova-kalkulacia{
width:250px!important;
/*border:1px solid red;*/
}

#herstellung, #referenzen {
width:175px!important;
/*border:1px solid red;*/
}

#preisange-bot {
width:175px!important;
/*border:1px solid red;*/
}

#menu li a:hover{
background:url(../cssimgs/pointer.jpg) no-repeat left center;
}

#menu li a{
font-size:18px;
font-weight:bold;
padding-left:30px;
}

/* MENU END */

/* CONTENT START */

#content-wrapper{
position:relative;
top:0;
left:0;
width:1022px;
height:auto;
margin:0 auto;
}

#content-inner{
position:relative;
top:0;
left:14px;;
width:995px;
height:auto;
margin:0;
float:left;
background:url(../cssimgs/content_bg.jpg) repeat-x left top;
background-color:#FFFFFF;
}

#content-bottom{
position:relative;
top:0;
left:14px;
margin:0;
float:left;
width:996px;
height:6px;
background:url(../cssimgs/content_bottom_bg.jpg) no-repeat left top;

}

#left{
position:relative;
top:0;
left:0;
width:550px;
height:auto;
text-align:left;
float:left;
padding:50px;
margin:0 30px 30px 0;
/*border:1px solid red;*/
}

#right{
position:relative;
top:0px;
left:0;
width:300px;
height:377px;
float:left;
margin:70px 0 30px 0;
background:url(../cssimgs/main_img_keret2.png) no-repeat left top;
/*border:1px solid red;*/
}

#left_kont{
position:relative;
float:left;
width:500px;
height:250px;
/*border:1px solid red;*/
}

#left_kontakt{
position:relative;
top:0;
left:0;
width:450px;
height:auto;
text-align:left;
float:left;
padding:50px;
margin:0 30px 30px 0;
/*border:1px solid red;*/
}

#right_kontakt, #right_sluzby{
position:relative;
top:0;
left:0;
width:400px;
height:280px;
float:left;
margin:0px 0 30px 0;
background:url(../cssimgs/mapa_keret.png) no-repeat left top;
/*border:1px solid red;*/
}

#right_sluzby{
margin:70px 0 30px 0!important;
height:300px!important;
background:url(../cssimgs/mapa_keret2.png) no-repeat left top;
}

#kont_form{
position:relative;
top:0;
left:0;
margin-top:0px;
margin-bottom:25px;
padding:0;
text-align:left;
float:left;
}

iframe{
position:relative;
top:22px;
left:23px;
}

.tartalom_img{
position:relative;
top:21px;
left:-17px;
z-index:1!important;
}

.kepek_logo{
position:absolute;
bottom:1px;
right:35px;
z-index:999!important;
}

.kepek_logo_small{
position:absolute;
bottom:43px;
right:68px;
z-index:999!important;
}

.text_img{
float:left;
margin:10px 25px 10px 10px;
padding:3px;
/*border:2px solid #00497c;*/
border:2px solid #dcdcdc;
}

.text_img2{
float:left;
margin:10px 5px 10px 5px;
padding:3px;
/*border:2px solid #00497c;*/
border:2px solid #dcdcdc;
}

#szep_kepek{
position:relative;
float:left;
margin-left:0px;
width:100%;
}

.profil_img{
float:left;
margin:10px 25px 10px 10px;
padding:4px;
border:3px solid #00497c;
}

.spaced-title{
letter-spacing: 2px;
}

/* CONTENT END */

/* FOOTER START */

#footer{
position:relative;
top:0;
left:14px;
margin:0 0 50px 0;
width:996px;
height:60px;
float:left;
/*border:1px solid red;*/
background:url(../cssimgs/footer_bg.jpg) no-repeat center top;
}

#copyright{
position:relative;
top:0;
left:0;
margin:0;
width:956px;
/*border:1px solid red;*/
}

#copyright li{
position:relative;
top:25px;
color:#fccba2;
list-style-type:none;
float:left;
width:450px;
font-size:11px;
}

#copyright li a{
color:#fccba2;
}

#copyright li a:hover{
text-decoration:underline;
}

#left_copy{
text-align:left;
}

#right_copy{
text-align:right;
}

/* FOOTER END */

#kontakt{
position:relative;
top:0;
left:0;
margin:0;
padding:0;
}

#kontakt li{
font-size:12px;
line-height:18px;
}

.mail{
color:#f47920;
}

.mail:hover{
color:#f47920;
text-decoration:underline;
}

/* FORMULAR 1 START */

#formular {
	width:900px;
	float:left;
	position:relative;
}
#formular label{
position:relative;
width:145px;
text-align:left;
font-size:12px;
float:left;
margin:13px 0;
padding-top:3px;
display:block;
}

#formular input {
width:200px;
margin:10px 0;
padding:3px;
}

#formular textarea {
width:200px;
margin:10px 0;
height:80px;
padding:3px;
}

#formular .aspam2 {
margin:12px 0;
}

.kod{
position:relative;
float:left;
width:360px!important;
}

.key{
position:relative;
float:left;
}

#sendbtn, #sendbtn2{
position:relative;
left:140px;
	width:209px!important;
	background:#00497c;
	border:2px #ffffff solid;
	color:#fff;
	font-weight:bold;
	float:left;
	margin-top:10px;
}

#sendbtn{
left:145px!important;
margin-right:100px;
}

#sendbtn:hover, #sendbtn2:hover{
cursor:pointer!important;
}

/* FORMULAR 1 END */

/* FORMULAR 2 START */

#cenova {
width:900px;
float:left;
margin:0 0 25px 0;
/*border:1px solid black;*/
}

.wrapper{
position:relative;
width:170px;
float:left;
margin-right:10px;
}

#cenova label{
	text-align:left;
	font-size:12px;
	margin:0!important;
	}

#cenova input {
	margin:2px 0;
	padding:3px;
}

#cenova #balos #passKey{
/*border:1px solid;*/
width:143px!important;
}

#cenova textarea {
	width:200px;
	margin:10px 0;
	height:80px;
	padding:3px;
}

#cenova .aspam2 {
	margin:4px 0;
}

.kod{
width:200px;
}

#passKey {
width:200px!important;
position:relative;
float:left;
padding:3px;
}

.key{
position:relative;
float:left;
/*border:1px solid red;*/
}

#sendbtn{
position:relative;
top:10px;
left:0px;
width:209px!important;
background:#00497c;
border:2px #ffffff solid;
color:#fff;
font-weight:bold;
/*float:left;*/
}

#sendbtn:hover{
cursor:pointer;
}

.titlediv{
width:100%;
float:left;
}

.cwrapper {
	position: relative;
clear:both;
	width: 200px;
	height: 60px;
	margin-left: 0px;
}

.cwrapper label {
	float: left;
	color:#00497c;
	font-size: 12px;
}

.cwrapper select {
	float: left;
	
	font-size: 15px;
	width: 330px;	
	padding: 3px;
	outline: none;
	color:#00497c;
	margin-top:3px;
}

.wwrapper{
	position: relative;
	float: left;
	width: 330px;
	height: auto;
	margin:0 0 20px 0;
	/*border:1px solid red;*/
}

.wwrapper label {
	color: #00497c;
	font-size: 12px;
	/*line-height: 30px;*/
	margin-left: 20px;
	margin-right: 5px;
}

.wwrapper select {
	float: left;
	font-size: 15px;
	width: 160px;	
	padding: 3px;
	outline: none;
	color: #00497c;
	margin:3px 0;
}

.wwrapper input {
	float: left;
	width: 30px;
	font-size:15px;
	height:19px;
	padding: 3px;
	outline: none;
	color: #00497c;
	margin:3px 0;
}

#message{
width:100%;
}

.csoport{
position:relative;
float:left;
width:56px;
}

.csoport_select{
position:relative;
float:left;
width:150px;
}

.csoport_last{
position:relative;
float:right;
width:40px;
}

#ablakok {
	position: relative;
	float: left;
	/*width: 100%;*/
	margin: 15px 0;
}

#ablakok .addlink {
	position: absolute;
	right: 0px;
	bottom: -40px;
	width: auto;
	cursor: pointer;
}


/* FORMULAR 1 End */

/*  SLIDEVIEWER CSS START */

/*preload classes*/ 
.svw {width: 50px; height: 20px;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: absolute; 
overflow: hidden;
/*border:1px solid red;*/
/*height:270px!important; */
/*border: 5px solid #ff0000;   */
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none;
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%;
} 
.stripTransmitter ul {
margin: 0; 
padding: 0; 
position: absolute;
right:44px;
top:20px;
padding-left:20px;
list-style-type: none; 
/*border:1px solid red;*/
} 
.stripTransmitter ul li{ 
width: 25px; 
clear:both;
/*float:left;*/
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #00497c; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #f47920; 
/*color: #00497c; */
color:#FFFFFF;
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
/*border: 5px solid #dedede; */
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 

#mygalone{
position:relative;
top:20px;
left:20px;
}

/*  SLIDEVIEWER CSS END */


.popisy{
position:relative;
top:0;
left:0;
margin:0;
padding:0;
width:450px;
height:auto;
float:left;
text-align:justify;
}

.popisy li{
position:relative;
top:0;
left:0;
width:100%;
text-align:left;
margin:0;
padding-left:30px;
font-size:14px;
background:url(../cssimgs/pointer.jpg) no-repeat left center;
line-height:20px;
}

/*  asfdsfusdhgafgusdygfyusd */

#balos{
position:relative;
float:left;
width:440px;
/*border:1px solid red;*/
}

#jobbos{
position:relative;
float:left;
width:440px;
/*border:1px solid red;*/
}

#certif{
position:relative;
float:left;
width:100%;
height:300px;
/*border:1px solid red;*/
}

#logo_sal{
position:relative;
top:-10px;
left:0;
float:left;
width:100%;
height:53px;
margin:0px;
padding-left:60px;
background:url(../imgs/salamander-logo.jpg) no-repeat left center;
}

#logo_3d{
position:relative;
top:-10px;
left:0;
float:left;
width:100%;
height:54px;
margin:0px;
padding-left:60px;
background:url(../imgs/3d-logo.jpg) no-repeat left center;
}

#egyben{
text-align:left;
margin:25px 0 0px 40px;
}