﻿body, body *
{
	margin: 0px;
	padding: 0px;
	border : none;

	
	font-family: helvetica, arial, sans-serif;
	
	line-height: 1.2em;
	}

body {
	font-size: 12px;
	}

a {
	color: red;
	}
	
#logo 
{
	padding-bottom:30px;
	padding-left:19px;
	padding-right:60px;
	padding-top: 32px;
}
	
#vysoke .in{
	background: url(../img/top_main_bg.png) 0 0 no-repeat;
	/*background-image : url('../img/back.gif');*/
			
	}
	
#vysoke {
	background: url(../img/top_bg.png) 0 0 repeat-x;
}

#nizke .in{
	
	background: url(../img/top_main_bg_small.png) 0 0 no-repeat;
	
	}	
	
#nizke {
	background: url(../img/top_bg_small.png) 0 0 repeat-x;	
}

.clear {
	width: 100%;
	clear: both;
	display:block;
	height: 0px;
	}

.d3d {
	border-top: 1px solid #a81029;
	border-bottom: 1px solid #e8526c;
	width:915px;
	height: 0px;
	}

p {
	margin-bottom: 5px;
	}
	
h1	{padding: 5px 0px 10px 0px;
	color : #b71e38;
	font-size: 24px;
	}
	

h2	{
	color : #b71e38;
	font-size: 14px;
	padding: 0px 0px 0px 0px;	
	margin: 10px 0px 10px 0px;
	/*font-weight:bold;*/
	}
	
h3 	{
	color : #b71e38;
	padding: 25px 0px 5px 0px;
	margin-bottom: 15px;
	font-size: 24px;
	/*font-weight: 500;*/
	}

h4 	{
	margin : 15px 0 0 20px;
	padding : 0px;
	font-size : 130%;		}
h5 {
	margin : 10px 0 10px 19px;
	padding : 0px;
	font-size : 180%;
	color : #b71e38;		}
h6 {
	margin : 15px 0 0 19px;
	padding : 0px;
	font-size : 110%;
	color : #ae162f;		}

a {
	color: #ae162f;
	text-decoration: none;
	}

a:link, a:visited, a:hover{

	text-decoration : none;		
	}
ul, li {
	margin-left : 20px;
	}
	
.in {
	width : 1000px;
	margin : auto;
	background-image : url("../img/in2.png");
	
	background-repeat : repeat-y;
	}
.inbody {
	width : 1000px;
	margin : auto;
	}


.main {
	width : 931px;
	margin : auto;
	}
																				/**		horni menu 		**/

#topMenu {
	float: left;
	margin : auto;	
	width : 100%;
	height : 102px;	
	}
	
#topMenu a {
	color: white;
	}
	
#topMenu img{
	position:left;
	border:none;
	}

#menu {

	float: right;
	margin-right:19px;
	}
	
#menu a {
	margin : 0px;
	padding : 0px;
	font-size : 14px;
	
	display : block;
	float : right;
	margin : 35px 2px 0 2px; 
	padding : 8px 15px 10px 15px; 
	}

a.link:hover, a.current, a.activelink:link, a.activelink {	
	background-image : url("../img/activelink.png");
	background-repeat : repeat-x;
	display : block;
	float : right;
	
	text-decoration : none;
	margin : 35px 2px 0 2px; 
	padding : 8px 15px 10px 15px; 
	}
																				/**		slogan uprostred	**/

#topText {
	width : 915px;

	margin: 0px;
	padding: 20px 0px;
	color: white;
	font-size : 28px;	
	text-align: center;
	line-height: 35px;
	}
																				/**		reference uprostred	**/

#refBlock {
	width : 930px;
	margin-top:8px;
	}
	
.referencesmenu {
	width:880px;
	margin:auto;
	}	
	
.ref{
	width: 218px ;
	height:280px;
	display: block;
	float: left;
	
	position: relative;
	margin-right:1px;
	margin-left:1px;
	background: black;
	}	

