﻿@charset "utf-8";
/*----------------------------------------------------------------------------

+ ************************************************************************************* +
*																						*
*																*
*																						*
+ ************************************************************************************* +

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Sidebar    (postraní sloupec)
  7. Content    (obsah)
  8. Footer     (patička)
  9. Other      (ostatní)

	==[ Colors ]==
	2. #0838A3  - side-h2	, h1 f
	3. #a5d900  - a:hov 

----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: 80%;
	font-family: Arial, Tahoma, sans-serif;
	background:#fff url(../images/back.png) top left repeat-x;
	color: #333;
	text-align: center;
}
body.bg {background-image:url(../images/back2.png);}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1, h2, h3{font-weight:normal;}
h1 {font-size: 220%; color:#0838A3;}
h2 {font-size: 170%; margin-top:20px;}
h3 {font-size: 140%; color:#4e565f; margin-top:10px;}
ul {margin:0 0 5px 20px;}
ul li{margin:0 0 3px 0;}
a {color:#0838A3;}
a:hover {color:#333;}
img {border:none; text-decoration:none;}
/*clear*/
	.clear{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
		}
/*formuláře*/
.txt-input, .txt-area, .objednavka-pole, textarea {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
	}
.txt-select, select {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
	}
.txt-input:hover, .txt-area:hover, .objednavka-pole:hover {border:1px solid #333;}
.txt-input:focus, .txt-area:focus, .objednavka-pole:focus {border:1px solid #0838A3; color:#555;}
/*tabulka*/
.tabule, .tabule tr, .tabule td, .tabule th{
	border-collapse:collapse;
	border:solid 1px #cccccc;
	}
.tabule th{
	background:#f6f8f9; text-align:center;
	}
.tabule th, .tabule td{
	padding:5px;
	}
/**/
.button {
	border:none; 
	color:#fff; 
	width:77px; 
	height:24px;
	font-size:120%; 
	line-height:25px;
	vertical-align:middle;
	cursor:pointer;
	font-weight:bold;
	background:url(../images/button.png) bottom left no-repeat; overflow:hidden;
}
.obrazek img{
	margin:10px 20px;
	padding:2px;
	border: solid 3px #d7f08c;
}
.obrazek img:hover{
	border-color:#a1ca25;
}
.no{
	display:none;
}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 960px;  
	margin: 0 auto; 
	padding:0px 20px;
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {margin-bottom:0px;}
#header #top1 {height:120px; position: relative;}
/*logo*/
#header #top1 #logotype {position:absolute; top:3px; left:25px; width:167px; height:127px;}
/*main menu*/
#header #top1 .main-menu {
	position:absolute; bottom:-42px; right:0px; z-index:1;
	height:55px;
}
#header #top1 .main-menu ul { list-style:none;}
#header #top1 .main-menu ul li {
	float:left; 
	height:24px;
	line-height:24px; vertical-align:middle;
	font-size:100%;
	text-align:center;
	
}
#header #top1 .main-menu ul li a {float:left; margin:1px 2px; text-decoration:none; color:#fff; background:url(../images/menu-stred-modra.png) right top no-repeat;}
#header #top1 .main-menu ul li a:hover {color:#FF9100;}
#header #top1 .main-menu ul li a span {padding:0px 2px 0px 2px;}
#header #top1 .main-menu .obrl1 {float:left;  height:24px; width:5px; padding:0px; background:url(../images/menu-leva-modra.png) left top no-repeat;}
#header #top1 .main-menu .obrl {float:left; height:24x; width:1px;padding:0px;  background:url(../images/menu-leva-zelena.png) left top no-repeat;}
#header #top1 .main-menu ul li a.selected {
text-decoration:none; 
color:#fff; 
font-weight:bold; 
background:url(../images/menu-stred-zelena.png) right top no-repeat;
}
#header #top1 .main-menu ul li a.selected:hover {
color:#fff; 
}
#header #top1 .main-menu .ukaz {display:block; padding:0px; margin:0px 0px 0px 10px; width:22px; height:24px;  0px 0px no-repeat;}

