/*  

Theme Name: Engel

Theme URI: 

Description: Vzhled pro engel.cz

Version: 1.0

Author: MFÁčko

Author URI: http://www.mfacko.cz

*/



/* main structure */

* { 

	margin: 0;

	padding: 0;

}

	

body {

	background-color: #520A0D;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	}



#wrap {

	width: 850px;

	margin: 0 auto;

	}

 

#header {

	height: 187px;

	background: url(img/header.jpg) left 54px no-repeat;

	}



h1 {

	font-family: "Tahoma", Arial, Helvetica, sans-serif;

	font-size: 40px;

	font-weight: normal;

	text-transform: lowercase;

	margin: 25px 0 0 30px;

	}



h1 a {

	text-decoration: none;

	color: #666;

	}

	

h1 a span {

	font-size: 14px;

	}

	

.desc {

	font-size: 14px;

	font-weight: bold;

	color: #666;

	margin: 15px 0 0 32px;

	}



a {

	text-decoration: underline;

	color: #666;

	}



a:hover {

	text-decoration: none;

	}

	

#content {

	background: url(img/content.png) left top repeat-y;

	}



.cleaner {

	clear: both;

	height: 0;

	line-height: 0;

  	font-size: 0; 

	}



#suckerfishnav {

	font-size: 14px;

	height: 54px;

	background: url(img/nav.png) left top repeat-x;

	}

	

#suckerfishnav, #suckerfishnav ul {

	list-style: none;

	}



#suckerfishnav a {

	color: #fff;

	text-decoration: none;

	padding: 17px 25px 19px 25px;

	display: block;

	}

	

#suckerfishnav li.current_page_item a, #suckerfishnav li ul li.current_page_item a {

	background: url(img/nav-hover.png) top left repeat-x;

	color: #000;

	font-weight: bold;

	}

	

#suckerfishnav li.current_page_parent a {

	color: #e1e1e1;

	}

	

#suckerfishnav li {

	float: left;

	}

	

#suckerfishnav ul {

	position: absolute;

	left: -999em;

	height: auto;

	width: 252px;

	font-weight: normal;

	line-height: 1;

	border: solid #dedede 1px;

	padding: 0 2px 2px 2px;

	z-index: 80;

	}

	

#suckerfishnav li li {

	width: 252px;

	margin: 2px 0 0 0;

	border: none;

	padding: 0;

	}

	

#suckerfishnav li li a {

	width: 222px;

	font-size: 13px;

	color: #666;

	font-weight: normal;

	padding: 7px 15px;

	height: auto;

	border-bottom: solid #dedede 1px;

	}

	

#suckerfishnav a:hover {

	text-decoration: underline;

	}

	

#suckerfishnav li li a:hover {

	background: #80949e;

	color: #fff;

	text-decoration: none;

	}

	

#suckerfishnav li ul ul {

	margin:-21px 0 0 150px;

	}

	

#suckerfishnav li li:hover {

	background: #80949e;

	}

	

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {

	color: #000;

	}

	

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {

	background: url(img/nav-hover.png) top left repeat-x;

	color: #000;

	text-decoration: none;

	}

	

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {

	color: #000;

	}

	

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {

	left:-999em;

	}

	

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {

	left: auto;

	background: #fff;

	}

	

#suckerfishnav li:hover, #suckerfishnav li.sfhover {

	color: #80949e;

	}

/* main structure */



/* sidebar */	

#side {

	width: 225px;

	float: left;

	font-size: 13px;

	color: #333;

	line-height: 1.3;

	}



#side a {

	color: #fff;
	text-decoration: none;


	}

#side a:hover {

	text-decoration: underline;
	
	}

	

#side li, #side ul {

	list-style-type:none;

	}



#side h4 {

	color: #fff;

	font-size: 17px;

	background: url(img/side-headbg.png) bottom left repeat-x;

	font-weight: bold;

	margin: 0 -8px 8px 0;

	padding: 6px 0;

	}

	

#side h5 {

	color: #ff9900;

	font-weight: bold;

	font-size: 13px;

	}

	

#side ul li ul li h5 a {

	color: #ff9900;

	text-decoration: none;

	}

	

#side ul li ul li h5 a:hover {

	text-decoration: underline;

	}



#side ul li {

	margin: 0 8px 10px 8px;

	}



#side ul li ul li {

	margin: 0 0 10px 0;

	color: #fff;

	font-size: 12px;

	}



#side ul li ul li a {

	color: #fff;

	}

	

#side img {

	padding: 0;

	border: none;

	}

/* sidebar */



/* text */

#text {

	width: 623px;

	float: right;

	background: url(img/text.jpg) left top no-repeat;

	color: #666;

	line-height: 1.5;

	}

	

p {

	padding: 5px 0;

	}



.post {
	
	padding: 15px;

	}





h2 {
	font-family:"trebuchet ms",arial,sans-serif;
	color:#153e52;
	font-size: 1.85em;
	font-weight:bold;
	border-bottom: 2px solid #CCC;
	margin:30px 0 30px 0;
	padding: 0px 0 5px 60px;
	}
	

	

