/*=====================================================================================

	Project:			PFArt
	Author:				www.webprogress.cz
	Twitter:			@webprogress
	
		
	== iNFO ===========================================
	
	Page width:			780px
	
	
	== Px2Em ===========================================
	
	body 	87.5%

	10px 	0.714em
	11px 	0.786em
	12px 	0.857em		12 / 14 = 0.857
	13px 	0.929em		13 / 14 = 0.929
	14px 	1em			14 / 14	= 1
	15px 	1.071em		15 / 14 = 1.071
	16px 	1.143em		16 / 14 = 1.143
	17px 	1.214em
	18px 	1.286em
	
	
	== CSS DETAiL ======================================
	
	RESET
	TYPOGRAPHY
	HACKS
	SELECTOR HELPER
	
	LAYOUT
	HEADER
	NAVIGATION
	FOOTER
	
	CONTENT
	
	PRINT
	
	
=====================================================================================*/


/******************************************************************
	RESET
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block;
}

body {
background:#eee5ef;
color: black;
font-size: 80%;
font-family:arial, tahoma, verdana, sans-serif;
font-weight:normal;
text-align:center;
line-height:1.5em;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
}
select, input, textarea, button {
color: #444;
font-size:99%;
font-family:arial, tahoma, verdana, sans-serif;
margin: 0px;
}


/******************************************************************
	TYPOGRAPHY
*/
h1, h2, h3, h4 {
padding:0em;
margin:0em;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#580361;
line-height: 1.1em;
}
h1 				{font-size:3.0em;padding:0.00em 0em 0.00em 0em;}
h2 				{font-size:2.0em;padding:0.25em 0em 0.25em 0em;}
h3 				{font-size:1.5em;padding:0.25em 0em 0.50em 0em;}
h4 				{font-size:1.2em;padding:0.25em 0em 0.50em 0em;}

.clear			{clear:both;}
.left			{float:left !important;}
.right			{float:right !important;}

#content p		{margin:0em; padding:0em 0em 1.5em 0em;}
p .left			{margin:1.5em 1.5em 1.5em 0em; padding:0em;}
p .right		{margin:1.5em 0em 1.5em 1.5em; padding:0em;}

