ACC SHELL

Path : /srv/www/vhosts/lps/
File Upload :
Current File : /srv/www/vhosts/lps/style.css

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('font/ptn57f-webfont.eot');
    src: url('font/ptn57f-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ptn57f-webfont.woff') format('woff'),
         url('font/ptn57f-webfont.ttf') format('truetype'),
         url('font/ptn57f-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/**
 * @name | LPS Automotive
 * @author | McFry
 * @copyright | 27.6.2011
 */
 
html {
    margin: 0;
}

body {
	background: #d2d2d2 url(./images/bg.jpg) repeat-x left top;
	font-family: Arial, "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;

    	color: #707070;

}


td{
	vertical-align:top;
}

a{
	color:#102d68;
	outline:none;
}


a img {
	border: none;
}

.clear { clear: both; }

.m { padding: 25px; }
.m.no-left{
	padding-left:0px;
}

.margin15 { margin-top: 15px; }

.p { padding: 20px; }

.justify {
	text-align: justify;
}



.bgtop {
	background: url(./images/bg_top.jpg) no-repeat center top;

}



#wrap {
	width: 931px;
	margin: 0 auto;
}


.logo {
	float: left;
	padding-top: 12px;
}

.topmenu {
	height: 50px;
	padding-top: 20px;
	text-align: right;
	font-family: "PTSansNarrowRegular", Arial, sans-serif;
	float: right;
}
.topmenu #flags{
  text-align:right;
}

	.topmenu li {
		display: inline;
		list-style: none;
		width: 110px;
		height: 48px;
		float: left;
		text-align: center;
		margin-left: 3px;
	}
		.topmenu li.uvod {
			width: 50px;
		}
		.topmenu li.uvod a span {
			background: url(./images/home_black.png) no-repeat center center;
			display: block;
			width: 50px;
			height: 35px;
		}
		.topmenu li.uvod a.active span, .topmenu li.uvod a:hover span {
			background: url(./images/home.png) no-repeat center center;
			display: block;
			width: 50px;
			height: 35px;
		}
	.topmenu li a span {
		line-height: 39px;
	}
	.topmenu li a {
		display: block;
		background: #bdbcbc;
		text-transform: uppercase;
		color: #333;
		text-decoration: none;
		height: 39px;
		font-size: 110%;
	}
	.topmenu li a:hover {
		background: url(./images/menu_over.png) no-repeat center top;
		color: #fff;
		height: 39px;
	}
	.topmenu li a.active {
		background: url(./images/menu_over.png) no-repeat left top;
		color: #fff;
		height: 48px;
	}

.header {
	margin-bottom: 30px;
}




/* BOX 4 * * * * * * * * */

.box4 {
	float: left;
	width: 232px;
	min-height: 360px;
	margin-bottom: 30px;
}
.box4 .p{
	padding-left:0px;
	padding-right:23px;
	min-height:95px;
}
.box4 .p p{
	margin-top:0px;
}
h2 {
	color: #102d68;
	font-family: "PTSansNarrowRegular", Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 0;
}
h3 {
	color: #102d68;
	font-family: "PTSansNarrowRegular", Arial, sans-serif;
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 4px;
}

.p {
	color: #707070;
	/*font-family: "PTSansNarrowRegular", Arial, sans-serif;*/
	font-size: 12px;
	line-height: 135%;
	line-height: 150%;
	margin-top: 15px;
	padding-right: 20px;
}

a.vice {
	background: #868687;
	padding: 6px 12px;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 25px;
	float: left;
}
	a.vice:hover {
		background: #102d68;
	}


a.vice2 {
	background: #505050;
	padding: 6px 12px;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 25px;
	float: left;
}
	a.vice2:hover {
		background: #102d68;
	}
	



/* BOX 3 * * * * * * * * */

