/*	webfonts

*/

@font-face {

	font-family: 'worksans-bold';

	src: url(../../webfonts/WorkSans-Bold.otf);



}



@font-face {

	font-family: 'worksans-light';

	src: url(../../webfonts/WorkSans-Light.otf);

} 









/*





/**

 * GENERAL

 *´********************************************************/

html {

	box-sizing: border-box;

}



*, *:before, *:after {

	box-sizing: inherit;

}

.container:before,

.group:before,

.menu:before,

.container:after,

.group:after,

.menu:after {

    content: " ";

    display: table;

}



.container:after,

.group:after,

.menu:after {

    clear: both;

}





body {

	color: #263248;

	background: #263248;

	font-family: 'worksans-light';

	font-weight: normal;

	text-align: left;

	margin: 0;

}



a {

	font-family: 'worksans-bold';

	text-decoration: none;

	color: #263248;

}



p {

	font-size:  0.85em;



}



strong {

	font-weight: bold;

}



h1,h2,h3 {  color: #263248; font-family: 'worksans-light'; }



h2 {font-size: 2.25em;padding-left: 42px;/* padding-top: 60px; */}

h3 { font-size: 1.5em;}



.red, .active {

	color: #e42313;

}







/* 100% */





header, main, .bottom_section, .pre_foooter, footer {  width: 100%; }



.container { 

	max-width:1200px; 

	margin: 0 auto;

	padding: 0 1em;



 }



 /* header */



header {

	height: 70px;

	background-color: #263248;



}



.menu {

	margin: 0;

	list-style: none;

	padding-left: 0;

	text-align: center;



}



.menu li,

.menu a {

	display: inline-block;

}

.menu a {

	color: #7e8aa2;

	text-decoration: none;



	

}



.menu a:hover,

.menu a:focus,

.menu a:active {

	color: #e42313;

}



nav a 	{

	font-size: 1em; 

	text-align: center !important;

	display: inline-block;

	padding: 1.6em 0.625em;

}



.logo {

	font-size: 1.2em;

	float: left;

	margin: 0;





}



.logo a {

	color: white;

	text-transform: uppercase;

	text-decoration: none;

	line-height: 70px;

}



.logo img {

	vertical-align: middle;

}



/* footer*/



.pre_foooter {

	background-color: #e42313;

	height: 106px;

	padding: 28px 56px;

	

}



.kontakt {

	    font-size: 0.8125em;

	    float: left;

}



.contact_footer {

	width: 25%;

	float: left;

}



footer {

	background-color: #263248;

	height: auto;

	color: white;

	font-family: 'worksans-light';

	padding: 12px 0;



}



.nopadd {

	padding: 0 !important;

	padding-bottom: 12px;

}



/* end of header/footer ***************************************************/







 /* bckrounds */







.uvod  { background-image: url(../../images/hpbck.jpg); z-index: -5; }

.contact { background-image: url(../../images/Fotolia_57181971_Subscription_XXL.jpg); }

.services { background-image: url(../../images/Fotolia_64212054_Subscription_XXL.jpg); }

.about { background-image: url(../../images/bg-4.jpg); }

.mezinarodni-a-tuzemska-doprava { background-image: url(../../images/bg-4.jpg); }

.spedice-zasilek { background-image: url(../../images/bg-3.jpg); }

.sledovani-vozidel { background-image: url(../../images/banner-10.jpg); }

.reklamace-zasilek { background-image: url(../../images/bg-2.jpg); }





.uvod,	

.contact,

.services,

.about,

.mezinarodni-a-tuzemska-doprava,

.spedice-zasilek,

.sledovani-vozidel,

.reklamace-zasilek

 {

	max-width: 100%;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: top ;



}



/* **************************************************************************/





/* main *********************************/



.first,

.second {

	background-color: rgba(255,255,255,0.8);

	padding: 20px;

	line-height: 49px;

	float: left;

	clear: both;

}



.first {

	color: #e42313;

	margin-top: 80px;

}



.second {
        margin-top: 10px;

	margin-bottom: 80px;

}



.nofloat {

	clear: both;

	float: none;

}



nav .selected {

	color: #e42313;

}



.main_holder {

	height: auto;

	padding: 1.5623em;

	background: rgba(255,255,255,0.8);

} 



.services .btn	{

	width: 100%;

}









.article3_holder {

	    min-height: 463px;

	}



/* articles */



article {

	margin-bottom: 20px;

	height: auto;

	float: left;

	padding: 0 2.21em;	

}



article img {

	width: 100%;

	background-size: cover;



}



.height4p {

	height: 186px;

    position: relative;

    display: inline-block;

}



.height3p {

    height: 245px;

    position: relative;

    display: inline-block;

}



.two {

	width: 45%;



}



.three {

	width: 33.3333%;

	position: relative;





}



.three p {

	margin: 1.5em 0;

}



.three a {

	color: #263248;

	text-decoration: none;

}



.four {

	width: 25%;

	height: auto;

	float: left;

	padding: 0 1.2em

}



.four p {

	color: white;

}







.article4_holder,

.article4_holder2 {

	padding: 20px;



}



.article4_holder2 img {

	float: left;

	width: 53px;

	height: 53px;

}



.article4_holder2 h3 {

	margin: 3.6em 0 2em 0;

}



.main_holder h2 {



/* padding-top:75px; */



display: inline-block;

}



.main_holder p {

    color: #263248 !important;

}



.btn {





	    font-size: .875em;

    padding: .8125em 2.625em;

    display: inline-block;

   

    float: right;

    clear: both;

    background-color: #7e8aa2;

    position: absolute;

    bottom: 0;

    right: 0;

}



.btn a {

	color: white;

}



.btn:hover {

	background-color: #e42313;

}









/* ///////////////////////////////////////////////////*/ 



.whheader { color: white; }



.bottom_section {

	background-color: #263248;

	height: auto;







}





/* kontakt */

.nom {

	margin-top: 0px;

	margin-bottom: .3em;

}



.contact .main_holder {

	padding: 50px;

	padding-right: 0px;

	margin-top: 50px;

	margin-bottom: 50px;

	width: 1050px;



}



.contact p {

	font-size: 0.875em;

	margin: .5em; 

}







.contact img {

	float: left;

	margin-right: 30px;



}



.pull {

	width: 24%;

	float: left;

	margin-left: -7px;

	/* text-align: left; */

}



.pull_right {

	float: right;

	margin-top: -38px;

}

/* end of kontakt*/ 





/* about  */



.about_text {

	font-size: 1em;

}



.mezinarodni-a-tuzemska-doprava .main_holder h2 {

	padding-left: 0;

} 



.contact .main_holder h2 {

	padding: 0px;

	margin: 0px;

	display: inline-block;

}



.contact .logo {

	margin-top: 15px;

}