.ref-img{
	padding:20px 0px;
	height:174px;
	}
	
.ref-text {
	background: url(../img/reference_btn.png) 0 0 no-repeat;
	padding: 10px 15px 40px 25px;
	height: 15px;
	position: absolute;
	width: 178px;
	bottom: 0px;
	left: 0px;
	}	

.ref-a{
	color : white;
	font-weight:bold;
	font-size : 17px;
	}
	
.ref-a2{
	color : white;
	font-weight:normal;
	font-size : 14px;
	}

.sipka-menu {								/**	sipka horni menu	**/
	background-image : url("../img/sipka-t.png");
	background-color:transparent;
	background-repeat : no-repeat;
	position :absolute;
	bottom: 62px;
	left: 25px;
	height:18px;
	width:18px;
	z-index: 2000;
	}				
		
																		/**	drobecky	**/

#drobecky{
	width : 880px;
	margin: 0px auto;
	line-height: 20px;;
}

#drobecky-p {
	padding:20px 20px 0px 20px;
	color:white;
	/*font-size:14px;*/
	font-color:white;
	}
			
#drobecky-p a {
	color: white;
	}
																				/**		left	right	**/
#left {
	float : left;
	width : 210px;
	margin-left:25px;
	padding-bottom : 20px;			
	}
	
#right {
	margin-left: 10px;
	float : left;
	width : 210px;
	padding-bottom : 20px;			
	}
	
#left a, #left a:link, #left a:visited {
	color : #ae162f;
	font-weight : normal;
	text-decoration : none;
	padding-left : 0px;			
	}
	
#left a:hover {
	color : #ae162f;
	font-weight : normal;
	text-decoration : underline;
	padding-left : 0px;			
	}
	
#right a, #right a:link, #right a:visited {
	color : #ae162f;
	font-weight : normal;
	text-decoration : none;
	/*padding-left : 0px;*/
	}
	
#right a:hover {
	color : #ae162f;
	font-weight : normal;
	text-decoration : underline;
	/*padding-left : 0px;*/
	}


																				/**		content	**/
.contentslim {
	margin-left:10px;
	float : left;
	width : 420px;
	padding-left:  15px;
	padding-right:6px;
	padding-top:20px;
	}

.contentwide {
	margin-top:5px;
	margin-left:10px;
	padding-left:15px;
	float : left;
	width : 660px;
	padding-top:15px;
	}

.document{
	padding:10px 20px 10px 0px;
	color:black;
}


.content a, .content a:link, .content a:visited, .content2 a, .content2 a:link, .content2 a:visited {
	color : #ae162f;
	font-weight : normal;
	text-decoration : none;
	margin-left : 40px;
	padding-left : 20px;
	}
	
.content a:hover, .content2 a:hover {
	color : #ae162f;
	font-weight : normal;
	text-decoration : underline;
	margin-left : 43px;
	padding-left : 20px;
	}

																			/**		newsBlock	aktuality blok**/
#newsBlock{
	width : 100%;
}
.blokaktualita {
	margin-bottom : 20px;
	width:100%;
	}
.aktualitadatum {
	background: url(../img/news_bg.png) 0 0 no-repeat;
	width : 100%;
	height : 20px;
	color : white;
	padding : 6px 0px 0px 10px;			}

.aktualitaodkaz{
	color : white;
	}

.aktualitatext {
	position:relative;
	padding : 15px 15px 20px 20px;
	}
	
.lomitko {
	color:#ae162f;
	margin : 5px 5px;
	}
.sipka-newsblocktop {
	background-image : url("../img/sipka-b.png");
	background-repeat : no-repeat;
	position :absolute;
	top:0px;
	left:10px;
	height:18px;
	width:18px;
	z-index: 2000;
	}				
		
