@import url("news-mini.css");
@import url("news.css");
@import url("fotogalerie.css");
@import url("shop.css");
@import url("ankety.css");

/* < general styles */
html,body { /*height:100%;*/ font-size:100.1%; }
html,body,div,table,caption,form,fieldset,legend,input,
select,textarea,button,ul,ol,li,dl,dt,
dd,p,address { margin:0; padding:0; }
table { border:0; border-collapse:collapse; border-spacing:0; font-size:100%; }
td,th { vertical-align:top; font-weight:normal; }
address { font-style:normal; }
sup { vertical-align:top; }

body {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    border: 0;
    padding: 0;
    margin: 0px auto auto auto;
    text-align: center;
    font-size: 12px;
    background-image: url(/templates/basic/images/cafe-corso-web-pozadi.jpg);
    background-repeat: repeat;
    background-position: center -5px;
    background-color:#F99C00;
    background-attachment:fixed;
}
#okraj
{
    width:914px;
    margin:auto;
    text-align:center;
    padding:0 10px 0 0;
}
#top {
    height: 61px;
    text-align:left;
}

#data {
    margin: auto;
    padding:0;
}
#menu-main {
}

#menu-main-2
{
    margin: auto;
    text-align:center;
    padding:0px;
    height:215px;
    background-image: url(/templates/basic/images/cafe-corso-menu-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
}
#menu-main ul, #menu-main ol, #menu-main li { list-style:none; padding:0; margin:0; }


#left-box {
    text-align:left;
    margin:0;
    width: 217px;
    float:left;
}
#left-box img {

}

#top-center {
	padding: 0;
    margin:0;
    height:309px;
}
#top-center img {
	margin:0;
    padding:0;
}
#top-center-imgs {
	width: 119px;
    float:right;
}
#right-box {
    text-align:left;
    width:697px;
    float:right;
    padding:0;
    margin:0;
}

#right-box img
{

}
#right-box ul,#right-box ol {
	padding-left: 25px;
}
#right-box-text {
    padding: 20px 20px 10px 20px;
    background-attachment: fixed;
    background-color:#FEE4BF;    
    width:533px;
    margin: 0 0 0 2px;
    line-height: 1.4em;
}

#sublinks .menu-link {
	padding: 4px 0px 4px 10px;
    font-weight:bold;
}
#sublinks .menu-link a
{

}
#sublunks .menu-link a:hover {

}
#bottom {
	width:700px;
    height:76px;
    vertical-align:bottom;
    margin:auto;
    background-color:#FFE88E;
}
#bottom img
{
	margin:0;
    padding:0;
}

#copy {
    text-align:left;
    font-size: 0.85em;
    color:#555;
    margin:auto;
    padding:20px 8px 10px 20px;
    height:20px;
    background-image: url(images/joradous-bg-bottom.png);
    background-repeat: repeat;
}
#copy a {
color:#555;
text-decoration:none;
}
#copy a:hover {
text-decoration:underline;
}
#line
{
	height:9px;
}
/*------------------- guestbook ---------------------*/
#guestbook
{
	text-align:left;
	clear: left;
}
#guestbook .vlozil
{
	font-weight:bold;
}
#guestbook .vlozeno
{
	color: #333;
    font-size:0.85em;
}
#guestbook .text
{
}
/*---- ----------------------------------- ----*/
p {
    text-align:justify;
    margin:0;
    padding:0;
}
h1
{
    font-size: 1.5em;
    text-align:left;
    text-transform:uppercase;
    font-weight:normal;
}
h2
{

	font-size: 1.4em;
	text-align:left;
    margin-top:8px;
}
h3
{
	font-size: 1.4em;
    text-align:left;
}
h4
{
	font-size: 1.3em;
}
h4
{
	font-size: 1.1em;
}

h6
{
	font-size: 1.3em;
}
a, a:visited, a:active
{
    text-decoration:none;
    color: #111;
}
a:hover
{
	text-decoration:underline;
    color: #111;
}
.input, .textarea
{
	border: 1px solid #000000;
	font-size: 1em;
}