h2 a {
	color: #153e52;
	text-decoration: none;

	}



h3 {

	padding: 8px 0 3px 0;

	font-weight: bold;

	color: #3c3c3c;

	font-size: 16px;

	margin: 0;

}

	

.post ul li {

	padding: 0;

	margin: 3px 0 3px 23px;

}

	

.post ol li {

	margin: 3px 0 3px 28px;

}



blockquote {

	border-left: 5px solid #f1e9db;

	margin: 10px 15px;

	padding: 0 5px 0 15px;

}

	

#text .wp-smiley {

	padding: 0;

	background: none;

}



#text img {

	background-color: #fff;

	padding: 5px;

	border: #e1e1e1 1px solid;;

}

	

#text img.alignleft {

	float: left;

	margin: 5px 20px 10px 0;

}

	

#text img.alignright {

	float: right;

	margin: 5px 0 10px 20px;

}

/* text */



/* footer */

#box {

	height: 23px;

	background: url(img/nav.png) left top repeat-x;

	margin: 0 0 10px 0;

	color: #3F3F3F;

	text-align: center;

	padding: 5px 0px 25px 0px;

	}

	

#box a {

	color: #3F3F3F;

	}

/* footer */		


/* nova verze */
/* Upraveny styl*/

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

#obsah {
	width: 590px;
	float: right;
	color: #3c3c3c;	
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-align: normal;
	line-height:normal;
	margin-bottom:30px;
	}

#obsah h2 {
	font-family:"trebuchet ms",arial,sans-serif;
	color:#153e52;
	font-size: 1.85em;
	font-weight:bold;
	border-bottom: 2px solid #CCC;
	margin:30px 0 30px 0;
	padding: 0px 0 5px 60px;
	}
	
#obsah h2 a {
	color: #153e52;
	text-decoration:none;
	}
	
#obsah h3 {
	font-family:"trebuchet ms",arial,sans-serif;
	color:#153e52;
	font-size: 1.25em;
	font-weight:bold;
	margin:0 0 10px 0;
	}

#obsah p { 
	color: #3c3c3c;	
   	}
	
#obsah img {
	background-color: #fff;
	padding: 0;
	border:none;
	}

.iconBoard {
	background: url(img/ikona-tabule.png) no-repeat;	
	}

.iconProjector {
	background: url(img/ikona-projektor.png) no-repeat;	
	}	

.iconMonitor {
	background: url(img/ikona-monitor.png) no-repeat;	
	}

.tucne, .tucne a {
	text-decoration:none;
	font-weight:bold;
	color:#0f5000;	
	}

.zelene, .zelene a {
	text-decoration:none;
	color:#036e00;	
	}

.modre, .modre a {
	text-decoration:none;
	color:#011299;	
	}

.cervene, .cervene a {
	text-decoration:none;
	color:#ad0303;	
	}

.zlute, .zlute a {
	text-decoration:none;
	color:#747601;	
	}

#obsah .img-right {
	float:right;
	margin-left:30px;
	}

#obsah .img-left {
	float:left;
	margin-right:30px;
	}

#obsah .img-centre {
	margin-left:23px;	
	}
	
.cena{	
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.8em;
	font-weight:bold;
	color:#F00;
	}
 
#obsah .leftColumn {
	float:left;	
	width:285px;
	padding-right:10px;
	margin-bottom:20px;
	} 
	
#obsah .leftColumnWide {
	float:left;	
	width:340px;
	padding-right:10px;
	margin-bottom:20px;
	} 

#obsah .rightColumn {
	float:right;	
	width:295px;
	margin-bottom:20px;
	} 
	
#obsah .rightColumnThin {
	float:right;	
	width:240px;
	margin-bottom:20px;
	}
	
#obsah .threeColumns {
	float:left;	
	width:190px;
	margin-right:6px;
	}
	
#obsah .threeColumns p{
	font-size:11px;
	text-align:left;
	} 

#obsah ul {
	text-align:left;
	font-family: Arial, sans-serif;
	list-style-image:url(img/listRed.gif);	
	padding: 0;
	margin: 10px 0 10px 0;
	}

.zelenyList {
	list-style-image:url(img/listGreen.gif);
	padding: 0;
	margin-left: 1em;
	}

.modryList {
	list-style-image:url(img/listBlue.gif);
	}

.zlutyList {
	list-style-image:url(img/listYellow.gif);
}	

#uchyceniWrapper {
	background-color: #ececec;
	height: 360px;
	padding: 20px 0px 10px 0px;	
	}

#uchyceniWrapper  h3 {
	text-align: center;
	font-size: 1.22em;
	}
	
#uchyceniWrapper ul{
	margin-left:20px;
	}

.uchyceniCena {
	text-align:center;
	font-size:1.20em;
	font-weight:bold;
	margin-bottom:10px;
	}

.uchyceniColumn {
	float:left;	
	width:186px;
	height:180px;
	padding:0px 10px 0px 0px;
	}

.uchyceniCentreColumn {	
	float:left;	
	width:186px;
	height:180px;
	padding:0px 10px 0px 0px;
	border-left:1px dashed;
	border-right:1px dashed;
	}