/*horni menu*/
#header #top1 .quick-menu {
	position:absolute; top:0px; right:18px;
	height:24px;
	
}
#header #top1 .quick-menu ul { list-style:none; font-size:90%; margin-right:215px;}
#header #top1 .quick-menu ul li {
	float:left; 
	height:27px;
	line-height:29px; vertical-align:bottom;
	padding:0 10px;
	background:url(../images/top1-quickmenu-sep.png) top right no-repeat;
}
#header #top1 .quick-menu ul li a {color:#babfc4;}
#header #top1 .quick-menu ul li a:hover {color:#a5d900;}
/*--search*/
#header #top1 .quick-menu form { position:absolute; top:4px; right:0px;}
#header #top1 .quick-menu form .searchText {
	width:130px;
	background:url(../images/input-text-back.png) top left repeat-x;
	border:1px solid #ccc;
	padding:1px 2px 2px;
	font-size:12px;
}
#header #top1 .quick-menu form .searchText:focus, #header #top1 .quick-menu form .searchText:hover { border-color:#a5d900;}
#header #top1 .quick-menu form .searchBtn {
	border:none; 
	color:#fff; 
	width:60px; 
	height:20px;
	font-size:12px; 
	cursor:pointer;
	background:url(../images/input-button-back.png) bottom left no-repeat; overflow:hidden;
}
/*e-invent*/
#header #top1 .e-invent {
	position:absolute; top:58px; right:20px;
	width:200px; text-align:right;
	font-size:85%;
	color:#888;
}
#header #top1 .e-invent a {
	float:right;
	width:142px; height:58px;
	margin-left:6px;
}
#header #top1 .e-invent p {
	display:block;
	font-size:80%;
	color:#babfc4;
}
/*TOP2*/
#header #top2 {height:376px; overflow:hidden; position:relative; font-size:13px;} 
/*flash*/
#header #top2 .flash {display:block; height:376px; width:640px; z-index:0;} 
/*proc my*/
#header #top2 .proc-my {
	float:right; 
	width:275px; height:376px;
	padding:25px 0  0 35px; 
	background:url(../images/top2-sep.jpg) top left no-repeat;
	color:#333;
}
#header #top2 .proc-my span { color:#01233f; font-size:130%; display:block; margin-bottom:0.7em; font-weight:bold;}
#header #top2 .proc-my strong {color:#fff; font-size:115%; text-align:right; display:block; padding-top:5px;}
#header #top2 .proc-my p { 
	padding-left:32px;
	margin-bottom:1em;
	background:url(../images/bull-greenback.png) top left no-repeat;
	min-height:3em;
	font-size:82%;
}
#header #top2 .proc-my p strong { text-align:left; font-size:110%; padding:0;}
/*top2 uzke*/
#header #top2-short {
	padding-left:20px;	
	height:50px; line-height:50px;
	vertical-align:middle;
	font-size:90%;
	color:#fff;
	padding-top:3px;
}
#header #top2-short span {color:#fff; padding:0 5px;}
#header #top2-short a {color:#fff;}
#header #top2-short a:hover {color:#fff;}
#header #top2-short .slogan {float:right; font-weight:bold; font-size:150%; height:50px; line-height:50px; color:#fff;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: left; 
	width: 290px; /*IE6 fixed*/
	overflow: hidden;
	margin:0px;
  margin-bottom:20px;	 
}
#sidebar h2 {margin-bottom:0.6em; font-size:155%; color:#0838A3;}
/*aktuality*/
#sidebar .aktuality {padding:22px 0px 10px 5px; margin-bottom:15px;}
#sidebar .aktuality h3 {display:inline; font-size:120%; font-weight:bold;}
#sidebar .aktuality h3 a {color:#555;}
#sidebar .aktuality span {font-size:85%; color:#333; margin-left:4px;}
#sidebar .aktuality p {margin:0.3em 0 1em; font-size:90%; line-height:160%; }
#sidebar .aktuality a.old {
	color:#0838A3;
	display:block;
	padding:0 0 3px 23px;
	margin-left:5px;
	background:url(../images/bull-orange-plus.png) no-repeat center left;
}
#sidebar .aktuality a.old:hover {color:#333;}
#sidebar .aktuality a:hover {color:#0838A3;}
/*kontakt*/
#sidebar .kontakt {border-top:2px solid #b6e22d; padding:15px 10px 5px; color:#444;}
#sidebar .kontakt strong {display:block;}
#sidebar .kontakt h3 {color:#4e565f; font-size:110%;  font-weight:bold; padding:0 0 5px 23px; background:url(../images/bull-whiteback.png) top left no-repeat;}
#sidebar .kontakt p {margin-bottom:1.2em; margin-left:25px; font-size:90%; line-height:140%; position:relative; top:-4px;}
#sidebar .kontakt a {color:#0838A3;}
#sidebar .kontakt a:hover {color:#333;}
#sidebar .kontakt .mapa {margin:12px 0 28px 5px;}
/*---s pozadim---*/
#sidebar .bg, #sidebar .bg1  {background:url(../images/side-back-middle.png) top left repeat-y; padding:10px 25px 5px 25px; }
#sidebar .bg h3, #sidebar .bg1 h3 {display:inline;}
#sidebar .bg span, #sidebar .bg1 span {font-size:85%; color:#333; margin-left:5px;}
#sidebar .bg p, #sidebar .bg1 p {margin:0.3em 0 1em; line-height:180%;}
#sidebar .bg a:hover, #sidebar .bg1 a:hover {color:#333;}
#sidebar .bg-top {height:47px; background:url(../images/side-back-top.png) top left no-repeat;}
#sidebar .bg-top h2 {font-size:150%; padding:5px 0px 0px 20px;}
#sidebar .bg-bottom {height:15px; background:url(../images/side-back-bottom.png) top left no-repeat;}
#sidebar .bg-menu {display:block; padding: 10px 25px 30px 25px; margin:0px; background:url(../images/side-back.png) top left no-repeat;}

