/* 
* Amazium V1.3
* Copyright 2012, Mike Ballan
* www.amazium.co.uk
*/

/***** Screen 960px *****/


.top			 								{ margin:0 auto; margin-top:30px; }	
.base											{ margin:0 auto; margin-bottom:40px; }	
span.example									{ margin-bottom:5px; padding:5px 0 5px 0; background-color:#eee; text-align:center; width:100%; display:block; }

body {
    background:url('../images/main.jpg') no-repeat #eaeaea top center;
    font-family:"Open Sans", Arial, Tahoma;
}

#topheader {background:url('../images/topheader.jpg') repeat-x top center; height:45px;}

.divider {background:url('../images/divider.jpg') repeat-x top center; height:74px; }
#first_divider {margin-top:198px;}

#logo { margin:0 auto; width:180px; margin-top: 18px;}

nav {width:960px; height:100px;}

nav {
     background:url('../images/nav_full.png') no-repeat top center;
     width:100%;
}

#nav_container {position:relative;top: -44px;}

nav ul { padding-top:40px;padding-left:40px;}

nav ul li {
    background: none;
    display: inline-block;
    text-transform:uppercase;
    font-size:16px;
    margin-right:40px;
}

nav ul li a { text-decoration:none; color:#346aae!important; }


#main {height: 367px;}

#welcome {
    background: #013883; /* Old browsers */
background: -moz-linear-gradient(top,  #013883 0%, #1e61bc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#013883), color-stop(100%,#1e61bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #013883 0%,#1e61bc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #013883 0%,#1e61bc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #013883 0%,#1e61bc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #013883 0%,#1e61bc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013883', endColorstr='#1e61bc',GradientType=0 ); /* IE6-9 */
display: inline-block;
padding: 15px;
color:white;

font-size: 14px;
line-height: 1.5em;
max-width:400px;
float: right;

}

#welcome h3 {font-weight:800; text-transform:uppercase; color:white;}

h1,h2,h3,h4,h5,h6 {font-family:"Open Sans", Tahoma; font-weight:600; }


#kerjenarajanlatot {
    margin-top:20px;
    display: block;
float: right;
}
#fuvarozas { text-align:center;margin-bottom: 60px;}

#kerjenarajanlatot2 {

text-align:center;
}

.ptitle img ,.ptitle h2 {display:inline;}
.ptitle h2 {color:#013883; text-transform:uppercase; font-size:3.0em; margin-left: 10px;
margin-right: 10px;}

.ptitle {text-align:center; margin-top:60px;}
.ptitle2 {text-align:center; color:#002961; text-transform:uppercase; font-size:1em; font-weight:100; margin-bottom:40px;}

#rolunk {text-align:center;margin-bottom: 60px;}

#rolunk_wrapper { width:100%; max-width:960px;margin: 0 auto;}

#rolunk_kep { float:left;}

#rolunk_nyil { position: relative;
left: 198px;}

#rolunk_nev { background: white;
color: #11478f;
display: inline-block;
padding: 9px 14px;
float: right;
margin-top: 14px;

}

#rolunk_nev h3 {  color:#11478f; font-style:italic; font-weight:bold;margin-bottom: 3px;}
#rolunk_nev h5 {  color:#11478f; font-style:normal; font-weight:normal; text-transform:uppercase; margin-bottom:0px;}

#rolunk_szoveg {background:white; padding: 22px; color:#013986; float:right; max-width:682px; font-size:16px;
line-height:1.5em; text-align:left;
}



#fuvarozas_wrapper {margin-bottom: 50px;}
#fuvarozas_szoveg {background:white; padding: 22px; color:#013986; margin:0 auto; max-width:682px; font-size:16px;
line-height:1.5em; text-align:left;
}

 #kapcsolat_wrapper {width: 100%; max-width: 750px;
margin: 0 auto; text-align:center;}
#kapcsolat_wrapper label { float:left; clear:both; width:200px; font-size:16px; color:#013986; text-align:left;}
#kapcsolat_wrapper textarea { float:left;padding:8px 12px; background:white; border:0px solid transparent;  text-align:left;color:#013986; font-size:15px; font-family:"Open Sans"; float:left; width:350px; height: 200px;}
#kapcsolat_wrapper input, input, select { padding:8px 12px; background:white; border:0px solid transparent; color:#013986;  text-align:left;font-size:15px; font-family:"Open Sans"; float:left; width: 350px;}

#kapcsolat {margin-bottom: 60px;}

#kapcsolat .errorfield {float: left;
margin-left: 20px;
color: #900;
margin-top: 9px; display:none;
 text-align:left;
}

#contact_message_error {
    display: block;
margin-left: 0px!important;
margin-bottom: 10px!important; text-align:left;
}

#contact_submit_error {margin-left:0px!important;}

#contact_form_submit {
    
    color:white!important;
    background:#013883!important;
    padding:8px 12px!important;
    width:160px!important;
    text-transform:uppercase;
    font-weight:bold;
    float:right!important;
    text-align:center!important; 
}
.kapcsolat_row {margin-bottom:20px;}

#telefon {
    display:inline-block;
    color:#014095;
    font-size: 26px;
font-style: italic;
margin: 0px auto 44px;
}

#telefon img {margin-right:14px; float:left;}


.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}

.alert-dismissable {
padding-right: 35px;
}

.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}

.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}



/***** Screen Bigger than 960px *****/
@media only screen and (min-width:1200px) {

#welcome {
    margin-right:118px;
    margin-top: 40px;

}


nav ul {padding-left:148px;}
.example										{ margin:0; padding:0; }

}

}


/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {


.example										{ margin:0; padding:0; }

}

@media only screen and (min-width: 992px)  {


nav ul li:nth-child(2) { margin-left:25px!important;}
nav ul li:nth-child(3) { margin-left:305px!important;}
nav ul li:nth-child(4) { margin-left:6px!important; margin-right:0px;}



nav ul li:nth-child(4) a { color:white!important;}


}



/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {

    .example										{ margin:0; padding:0; }

    

}


@media only screen and (max-width: 991px)  {
    #rolunk_nyil { display: none;}

    #logo {text-align: center;}

    #logo img {width: 45%;}

    #first_divider {margin-top:230px;}

    #main {margin-top: 45px;}

    nav {background: none;}

    nav.show-screen {max-width: 400px; margin: auto;}

    nav ul {padding-top: 50px; padding-left: 25px; text-align: center;}

    nav ul li {margin-bottom: 12px;}

    #kapcsolat_wrapper input,
    #kapcsolat_wrapper textarea {width: 304px;}

    #rolunk_kep { float:none;}
}

	
/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.example										{ margin:0; padding:0; }

}



/***** Retina *****/
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {

.example										{ margin:0; padding:0; }

}