/*
------------------------------------------------------------------------------------------------------------------
  Classes
------------------------------------------------------------------------------------------------------------------
*/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }

.clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px; }

.hidden { display: none; }
.show { display: block; }

.fleft { float: left; }
.fright { float: right; }

img.fleft { float: left; margin: 0 10px 5px 0; }
img.fright { float: right; margin: 0 0 5px 10px; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

.padding { padding: 10px; }
.nopadding { padding: 0; }
.margin { margin: 10px; }
.nomargin { margin: 0; }

.container { overflow: hidden; }

/* 
------------------------------------------------------------------------------------------------------------------
  Main
------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { position: relative; color: #6f6f6f; font: 0.75em/1.3 Arial, Sans-Serif; background: #fff url(../img/body-bg.png) repeat-x 0 0; height: 100%; }

form fieldset { border: 0; }
form input.text, 
form input.password, 
form input.file, 
form select, 
form textarea { font-size: 1em; width: 270px; }
form input.submit, form input.button { font-size: 1em; }
form input.image { position: relative; top: 2px; }
form textarea { height: 70px; }

form.main p label { float: left; width: 120px; }
form.main p span.field { display: block; margin-left: 125px; }
form.main p span.field input.text, 
form.main p span.field input.file, 
form.main p span.field select { display: block; }
form.main p span.field small.descr { display: block; padding: 4px 0; color: #727272; }
form.main p span.field span.radio, 
form.main p span.field span.checkbox { padding-right: 15px; }

h1, h2, h3, h4 { padding: 10px 0; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em;}
h3 { font-size: 1.2em; }
h4 { font-size: 1em; font-style: italic; }

p, ul, ol, dl, form { padding: 5px 0; }
blockquote { padding: 5px 0 5px 30px; }

ul li,
ol li { margin-left: 16px; }

dl dd { padding: 5px 0 5px 30px; }

big {font-size: 1.2em; }
small { font-size: 0.9em; }

big strong { color: #000; }

a { color: #0079C1; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }

#center { position: relative; margin: 0 auto; background: #fff url(../img/body-bg.png) repeat-x 0 0; width: 990px; min-height: 100%; }

/*
------------------------------------------------------------------------------------------------------------------
  Header
------------------------------------------------------------------------------------------------------------------
*/

#header { position: relative; height: 170px; }
#header img.logo { position: absolute; top: 15px; left: 42px; }
#header img.send { position:absolute; top: 211px; right: 0; }
#header div.h1 { position: absolute; top: 10px; left: 168px; color: #000; font-size: 3.2em; font-family: "Myriad Pro",Arial; font-weight:bold;  }
#header div.h1 a {text-decoration:none;color: #000; }
#header div.h1 a:hover {color: #0079C1;}

#header p { position: absolute; top: 64px; left: 168px; width: 700px; }
#header ul { position: absolute; top: 104px; left: 187px; font-size: 1.5em; font-family: "Trebuchet MS"; }
#header ul li { list-style: none; float: left; white-space: nowrap; margin: 0 10px 0 0; padding: 0 10px 0 0; line-height: 27px; border-right: 1px solid #DADAD9; height: 27px; }
#header ul li.last { margin: 0; padding: 0; border: 0; }
#header ul li a { text-decoration: none; }
#header ul li a:hover { text-decoration: underline; }

#cse-search-box {position: absolute; top: 148px; left: 168px; padding: 0px; margin:0px;}
#cse-search-box input {width: 430px; height: 20px;}
#cse-search-box input.button {width: 120px; height: 20px;}

/*
------------------------------------------------------------------------------------------------------------------
  Content
------------------------------------------------------------------------------------------------------------------
*/

#body { position: relative; padding-top: 20px; padding-bottom: 230px; }

#content_wrapper { float: left; width: 100%; }
#content_wrapper #content { margin-left: 367px; }

body#inner #content_wrapper #content { margin-left: 380px; }

/* Categories */

#content .categories { overflow: hidden; padding: 50px 0 0 0; }
#content .categories .width { width: 630px; }

#content .categories .category { position: relative; float: left; margin-bottom: 20px; width: 210px; height: 194px; }
#content .categories .category p.head { position: absolute; z-index: 1000; top: -4px; left: 34px; padding: 0; }
#content .categories .category p.head a { padding: 0 5px; color: #000; font-weight: bold; background: #fff; }
#content .categories .category p.head a:hover { text-decoration: underline; }

#content .categories .category .wrapper { display: block; position: absolute; z-index: 980; top: 0; left: 0; text-decoration: none; width: 210px; height: 194px; }
#content .categories .category .wrapper span.pic { position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 0 0; width: 210px; height: 194px; }
#content .categories .category .wrapper span.frame_bg { position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 0; width: 210px; height: 194px; }

#content .categories .category .wrapper2 { display: none; position: absolute; z-index: 990; top: 0; left: 0; background: #fff; width: 210px; height: 194px; }
#content .categories .category .wrapper2 span.pic { position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 0 0; width: 210px; height: 194px; }
#content .categories .category .wrapper2 span.dark_bg { position: absolute; top: 0; left: 0; background: url(../img/second-bg3.png) no-repeat 0 0; width: 210px; height: 194px; }
#content .categories .category .wrapper2 span.frame_bg { position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 0; width: 210px; height: 194px; }
#content .categories .category .wrapper2 p.links { position: absolute; top: 45px; left: 24px; padding: 0; color: #000; font-family:"Trebuchet MS"; width: 155px; height: 120px; }
#content .categories .category .wrapper2 p.links span { display: block; padding: 2px 0; }
#content .categories .category .wrapper2 p.links span a:hover { color: #000; }
#content .categories div:hover.category .wrapper2 { display: block; }

#content .categories .style1 .wrapper span.frame_bg { background-image: url(../img/second-bg1.png); }
#content .categories .style2 .wrapper span.frame_bg { background-image: url(../img/second-bg2.png); }
#content .categories .style1 .wrapper2 span.frame_bg { background-image: url(../img/second-bg1.png); }
#content .categories .style2 .wrapper2 span.frame_bg { background-image: url(../img/second-bg2.png); }

#content .categories .category_add { position: relative; float: left; margin-bottom: 20px; background: url(../img/category_add.gif) no-repeat 0 0; width: 210px; height: 194px; }
#content .categories .category_add p.head { position: absolute; z-index: 1000; top: -4px; left: 34px; padding: 0; }
#content .categories .category_add p.head span { padding: 0 5px; color: #000; font-weight: bold; background: #fff; }
#content .categories .category_add p.links { position: absolute; top: 25px; left: 20px; padding: 0; line-height: 1.2; width: 150px; }
#content .categories .category_add p.links span { display: block; padding: 5px 0; }

#content .listing { position: relative; padding: 5px 8px; }
#content .listing .listing_left { margin-left: -21px; padding-left: 21px; }
#content .listing .listing_right { margin-right: -21px; padding-right: 21px; line-height: 35px; height: 35px; }
#content .listing p, 
#content .listing form { margin: 0; padding: 0; line-height: 35px; }
#content .listing form select {width : 80px; }
#content .listing p.pages { font-size: 1.1em; }
#content .listing p.pages a { margin: 0 4px; color: #000; font-weight: bold; }
#content .listing p.pages a.active { margin: 0 4px; padding: 0 5px; color: #999; background: #fff; border: 1px solid #C2D4CD; text-decoration: none;}

#content .marks { font-size: 0.9em; color: #A8A8A8; }
#content .marks p { padding: 0; }
#content .marks img.star { position: relative; top: 3px; }
#content .marks span.rating { color: #000; font-weight: bold; }

p.tags_cloud { margin-top: 21px; margin-bottom: 17px; padding: 18px; font-family: "Trebuchet MS"; font-weight: bold; text-align: center; line-height: 18px; }
p.tags_cloud a { text-decoration: none; }
p.tags_cloud a:hover { text-decoration: underline; }
p.tags_cloud .size_0 { font-size: 0.7em;display: none;}
p.tags_cloud .size_1 { font-size: 1.1em;}
p.tags_cloud .size_2 { font-size: 1.5em;}
p.tags_cloud .size_3 { font-size: 1.8em;}
p.tags_cloud .size_4 { font-size: 2.2em;}
p.tags_cloud .size_5 { font-size: 2.6em; }
p.tags_cloud .size_6 { font-size: 2.8em; }
p.tags_cloud .size_7 { font-size: 3.0em; }
p.tags_cloud .size_8 { font-size: 3.3em; }
p.tags_cloud a.more {text-decoration: underline; font-weight: bold; font-size: 0.9em;}
/* Countries */

#content .countries { padding: 16px 0 0 0; }
#content .countries .country .photos { float: right; margin-top: 38px; width: 219px; }
#content .countries .country .photos img { margin: 0 0 8px 8px; }
#content .countries .country .text { margin-right: 240px;}
#content .countries .country .text img { width:380px; }
#content .countries .country .text h1 {color:#000;}
#content .countries .country .text h1 small {display: block; font-size: 0.5em; color: #6f6f6f; margin-top: -3px;}

#content .countries .country .text p big strong a {color:#000; text-decoration: none;}
#content .countries .country .text p a.text {color: #6f6f6f;text-decoration: none; }
/* Sidebar */

body#inner #sidebar { width: 380px; }

#sidebar { float: left; margin-left: -100%; width: 341px; }

#sidebar .leftplace h2,#sidebar .leftplace h1 { padding-left: 53px; color: #E37000; font-size: 2.1em; }
#sidebar .leftplace h1 a{ color: #E37000; text-decoration:none;}
#sidebar .leftplace h1 a:hover { text-decoration:underline;}
#sidebar .leftplace .place_pic { position: relative; background: url(../img/leftplace-bg.gif) no-repeat 0 center; height: 120px; }
#sidebar .leftplace .place_pic .pic { position: absolute; top: 0; left: 70px; width: 135px; height: 120px; }
#sidebar .leftplace .place_pic .pic .bg { position: absolute; top: 0; left: 0; background: url(../img/category-bg.png) no-repeat 0 0; width: 135px; height: 120px; }
#sidebar .leftplace .text { padding-left: 53px; padding-right: 60px; font-size: 0.9em; }
#sidebar .leftplace .icons a.link { position: absolute; top: 98px; left: 0; display: block; width: 40px; height: 70px; }
#sidebar .leftplace .icons .leftmenu { display: none; position: absolute; z-index: 3000; top: 94px; left: 0; background: url(../img/menuforitems.png) no-repeat 0 0; width: 580px; height: 320px; overflow: none; }
#sidebar .leftplace .icons .leftmenu .scroll { overflow: none; padding: 10px 20px; height: 300px; }
#sidebar .leftplace .icons .leftmenu .category { position: relative; float: left; margin: 10px 14px; background-repeat: no-repeat; background-position: center center; width: 140px; height: 129px; }
#sidebar .leftplace .icons .leftmenu .category .frame { position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 0 0; width: 140px; height: 129px; }
#sidebar .leftplace .icons .leftmenu .style1 .frame { background-image: url(../img/menuitem-bg1.png); }
#sidebar .leftplace .icons .leftmenu .style2 .frame { background-image: url(../img/menuitem-bg2.png); }
#sidebar .leftplace .icons .leftmenu .category p.head { font-family: "Trebuchet MS"; font-weight: bold; }
#sidebar .leftplace .icons .leftmenu .category p.head a { position: absolute; display: block; color: #000; width: 140px; height: 129px; }
#sidebar .leftplace .icons .leftmenu .category p.head a span { position: absolute; display: block; top: -10px; left: 24px; }

#sidebar .leftnav { background: url(../img/leftnav-bg.gif) no-repeat 0 54px; }
#sidebar .leftnav .navbar { float: left; margin-left: 70px; padding-bottom: 10px; width: 128px; }
#sidebar .leftnav .navbar strong.current { display: block; padding: 8px 0; font-size: 1.2em; font-family: "Trebuchet MS"; text-align: center; background: #fff; width: 128px; }
#sidebar .leftnav .navbar strong.current a { color: #A2A2A1; }
#sidebar .leftnav .navbar ul { color: #000; font-size: 1.1em; font-family: "Trebuchet MS"; font-weight: bold; }
#sidebar .leftnav .navbar ul li { display: none; clear: left; list-style: none; margin: 0; padding: 3px 13px;}
#sidebar .leftnav .navbar ul li.pic { display: block; margin-bottom: -15px; float: left; overflow: hidden; position: relative; top: -5px; padding: 0; width: 128px; height: 108px;  background-color: white;}
#sidebar .leftnav .navbar ul li.pic img { margin-top: -5px;}
#sidebar .leftnav .navbar ul li.pic .bg { position: absolute; top: 0; left: 0; background: url(../img/category2-bg.png) no-repeat 0 0; width: 128px; height: 108px; }
#sidebar .leftnav .navbar ul li.pic .bg2 { position: absolute; top: 0; left: 0; background: url(../img/category2-bg2.png) no-repeat 0 0; width: 128px; height: 108px; }
#sidebar .leftnav .category { display: none; margin: 10px 6px; font-size: 1.1em; font-family: "Trebuchet MS"; font-weight: bold; background: #fff url(../img/cat-bg1.gif) no-repeat 0 0; }
#sidebar .leftnav .category .inner { padding: 5px 7px; background: url(../img/cat-bg2.gif) no-repeat 0 bottom; }
#sidebar .leftnav .current { float: left; margin-left: 0; width: 175px; }
#sidebar .leftnav .current big { position: absolute; display: block; padding-left: 28px; color: #E37000; font-size: 1.8em; font-family: "Trebuchet MS"; font-weight: bold; }
#sidebar .leftnav .current .pic { overflow: hidden; position: relative; width: 161px; height: 138px; margin-top:30px;}
#sidebar .leftnav .current .pic .bg { position:absolute; top: 0; left: 0; background: url(../img/current-bg.png) no-repeat 0 0; width: 161px; height: 138px; }
#sidebar .leftnav .current p.links { margin-left: 1px; padding: 20px 0; font-size: 1.1em; font-family: "Trebuchet MS"; font-weight: bold; }
#sidebar .leftnav .current p.links a, 
#sidebar .leftnav .current p.links span { margin-left: 5px; }
#sidebar .leftnav .current p.links span { display: block; padding: 4px 0; }
#sidebar .leftnav .current p.links span span.active { display: inline; padding: 0; color: #000; }

/*
------------------------------------------------------------------------------------------------------------------
  Footer
------------------------------------------------------------------------------------------------------------------
*/

#footer { position: absolute; bottom: 0; left: 0; background: url(../img/footer-bg.gif) no-repeat right 0; width: 100%; height: 123px; }

#footer_contacts { position: absolute; top: 10px; right: 0; line-height: 1.1; width: 295px; }
#footer_contacts a { color: #E37000; }
#footer_contacts div { padding-bottom: 8px; }
#footer_contacts label { float: left; padding-right: 10px; color: #000; font-weight: bold; text-align: right; width: 95px; }
#footer_contacts span { display: block; margin-left: 105px; }

p#footer_copyright { position: absolute; top: 0; left: 53px; }
ul#footer_right { position: absolute; top: 45px; left: 53px; font-size: 0.9em;}
ul#footer_right li { list-style-type: none; margin-left: 0px;}
ul#footer_right a {color : #727272; text-decoration: none;}
/*
------------------------------------------------------------------------------------------------------------------
  Index Page
------------------------------------------------------------------------------------------------------------------
*/

body#index { background: url(../img/body-bg-index.png) repeat-x 0 0; }

body#index #center { background: url(../img/body-bg-index.png) repeat-x 0 0; }

body#index #header { height: 155px;}
body#index #header img.logo { top: 15px; }
body#index #header h1 { top: 7px; }
body#index #header p { top: 64px; }
body#index #header ul { top: 104px;}

body#index #body { padding-top: 14px; }

#index .countries {font-size:1.3em; text-align: center; margin-top:0; height:290px;  font-family: "Trebuchet MS";}
#index .countries a { text-decoration: none; padding: 2px; display: block; width: 230px; height: 22px; vertical-align: middle; float: left; }
#index .countries a:hover { text-decoration: none; background-color: white; }
/*
#index .countries .size_1 {font-size:0.9em;}
#index .countries .size_2 {font-size:1.2em;}
#index .countries .size_3 {font-size:1.3em;}
#index .countries .size_4 {font-size:1.4em;}
#index .countries .size_5 {font-size:1.5em;}
#index .countries .size_6 {font-size:1.8em; font-weight: bold;}
#index .countries .size_7 {font-size:1.9em; font-weight: bold;}
#index .countries .size_8 {font-size:2.0em; font-weight: bold;}
*/
#index .countries .size_1 {font-size:0.8em;}
#index .countries .size_2 {font-size:0.9em;}
#index .countries .size_3 {font-size:1.0em;}
#index .countries .size_4 {font-size:1.1em;}
#index .countries .size_5 {font-size:1.2em;}
#index .countries .size_6 {font-size:1.3em; font-weight: bold;}
#index .countries .size_7 {font-size:1.4em; font-weight: bold;}
#index .countries .size_8 {font-size:1.5em; font-weight: bold;}

#index .lastpubs { background-color: white; padding: 10px; margin-bottom: 10px;}
#index h2 { color: #E37000; font-size: 1.6em;  font-family: "Trebuchet MS"; }
#index .lastpubs .item { width: 49%; float: left; margin-top: 5px;}
#index .lastpubs .item img { margin-right: 5px; padding:3px; border:1px solid #a1a1a1; float:left;}
#index .lastpubs .item p a {text-decoration: none; color: #6f6f6f;}
#index .lastpubs .item p strong {font-size:1.1em; color: #000000;}

#index .lastphoto { background-color: white; padding: 10px;}
#index .lastphoto .item { float: left; margin-top: 5px;}
#index .lastphoto .item img { margin-right: 5px; padding:3px; border:1px solid #a1a1a1;}
#index .lastphoto .item p {text-align: center;}
#index .lastphoto .item p a{text-decoration: none; }