#sidebar .bg1  {background:url(../images/side-back-middle1.png) top left repeat-y; }
#sidebar .bg1-top {height:47px; background:url(../images/side-back-top1.png) top left no-repeat;}
#sidebar .bg1-top h2{font-size:150%; padding:5px 0px 0px 20px;}
#sidebar .bg1-bottom {height:15px; background:url(../images/side-back-bottom1.png) top left no-repeat;}
#sidebar .bg1-menu {display:block; padding: 10px 25px 30px 25px; margin:0px; background:url(../images/side-back1.png) top left no-repeat;}
/*menu*/
#sidebar .bg-menu ul.menu {list-style:none; margin:0; padding:0;}
#sidebar .bg-menu ul.menu li {border-bottom:1px solid #ccc; padding:0; margin:0; font-size:95%;}
#sidebar .bg-menu ul.menu li a {
	display:block;
	border-top:1px solid #fff;
	text-decoration:none;
	color:#4e565f;
	padding:9px 5px 12px 30px;
	margin:0 0 0 5px;
	background:url(../images/side-menu-odrazka.png) top left no-repeat;
}
#sidebar .bg-menu ul.menu li a:hover {text-decoration:underline; color:#0838A3;}
#sidebar .bg-menu ul.menu li.selected {font-weight:bold; text-decoration:none; color:#4e565f; background:url(../images/side-menu-selected-back.png) top right repeat-y;}
/*klient*/
#sidebar .bg p.klient {line-height:150%;}
#sidebar .bg p.klient img.align {vertical-align: text-top;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:right;
	width:640px;
	padding-bottom:2em;
	padding-top:22px;
} 















/* heading, anchor and paragraph margins*/
#mainContent h1 {margin-bottom: 0.6em; padding-bottom:5px; border-bottom:solid 1px #aeb1b5; color:#4e565f;} 
#mainContent h2 {margin: 25px 0px 15px 0px; padding-bottom:5px;  color:#0433A1; border-bottom:dotted 1px #0433A1;}  
#mainContent h3 {margin:20px 0px 5px 0px; padding:0px; color:#4e565f;} 
#mainContent p {line-height:155%; margin:5px 0px 15px 0px;} 
#mainContent a {color:#0838A3;}
#mainContent a:hover {color:#333;}

