@import url('basic-jquery-slider.css');
@import url('fonts/exo-thin.css');

body {margin:0; padding:0;position: relative;font-family: verdana, Sans-Serif;font-size:90%;
background: #303030 none;}

a:link, a:visited {text-decoration:underline;color:#000000;}
a:hover, a:active {color:#e2001a;background-color:transparent;}

hr.cleaner {clear:both;	height:0px;	margin: -1px 0 0 0; padding:0;	border:none;visibility: hidden;	}	

#page  {width: 969px;margin:0px auto 50px;position: relative;padding-bottom:50px;display:table;}
#page_content {position: relative;min-height:600px;}

#languages {display:table;width:985px;margin-bottom:28px;}
#languages .language {float:right;margin-right:3px;font-size:120%;}
#languages .language a {color:#ffffff;padding:10px;background-color:#666666;display:table;text-decoration:none;}
#languages .language.active a {background-color:#e3006e;}
#languages .language a:hover,#languages .language a:active {background-color:#80003e;}

.header {width:100%;position:relative;height:340px;}
.header.portfolio {background:#ffffff url(../stranky_obsah/header/portfolio.jpg) no-repeat left top;}
.header.prices {background:#ffffff url(../stranky_obsah/header/prices.jpg) no-repeat left top;}
.header.contact {background:#ffffff url(../stranky_obsah/header/contact.jpg) no-repeat left top;}

.header_box {background:transparent url(images/header_box.png) no-repeat left top;
position:absolute;bottom:0px;right:-26px;height:250px;width:449px;display:table;}
.header_box_content {display:table;padding:55px 0px 0px 90px;}
.header_box_content .hh1 {font-family:ExoThin;font-size:42pt;font-weight:normal;color:#ffffff;text-align:left;padding: 0px;margin: 0px;line-height:110%; }
.header_box_content .hh2 {font-size:15pt;font-weight:normal;text-decoration:none;color:#ffffff;text-align:left;padding: 0px;margin: 20px 0px 0px 0px;line-height:150%;}	

h1	{font-family:ExoThin;font-size:32pt;font-weight:normal;color:#e3006e;text-align:left;padding: 0px;margin: 0px;line-height:110%; }
h2	{font-size:100%;font-weight:bold;text-decoration:none;color:#000000;text-align:left;padding: 4px 0px 8px 0px;margin: 20px 0px 0px 0px;line-height:150%;}	

#menu {width:275px;position:absolute;top:20px;left:-26px;font-size:110%;}
#menu ul {margin:0px;padding:0px;}
#menu li {margin:0px;padding:0px 0px;list-style-type:none; text-align:left;
line-height:normal;background-color:#e3006e;border-bottom:1px solid #ffffff;}
#menu li a {width:225px;padding:14px 0px 14px 50px;display:table;color:white;text-decoration:none;}
#menu li a:hover,#menu li a:active {background-color:#80003e;}
#menu li.active {background: #e3006e url(images/menu_arrow.png) no-repeat left center;}
#menu li:last-child {border-bottom:none;}
#menu_fb {position:relative;display:table;width:100%;background-color:#e3006e;height:60px;}
#menu_fb2 {position:absolute;top:2px;right:12px;}
#menu_fb2 a {width:50px;height:50px;display:table;background:transparent url(images/menu_fb.png) no-repeat left top;}
#menu_fb2 a:hover,#menu_fb2 a:active {background:transparent url(images/menu_fb.png) no-repeat left -50px;}

#menu li.first {padding:0px;background:#ffffff url(images/menu_1.jpg) no-repeat left top;height:124px;border-bottom:none;}
#menu li.first_active {padding:0px;background:#ffffff url(images/menu_1.jpg) no-repeat left -124px;height:124px;border-bottom:none;}
#menu li.first a,#menu li.first_active a {height:124px;width:227px;display:table;padding:0px;}
#menu li.first a:hover,#menu li.first a:active,
#menu li.first_active a:hover,#menu li.first_active a:active  {background:transparent url(images/menu_1.jpg) no-repeat left -124px;}

.triangle {height:27px;width:26px;background:transparent url(images/triangle.png) no-repeat left top;}

/* zobrazeni textu */
#text {float:left;position: relative;width:100%;background-color:#ffffff;display:table;}
#text_content {position: relative;padding:20px 50px 50px 50px;margin:0px 0px 0px 0px;color:#383838;}
#text_content p {margin: 0px 0px 6px 0px;line-height:150%;font-size:100%;}

/*#text_content ul {padding:0px 0px 9px 20px;margin:0px;}*/
#text_content li {padding:3px 0px 3px 0px;margin:0px;line-height:150%;}
#text_content table p {padding:0px;margin:0px;line-height:150%;font-size:110%;}
#text_content td {padding:4px;}
#page_content a.externi:link, #page_content a.externi:visited {background: transparent url(images/icon_ext.png) no-repeat right center;padding-right:16px;white-space:nowrap;}
#page_content a.externi:hover, #page_content a.externi:active {background: #E8E8E8 url(images/icon_ext.png) no-repeat right center;padding-right:16px;white-space:nowrap;}
#text_content p.priloha_h {color:#127d7e;font-weight:bold;font-size: 150%; border-top:1px solid black;margin-top:42px;}

/* obecne konec */

/* ceny */
.prices_left {float:left;width:530px;display:table;}
.prices_right {float:left;width:350px;display:table;}
.package {float:left;display:table;width:470px;line-height:150%;margin-top:20px;}
.package .icon {float:left;width:39px;height:47px;display:block;padding:17px 0px 0px 13px;color:#ffffff;font-size:15pt;
background:transparent url(images/package_icon.png) no-repeat left top;}
.package .text {float:left;display:table;margin-top:12px;width:410px;}
.package .price {float:right;color:#e3006e;font-weight:bold;}
.package .title {font-weight:bold;}
.prices_box {display:table;width:355px;height:130px;}
.prices_box img {display:table-cell;width:118px;height:102px;padding:20px 20px 20px 0px;}
.prices_text {display:table-cell;height:130px;vertical-align:middle;font-size:85%;font-style:italic;font-weight:bold; }
.prices_text.benefit {color:#c6a043;}
.prices_text.video {color:#80003e;}
.prices_text.bonus {color:#678239;}
.prices_text.plan {color:#75bbb9;}
.prices_text.plan a {color:#75bbb9;}

.portfolio img {float:left;margin:0px 30px 30px 0px;border:none;width:154px;height:102px;}
.portfolio-item:hover img { -webkit-box-shadow: 5px 5px 0px #e3006e;box-shadow: 5px 5px 0px #e3006e;  }

/*kontakty*/
#text_content a[href ^="mailto:"], #right  a[href ^="mailto:"] {padding-left: 16px; background: transparent url(images/email.gif) no-repeat center left;}
#text_content a:hover[href ^="mailto:"], #right a:active[href ^="mailto:"]   {}
#text_content .telefon, #right .telefon {padding-left: 15px; background: transparent url(images/telefon.gif) no-repeat center left;}
#text_content .mobil, #right .mobil {padding-left: 14px; background: transparent url(images/mobil.gif) no-repeat center left;}

.map  {float:right;display:table;}
.map a {display:table;height:190px;width:424px;
background:transparent url(images/map.png) no-repeat left top;}
.map a:hover,.map a:active {background:transparent url(images/map.png) no-repeat left -190px;}
.map.en a {display:table;height:190px;width:424px;
background:transparent url(images/map_en.png) no-repeat left top;}
.map.en a:hover,.map a:active {background:transparent url(images/map_en.png) no-repeat left -190px;}


.icons {display:table;width:100%;clear:both;margin:60px 0px 0px 0px;}
.icons a {display:table;height:102px;width:118px;float:left;margin-left:4px;}
a.portfolio_icons {display:table;height:102px;width:154px;float:left;margin:0px 30px 30px 0px;}
a.sleva {background: transparent url(images/icons/sleva.png) no-repeat center top;}
a.sleva:hover,a.sleva:active {background:transparent url(images/icons/sleva.png) no-repeat center -102px;}
a.benefit {background: transparent url(images/icons/benefit.png) no-repeat center top;}
a.benefit:hover,a.benefit:active {background:transparent url(images/icons/benefit.png) no-repeat center -102px;}
a.video {background: transparent url(images/icons/video.png) no-repeat center top;}
a.video:hover,a.video:active {background:transparent url(images/icons/video.png) no-repeat center -102px;}
a.bonus {background: transparent url(images/icons/bonus.png) no-repeat center top;}
a.bonus:hover,a.bonus:active {background:transparent url(images/icons/bonus.png) no-repeat center -102px;}
a.plan {background: transparent url(images/icons/plan.png) no-repeat center top;}
a.plan:hover,a.plan:active {background:transparent url(images/icons/plan.png) no-repeat center -102px;}
a.plan_en {background: transparent url(images/icons/plan_en.png) no-repeat center top;}
a.plan_en:hover,a.plan_en:active {background:transparent url(images/icons/plan_en.png) no-repeat center -102px;}

@media print {
   body {font-size:80%;  background : transparent none;min-width: none; }
	#page  {width:100%;margin: 10px; padding:0px; text-align:left;  border : none; }
	#page_content {width:100%;min-height:none;padding:0px;margin:0px;}
	#page_content #text_content {width:100%;min-height:none;padding:0px;margin:0px;}
	#page_content #text_content p,#page_content #text_content li {font-size:100%;}
	#languages .language {display:none; }	
   .header,#footer,#icons,#right {display: none;}
}