/*  
Theme Name: HYDROCLAR s.r.o.
Description: Vzhled prezentace firmy HYDROCLAR s.r.o.
Author: Vít Reisiegel
Author URI: http://www.reisiegel.eu
*/

@font-face {
	font-family: Myriad Pro;
    font-style:  normal;
    font-weight: normal;
    src: url(fonts/MyriadPro-Regular.otf);
}

@font-face {
	font-family: MyriadPro Semi;
    font-style:  normal;
    font-weight: normal;
    src: url(fonts/MyriadPro-Semibold.otf);
}

@font-face {
	font-family: MyriadPro Bold;
    font-style:  normal;
    font-weight: normal;
    src: url(fonts/MyriadPro-Bold.otf);
}

html { 
	background: url('img/html_bg.jpg') left top no-repeat;
}

body {
    background: url('img/body_new2.png') left top no-repeat;
    margin: 0 auto;
    padding: 0;
    font-family: Tahoma;
    color: #000000;
	width: 1072px;
}

	/* HEADER / HLAVICKA */

#header {
    height: 400px;
}

#header h1 {
    display: none;
}

img {
    border:0;
}

#menu {
	width: 510px;
	height: 39px;
	float: right;
	padding: 35px 80px 0 0;
	font-family: Myriad Pro;
}

#menu ul {
	padding: 0;
	margin: 0;
	float: right;
	list-style: none;
}

#menu ul li {
	padding: 0 7px 0 7px;
	margin: 0;
	float: left;
}

#menu ul li:hover, #menu ul li.current_page_item {
    background: url('img/menu_hover.png') center top repeat-x;
	height: 39px;
}

/*#menu ul li.page-item-5:hover, #menu ul li.page-item-5.current_page_item {
    background: url('img/uvod_hover.png') center top no-repeat;
	height: 39px;
	width: 43px;
	text-align: right;
}
*/
#menu ul li a {
	color: #FFFFFF;
	font-size: 13px;
	text-decoration: none;
	padding-top: 10px;
	height: 39px;
	display: block;
}

#header .logo {
	width: 236px;
    height: 126px;
	padding: 90px 0 0 55px;
	float: left;
}

#header .description {
	color: #004ea2;
	font-size: 31px;
	line-height: 90%;
	font-family: Myriad Pro;
	font-weight: bold;
	width: 430px;
	float: right;
	padding: 30px 70px 0 0;
	font-style: italic;
}

#content {
	width: 100%;
	padding: 0;
	margin: 0 0 50px 0;
}

	/* LEVÁ ČÁST */

#left {
    background: url('img/left_bg.png') left bottom no-repeat;
	width: 255px;
	padding: 0;
	margin: 0 0 0 50px;
	float: left;
	min-height: 448px;
}

#left h2 {
    background: url('img/left_h2.png') left top no-repeat;
	width: 255px;
	height: 43px;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
	padding: 16px 0 0 0;
	margin: 0 0 0 0;
}

#left ul {
	padding: 0 0 15px 5px;
	margin: 0;
}

#left ul li.item {
    background: url('img/left_li.png') 8px 2px no-repeat;
	list-style: none;
	padding: 0 0 0 23px;
}

#left ul li {
	list-style: none;
	padding: 0 0 0 5px;
}

#left ul li li.item {
    background: none;
	list-style: none;
	padding: 3px 0 0 0;
}

#left ul li a {
	color: #24396E;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
}

#left ul li li {
    background: none;
	list-style: none;
	margin: 3px 0 0 15px;
}

#left ul li li a {
	color: #0090FF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
}

.pages {
	margin-top: 8px !Important;
	margin-bottom: 8px !Important;
}

	/* OBSAHOVÁ ČÁST */

#midle {
    background: url('img/midle_bg.png') left 15px repeat-y;
	width: 469px;
	padding: 0;
	margin: 0 0 0 20px;
	float: left;
	color: #24396E;
}

#midle-page {
    background: url('img/midle-page_bg.png') left 15px repeat-y;
	width: 699px;
	padding: 0;
	margin: 0 0 0 14px;
	float: left;
	color: #24396E;
}

#midle-page h1 {
    background: url('img/midle-page_h2.png') left top no-repeat;
	width: 699px;
	height: 35px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	padding-top: 8px;
}


#midle h1 {
    background: url('img/midle_h2.png') left top no-repeat;
	width: 469px;
	height: 35px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	padding-top: 8px;
}

#midle .text, #midle-page .text {
	padding: 0 20px 0 20px;
	font-family: Tahoma;
}

.text h3 {
	color: #24396E;
	font-size: 17px;
	margin: 0 0 15px 0;
	padding: 0;
}

.text p {
	font-size: 14px;
	margin: 0;
	padding: 10px 0 10px 0;
}

.text strong {
	color: #0090FF;
}

.text a {
	color: #0090FF;
	text-decoration: none;
}

	/* PRAVÁ STRANA */	

#right {
  background: url('img/right_bg.png') left 15px repeat-y;
	width: 204px;
	padding: 0;
	margin: 0 0 0 20px;
	float: left;
}

#right h2 {
  background: url('img/right_h2.png') left top no-repeat;
	width: 204px;
	height: 35px;
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
	padding-top: 8px;
	margin: 9px 0 0 0;
}

#right .product h3 {
	width: 164px;
	color: #0090FF;
	font-size: 14px;
	text-align: center;
}

#right .product {
	width: 164px;
	padding-left: 20px;
	clear: both;
}

#right .product p {
	font-size: 12px;
	color: #24396E;
	text-align: justify;
}

#right .product a {
	color: #0090FF;
	text-decoration: none;
}

	/* PATIČKA */
	

#clear, .clear {
	clear: both;
}

#footer {
    background: url('img/footer_bg.png') 50px top no-repeat;
	height: 24px;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	padding: 1px 0;
	line-height: 50%;
	margin: 0;
}

	/* VYSUNUJÍCÍ MENU */
	
.vmenu h3 {display: none;}

.sym {
	color: #0075E3 !Important; 
	cursor: pointer;
	padding: 0 3px 0 0;
	font-size: 25px\9;
	font-size: 16px !Important;
}


.newsimgd {
	width: 140px;
	margin: 0 auto;
	padding: 0;
}



.newsimg {
	width: 140px;
	height: auto;
}