#projektorSetWrapper {
	background-color:#ececec;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
	}
	
#projektorSetWrapper ul {
	text-align:left;
	font-family:  Arial, sans-serif;
	padding: 0;
	margin-left: 4px;
	}

.projektorSetContainer {
	height:160px;
	}
	
.poradiImageContainer{
	float:left;
	width:15px;
	height:152px;
	background-image:url(img/redNum.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	padding:8px 0px 0px 6px;
	}

.setColumn{
	float:left;
	width:200px;
	height:160px;
	}

.setImageColumn{
	float:left;
	border-left:2px solid #FFF;
	height:150px;
	padding:10px 0 0 0;
	}

.setImg{
	height:140px;
	margin:0;
	padding:0;
	}
	
.projektorSetDesc{
	height:90px;
	border-bottom:1px solid #999;
	border-top:1px dashed;
	} 
	
.descContainer{
	float:left;
	padding:0px 15px 0px 15px;
	height:90px;
	width:391px;
	}

.cenaContainer {
	float:left;
	border-left:2px solid #FFF;
	height:90px;
	width:167px;
	}
	
.cenaContainer p{	
	margin:0;
	padding-top: 1.6em;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	}

.nazev{
	font-family:Verdana, Geneva, sans-serif;
	padding-left: 0.8em;
	font-size: 1.0em;
	font-weight:bold;
	margin:0;
	padding:1em 0 0 1em;
	}

.product
{
	background-color:#ececec;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	width: 590px;
	text-align: left;
	border-collapse: collapse;
	border-bottom:1px dashed #999;

}

.product td
{
	padding: 8px 0px 8px 8px;
	vertical-align:top;
}

.product ul {
	text-align:left;
	font-family:  Arial, sans-serif;	
	padding: 0;
	margin:0;
	}


.product .img
{
	padding: 5px; 
	margin:0;
	width:120px;
	border-left:2px solid #FFF;
	vertical-align:middle;
}

.product .number
{
	background-image:url(img/greenNum.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	padding-left:6px;
}

.product .blueNum
{
	background-image:url(img/blueNum.png);
	background-repeat:no-repeat;
}

.product .redNum
{
	background-image:url(img/redNum.png);
	background-repeat:no-repeat;
}



.product .yellowNum
{
	background-image:url(img/yellowNum.png);
	background-repeat:no-repeat;
}


.prislusenstvi
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin:10px 0 25px 0px;
	width: 590px;
	text-align: left;
	border-collapse: collapse;
	vertical-align:top;
	border:1px solid #CCC;
}

.prislusenstvi tbody tr:hover td
{
	background-color: #EAEAEA;
}

.prislusenstvi tbody tr:hover td.spacer
{
	background-color: #FFF;
}

.prislusenstvi th
{
	font-weight: bold;
	background-color: #CCC;
	padding: 3px 20px 3px 20px;
	text-align:left;
}

.prislusenstvi td
{
	padding: 5px 20px 1px 20px;
	width:400px;
	vertical-align:top;
	line-height:16px;
}

.prislusenstvi .description
{
	background-color: #EAEAEA;
	vertical-align:middle;
	border-bottom:#666 1px dashed;
}

.prislusenstvi .imgCol
{
	padding:4px 4px 4px 10px;	
	width:75px;		
}

.prislusenstvi .cena
{
	color:#000;
	width:120px;
	text-align:center;	
	font-size:1em;
	font-weight: normal;
}

.prislusenstvi img
{
	border:none;
}

.item
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin:5px 0px 0px 0px;
	width: 590px;
	text-align: left;
	border-collapse: collapse;
	vertical-align:top;
	border:1px solid #CCC;
}

.item th
{
	font-weight: bold;
	background-color: #CCC;
	padding: 3px 20px 3px 20px;
	text-align:left	
}

.item td
{
	padding: 0px;
	vertical-align:top;
	line-height:14px;
}

.item .description
{
	background-color: #EAEAEA;
	vertical-align:middle;	
}

.item .cena
{
	color:#000;
	width:120px;
	margin:0;
	text-align:center;
	font-size:1em;
}

.item .imgCol
{
	border-left:1px dashed;
}

.item img
{
	border:none;
}

.wpcf7 { color: #030303; }
.wpcf7 p { padding: 0 0 3px 0; }
.wpcf7 label { width: 83px; line-height: 27px; float: left; color: #d9d9d9; }
.wpcf7 input { width: 170px; height: 27px; padding: 0 5px; background: url(img/contact-fields.png); border: none; line-height: 27px; color: #666; }
.wpcf7 textarea { width: 170px; height: 77px; padding: 5px; background: url(img/contact-fields.png) left top no-repeat #fff;; border: none; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; overflow: auto; }
.wpcf7 input#submit { display: block; width: 61px; height: 26px; padding: 0 0 0 10px; background: url(img/contact-submit.png); margin: 2px 0 0 202px; font-size: 11px; color: #fff; text-align: left; cursor: pointer; }
.wpcf7-response-output { color: #fff; }