@import url(menu.css);


/******************************	global******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 12px Arial, "Trebuchet MS", Helvetica, sans-serif; color: #000; background-color: #AA233B; padding: 0px;background:transparent url(../img/bgbody.jpg) top center ; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
a.uvod { color: #3e76b5; text-decoration: none; }
a img { border: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { position: absolute; left: -10000px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }
/******************************	layout******************************/
#outer_box { width: 985px; margin: 0px auto; padding:0px;  ; padding-left:0px;margin-bottom:10px; &padding-bottom:8px; }
#kontakt_left{width:76px;float:left;}
#kontakt_left a{background: transparent url(../img/zalozka-kontakt.jpg) 0px 0px no-repeat; width:65px;margin-left:13px;display:block;height:240px;}
#kontakt_left a:hover{background: transparent url(../img/zalozka-kontakt.jpg) -74px 0px no-repeat; }
#kontakt_left a span{display:none;}
#page_box { width: 840px;  float:left;background-color: #fff;color:#000;margin-left:76px;/*background-color: #323232;*/} 
#content { float: right; width: 820; margin-top: 0px; padding: 0 15px 30px 20px; }
#content p {text-align:justify;font-size:13px;}
#content p IMG{float:left;margin-right:15px;}
#content p IMG.vpravo{float:right;margin-left:15px;}
#content h2{width:800px;}
/******************************	zalozky******************************/
#zalozky1{float:left;width:48px; height:240px; }
#zalozky1 a{background: transparent url(../img/zalozky1.jpg) -51px 0px no-repeat; width:48px; height:240px;display:block;}
#zalozky1 a:hover{background: transparent url(../img/zalozky1.jpg) 0px 0px no-repeat; }
#zalozky2{float:left;width:50px; height:240px; }
#zalozky2 a{background: transparent url(../img/zalozky2.jpg) -49px 0px no-repeat; width:48px; height:240px;display:block;}
#zalozky2 a:hover{background: transparent url(../img/zalozky2.jpg) top left no-repeat; }
#zalozky1 a span, #zalozky2 a span{display:none;}
/******************************	header******************************/
#header { height: 235px; width:100%; float:left; height:70px;}
#outer_box h1{display: block;  padding:0px;margin:0px;width: 100%;float:left; background : transparent url(../img/header.jpg) top left no-repeat; height:114px; }
#outer_box h1 a {display: block;    overflow: hidden;    cursor: pointer;    text-indent: -1000px;  width:410px;  height: 114px;    }
/*****************************	menu******************************/
/*#menu{width:100%;float:left;height:50px;background: url("../img/nav_bg.jpg") 0 50px;float:left;}*/