.button
{
    font-size: 1em;
    color: #000;
    background-color: #FF8818;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FF8818;
    border-right-color: #F97600;
    border-bottom-color: #F97600;
    border-left-color: #FF8818;
}
/*-------------------- ankety ------------------------*/
.ankety a
{
	font-weight:bold;
}
/*----------------------------------------------------*/
/*-------------------- galerie -----------------------*/
.gal-box {

}
.gal-data {
    text-align:center;
}
.gal-data img {
    padding: 0;
    margin:0;
}
.gal-name,
.gal-name a,
.gal-name a:visited,
.gal-name a:active {
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
    padding: 5px 0 0 0;

}
.gal-data .gal-name a:hover {
	 text-decoration: underline;
}
.gal-tab-obr .gal-kat a,
.gal-tab-obr .gal-kat a:active,
.gal-tab-obr .gal-kat a:visited {
	font-size:1.1em;
	text-decoration:none;
	font-weight: bold;
}
.gal-tab-obr .gal-kat a:hover {
	text-decoration:underline;
}
.gal-tab-obr .gal-kat-nazev {
	font-size:1.3em;
	font-weight: bold;
	text-align:center;
	text-decoration:underline;
    margin-bottom:20px;

}
.gal-tab-obr .gal-kat-intro {
	padding: 10px;

}
/*---- ----------------------------------- ----*/
.main-table
{
	background-color:#ffcc66;
}
/*---- ----------------------------------- ----*/
/*---- ------------- portfolio ----------- ----*/
#fotogallery
{
color:#fff
}
#fotogalerie img
{
    vertical-align:top;
	background-image: url(images/port-img-back.png);
	background-repeat: repeat-x;
	background-position: left top;

}
#fotogalerie a:link,
#fotogalerie a:visited
{
color:#fff
}
#fotogalerie a:hover
{
color:#FF0000
}
#fotogalerie
{
float:left;
width:285px;
padding-left:15px;
}
#fotogalerie.height
{
float:left;
width:198px
}
#fotogalerie .photo-cont
{
    float:left;
    width:280px;
    position:relative;
    z-index:9;
}
#fotogalerie .photo
{
border:1px solid #888;
background:#85E805 url(images/load.gif) center center no-repeat
}
#fotogalerie #photo-medium
{
position:relative;
z-index:1;
width:276px !important;
width /**/:276px;
margin-top:10px;
text-align:center
}
#fotogalerie #photo-medium.few
{
margin-bottom:8px
}
#fotogalerie #photo-medium.video
{
width:300px !important
}
#fotogalerie .photo-cont-height
{
float:left;
width:184px;
margin:0 11px 0 0;
_margin:0 8px 0 0;
}
#fotogalerie #photo-medium-height
{
width:180px !important;
width /**/:184px
}
#fotogalerie #slide
{
position:absolute;
top:5px;
_top:10px;
left:5px;
cursor:pointer;
_cursor:hand
}
#fotogalerie #zoom
{
position:absolute;
right:0;
bottom:0;
padding:3px 3px 3px 3px;
margin:0 1px 1px 0;
_margin:0 1px 0px 0;
background-color: #000;
font-size:12px;
display:none;
}
#fotogalerie #loading
{
height: 50px;
width: 144px;
text-align: center;
position:absolute;
left:60px;
top:60px;
padding:3px 3px 3px 3px;
margin:0 1px 1px 0;
_margin:0 1px 0px 0;
border: 1px solid #333;
background-color: #CCC;
font-size:12px;
visibility:hidden;
}
#fotogalerie .hide
{
display:none
}
#fotogalerie .describe
{
color:#000;
font-size:95%;
line-height:1.6;
padding:6px 4px 18px 4px
}
#fotogalerie .describe small,
#fotogalerie .describe small a:link,
#fotogalerie .describe small a:visited
{
color:#737373
}
#tool-gal
{
margin:0;
padding:0;
clear:none;
position:relative;
top:-33px
}
#gall-cont
{
width:69px;
float:right;
margin-right:18px;
_margin-right:10px;
_margin-right /**/:1px
}
#gall-cont .button2
{
position:relative;
top:2px;
margin:8px 0 -5px 0;
cursor:pointer;
_cursor:hand;
z-index:0
}
#gall-cont #butt-down
{
position:relative;
top:-8px
}
#gallery
{
overflow:hidden;
width:69px;
height:170px;
_height:170px;
_heig\ht:170px;
padding-top:4px;
_padding-top:10px;
text-align:center;
}
#gallery div
{
margin:3px 0
}
#gallery div img
{
border:1px solid #000
}
#gs
{
padding:0
}
#photo-count
{
color:#666666;
font-size:75%
}
#photo-count b
{
color:#A8262C
}