strong			{font-weight: bold;}
em				{font-style: italic;}
sup, sub		{line-height: 0;}
li ul, li ol	{margin:0em 1.5em;}
ul				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:disc;}
ol				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:decimal;}
.ie6 ul			{margin-left:2.0em;}
.ie6 ol			{margin-left:2.6em;}
.ie7 ul			{margin-left:2.0em;}
.ie7 ol			{margin-left:2.6em;}
.ie8 ul			{margin-left:1.5em;}
hr				{height:0px;color:#cccccc;border:0px;border-top:1px solid #cccccc;}

a,
a:link,
a:visited,
a:hover{
color: #580361;
text-decoration: underline;
outline:none;
}
a:focus,
a:hover{
text-decoration: none;
}
.artext {
text-align:justify;
line-height:1.2em;
padding:10px 0px;
}
.pagehome .artext {
padding:25px 20px;
text-align:justify;
line-height:1.2em;
}

table.text td {
vertical-align:top;
}

.fnormal {
font-weight:normal;
}

a.detail {
float:left;
color: #580361;
font-weight:bold;
padding:1px 15px;
margin:7px 5px 7px 10px;
text-decoration: none;
background: #fbf5f9;
}
a.detail:hover {
background: #bc81ac;
color:#fff;
}
a.buy {
float:right;
color: #ffffff;
font-weight:bold;
padding:1px 15px;
margin:7px 0px;
text-decoration: none;
background: #ac007a;
}
a.buy:hover {
background: #9a619b;
/*color:#ffd800;*/
}
a.back {
float:left;
color: #fff;
font-weight:bold;
padding:1px 15px;
margin:7px;
text-decoration: none;
background: #790450;
}
a.back:hover {
background:#9a619b;
}


ul.error,
ul.success,
ul.info {
margin:10px 0px;
padding:0px;
-webkit-border-radius: 3px;
border-radius: 3px; 
}
ul.error {
border:1px solid #ff9da1;
}
ul.success {
border:1px solid #71a619;
}
ul.info {
border:1px solid #7ea7e0;
}
ul.error li,
ul.success li,
ul.info li {
list-style:none;
margin:2px;
padding:15px 15px 15px 15px;
display:block;

-webkit-border-radius: 3px;
border-radius: 3px; 
}
ul.error li {
background:#ffcfd1;
color:#a63232;
}
ul.success li {
background:#d6f4a5;
color:#71a619;
}
ul.info li {
background:#d4e6ff;
color:#3773ad;
}

.hide {
display:none;
}

input, textarea {
border:1px solid #D4D4D4;
}
input.error, textarea.error {
border:1px solid #a63232 !important;
background:#ffcfd1 !important;
}

.tcenter {
text-align:center !important;
}

/******************************************************************
	HACKS
*/
html 			{overflow-y:scroll;} 						/* PRO NON-IE PROHLIZECE PRIDA DOPRAVA SCROLLBAR */
textarea		{overflow:auto;} 							/* V IE ODSTRANI V TEXTAREA SCROLLBAR */
a img 			{border:none;}								/* ODSTRANI BORDER */
button 			{width:auto; overflow:visible;}				/* WWW.VIGET.COM/INSPIRE/STYLING-THE-BUTTON-ELEMENT-IN-INTERNET-EXPLORER/ */
a:link 			{-webkit-tap-highlight-color: #FF5E99;}		/* J.MP/WEBKIT-TAP-HIGHLIGHT-COLOR */
/*a:active		{position:relative;left:0px;top:1px;}*/		/* PRI KLIKNUTI POSOUVA ODKAZ O 1PX Z VRCHU */

::-moz-selection	{background:#efcfe6; color:#fff; text-shadow: none;}
::selection 		{background:#efcfe6; color:#fff; text-shadow: none;}

.clearfix:before,											/* NEW CLEARFIX! - RESI PROBLEM S VYTECENIM FLOATOVANYCH PRVKŮ */
.clearfix:after {
content: ".";    
display: block;    
height: 0;    
overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE 5.5/6/7 */


/******************************************************************
	SELECTOR HELPER
*/
h10+p{ 							/* POKUD PO H10 NASLEDUJE P, TAK SE NA P NASTAVI 10PX Z VRCHU - NEFUNGUJE V IE6 */
padding-top:10px;
}
.first.firstAct{				/* POKUD MA ELEMENT CLASSU FIRST A I FIRSTACT, TAK SE NASTAVI 10PX Z VRCHU */
padding-top:10px; 
}
#content h10:first-child{ 		/* POKUD JE V CONTENT PRVNI ELEMENT H10, TAK SE NASTAVI 10PX Z VRCHU */
padding-top:10px; 
}


/******************************************************************
	LAYOUT
*/
#page{
width:780px;
margin:0px auto 0px;
text-align:left;
background:#fff url(../img/page-bg.gif) repeat-x 0px 162px;
}
.pagehome {
background-position:0px 303px !important;
}

/******************************************************************
	HEADER
*/
#header{
width:780px;
position:relative;
height:162px;
background:url(../img/header.jpg) no-repeat;
}
.pagehome #header{
height:303px;
background:url(../img/header-home.jpg) no-repeat;
}
#header a.logo:link, #header a.logo:visited, #header a.logo:hover {
float:left;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:260px;
height:75px;
}
#header .right{
margin:17px 10px 0px 0px;
}
#header ul{
margin:0px;
padding:0px;
position:absolute;
bottom:2px;
}
#header ul li{
padding:0px;
list-style:none;
float:left;
}
#header ul li a:link, #header ul li a:visited, #header ul li a:hover {
background:url(../img/menu-bg.gif) no-repeat 0px 3px;
padding:0px 7px;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:90%;
}
#header ul li a:hover,
#header ul li a.act:link, #header ul li a.act:visited, #header ul li a.act:hover {
color:#ffd800;
}
#header ul li.first a:link, #header ul li.first a:visited, #header ul li.first a:hover {
background:none;
}

/******************************************************************
	FOOTER
*/
#footer{
text-align:center;
padding:5px 0px;
color:#fff;
margin-bottom:20px;