.sipka-newsblock{
	margin-left:20px;	padding-top:3px;	line-height:20px;
	background-image : url("../img/sipka-r.png");	background-repeat : no-repeat;
	}
.sipka-newsmenu{
	padding-top:0px; padding-left:20px;	line-height:20px; color:#ae162f;			
	background-image : url("../img/sipka-r.png");	background-repeat : no-repeat;
	}	
	
																			/**		news Module	**/
.aktualita{
	/*margin-top: 10px;*/
	margin-bottom: 40px;
	/*width:640px;*/
	}
.datum{
	color:#666;
	font-weight:bold;
	margin:0px;
	}
.red{
	margin-top:22px;
	margin-bottom:20px;
	color:#ae162f;																	
	}
.redtext{color:#ae162f;margin-top:5px;	}
.black{
	margin-top:10px;
	margin-bottom:10px;
	color:black;
}

																				/**		Slu�by	**/
.services{
	color:black;
	/*	color:#ae162f;	*/
	margin-bottom:20px ;
	padding-right:20px;
	}


.services a{
	width:640px;
	color:#ae162f;
	margin:20px 0px;
	}
	
.services-sipka{
	background-image : url("../img/sipka-r.png");
	background-repeat : no-repeat;
	width:290px;
	padding-top:3px;
	line-height:20px;
	padding-left:20px;
	padding-right:15px;
	color:black;
	}
.services-sipka2{
	padding-top:3px;
	line-height:20px;
	padding-left:20px;
	background-image : url("../img/sipka-r.png");
	background-repeat : no-repeat;
	}
.services-toggle{
	background-image : url("../img/sipka-o.png");
	background-repeat : no-repeat;
	padding-top:3px;
	line-height:20px;
	padding-left:20px;
	padding-right:33px;
	cursor: pointer; 

	}

.services-toggle a{
	color:#ae162f;
	}	

 .closed{
	background-image : url("../img/sipka-r.png");
	background-repeat : no-repeat;
	padding-top:3px;
	line-height:20px;
	padding-left:20px;
	padding-right:33px;
	cursor: pointer; 
	}


																				/**		clientsBlock	**/
#clientsBlock{
	text-align: left;
	width : 218px;
	margin-left:1px
	}

.clientblock-img{
	margin-top: 5px;
	margin-bottom: 15px;
	}
	
.sipka-clientblock{
	padding-left: 20px;
	/*margin-left: 20px;*/
	padding-top:0px;
	background-image : url("../img/sipka-r.png");
	background-repeat : no-repeat;
	float: left;
	}
																					/**		clients Module seznam	**/
#clients{
	padding-top:0px;
	}
	
#clients-header{
padding-left:25px;
	}
	

.clients-image{
	width: 218px;
	float: left;
	text-align: center;
	margin-bottom :20px
	}
																				/**		clientsModule item	**/
#client{
	/*background-color: #f9f9f9;*/
	width:100%;
	}
	
#client-header {
	margin-left: 30px;	
	}
	
#client-image {
	/*border-bottom: 1px solid #f9f9f9;
	border-top: 1px solid #f9f9f9;*/
	float: left;
	margin: 10px 30px 15px 0;
	}
	
#client-description {
	width: 390px;
	padding: 0 25px;
	float: left;
	/*background-color: #f9f9f9;*/
	}


#client-projects {
	margin-top: 30px;
	}

#references-block{
	width:220px;
	margin-left:1px}	
																				/**		referencesModule seznam	**/

.references-services{
	}
																					
#references{
	margin-top: 0px;
	}
	
#references-header{
	/*padding-left: 25px;	*/
		}
		
.references-item{
	width: 218x;
	height:280px;
	display: block;
	float: left;
	position: relative;
	margin-right:1px;
	margin-left:1px;
	background: black;
	margin-bottom:20px;
	
	}
	
.references-a{
	color: white;
	font-weight:bold;
	font-size:17px;
	}
	
