/*
Quick.Cms grafiQaPL_01 stylesheet
More about design modifications - http://opensolution.org/Quick.Cms/docs/?id=en-design
*/

/* GLOBAL STYLES */
body, body *{margin:0;padding:0;border:0;}
body,table{color:#767676;font-size:0.75em;font-family:Arial, Verdana, sans-serif;}

body{padding:0;background:#e9e5e4;text-align:center;}

.input, select, textarea{}
.input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;}
.submit{}
.form{}
.hide{display:none;}

a{background-color:inherit;color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

#container{position:relative;width:100%;margin:0 auto;}
#body, #foot{float:left;width:100%;margin:0 auto;}
#head1, #head2{width:960px;margin:0 auto;text-align:left;}
#body .container, #foot .container{width:960px;margin:0 auto;text-align:left;}


/* LOGO, HEADER BACKGROUND AND SLOGAN */
#header{padding-top:30px;height:180px; background: url('img/background_header.png');}
#head1{clear:both;}
#head1 .container{height:115px;background: url('img/background_head1.png');}
#logo{color:white;padding:20px 60px;}
#logo #title a{font-size:4em;color:white;text-decoration:none;}
#logo #title strong{font-weight:normal;}
#logo #slogan{padding-left:5px;}


* html #logo #slogan{width:100%;} /* IE 6 hack */

/* HEADER WITH TOP MENU BELOW LOGO */
#head2{background: #fff url('img/head2_shadow.png') no-repeat center bottom;}
#head2 .container{overflow:hidden;height:65px;}

/* MENU TOP */
#menu1 ul{height:100%;margin:0;list-style:none;width:100%;background:#fff;text-align:center;}
#menu1 li{display:inline-block;margin-top:8px;border-right:1px solid #c6c6c6;padding:12px 0 10px}
#menu1 li a{margin-top:4px;padding:17px 25px 14px;color:#000;font-size:1.4em;font-weight:500;}
#menu1 li.lL{border:none;}
#menu1 li a:hover, #menu1 .selected a{text-decoration:none;background:#0f3645 url('img/menu1_background.png') repeat-x;color:#fff}
#menu1 .selected {border:none;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;margin:0;}
#body .container{background:#fff;overflow:hidden;}

/* LEFT COLUMN STYLES */
#column{float:left;width:270px;padding:0px 0;}
/* 
If you want display left menu on right side:
#column{float:right;width:270px;padding:10px 0;}
*/
#column .type{margin-top:25px;padding:7px 0 7px 10px;font-size:1.75em;letter-spacing:1px;}
#menu2{margin-right:20px}

/* LEFT MENU */
#menu2 ul{padding:10px 0 40px;list-style:none;background: #0f3645 url('img/menu2_background.png') no-repeat;}
#menu2 .type{margin:0px;padding:55px 0px 10px 40px;font-size:1.733em;color:#000;background: url('img/menu2_shadow.png') top center no-repeat;}
#menu2 li{border-bottom:1px solid #61929d;}
#menu2 a{display:block;font-size:14px;color:#a6c4ca;padding:13px 15px;margin-left:30px;background:url('img/menu2_square.png') no-repeat left center;}
#menu2 a:hover, #menu2 .sub1 a:hover{}
#menu2 .selected > a:first-child{}

#menu2 .sub1{height:auto;padding:0px;background:none;margin-bottom:10px;}
#menu2 .sub1 li{border:none;padding:0px;}
#menu2 .sub1 a{display:block;width:100%;margin:0px;margin-left:50px;padding:5px 15px;color:white;background:url('img/submenu2_square.png') no-repeat left center;}

/* RIGHT COLUMN STYLES */
#content{margin-top:45px;float:left;width:630px;padding:5px 0 5px 10px;text-align:center;}
* html #content{width:660px;}
* html #page{width:100%;}
#page{position:relative;width:90%;margin:0 auto;padding:10px 0 0 20px;text-align:left;background:url('img/content_shadow.png') no-repeat;}

/* PAGE TITLE */
#page h1{margin:10px 0 10px;font-size:2.417em;font-weight:normal;}

/* NAVIGATION PATH - TREE */
#page div.breadcrumb{position:absolute;left:10px;top:-20px;padding:2px 0;color:#d9a99a}
#page div.breadcrumb a{font-weight:normal;color:#d9a99a}
#page div.breadcrumb a:hover{text-decoration:underline;}
*:first-child+html #page div.breadcrumb{top:-5px;} /* IE 7 hack */
* html #page div.breadcrumb{top:-5px;} /* IE 6 hack */

/* PAGE CONTENT */
#page div.content{padding-top:5px;font-size:1.163em;line-height:1.5em;}
#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li{margin:8px 0;padding:0;border-left:0;}
#page div.content p{padding-bottom:10px;}
#page div.content a{color:#d9a99a}

.pages{padding:8px 0;text-align:right;font-size:1.083em;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 2px;}
.pages a, .pages strong{padding:0 1px;font-size:1.083em;color:#767676}

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{margin:0 0 15px 0;text-align:center;}
.imagesList li div{text-align:center;}
.subpagesList li img, .imagesList li img{padding:1px;}
.subpagesList li img:hover, .imagesList li img:hover{border-color:#000;}

#imagesList1{float:left;margin:9px 20px 0 0;}
#imagesList2{clear:right;float:right;margin:8px 0 0 15px;}

/* FILES LIST STYLES */
#filesList{width:100%;float:left;list-style:none;vertical-align:middle;}
#filesList li{width:100%;float:left;clear:left;margin:15px 0 0px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{padding-left:2px;background:inherit;}
#filesList a{color:#db9171;}

/* SUB PAGES LIST STYLES */
.subpagesList{float:left;width:100%;list-style:none;}
.subpagesList li{clear:left;float:left;width:96%;padding:13px 2% 8px;border-top:1px solid #61929d;}
.subpagesList li.l1{border:none;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:0 18px 5px 0;}
.subpagesList li h2{padding-bottom:10px;}
.subpagesList li h2, .subpagesList li h2 a{font-size:1.25em;font-weight:normal;color:#306b7b;}
.subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}
.subpagesList li ul, .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;}
.subpagesList li li{padding:0;border:0;background:none;-webkit-box-shadow:none;box-shadow:none;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}
.subpagesList li p{padding-bottom:10px;}

/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;padding-top:10px;margin:10px 10px;font-size:1em;text-align:right;background:url('img/content_shadow.png') no-repeat top right;}
*:first-child+html #options{width:95%;} /* IE 7 hack */
#options a{padding:0 10px 0;color:#db9171}
#options .back, #options .print{float:right;}

.message{padding:50px 0;text-align:center;}
.message h2{font-weight:normal;font-size:2.4em;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;font-size:1.263em;}
#foot .container{height:100px;width:960px;margin:0 auto;background:#000;color:#fff;overflow:hidden;background: url('img/background_footer.png')}
#foot a{background:inherit;color:#3a7082;}
#foot a:hover{text-decoration:underline;}

#copy{float:left;padding:65px 45px;color:#3a7082;}
.foot{float:right;padding:65px 45px;}

@media print{
  /* PRINT STYLES */
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}

  body{margin:1cm 0;}
  #container{width:17.2cm;height:auto;}
  #head1 .container, #head1{height:auto;}
  #head1, #head1 .container{width:17.2cm;} 
  #logo{padding:0 0 0.2cm;}
   #head1 .container, #head2 .container, #body .container, #foot .container{border-width:0px !important;}

  #body{clear:none;}
  #body .container{overflow:visible;}
  #logo #title, #page h1{padding:0;}
  #page div.breadcrumb{position:relative;top:0;}

  #header .container, #body .container, #foot .container, #content, #page{float:none;width:17.2cm;padding:0;margin:0;}
  #column, #head2, #back{display:none;}
}

/* PLUGINS */