@charset "utf-8";

* { margin:0px; padding:0px; outline:none;}

img{ border:0px;}

body { background:url(../images/mainback.png) repeat; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; font-size:14px;}

h1{  font-size:24px; font-weight:normal; color:#8b1411; font-style:italic;}
h4 { font-size:26px; font-weight:normal;}

a, a:visited, a:active { font-size: 14px; color: #8b1411; text-decoration: none;}
a:hover { text-decoration: none; color: #333333;}

.invalid {
border:2px solid #880000 !important;
}

.valid {
border:2px solid green !important;
}

fieldset { border:none;}

/*HEADER*/
#mainHeader { float:left; width:100%; margin:0;}
.header { width:870px; margin:0 auto;}
.logo { float:left; width:310px;}


/*MENU*/
.menu { float:right; width:520px;}
#menu { float:left; width:100%; font-size:18px; line-height:normal;}

.jqueryslidemenu{ font:18px Georgia, "Times New Roman", Times, serif; font-style:italic; width: 100%; margin-top:30px; float:left;}
.jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none;}

/*Top level list items*/
.jqueryslidemenu ul li{ position: relative; display: inline; float: left;}
.jqueryslidemenu li .empty{ background:#8b1411; padding:8px 5px; color:#ffffff; font-size:14px; font-weight:bold;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{ display: block; padding: 5px 10px; color:#333333; text-decoration: none; font-size:18px; margin-left:2px;}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: #333333;}
.jqueryslidemenu ul li a:hover{ background:none; /*tab link background during hover state*/color:#8b1411;}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; background:#eae3dc; border:4px solid #FFF; padding:5px 0px;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{ display: list-item; float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{ top: 0;}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{ font: normal 14px Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; width: 180px; /*width of sub menus*/ padding:5px 10px; margin: 0;}
.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/ background: #ffffff; color: #ffffff;}


/*SLOGAN*/
.mainSlog { float:left; width:100%; height:296px; border-bottom:4px solid #FFF; background:#8b1411; margin-top:10px;}
.slog { margin:0px auto; width:870px;}
.slogtext{ float:left; padding:40px 0 0 0; font-size:28px; color:#f4e7d5; width:580px; font-style: italic; background:url(../images/slon.png) bottom right no-repeat; height:240px; line-height:36px;}
.slogtext span{ color:#120f0f;}
.ponuda { float:left; width:268px; margin-top:-15px;}
.ponudaTop { float:left; background:url(../images/ponudaTop.png) left top no-repeat; height:15px; line-height:0px; width:268px;}
.ponudaMain { float:left; width:238px; border-left:5px solid #FFF;  border-right:5px solid #FFF; padding:10px; background: #eae3dc; font-size:18px; font-style:italic;}
.ponudaBottom { float:left; background:url(../images/ponudaBottom.png) left top no-repeat; height:78px; line-height:0px; width:268px;}
.ponudalink { float:left; width:150px; padding:22px 0 0 80px; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; line-height:normal;}
.ponudalink a { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#333; font-style:italic;}
.ponudalink a:hover { color:#8b1411;}


/*CONTENT*/
#mainContent { float:left; width:100%; margin:0;}
.contentHolder { width:870px; margin:0 auto;}
.content { float:left; width:850px; padding:20px 0 20px 0;}

.miniboxHolder {float:left; width:269px;}
.miniboxHolderOther {float:right; width:269px;}
.miniboxHolderTop {float:left; width:269px; background:url(../images/miniboxtop.png) left top no-repeat; height:14px; line-height:1px; font-size:0px;}
.miniboxHolderMain {float:left; width:239px; background:url(../images/miniboxmain.png) left top repeat-y; padding:0px 15px;}
.miniboxHolderBottom {float:left; width:269px; background:url(../images/miniboxbottom.png) left top no-repeat; height:14px; line-height:1px; font-size:0px;}

.miniboxHolderMain p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333; line-height:17px; font-style:italic;}
.miniboxHolderMain p span { color:#8b1411; font:Georgia, "Times New Roman", Times, serif;}

.link a{ float:right; width:85px; height:22px; padding:3px 0 0 20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#8b1411; background:url(../images/link.png) top left no-repeat; margin-top:10px;}
.link a:hover{ background:url(../images/linkH.png) top left no-repeat; color:#333;}

.caroselboxHolder {float:right; width:550px;}
.caroselboxHolderOther {float:left; width:550px;}
.caroselboxHolderTop {float:left; width:550px; background:url(../images/caroselboxtop.png) left top no-repeat; height:15px; line-height:1px; font-size:0px;}
.caroselboxHolderMain {float:left; width:550px; background:url(../images/caroselboxmain.png) left top repeat-y;}
.caroselboxHolderBottom {float:left; width:550px; background:url(../images/caroselboxbottom.png) left top no-repeat; height:15px; line-height:1px; font-size:0px;}

.onama { float:left; width:515px; clear:left; margin-top:20px; padding-left:10px;}
.onama p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333; font-style:italic;}

.kon { float:right; width:268px; clear:right; margin-top:20px; padding-right:10px;}
.kon p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333; font-style:italic;}

.footerHolder { float:left; width:100%; background:#333; border-top:3px solid #ffffff;}
.footer { margin:0px auto; width:870px; padding:5px 0px 10px 0px;}
.footer p { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#ffffff; text-align:center; padding-top:10px; width:600px; float:left;}


/*OTHER PAGES*/
.caroselboxHolderOther {float:left; width:550px;}
.caroselboxHolderTopOther {float:left; width:550px; background:url(../images/caroselboxtop.png) left top no-repeat; height:15px; line-height:1px; font-size:0px;}
.caroselboxHolderMainOther {float:left; width:530px; background:url(../images/caroselboxmain.png) left top repeat-y; padding:0px 10px;}
.caroselboxHolderBottomOther {float:left; width:550px; background:url(../images/caroselboxbottom.png) left top no-repeat; height:15px; line-height:1px; font-size:0px;}
.caroselboxHolderMainOther span {color:#8b1411; font-style:italic; font-size:16px; font-weight:bold;}

.miniboxHolderTopOther {float:left; width:269px; background:url(../images/miniboxtop.png) left top no-repeat; height:14px; line-height:1px; font-size:0px;}
.miniboxHolderMainOther {float:left; width:239px; background:url(../images/miniboxmain.png) left top repeat-y; padding:0px 15px;}
.miniboxHolderBottomOther {float:left; width:269px; background:url(../images/miniboxbottom.png) left top no-repeat; height:14px; line-height:1px; font-size:0px;}


.konOther { float:right; width:269px; clear:right; margin-top:20px;}
.konOther p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333; font-style:italic;}

.kontaktLeft { float:left; width:250px; padding-top:10px;}
.kontaktRight {float:right; width:250px; padding-top:5px;}
.kontaktRight img { border:5px solid #f1e8da; }

.kontaktLeftForm { float:left; width:250px;}
.kontaktRightForm {float:right; width:250px;}

.kontaktForm {float:left; width:530px; margin-top:30px;}

#name, #email, #subject{ background:#f1e8da; border:none; height:18px; padding:5px 5px; width:220px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px;}

#message { background:#f1e8da;  height:50px; border:none; padding:5px 5px; width:220px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px;}

#spamcheck { background:#f1e8da;  height:14px; border:none; padding:5px 5px; width:40px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; margin-left:65px;}

.buttonSubmit{ float:right; width:105px; height:25px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#8b1411; background:url(../images/link.png) top left no-repeat; margin:0px 20px 0px 0px; border:none; clear:left;}

.opis_1 {clear:both;}
.opis_1 a { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#8b1411;}
.opis_1 a:hover{ color:#333333;}

/*GALLERY*/
.galleryHolder { float:left; width:510px; padding:0px 10px;}
.galleryItem { float:left; width:145px; padding:5px; background:#f1e8da; border:1px solid #cccccc; margin:5px;}

/*PAGINATION*/
.pagination { padding: 2px; margin-top:5px; float:left;}

.pagination ul { margin: 0; padding: 0; text-align: left; /*Set to "right" to right align pagination interface*/ font-size: 16px;}
.pagination li{ list-style-type: none; display: inline; padding-bottom: 2px;}

.pagination a, .pagination a:visited{ padding: 0 5px; border: 1px solid #cccccc; text-decoration: none; color: #8b1411;}
.pagination a:hover, .pagination a:active{ border: 1px solid #666666; color: #000; background-color: #f1e8da;}

.pagination a.currentpage{ background-color: #8b1411; color: #FFF !important; border-color: #666666; font-weight: bold; cursor: default;}
.pagination a.disablelink, .pagination a.disablelink:hover{ background-color: white; cursor: default; color: #929292; border-color: #929292; font-weight: normal !important;}

.pagination a.prevnext{ font-weight: bold;}