.references-a2{
	font-size: 12px;
	color: white;
	font-weight:normal;
	}
	
.references-img{
	padding:20px 0px;
	height:174px;
	
	float:top;
	}
	
.references-text{
	padding: 10px 15px 25px 25px;
	height:34px;
	background: url(../img/reference_btn.png) 0 0 no-repeat;
	font-weight:bold;
	font-size : 14px;
	position:absolute;
	bottom:0px;
	width:178px;
	}

.sipka-references {
	background-image : url("../img/sipka-t.png");
	background-color:transparent;
	background-repeat : no-repeat;
	position :absolute;
	bottom: 66px;
	left: 25px;
	height:18px;
	width:18px;
	z-index: 2000;
	}				
																						/**		referencesModule item	**/
#reference{
	margin-top: 0px;
	margin-left: 0px;
	padding-bottom:30px;
	padding-left: 30px;	
	padding-top:0px;
	/*background-color: #f9f9f9;*/
	width:(100%-30px);
	
	}

#reference h2{
	font-size:14px;
	font-weight:bold;
	margin:0px;
	text-decoration:none;
	padding-bottom:5px;
	}

#reference-header{
	}
#reference-top{
	}
#reference-lefttext{	
	float:left;
	width:190px;
	}
	
#reference-lefttext a {
	color: black;
	}
	
#reference-web{
	color : #ae162f;
	}

#reference-sluzby{
	color : #ae162f;	
	padding-top:20px;
	display:block;
	}

#reference-image{
	border-bottom: 1px solid #f9f9f9;
	border-top: 1px solid #f9f9f9;
	float:right;
	}

#reference-zadani{
	padding-top:10px;
	/*background-color: #f9f9f9;*/
	width:100%;
	}

#reference-description{
	padding-top:10px;
	/*background-color: #f9f9f9;*/
	}

.reference-gallery{
	padding-top:10px;
}
#reference-gallery h2{
	padding-left:30px;
}

#reference-gallery-img{
	margin-left: 1px;
	float:left;
}
	
	
																				/**		fooooot	**/
.foot {
	/*width : 100%;*/
	background: url(../img/footer_bg.png) 0 0 repeat-x;
	width : 880px;
	height : 136px;
	
	color : white;
	clear : both;
	margin : auto;
	margin-top :30px;
	}
.ftitle {
	width : 200px;
	height : 15px;
	color : #ffffff;
	font-weight : bold;
	}
.fmenu {
	float : left;
	width : 200px;
	padding : 20px 0 0px 35px;
	}
.fmenu a, .fmenu a:link, .fmenu a:visited, .fmenu a:hover {
	display : block;
	color : #ffffff;
	font-weight : normal;
	text-decoration : underline;
	}
.fcontact {
	float : left;
	width : 200px;
	padding : 20px 0 0 0px;
	}
.fphone {
	float : left; 
	width : 200px;
	padding : 20px 0 0 0px;
	}

.fphone a, .fphone a:link, .fphone a:visited, .fphone a:hover {
	color : #ffffff;
	font-weight : normal;
	text-decoration : underline;
	}
	
.fcopyright {
	float : left;
	width : 200px;
	padding : 20px 0 0 0px;
	font-weight : bold;
	}
.fcopyright a, .fcopyright a:link, .fcopyright a:visited, .fcopyright a:hover, .navigace a, .navigace a:link, .navigace a:visited, .navigace a:hover {
	color : #ffffff;
	font-weight : bold;
	text-decoration : underline;
	}

.contentslim a:hover, .contentwide a:hover {
	 text-decoration: underline;
	 }

#toolTip{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	
	margin:5px;
	
	padding:10px;
	width: 200px;
	color:white;
	border:1px solid #dedede;
	background-color: #fefefe;
	color: black;
	z-index: 2000;
	}
	
#toolTip h4, p{
	margin:1px;
	padding:1px;	
	}
	
#galimg {
	display: none;
}