#mainContent ul,li{
margin: 0px; padding: 0px;
list-style:none;
display:block;
}
#mainContent ul{margin: 5px 0px 5px 5px;  line-height:180%; vertical-align:middle;}
#mainContent li{
padding-left:20px;
background: url(../images/li1.gif) 5px 7px  no-repeat;
}
/*holder*/
#mainContent .holder { font-size:90%; overflow:hidden; margin-top:10px;}
#mainContent .holder div {
	float:left;
	padding:15px 10px 15px 15px;
	margin:10px 10px 5px 5px;
	width:280px; height:130px; 
	background:url(../images/holder-back.png) top left no-repeat;
}
#mainContent .holder div p {margin:0px 0px 0px 90px;}
#mainContent .holder div p a {display:block; color:#0838A3; margin-top:6px; padding-left:22px; background:url(../images/bull-orange-plus.png) center left no-repeat;}
#mainContent .holder div p a:hover {color:#333;}
#mainContent .holder div img {float:left; width:75px;margin:0px;}
#mainContent .holder div h2{ padding-bottom:5px;  color:#0433A1; text-decoration:none; margin:0px 0px 10px 0px; font-weight:bold; font-size:150%; border:none;}
#mainContent .holder div h2 a{ padding-bottom:5px;  color:#0433A1; text-decoration:none; margin:0px 0px 10px 0px; font-weight:bold; font-size:100%; border:none;}
/*reference*/
.reference {margin-top:1.3em; font-size:90%;}
.reference div {
	width:190px; height:180px; 
	float:right; 
	overflow:hidden; 
	margin:10px 10px; position:relative;
}
.reference1 div {
	width:190px; height:160px; 
	float:right; 
	overflow:hidden; 
	margin:10px 10px; position:relative;
}
.reference3 div {
	width:190px; height:160px; 
	display:block;
	overflow:hidden; 
	margin:10px 25px; position:relative;
}
.reference4 div {
	width:190px; height:180px; 
	display:block;
	overflow:hidden; 
	margin:10px 25px; position:relative;
}
.reference-tabulka{
	width:420px;
	float:right; 
	line-height:220%;
	overflow:hidden; 
	margin:0px; position:relative;
}
.reference-odkaz{
	display:block;
	width:350px; height:50px; line-height:50px; vertical-align:middle; font-size:130%;
	background:url(../images/reference-odkaz.png) top left no-repeat;
	padding-left:70px;
	font-weight:bold;
	margin:15px 0px 5px 0px;
}




/*holderlist*/
#mainContent .holderlist { font-size:90%; overflow:hidden; margin-top:10px;}
#mainContent .holderlist div {
	float:left;
	padding:15px 10px 15px 15px;
	margin:10px 10px 5px 5px;
	width:680px; height:130px; 
	top right no-repeat;
}
#mainContent .holderlist div p {margin:0px 0px 0px 90px;}
#mainContent .holderlist div p a {display:block; color:#0838A3; margin-top:6px; padding-left:22px;  center left no-repeat;}
#mainContent .holderlist div p a:hover {color:#333;}
#mainContent .holderlist div img {float:left; width:75px;margin:0px;}
#mainContent .holderlist div h2{ padding-bottom:5px;  color:#0433A1; text-decoration:none; margin:0px 0px 10px 0px; font-weight:bold; font-size:150%; border:none;}
#mainContent .holderlist div h2 a{ padding-bottom:5px;  color:#0433A1; text-decoration:none; margin:0px 0px 10px 0px; font-weight:bold; font-size:100%; border:none;}
/*reference*/
.reference {margin-top:1.3em; font-size:90%;}
.reference div {
	width:190px; height:180px; 
	float:left; 
	overflow:hidden; 
	margin:10px 10px; position:relative;
}
.reference1 div {
	width:190px; height:160px; 
	float:left; 
	overflow:hidden; 
	margin:10px 10px; position:relative;
}
.reference3 div {
	width:190px; height:160px; 
	display:block;
	overflow:hidden; 
	margin:10px 25px; position:relative;
}
.reference4 div {
	width:190px; height:180px; 
	display:block;
	overflow:hidden; 
	margin:10px 25px; position:relative;
}
.reference-tabulka{
	width:420px;
	float:left; 
	line-height:220%;
	overflow:hidden; 
	margin:0px; position:relative;
}
.reference-odkaz{
	display:block;
	width:350px; height:50px; line-height:50px; vertical-align:middle; font-size:130%;
	background:url(../images/reference-odkaz.png) top left no-repeat;
	padding-left:70px;
	font-weight:bold;
	margin:15px 0px 5px 0px;
}