background: #740a50; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0MGE1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzliMDg3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzliMDg3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NDA0NGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #740a50 0%, #9b0873 10%, #9b0873 90%, #74044e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#740a50), color-stop(10%,#9b0873), color-stop(90%,#9b0873), color-stop(100%,#74044e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #740a50 0%,#9b0873 10%,#9b0873 90%,#74044e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #740a50 0%,#9b0873 10%,#9b0873 90%,#74044e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #740a50 0%,#9b0873 10%,#9b0873 90%,#74044e 100%); /* IE10+ */
background: linear-gradient(top,  #740a50 0%,#9b0873 10%,#9b0873 90%,#74044e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#740a50', endColorstr='#74044e',GradientType=0 ); /* IE6-8 */
}
#footer a:link, #footer a:visited, #footer a:hover {
color:#fff;
}


/******************************************************************
	CONTENT
*/
.pagehome #content{
/*background:url(../img/contenthome-bg.gif) repeat-y 544px 0px;*/
background:none;
}
#content{
background:url(../img/content-bg.gif) repeat-y;
position:relative;
}
#maincol {
width:570px;
float:right;
}
#inmaincol {
margin:25px 25px 25px 0px;
}

#maincol #inmaincol a.print {
float:right;
background:url(../img/ico-print.gif) no-repeat 0px 3px;
padding:0px 0px 0px 25px;
}
#maincol #inmaincol h1 {
border-bottom:1px solid #580361;
padding-bottom:2px;
font-size:150%;
}
.pagehome #content #maincol {
width:780px;
float:left;
}
ul.homebox {
margin:13px 0 0;
padding:0px;
}
ul.homebox li {
float:left;
list-style:none;
width:350px;
height:150px;
position:relative;
}
.mapove-projekty {
margin-left:40px;
background:url(../img/mapove-projekty.jpg) no-repeat top center;
}
.e-shop {
margin-right:40px;
background:url(../img/e-shop.jpg) no-repeat top center;
}
.darkove-predmety {
margin-left:40px;
background:url(../img/darkove-predmety.jpg) no-repeat top center;
}
.projekty-do-skol {
margin-right:40px;
background:url(../img/projekty-do-skol.jpg) no-repeat top center;
}
ul.homebox li h1 {
color:#fff;
font-size:150%;
margin:35px 0px 0px 40px;
}
ul.homebox li h1 strong {
display:block;
}
ul.homebox li h1 a:link, ul.homebox li h1 a:visited, ul.homebox li h1 a:hover {
color:#fff;
text-decoration:none;
}
ul.homebox li h1 a:hover {
color:#ffd800;
}
ul.homebox li .more {
display:block;
position:absolute;
bottom:15px;
left:40px;
}
ul.homebox li .more a:link,
ul.homebox li .more a:visited,
ul.homebox li .more a:hover {
display:block;
color:#ffd516;
font-weight:bold;
font-size:90%;
}
ul.homebox li .more a.atlasskol:link,
ul.homebox li .more a.atlasskol:visited,
ul.homebox li .more a.atlasskol:hover {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:135px;
height:19px;
background:url(../img/home-atlasskolstvi.gif) no-repeat;
}

/*************
	RIGHTCOL
*/
.pagehome #content #rightcol {
display:none;
width:235px;
float:right;
background:#ecd4e8;
border-left:1px solid #9a619b;
} 
.pagehome #content #rightcol h1 {
background:#bc81ac;
padding:7px 20px;
color:#fff;
font-size:130%;
font-weight:normal;
text-transform:uppercase;
}

ul.subdep {
padding:0px;
margin:0px;
}
ul.subdep li {
padding:0px;
margin:5px;
float:left;
list-style:none;
background:url(../img/bg_catalog-header.gif) no-repeat;
width:125px;
}
ul.subdep li a:link,
ul.subdep li a:visited,
ul.subdep li a:hover {
display:block;
padding:2px 5px 0px 17px;
}
ul.subdep li a h2 {
margin:3px 0px 0px;
padding:0px;
font-size:100%;
height:30px;
overflow:hidden;
line-height:1.2em;

}
ul.subdep li a img {
margin:5px 2px 2px -17px;
padding:3px 2px 2px;
background:url(../img/bg_catalog-img.gif) no-repeat left bottom;
}
/*************
	LEFTCOL
*/
#leftcol {
width:181px;
float:left;
}
#leftcol a.basket {
display:block;
margin:30px 0px 0px 10px;
padding:0px 0px 0px 30px;
background:url(../img/ico-basket.gif) no-repeat;
font-weight:bold;
}
#leftcol ul#submenu {
margin:30px 10px 200px 10px;
padding:0px;
}
ul#submenu li {
list-style:none;
margin:0px;
padding:3px 0px 3px 10px;
border-top:1px solid #dfaad2;
background:url(../img/submenu-li.gif) no-repeat 0px 10px;
}
ul#submenu li.first {
border-top:none;
}
ul#submenu li a:link, ul#submenu li a:visited, ul#submenu li a:hover {
font-weight:bold;
text-decoration:none;
}
ul#submenu li a:hover,
ul#submenu li a.act:link, ul#submenu li a.act:visited, ul#submenu li a.act:hover {
color:#AB037D;
text-decoration:underline;
}