/*
#menu{width:100%;float:left;height:63px;background: url("../img/menu_bg.jpg") 0px;float:left;}
#menu ul { display: block; width: 659px; margin:0px;padding:0px;margin-left:160px;margin-top:1px;}
#menu li { list-style-type: none; display: inline; margin-left: 0; height: 50px; }
#menu a { display: block; float: left; background: url("../img/menu.jpg") top left; height: 50px; text-indent:-9999px; }
#IEmenu a{font-size: 0;text-align: right;text-indent: 0}

#menu ul li.menu1 a{width: 73px; background-position: 0px 0px; }
#menu ul li.menu1 a:hover{background-position: 0px 50px; }
#menu ul li.menu2 a{ width: 104px; background-position: -73px top; }
#menu ul li.menu2 a:hover{background-position: -73px 50px; }
#menu ul li.menu3 a { width: 157px; background-position: -176px top; }
#menu ul li.menu3 a:hover{background-position: -176px 50px; }
#menu ul li.menu4 a { width: 139px; background-position: -333px top; }
#menu ul li.menu4 a:hover{background-position: -333px 50px; }
#menu ul li.menu5 a { width: 66px; background-position: -472px top; }
#menu ul li.menu5 a:hover{background-position: -472px 50px; }
#menu ul li.menu6 a { width: 103px; background-position: -538px top; }
#menu ul li.menu6 a:hover{background-position: -538px 50px; }
#menu ul li.menu7 a { width: 74px; background-position: -641px top; }
#menu ul li.menu7 a:hover{background-position: -641px 50px; }



#menu a:hover#menu1, #menu a.active#menu1 { background-position: 0px -50px; }
#menu a:hover#menu2, #menu a.active#menu2 { background-position: -93px -50px; }
#menu a:hover#menu3, #menu a.active#menu3 { background-position: -160px -50px; }
#menu a:hover#menu4, #menu a.active#menu4 { background-position: -263px -50px; }
#menu a:hover#menu5, #menu a.active#menu5 { background-position: -325px -50px; }

#menu a:active#menu-services { background-position: 0px -100px; }
#menu a:active#menu-work { background-position: -93px -100px; }
#menu a:active#menu-company { background-position: -160px -100px; }
#menu a:active#menu-blog { background-position: -263px -100px; }
#menu a:active#menu-contact { background-position: -325px -100px; }

*/
/*****************************	content******************************/
h1,h2 { font-size: 16px; color: #BF2A00; margin: 5px 0 10px; }
h3 { font-size: 15px; color: #80807e; margin: 5px 0 10px; }
h3.small{font-size: 13px; color: #3e76b5; margin: 5px 0 10px; }
p { margin: 10px 0 15px; }
ul, ol { list-style: square; margin: 15px 25px; font-size:13px;}
ol{list-style:decimal;}
ul li { padding: 0 0 3px 0; }
/******************************	galerie******************************/
.galerry {text-align:center;padding-top:10px;}
.galerry a{margin-right:10px;font-size:14px;}
/******************************	forms******************************/
form fieldset { border: none; }
input.input,textarea,select { font: 11px Arial, Helvetica, sans-serif; background-color: #eaeaea; }
form.form { padding: 10px 15px; }
.form table td { padding: 2px; }
.form label { font-weight: bold; }
/******************************	footer******************************/
#footer { clear: both; color: #fff; text-align: center; ; background:  transparent url(../img/menu-bg2.gif) 0 0 repeat-x; margin:0px; padding:0px;}
#footer a { color: #fff; line-height:24px;}
#footer span { margin: 0 4px; }
#footer_sluchatko{height: 60px; width:840px;  margin:0px; padding:0px;line-height:43px;}

#content p IMG.obtekani_vlevo{float:right;margin-left:10px;}
#content p IMG.obtekani_vpravo{float:left;margin-right:10px;}
#content p IMG.obtekani_none{float:none;}

.lc{width: 50%;float: left; margin: 10px 0;}
.rc{width: 50%;float: left; margin: 10px 0;}

#odkazy_balicek {width: 840px; margin: auto; text-align:center;}
hr.cleaner {	clear:both;	visibility:hidden;	height:1px;    margin: -1px 0 0 0; padding:0;	border: none;	margin: 0px;	padding: 0px;}
p.invisible, h2.invisible, .invisible{display:none;}
SPAN .pixnomargin{width:5px;}

.floatleft { float: left}
.floatright{ float: right}
.floatleft IMG{ margin-left:8px; margin-right:8px;}
.floatright IMG{ margin-left:8px; margin-right:8px;}

#flash{z-index:0;text-align:center;width:100%;}
/******************************	cenik******************************/
TABLE#cenik TR TD h3{text-align:center;}
TABLE#cenik2 TR TD {text-align:center;}
.cenik_ostatni{width:100%;background-color:#c3c3c3;padding-top:5px; padding-bottom:5px;padding:5px;}
.cenik_ostatni a{color: #BF2A00;}
a.cenik{color: #BF2A00;}
/******************************	o nás******************************/
IMG.onas1{float:right;}
/******************************	o nás******************************/
OL#rady_fotografa {margin-left:30px;}
OL#rady_fotografa LI a{color:#201365;font-size:13px; }
#rady p{float:left;}
/******************************	svatební foto******************************/
#svatebni-foto{font-size:14px;}
/******************************	reference******************************/
#reference a{font-size:16px;}
#reference img {margin-left: 8px;margin-right:8px;}
#reference{height:360px; width:600px; margin-left:140px;}
#reference img{text-align:center;}
.gallerypix{width:180px; float:left;}
.gallerypix img{border: 2px ridge #000000 !important;}
.gallerypix a{text-align:center;width:100%;text-align:center;}
#reference_flash{background-color:#333333;}
.youtube{float:left;width:390px;margin:0px;margin-right:10px;margin-bottom:10px;}
.youtube h3{text-align:center;float:left;width:100%;float:left;background: transparent url(../img/youtube_small.jpg) top right no-repeat;margin:0px;}
 
#odkazy_balicek4{ width: 985px; margin: 0px auto; padding:0px;  text-align:center; }
/******************************	kontakt******************************/
p.kontakt a{font-size:14px;}
#content p.kontakt{font-size:15px;}

.connect_widget_not_connected_text{  display:none !important; /*in your stylesheets to hide the counter!*/}
#facebookLeft {position: absolute;  left: 0;  top: 280px;}

#zluty_box{background-color:#FFFFD5;margin-top:0px;border:solid #999 1px;margin-bottom:10px;}
#zluty_box p, #zluty_box h3{margin-left:10px;margin-right:10px;}