/*zobraz-odkaz*/
#mainContent  .zobraz-odkaz{
	display:block;
	width:280px; height:40px; line-height:40px; vertical-align:middle; font-size:100%;
	background:url(../images/zobraz-odkaz.png) top left no-repeat;
	padding-left:70px;
	font-weight:bold;
	margin:0px 0px 10px 290px;
}
#mainContent  .zobraz-odkaz a{
	color:#43494f;
	font-weight:bold;
}
#mainContent  .zobraz-odkaz a:hover{
	color:#333;
}
/*vyjádření klienta*/
#mainContent .bg-top-klient {display:block; margin:0px; padding:0px; height:44px; background:url(../images/klient-top.png) top left no-repeat;}
#mainContent .bg-top-klient h3{font-size:150%; padding:5px 0px 0px 100px; color:#0433A1;}
#mainContent .bg-klient {display:block; margin:0px; padding:5px 25px; margin:0px; background:url(../images/klient.png) top left repeat-y;}
#mainContent .bg-bottom-klient {display:block; margin:0px; padding:0px; height:9px; background:url(../images/klient-bottom.png) top left no-repeat;}
/*
#mainContent .reference div span {
	position:absolute; top:0; left:0;
	width:200px; height:200px;
	background:url(../images/reference-holder-over.png) top left no-repeat;
}*/
.reference div.left {margin-right:8px;}
.reference a, .reference3 a, .reference4 a  {
	display:block;
	padding:0px 10px 2px 20px;
	margin:0px 0 0 15px;
	background: url(../images/bull-orange-plus.png) no-repeat 0px 3px;
}
.reference .images, .reference .images:hover, .reference1 .images, .reference1 .images:hover, .reference3 .images, .reference3 .images:hover, .reference4 .images, .reference4 .images:hover{
	width:190px; height:130px;
	display:block;
	padding:11px 0px 0px 14px;
	margin:0px;
	background: url(../images/podkladreference.gif) no-repeat 0px 0px;
}
.reference .images:hover, .reference1 .images:hover, .reference3 .images:hover, .reference4 .images:hover{
	background: url(../images/podkladreference.gif) no-repeat 0px -152px;
}
.reference a:hover, .zobrazit-reference a:hover {color:#333;}
.reference a, .reference3 a, .reference4 a {color:#0838A3;}
/*strankovani*/
#mainContent .pages {
	width:641px;
	margin:0 0 0 8px; 
	background:#e6f3fe url(../images/pages-back.png) top left no-repeat; 
	clear:left;
	font-size:90%;
	overflow:hidden;
	text-align:center;
	height:27px;
}
#mainContent .pages .arr-l {float:left; margin:4px 10px 0;}
#mainContent .pages .arr-r {float:right; margin:4px 10px 0;}
#mainContent .pages .page-no {padding-top:5px;}
#mainContent .pages .page-no a {padding:0 3px; color:#4e565f; text-decoration:none; vertical-align:middle;}
#mainContent .pages .page-no a:hover {color:#000; text-decoration:underline;}
#mainContent .pages .page-no a.selected {padding:1px 6px; color:#fff; background:url(../images/pages-selected.png) center center no-repeat; text-decoration:none;}
/*formuláře*/
#mainContent .formular {background:url(../images/formular-back-middle.png) top left repeat-y; padding:20px 40px 20px 40px; }
#mainContent .formular .txt-input{width:250px;}
#mainContent .formular th{padding-top:10px;}
#mainContent .formular em{display:block; color:#666; padding-bottom:20px; font-size:90%;}
#mainContent .formular-top {display:block; position:relative; margin-top:10px; height:11px; background:url(../images/formular-back-top.png) top left no-repeat;}
#mainContent .formular-bottom {height:11px; background:url(../images/formular-back-bottom.png) top left no-repeat;}
#mainContent .formular-obr {position:absolute; top:-29px; right:20px; width:114px; height:95px; background:url(../images/formular-back-obr.png) top left no-repeat;}
/*vypis produktu a sluzeb*/
#mainContent .produkt-back{
	display:block;
	position:relative;
	width:460px; 
	height:150px;
	background:url(../images/produkt-back.png) top left no-repeat;
	padding: 0px 15px 0px 165px;
	font-weight:bold;
	margin:20px 0px;
}
#mainContent .produkt-back .ikona{
	position:absolute;
	top:12px;
	left:24px;
}
#mainContent .produkt-back p{
	font-size:100%;
	padding:20px 0px;
}
#mainContent .produkt-back strong{
	line-height:220%;
	vertical-align:middle;
}
/*kontakt*/
#mainContent .kancelar1, #mainContent .kancelar2{
	float:left;
	padding:0px;
	margin:0px;
	
}
#mainContent .kancelar1{
	width:300px;
	padding-right:10px;
}
#mainContent .kancelar2{
	width:280px;
	padding-left:50px;
	background:url(../images/back-cara.png) center left no-repeat;
}
#mainContent .kontakt h2, #mainContent .kontakt h2{
	padding-left:15px;
	background:url(../images/li1.gif) 0px 8px no-repeat;
}
#mainContent .kontakt h3, #mainContent .kontakt h3{

	font-size:110%;
}
/*hvězda*/
#mainContent .hvezda{
color:red;
}
/*.odkazy*/
#mainContent  .odkazy ul {list-style:none; margin:0; padding:0; padding-left:15px;}
#mainContent  .odkazy ul li {padding:0; margin:0; font-size:85%; background:none;}
#mainContent  .odkazy ul li a {
	display:block;
	font-size:110%;
	line-height:200%;
	vertical-align:middle;
	padding-left:25px;
	background:url(../images/side-odkazy.png) center left no-repeat;
}
/*-- [ 8. Footer ] -----------------------------------------------*/
#footer {
	height:75px;
	background:url(../images/foot-back.png) left top repeat-x; 
	padding:10px;
	text-align:center; 
}
#footer .center { width:960px; margin:auto; color:#444; line-height:1.8em; margin-top:15px;}
#footer .foot-l { float:left; text-align:left;}
#footer .foot-r { float:right; text-align:right;}
#footer .foot-l a, #footer .foot-r a { color:#444;}
#footer .foot-l a:hover, #footer .foot-r a:hover { color:#000;}
#footer .foot-menu a { color:#444; margin:0 5px;}
#footer .foot-menu a:hover { color:#000;}
 