#port-table
{
	border-collapse:collapse;
	font-family: Tahoma;
}
/*-- port-hlavni --*/
#port-hlavni
{
	text-align: left;
	font-size: 0.85em;
	font-weight: bold;
}
#port-hlavni a,
#port-hlavni a:hover,
#port-hlavni a:active,
#port-hlavni a:visited
{
	color:#FFF;
}
/*-- port-kategorie --*/
#port-kategorie
{
	color: #FFF;
	width: 124px;
	background-color:#C2C0C0;
	background-image: url(images/port-backmenu.png);
	background-repeat: repeat-y;
	background-position: left top;
}
#port-kategorie .kategorie-nadpis
{

	font-size: 1.2em;
	padding: 2px 0 2px 28px;
}
#port-kategorie .kategorie-nadpis-a
{
	font-size: 1.2em;
    padding-left: 2px;
}

#port-kategorie a,
#port-kategorie a:active,
#port-kategorie a:visited,
#port-kategorie-a a,
#port-kategorie-a a:active,
#port-kategorie-a a:visited
{
	font-weight: bold;
    text-decoration: none;
	color:#FFF;
}
#port-kategorie a:hover, #port-kategorie-a a:hover
{
    text-decoration: underline;
}
/*-- port-left --*/
#port-left
{
	width: 270px;
	background-color:#cac7c7;
	background-image: url(images/port-backmenu.png);
	background-repeat: repeat-y;
	background-position: left top;

}
#port-left-div
{
	width: 270px;
	overflow: auto;

}
.left-nadpis
{
	font-size: 1.2em;
	font-weight:bold;
	color:#FFF;
	padding: 2px 0 2px 28px;
}
.left-nadpis-a
{

	padding-left: 2px;
	font-size: 1.2em;
	text-decoration: none;
	font-weight:bold;
	color:#FFF;
}
.left-nadpis a, .left-nadpis a:visited, .left-nadpis-a a, .left-nadpis-a a:visited
{
	font-size: 1em;
	text-decoration: none;
	text-align: left;
	color:#FFF;
}
.left-nadpis a:hover, .left-nadpis a:active, .left-nadpis-a a:hover, .left-nadpis-a a:active
{
	text-decoration: underline;
}
/*-- port-data --*/
#port-data
{
    text-align: left;
    vertical-align: top;
    margin:0;
    padding:3px;
    width:404px;
    background-color:#83E700;
    background-image: url(images/port-data.png);
    background-repeat: repeat-x;
    background-position: left top;
}
#port-data #image_big
{
	border: solid 1px #ccc;

}
#port-data .link a
{
	font-weight: bold;
	font-size: 0.85em;
	text-decoration:none;
	padding-right: 16px;
}
#port-data .link a:hover, #port-data .link a:visited
{
	text-decoration: underline;
}
#port-data H2
{
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0 0 16px;
	margin: 0;
}
/*-- img-menu --*/
#port-table #img_menu
{
	width: 96px;
	height: 200px;
	overflow: auto;
	text-align: center;
	white-space: nowrap;
	padding: 0px;
	margin: 0 auto 0 auto;
}
#port-table #img_menu img
{
	border: 1px solid #000;
	margin: 0px;
	height: auto;
	clear: none;
}
/*---- ----------------------------------- ----*/