.box3 {
	float: left;
	width: 310px;
	margin-bottom: 0;
	margin-top: 30px;
}
.box3.long {
	float: left;
	width: 610px;
	margin-bottom: 0;
	margin-top: 30px;
}

	.box3a {
		margin: 0;
		background: #868687;
		width: 100%;
		height: 288px;
	}
		.box3a h2 { color: #fff; }
	
	.box3b {
		margin: 0;
		background: #a7a7a7;
		width: 280px;
		height: 288px;
	}
		.box3b h2 { color: #fbbe15; }
	
	.box3c {
		margin: 0;
		background: transparent;
		width: 300px;
		height: 288px;
	}
		.box3c h2 { color: #102d68; }


.box3center {
	margin: 0;
	width: 290px;
}

.box3mail {
	margin: 0;
	width: 280px;
}
	.box3mail .m {
		padding: 25px 0 0 0;
	}
	
	
.box3cert {
	margin: 0;
	width: 310px;
}
	.box3cert .m {
		padding: 25px 0 0 10px;
	}

.box3cert img{
	margin-bottom:5px;
}
.boxA {
	background: #bababa;
	overflow:auto;
}
	.boxA p {
		margin: 0 0px 9px 0;
		float: left;
		width:50%;
		text-align:center;
	}
	.boxA a{
		text-decoration:none;
		color:black;
	}




.p2 {
	color: #fff;
	font-size: 12px;
	line-height: 150%;
}

.p3 {
	color: #666;
/*	font-family: "PTSansNarrowRegular", Arial, sans-serif;*/
	font-size: 12px;
	line-height: 135%;
	line-height: 150%;
	margin-top: 15px;
	padding-right: 20px;
}





ul.list_01 { margin: 0; padding: 0; list-style: none; }

.list_01 li {
	color: #fff;
	font-size: 13px;
	font-size:12px;
	background: url(./images/list_01.png) no-repeat left 0px;
	padding-left: 25px;
	line-height: 120%;
  padding-right:10px;
	padding-bottom:13px;
	padding-top:0px;
	}
.list_01 li a {
	color: #fff;
	text-decoration: underline;
	}
.list_01 li a:hover {
	color: #fbbe15;
	text-decoration: none;
	}

ul.list_01.dark.text { margin-left: 20px; }

ul.list_01.dark.textleft { margin-left: 20px; color: #444; float: left; width: 60%; padding-top: 25px; }

#layout1_hlavni_oblast ul.list_01.dark.textleft { margin-left: 0px; width:auto;} 

form.mailus {
	margin: 0px 0 0 0;
	padding: 0;
}

.input {
	background: #bababa;
	display: block;
	margin-bottom: 8px;
	padding: 10px 0 10px 20px;
	font-size: 12px;
	color: #444;
	overflow:auto;
}
	.input em{
		font-style:normal;
		display:block;
		float:left;
		width:50px;		
	}
	.input input {
		background: #d2d2d2;
		border: none;
		margin-left: 8px;
		width: 190px;
		height: 20px;
		font-family:Arial;
		font-size:13px;
	}
	.input textarea {
		background: #d2d2d2;
		border: none;
		width: 190px;
		height: 83px;
		font-family:arial;
		font-size:13px;
		margin-left: 8px;
	}

form.mailus .submit {
	float: right;
	border: 1px solid transparent;
	width: 78px;
	height: 27px;
	background: #868687;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	cursor:pointer;
	font-family:Arial;
}
form.mailus .submit:hover {
	background: #102d68;
}
form.mailus .submit:active {
	background: #868687;
	color: #fbbe15;
}




.copyright {
	font-size: 10px;
	color: #333;
	margin: 0 0 50px 0px;
}



.tricol-group{
	overflow:auto;
	float:left;
	width:65%;
}
.tricol-group1{
	overflow:auto;
	float:left;
	width:100%;
}

.tricol1{
	float:left;
	width:47%;
	
}
.tricol2{
	margin-left:53%;
	
}
.tricol3{
	margin-left:69%;
	
}
.tricol4{
	float:left;
	width:30%;
	
}
.tricol5{
	margin-left: 34%;
	
}

.kontakty{
	width:100%;
	border-collapse:collapse;
	margin-bottom:0px;
}
.pracovni-pozice{
	width:100%;
	border-collapse:collapse;
	margin-bottom:0px;
}

.kontakty td, .kontakty th, .pracovni-pozice th, .pracovni-pozice td{
	padding:10px;
  padding-left:15px;
	text-align:left;
	background:url('./images/field-bg.png') top repeat-x;
	vertical-align:top;
}

 .pracovni-pozice>div{padding-left:15px;padding-right:15px;}
 .pracovni-pozice>div p{padding-bottom:0px;margin-bottom:0px;margin-top:0px;}
.pracovni-pozice th, .pracovni-pozice td,.pracovni-pozice>div{
padding-top:40px;padding-bottom:30px;
vertical-align:top;
margin-bottom:30px;
	background:url('./images/field-bg.png') top repeat-x #f6f6f6;
}
.bez_pozadi>div{background:transparent;padding-top:0px;}
.pracovni-pozice td p{
	margin:0px;
}

.sedy-obal{
/*
		background: #a7a7a7;
		padding:15px;
*/
}
.sedy-obal td{
	padding-top:15px;
	padding-right:15px;
	padding-bottom:15px;
}
.sedy-obal td.sede{
	padding-right:5px;
	padding-left:15px;
	background:#a7a7a7;
}
.pozice{
	padding:20px;
	background: #a7a7a7;
	margin-bottom:20px;
	float: left;
	margin-right: 2%;
	width: 43%;
}
.pozice ul{
	margin: 0px;
	list-style:none;
	margin-left:10px;
	padding-left:0px;
}
.pozice li{
	color:white;
	font-size: 13px;
	background: url(./images/list_01.png) no-repeat left 6px;
	padding-left: 25px;
	line-height: 120%;
	padding-bottom:10px;
	padding-top:3px;

}
.colgroup{
	overflow:auto;
}

.dark li a{
	color:black;
	text-decoration:none;
}
.dark li a:hover{
	color:black !important;
  font-weight:bold;
	text-decoration:none;
}
.dark li{
	padding-bottom:7px;
	color:#707070;
}

#map-canvas{
	/*width:590px;;*/
	height:250px;
}





form.volnamista { margin-top: 30px;margin-bottom:0px; background: #ddd; padding: 20px 10px;  overflow:auto;}

form.volnamista label {
	width: 100px;
	float: left;
	line-height: 200%;
	color: #444;
	/*border-bottom: 1px solid #ccc;*/
	padding-left: 10px;
	}

form.volnamista input, form.volnamista select {
	width: 320px;
/*	height: 20px;*/
	background: #f1f1f1;
	border: 1px solid #bbb;
	margin-bottom: 9px;
	text-align: left;
	color: #444;
	padding:5px;
	font-size: 12px;
	font-family:arial;
	}
form.volnamista textarea {
	font-size: 12px;
	width: 327px;
	height: 183px;
	background: #f1f1f1;
	border: 1px solid #bbb;
	margin-bottom: 10px;
/*	margin-top: 10px;*/
	color: #444;
	text-align: left;
	font-family:arial;
	padding:5px;
	}
	/*
 form.volnamista input.submit{
	 width:auto;
	background: #868687;

	height:27px;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #fff;
	cursor:pointer;
	height:auto;
	font-family:Arial;
}
*/                              
                              
form.volnamista .submit {
	border: 1px solid transparent;
	width: auto;
	height: 27px;
	background: #868687;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	cursor:pointer;
	font-family:Arial;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	float:right;
	margin-right:5px;
}
form.volnamista .submit:hover {
	background: #102d68;
}
form.volnamista .submit:active {
	background: #868687;
	color: #fbbe15;
}




table.pictures {
	width: 100%;
	text-align: center;
}
table.pictures img {
	border: 5px solid #aaa;
}

.pracovni-pozice2{
	border-collapse: collapse;
	width:100%;		
}
.pracovni-pozice2 .s td, .pracovni-pozice2 .s th{
	background: #a7a7a7;

			
}

.colgroup{
	overflow:auto;
}
.bicol1{
	float:left;
}
.bicol2{
	margin-left:50%;
}

ul.list_01.dark.textleft.marg-top-zer{
	margin-top:0px;
	padding-top:0px;
}

.fr{
	float:right;
}

.colgroup.kontakt .tricol-group{
	float:right;
	width:600px;
	overflow:hidden;	
}
.colgroup.kontakt .tricol-group h2{
}

.colgroup.kontakt .tricol3{
	margin-left:0px;	
}

.tar{
	text-align:right;
}
.taj{
	text-align:justify;
}


#sedy-box{
		background: #868687;

		padding:30px;
		color:white;
		text-align:justify;
}
#sedy-box h2{
	color:white;
}

#vybaveni-text{
/*	width:650px;*/
}

img.picture{
	border:5px solid #a5a5a5;
}



.produkty-tricol img{
	height:120px;
}
.produkty-tricol ul{
	margin-top:20px;
}
.produkty-tricol ul>li>ul{margin-top:5px;}
.tricol-1{
	float:left;
	width:300px;
	margin-right:15px;
}
.tricol-2{
	float:left;
	width:300px;
	margin-right:15px;
}
.tricol-2 .spodek{
	padding-top:0px;
}
.spodek ul{margin-top:0px;padding-top:0px;}
.tricol-3{
	float:left;
	width:300px;
}
.produkty-tricol .vrsek, .produkty-tricol .spodek{
	min-height:200px;
}
.tac{
	text-align:center;
}
.tar{
	text-align:right;
}


.box4 h2 a{
	text-decoration:none;
}

ACC SHELL 2018