ul#submenu ul {
padding:0px;
margin:0px 0px 5px 10px;
}
ul#submenu li li {
padding:0px;
border:0px;
background:none;
}
ul#submenu li li a:link, ul#submenu li li a:visited, ul#submenu li li a:hover {
font-weight:normal;
font-size:0.9em;
}

#leftcol ul#shopmenu {
padding:0px;
margin:0px 0px 20px 0px;
position:absolute;
bottom:0px;
width:181px;
min-height:145px;
background:#8f0767 url(../img/shopmenu-bg.gif) repeat-x;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
ul#shopmenu li {
list-style:none;
margin:0px 10px;
padding:3px 0px 3px 10px;
border-top:1px solid #c981b5;
background:url(../img/shopmenu-li.gif) no-repeat 0px 12px;
}
ul#shopmenu li.first {
border-top:none;
margin-top:10px;
}
ul#shopmenu li.last {
margin-bottom:10px;
}
ul#shopmenu li a:link, ul#shopmenu li a:visited, ul#shopmenu li a:hover {
text-decoration:none;
color:#fff;
}
ul#shopmenu li a:hover,
ul#shopmenu li a.act:link, ul#shopmenu li a.act:visited, ul#shopmenu li a.act:hover {
color:#ffd800;
text-decoration:underline;
}

ul.articles {
padding:0px;
margin:0px;
}
ul.articles li {
padding:0px;
margin:0px;
list-style:none;
}
ul.articles li h2 {
font-size:120%;
color:#580361;
margin:7px 10px 0px;
overflow:hidden;
}
/*************
	PRODUCT
*/
ul.products {
padding:0px;
margin:0px;
}
#rightcol ul.products {
margin:0px 35px;
}
ul.products li {
list-style:none;
padding:0px;
margin:13px 0px;
float:left;
width:160px;
text-align:center;
border:1px solid #fff;
border-top:0px;

background: #fff4fd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWQ2ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fff4fd 0%, #eed6e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff4fd), color-stop(100%,#eed6e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff4fd 0%,#eed6e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff4fd 0%,#eed6e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff4fd 0%,#eed6e8 100%); /* IE10+ */
background: linear-gradient(top,  #fff4fd 0%,#eed6e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4fd', endColorstr='#eed6e8',GradientType=0 ); /* IE6-8 */
}
ul.products li.center {
margin:13px 29px;
}
ul.products li h2 {
font-size:100%;
color:#580361;
margin:7px 10px 0px;
overflow:hidden;
height:42px
}
ul.products li img {
border:5px solid #fff;
margin:7px 0px;
-webkit-box-shadow: 1px 2px 1px 0px #bc81ac;
-moz-box-shadow: 1px 2px 1px 0px #bc81ac;
box-shadow: 1px 2px 1px 0px #bc81ac; 
}

ul.products li strong {
color:#ac0078;
}
ul.products li .detail {
}
ul.products li .detail:hover {
}
ul.products li .buy {
float:left;
}
ul.products li .buy:hover {
}

#product {
margin:10px 0px;
border:1px solid #fff;

background: #fff4fd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGQ0ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fff4fd 0%, #edd4e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff4fd), color-stop(100%,#edd4e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff4fd 0%,#edd4e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff4fd 0%,#edd4e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff4fd 0%,#edd4e7 100%); /* IE10+ */
background: linear-gradient(top,  #fff4fd 0%,#edd4e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4fd', endColorstr='#edd4e7',GradientType=0 ); /* IE6-8 */
}
#productin {
margin:10px 0px 0px 9px;
padding:0px 0px 20px 0px;
width:526px;
background:url(../img/detail-bg.gif) repeat-y;
}
#product a.print {
display:inline-block !important;
float:none !important;
background:url(../img/ico-print.gif) no-repeat 0px 13px !important;
padding:10px 0px 10px 25px !important;
border-top:1px solid #ECBDDF;
}
#productin .img {
float:left;
width:190px;
text-align:center;
}
#product .img a span {
display:inline-block;
background:url(../img/ico-zoom.gif) no-repeat 0px 13px;
padding:10px 0px 10px 25px;
}
#productin .desc {
width:290px;
float:right;
padding:10px 20px 0px 0px;
}

