/* Tab Content - menucool.com */
@font-face {
    font-family: simplo;
    src: url(http://pure-beauty.cz/test_fonts/epo/epoclassic-lig-webfont.eot);
    src: local('☺'), url(http://pure-beauty.cz/test_fonts/epo/epoclassic-lig-webfont.eot?#iefix) 
         format('embedded-opentype'),
		 		  url(http://pure-beauty.cz/test_fonts/epo/epoclassic-lig-webfont.woff)format('woff'),
         url(http://pure-beauty.cz/test_fonts/epo/epoclassic-lig-webfont.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: Quanto;
    src: url(http://pure-beauty.cz/test_fonts/quando/quando-regular-webfont.eot);
    src: local('☺'), url(http://pure-beauty.cz/test_fonts/quando/quando-regular-webfont.eot?#iefix) 
         format('embedded-opentype'),
		 		  url(http://pure-beauty.cz/test_fonts/quando/quando-regular-webfont.woff)format('woff'),
         url(http://pure-beauty.cz/test_fonts/quando/quando-regular-webfont.ttf) format('truetype');
		  font-weight: normal;
    font-style: normal;
	}
ul.tabs
{
	font-size: 0;
	margin:0;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the tabs as desired*/
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{
	text-decoration: none;
	position: relative;
	padding: 4px 14px;
	border: 1px solid #CCC;
	border-bottom-color:#B7B7B7;
	color: #8B8B8B;
	background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;
	border-radius: 8px 8px 0 0;
	outline:none;
	font-family: 'Pontano Sans', sans-serif;
	font-size: 15px;
	font-weight: normal;
}
        
ul.tabs li a:visited
{
	color: #8B8B8B;
}
        
ul.tabs li a:hover
{
    border: 1px solid #B7B7B7;
    background:#F0F0F0 url(tabbg.gif) 0 -36px repeat-x;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
	position: relative;
	top: 0px;
	font-weight:normal;
	background: white;
	border: 1px solid #B7B7B7;
	border-bottom-color: white;
	color: #B4B4C5;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
     

div.tabcontents
{
	border: 1px solid #B7B7B7;
	background-color:#FFF;
	border-radius: 10px 10px 10px 10px;
	min-height: 500px;
	font-family: 'Quando', serif;
	font-weight: lighter;
	font-size: 12px;
	line-height: 21px;
	padding-top: 30px;
	padding-right: 90px;
	padding-bottom: 30px;
	padding-left: 150px;
}