/*-- [ 9. Other ] -----------------------------------------------*/
/*error*/
#error h2{margin-bottom:0.6em; margin-left:0.2em;}
#error h3{font-size:150%;margin-bottom:0.3em; font-style:italic;}
#error p{margin-bottom:0.4px; color:#555;}
#error p.hint {font-weight:bold; color:#000;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; border:1px dashed #ccc; color:#666;}
/*napiste nam, doporucit stranku*/
#mail-form {width:95%;}
#mail-form .text_area {width:99%;}
#mail-form th {width:105px; padding-right:5px;}
#mail-form input[type=reset] {color:#444;}

a {color:red;}
a:hover {color:#333;}




/*list*/
.inside_list{
 float:right; width:640px; height:154px;text-align:left; margin-top:10px;border-bottom:1px solid #ccc;font-size:12px;font-family:Verdana;color: #666666; 
}
 .inside_list img { float:left; padding:2px;border:1px solid #ccc; width:150px; height:150px; margin-left:15px; margin-right:10px; margin-bottom:7px; }


/*tupian*/
.azienda {
	margin:0 13px 0 21px;
	float:left;
	display:inline;
	padding:2px;
	border:1px solid #ddd;
	
}

/*table*/

.table{margin:8px 0;}
.tr.t1 td {
	background-color: #F9F9F9;
	padding: 1px 1px 1px 10px;
	height: 20px;
	border:1px;
	
}
/* 1st */
.tr.t1 .leftcolor{
	 background-color: #D4E4EE;
	 	border-bottom:1px solid #fff;

}
.tr.t2 td {
	background-color: #F2F2F2;
	padding: 1px 1px 1px 10px;
	height: 20px;
	border:1px;
}
.tr.t2 td img{
	 background-color: none;}
	 
/* 2th */
.tr.t2 .leftcolor{
	 background-color: #DCE6EF;
	 	border-bottom:1px solid #fff;
}
.tr.t3 td {
	height: 20px;
	background-color: #C6C6C6;
	color: #000;
	padding: 1px 1px 1px 10px;
	border:1px;
}
.tr.t3 img{
	 background-color: none;
	 border: 10px;}









#picturelist {
width:660px;
margin-top:20px;
margin-bottom:20px;
text-align:center;
margin-right:auto;
margin-left:auto;
}

#picturelist li {
list-style:none;
float:left;
margin-right:23px;
margin-bottom:20px;
font-weight:bold;

border-bottom:1px solid #C0C0C0;
line-height:23px;
font-family:Verdana;
color:#444444; 
}

#picturelist img{
display:block;
line-height:23px;
padding:5px;
border:1px solid #C0C0C0;
}