#productbottom {
margin:0px 0px 0px 9px;
padding:0px;
width:522px;
background:url(../img/detail-bg.gif) repeat-y;
}
#productbottom .img {
float:left;
width:190px;
height:3px;
background:url(../img/detail-bg-bottom.gif) repeat-x;
}
#productbottom .desc {
width:321px;
float:right;
height:3px;
background:url(../img/detail-bg-bottom.gif) repeat-x;
}
#product a.buy {
margin:7px 12px 0px 20px;
}
#product .price {
float:right;
padding:10px 0px 0px 0px;
color:#000;
}
#product .price strong {
color:#AC0078;
font-size:1.2em;
}


table.basket {
margin:10px 0px 0px;
width:545px;
}
table.basket tr th {
background: #fef3fc;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size:1em;
font-weight:bold;
color: #ac007d;
padding:5px 0px;
text-align:left;
}
table.basket tr th.name,
table.basket tr td.name{
width:45%;
padding-left:10px;
}
table.basket tr th.last{
border-right: 1px solid white;
padding-right:10px;
text-align:right;
width:20%;
}
table.basket th.variant {
width:25%;
}
table.basket th.count,
table.basket td.count {
text-align:center;
width:10%;
padding-left:10px;
line-height:1.1em;
border-left: 1px solid white;
padding-left:10px;

}
table.basket td {
padding:5px 0px;
}
table.basket tr.border-bottom td {
margin-left:10px;
border-bottom:1px solid #efd4e8;
}
table.basket tr.border-bottom-none td {
margin-left:10px;
border-bottom:1px solid white; 
}
table.basket tr td.price{
text-align:right;
font-weight:bold;
padding-right:10px;
}
table.basket tr td.count input{
width:25px;
border:1px solid #ab81b0;
text-align:center;
}
table.basket tr td a:link,
table.basket tr td a:visited,
table.basket tr td a:hover{
text-decoration: underilne;
color: #580361;
}
table.basket tr td a:hover{
color: #ac007d;
}

table.basket tr td.buttons {
background:#efd6e9;
text-align:left;
padding:15px 0px;
}
table.basket tr td.buttons a {
float:none;
padding:5px 15px;
background:#;
}
table.basket tr td.sumprice {
border-bottom:3px solid #efd6e9;
border-top:2px solid #efd6e9;
text-align:right;
font-weight:bold;
padding-right:10px;
white-space:nowrap;
}
table.basket tr td.sumprice strong {
color:#ac007d;
font-size:1.1em;
}
table.basket tr td.sumprice input.transport {
margin:0px;
font-weight:bold;
text-align:right;
padding:0px;
border:0px;
width:30px;
}
table.basket tr td.sumprice input.finalprice {
margin:0px;
color:#AC007D;
font-weight:bold;
text-align:right;
border:0px;
width:50px;
}
h2.order {
background: #fef3fc;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size:1em;
font-weight:bold;
color: #ac007d;
padding:5px 10px;
text-align:left;
line-height:1.5em;
}
h2.order strong {
color:#000;
font-size:1.2em;
}
div.orderinfo {
padding:10px;
}
div.transport strong,
div.payment strong {
float:left;
padding:5px 0px 0px 10px;
}
div.transport {
border-top:2px solid #efd4e8;
}
ul.choosedelivery {
padding:0px;
margin:0px;
float:right;
width:380px;
}
ul.choosedelivery li {
list-style:none;
border-bottom:1px solid #efd4e8;
padding:5px 0px;
}
ul.choosedelivery li.last {
border-bottom:0px;
}
table.form {}
table.form tr th {
background:#fef3fc;
text-align:right;
border-top:1px solid white;
border-bottom:1px solid white;
font-weight:normal;
padding:5px 10px;
color:#ac007d;
width:145px;
}
table.form tr td{
text-align:left;
border-top:1px solid white;
border-bottom:1px solid white;
color:#000;
padding:5px 10px;
}
table.form tr td input{
width:360px;
}
table.form tr td textarea{
width:525px;
height:80px;
}
table.form tr td input.w170{
width:170px;
}
table.form tr td input.w290{
width:290px;
}
table.form tr td input.w50{
width:50px;
}
#orderError {
display:none;
}

