/*
Theme Name: Skinizna
Theme URI: http://wordpress.org/
Description: skinizna
Version: 1.0
Author: Matej Chrenko, Stanislav Luzbetak
Author URI: http://luzbetak.com/

*/



/*	********************************************
		*                                          *
		* Code: http://kodujeme.sk                 *
		* Date: 22.12.2009                         *
		* Support: info@kodujeme.sk                *
		*                                          *
		********************************************
*/

/*


	TABLE OF CONTENTS
      -RESET
      -GENERAL TAGS
      -LAYOUT
      -LOGO
      -MENU
      -CONTENT
      -BOXES
      -SIDEBAR
      -FOOTER
      

*/

/*----------------------------------------------- RESET ------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
a img {
	border: 0px solid #fff;
}
ul, li {
	list-style: none;
}


/*-----------------------------------------------GENERAL TAGS-----------------------------------------*/
html{font-size:100.01%;   height: 100%; ;}
body{font-family:Arial,Verdana,Helvetica,sans-serif;color:#676767; width:100%; text-align: center; font-size: 12px; background:#3e5c87 url('images/bgr3.jpg');} 
a{text-decoration: none; color: #375781;}
.clear{width: 100%; display: block; height: 0px; clear: both; line-height: 0; overflow: hidden; font-size: 0px; padding-bottom: 0px;}
.clear2{width: 100%; display: block; height: 20px; clear: both; line-height: 0; overflow: hidden; font-size: 0px; padding-bottom: 0px;}

.hr{width: 100%; display: block; height: 0px; clear: both; line-height: 0; overflow: hidden; font-size: 0px; margin-bottom: 15px; border-bottom: 1px solid #d6d6ce }
/*----------------------------------------------- LAYOUT -----------------------------------------*/
.center{width: 996px; margin: 0 auto;  text-align: left; position: relative;}

.bgr{width: 100%; background:url('images/bgr.jpg') top no-repeat;}
.bgr2{width: 100%; background:url('images/bgr2.jpg') repeat-x;}

.mainimg{width: 996px;  height: 280px; overflow: hidden; margin-bottom: 21px;background:url('images/mainimg.jpg') no-repeat; z-index: 1;}
.mainimg img{width: 990px;  height: 274px; margin-left: 3px; margin-top: 1px;}

/*----------------------------------------------- HEADER -----------------------------------------*/
.header{height:89px; position:relative; width: 990px; margin-left: 3px;}

.logo a{display: block;width: 150px; height: 62px; float: left; margin:16px 23px 0 9px; background:url('images/logo.png') no-repeat; text-indent: -3000px;}

.certificate{float: left; margin-top: 17px;}

.search{float: right; width: 233px; margin-top: 29px; height: 32px; position: relative;}
.search label{width: 199px; height: 32px;background:#1b3653 url('images/searchbar.jpg') no-repeat; display: block;position: relative;}
.search label input{width: 190px; top: 6px; height: 20px;background-color: transparent; border: none; left: 5px; position: absolute; color: #8090a6; font-style: italic; font-size: 12px;}
.search .submit{position: absolute; right: 0px; top:0px; width: 34px;  height: 31px;background:#efeee2 url('images/searchbutton.jpg') no-repeat; border: none; }

.submit_hovered{background:#efeee2 url('images/searchhover.jpg') no-repeat !important;height: 31px; cursor: pointer;}

/*----------------------------------------------- LOGO -----------------------------------------*/
/*----------------------------------------------- MENU -----------------------------------------*/
#menu{height: 57px; width: 990px; background:url('images/menu.jpg') top no-repeat;margin-left: 3px; position: relative; z-index: 2; }
.menu { height:42px; position:relative; z-index:3; margin-left: 10px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; padding-top: 5px;}


.menu ul li ul {padding-top: 0px !important; background:red url('images/submenu.jpg') top no-repeat; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a{display:block;font-size:12px;text-decoration:none; color:#666555;  height:42px; padding:0 12px; line-height:31px; float: left; font-size: 11px; text-transform: uppercase;;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:170px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a {color:#666555; height:auto; line-height:1em; padding:10px 10px; width:150px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a{width:170px;w\idth:170px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#26579e; background: url('images/menu_hover.gif') top no-repeat;}
.menu :hover > a, .menu ul ul :hover > a {color:#26579e;background: url('images/menu_hover.gif') top no-repeat;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; z-index: 1000;}


.menu .hover ul{visibility:visible; z-index: 100;}
.menu .hover ul li{visibility:visible; z-index: 500;}

.menu .current-menu-item a {
  color: #26579e !important;
  background:url('images/menuactive.gif') bottom no-repeat;
}
.menu .current_page_item ul li a{background:#cfceba url('images/submenu.gif') bottom no-repeat;}



.menu .current-menu-parent a {
  color: #26579e;
  background:url('images/menuactive.gif') bottom no-repeat;
}

.menu .current-menu-parent a:hover {
color:#26579e; background: url('images/menu_hover.gif') top no-repeat;
}


.menu .current-menu-parent ul li a {
  color: #666555 !important;
  background: none;
}

.menu .current-menu-parent ul li {
background:#cfceba url('images/submenu.gif') bottom no-repeat;
}

.menu .current-menu-parent ul li a:hover {
background:#cfceba url('images/submenu.gif') bottom no-repeat; color:#26579e !important;
}



.menu li li a:hover{background:#cfceba url('images/submenu.gif') bottom no-repeat !important; color:#26579e !important;}

.menu ul li ul li a{background:#cfceba url('images/submenu.gif') bottom no-repeat;}




.menu :hover > a, .menu ul ul :hover > a {color:#26579e;background: url('images/menu_hover.gif') top no-repeat;}




.main{width: 741px; float: left;margin-left: 3px;}


/*----------------------------------------------- CONTENT -----------------------------------------*/
.content{width: 741px; background-color: #f5f5ef; margin-bottom: 35px; overflow: hidden;}
.content .head{display: block; height: 38px; line-height: 38px;background:url('images/content_header.jpg') top repeat-x; font-size: 12px; color: #56553e; font-weight: normal; text-indent: 15px;}

.content h2{color: #1a3250; font-size: 20px; font-weight: normal; margin-bottom: 10px; padding-top: 15px;}
.content h3{color: #1a3250; font-size: 16px; font-weight: normal; margin-bottom: 10px;padding-top: 15px;}
.content h4{color: #1c3551; font-size: 12px; font-weight: bold; margin-bottom: 0px;padding-top: 15px;}
.content h5{color: #1c3551; font-size: 12px; font-weight: bold; margin-bottom: 0px;padding-top: 15px;}
.content h6{color: #1c3551; font-size: 12px; font-weight: bold; margin-bottom: 0px;padding-top: 15px;}

.content ul{padding-left: 2px; padding-top: 0px;}
.content li{background:url('images/li.gif') 0px 4px no-repeat; padding-left: 12px;margin-bottom: 12px;}
.content li li{background:url('images/lili.gif') 0 4px no-repeat; padding-left: 12px;}

.content table{border-collapse: collapse; margin-bottom: 20px; font-size: 12px; border: 2px solid #b7b7a4;}
.content th{text-align: left; background-color: #e8e8e0;padding: 10px; border: 1px solid #b7b7a4;}
.content td{padding: 10px; border: 1px solid #b7b7a4;}

.content h3.posts{color: #314a70; font-size: 14px; margin-bottom: 10px; font-weight: normal;}

.content h3.posts .date{float: right; color: #929292; font-size: 12px !important; margin-right: 3px;}
.content h3.posts a{color: #314a70; font-size: 14px;}
.content .padding{margin: 14px; overflow: hidden; position: relative;}
.content img{float: left; margin-right: 12px; margin-bottom: 12px; padding: 3px; border: 1px solid #c2c2aa;}
.content iframe{ padding: 2px; border: 1px solid #c2c2aa;}
.content p{margin-bottom: 15px;}
.content .more{float: right; margin-bottom: 12px;}
.content .archive{float: right; width: 139px; height: 32px; line-height: 32px;margin-bottom: 15px; text-indent: 13px;background:#d3d5c0 url('images/archive.jpg') left top no-repeat; font-size: 13px; font-style: italic; color: #4e4d41; }
.content .archive:hover{background:#d3d5c0 url('images/archive.jpg') left bottom no-repeat;  }




.content form{ margin-bottom: 20px; position: relative;}
.content form label input{padding: 4px; background-color: #ebebe4; border: 1px solid #c5c3bf; width: 320px;}
.content form textarea{padding: 4px; background-color: #ebebe4; border: 1px solid #c5c3bf; width: 520px; height: 150px;}
.content form label {font-weight: bold; line-height: 22px; position: relative; display: block; }
.content form .submitbutton{float: left; width: 139px; height: 32px; line-height: 32px;margin-bottom: 15px; text-indent: 30px; text-align: left; background:#d3d5c0 url('images/archive.jpg') left top no-repeat; font-size: 13px; font-style: italic; color: #4e4d41; border: none; }
.content form .submitbutton:hover{background:#d3d5c0 url('images/archive.jpg') left bottom no-repeat; cursor: pointer;}
.content form .submitbuttonhover{background:#d3d5c0 url('images/archive.jpg') left bottom no-repeat; cursor: pointer;}






/*----------------------------------------------- BOXES -----------------------------------------*/
.boxes{margin-right: -24px; margin-left: 1px; width: 760px;}
.main .box{width: 235px; height: 230px; float: left; margin-right: 18px; display: inline;}
.main .box h4{text-indent: 13px; background:url('images/dot.jpg') 2px center no-repeat; color: #f5f4e5; margin-bottom: 11px;}
.main .box h4 a{ color: #f5f4e5; }
.main .box .imgholder{width: 235px; height: 141px; background:#2b4060 url('images/img_box.jpg') no-repeat; position: relative;}
.main .box .imgholder img{margin-left: 5px; margin-top: 5px;width: 225px; height: 119px;}
.main .box .maphover{position: absolute; background:url('images/maplayer.png') no-repeat; top: 5px; left: 5px; width: 225px; height: 119px; }
.main .box .maphover:hover{background:url('images/maplayerhover.png') no-repeat; }
.main .box p{color: #c4cbd6; margin-left: 3px;}

/*----------------------------------------------- SIDEBAR -----------------------------------------*/
.sidebar{width: 235px; float: right; color: #c9cdd3; display: inline; overflow: hidden;}
.sidebar .box{background:#2c425b url('images/sidebar_box.jpg') repeat;}
.sidebar .box h3{display: block; height: 38px; line-height: 38px;background:#25364b url('images/sidebar_box_header.jpg') top repeat-x;font-size: 12px; color: #6f839b; font-weight: normal; text-indent: 13px;}
.sidebar .box .padding {margin: 11px;margin-top: 0px;}
.sidebar .lastact{float: right; font-style: italic; font-size: 11px; color: #8090a6;}
.sidebar .box table {width: 100%; border-collapse: collapse; margin-bottom: 7px;color: #c9cdd3; font-size: 12px;}
.sidebar .box table td {background:url('images/sidebar_box_border.gif') bottom repeat-x; padding: 7px 3px; }
.sidebar .box p{margin-bottom: 8px;}
.sidebar .box .snow{ width: 105px; float: left; margin-bottom: 3px;}
.sidebar .box .snowbottom{ clear: both; height: 5px; width: 100%; display: block; line-height: 5px; overflow: hidden;}
.snowhr{background:url('images/sidebar_box_border.gif') bottom repeat-x; height: 2px; margin-bottom: 5px;}
.sidebar .box .snow td{background-image:none !important; padding: 3px; padding-left: 10px;}
.sidebar .box .snow td img{ margin:0 6px 0 2px; margin-bottom: -1px;}
.sidebar .box .snow th{background:url('images/sidebar_box_border.gif') bottom repeat-x; text-align: left; font-weight: bold;padding: 7px 3px; padding-left: 10px}

/*----------------------------------------------- FOOTER -----------------------------------------*/
.footer{width: 100%; height: 35px; line-height: 35px; background: #324b66 url('images/footer.jpg') top repeat-x; color: #8090a6;}
.footer a{color: #8090a6;}

.footer p{margin: 0 14px; }
.footer .designer{float: right; color: #8090a6;}


#flags_language_selector{position: absolute; right: 0px; top: 5px;}
#flags_language_selector img{
      margin:1px;
      border:1px solid #333;
}