/******************************************************************
	PRINT
*/
@media print {

	/* TYPOGRAPHY */
	* {
	background: transparent !important; 
	color: black !important; 
	text-shadow: none !important; 
	filter:none !important; 
	-ms-filter: none !important; 
	}
	body { 
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	line-height: 1.4em;
	word-spacing:1.1pt;
	letter-spacing:0.2pt; 
	font-family: Garamond,"Times New Roman", serif;
	color: #000; 
	background: none; 
	font-size: 12pt;
	}
	h1, h2, h3, h4 {
	font-family: Garamond,"Times New Roman", serif;
	}
	h1			{font-size:19pt;}
	h2			{font-size:17pt;}
	h3			{font-size:15pt;}
	h4			{font-size:12pt;}
	a:link, a:visited {
	background: transparent;
	font-weight: 700;
	text-decoration: underline;
	color: #444 !important;
	}
	a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
	a[href^="http://"] {color:#000; }
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	
	
	/* LAYOUT */
	#header, #leftcol, #footer, a.print {
	display:none;
	}
	#maincol {
	width:100%;
	}
	ul.subdep li {
	height:150px;
	}
	ul.subdep li a h2 {
	height:auto;
	}
	
	
	
	
}


#contentError {
padding:25px;
margin:0px;
color:#555555;
}
#contentError img {
float:left;
}
#contentError div {   
margin:0px; 
padding:0px;
}
#contentError hr {   
border:0px;
border-top:1px solid #555555;
}
#contentError .text {  
margin:10px 20px 0px 50px;
padding:0px;
color:#555555;
font-size:1.1em;
}
#contentError .number {
float:right;   
margin:7px 0px 0px; 
padding:0px 10px 0px 15px;
font-size:1.5em;
font-weight:bold;
border-left:1px solid #DDDDDD;
}
#contentError p {
margin:15px 0px 0px 50px ; 
padding:0px;
}

#contentError p a {
color:#083AA1;
text-decoration:underline;
}
#contentError p a:hover {
text-decoration:none;
}
#contentError .right {
float:right;
margin:30px 0px;
}
#inmaincol h2 {font-size:135%} #inmaincol h3 {font-size:120%}
#inmaincol table.tabulka{width:100%;margin-bottom:20px;table-layout:fixed;border-spacing:0;border-collapse:separate}#inmaincol table.tabulka th,#inmaincol table.tabulka tr:first-child td{color:#2a2a2a;font-family:nunitoBold,arial,tahoma,verdana,sans-serif;font-size:13px;line-height:1.3em;text-transform:uppercase;font-weight:400;padding:10px 25px;border-bottom:1px solid #e2dfe7}#inmaincol table.tabulka th:first-child,#inmaincol table.tabulka tr:first-child td:first-child{padding-left:28px}#inmaincol table.tabulka td{text-align:left;padding:5px 25px;color:#616161;line-height:20px;border-bottom:1px solid #dedede}#inmaincol table.tabulka td:first-child{padding-left:28px}#inmaincol table.tabulka td a{color:#2a2a2a;font-weight:500}#inmaincol table.tabulka td a:after{display:none}#inmaincol table.tabulka tr:last-child td{border-bottom:none}@media only screen and (max-width:550px){#inmaincol table.tabulka{border:1px solid #dedede}#inmaincol table.tabulka tr:first-child{display:none}#inmaincol table.tabulka td{display:block;padding-left:2%!important;border-bottom:none;padding:8px 0}#inmaincol table.tabulka td:last-child{border-bottom:1px solid #dedede}#inmaincol table.tabulka tr:nth-of-type(odd) td{background-color:#f0f3f5}}