/*
Theme Name: WordPress Clareo
Author: Ales Holovsky
*/


/* Default settings */

* {
  margin: 0;
  padding: 0;
  }

html, body { 
	margin:0px;
	padding:0px;
	height:100%;
}

body {
  text-align: left;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Sans-serif;
  background:#ffffff url(images/bg_body.gif) repeat-x;
  color:#666666;
  line-height:1.3em;
  font-size:100%;
}

#page {
	position:relative;
	margin:0 auto;
	padding:none;
	width:900px;
	height:100%;
}
#page_white {
    position:relative;
    margin:0 auto;
    padding:none;
    width:900px;
    height:100%;  
}

#myheader {
	float:left;
	padding: 0;
	width:900px;
	height:215px;
	overflow:hidden;
	border:none;
	background:#ffffff;
}

#logo {
	float:left;
	display:block;
	margin-top:30px;
	width:163px;
	height:67px;
	background:url(images/logo_clareo.gif) no-repeat;
	padding: 0;
	border:none;
	cursor:pointer;
	text-decoration: none;
}

#slogan 	{
	float:left;
	margin-top: 38px;
	width:900px;
	height: 55px;
	background:url(images/slogan_top.gif) 0 0 no-repeat;
}
#slogan_en     {
    float:left;
    margin-top: 38px;
    width:900px;
    height: 55px;
    background:url(images/slogan_top_en.gif) 0 0 no-repeat;
}


#myfooter_wrapper {
/*	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
*/	
	width:900xp;
    height:34px;
    float:left;
	text-align:center;
}
#myfooter {
	float:left;
	width:900px;
	height:34px;
	font-size:75%;
	overflow:hidden;
	border:none;
}

#topmenu {
	float:left;
	width:800px;
	height: 25px;
	overflow:hidden;
}

#topmenu ul {
    float:left;
}

#topmenu ul li {
	list-style:none;
	float:left;
	height:25px;
	margin-right:30px;
	overflow:hidden;
	text-align:left;
}

#vlajky {
    float:right;
    width:100px;
    height: 25px;
}


#mywrapper_content {
	float:left;
	width:900px;
	margin:none;
	overflow:visible;
}
#mycontent_left {
	float:left;
	width:570px;
	min-height:700px;
	height:100%;
	overflow:hidden;
	padding-top:20px;
	padding-right:20px;
	border-right:1px solid gray;
}
#mycontent_right {
	float:left;
	width:270px;
	min-height:500px;
}


#mycontent_left h2 {
    clear:both;
    float:left;
    font-size:110%;
    margin-top:30px;
}
#mycontent_left h3 {
    clear:both;
    float:left;
    font-size:98%;
    margin-top:20px;
}

#mycontent_left h2:first-child {
	float:left;
    margin-top:0px;
}
#mycontent_left p {
	clear:both;
    /*float:left;*/
    /*margin-top:8px;*/
    padding-top:8px;
    font-size:95%;
    font-weight:normal;
}

#mycontent_left_alone {
    float:left;
    width:850px;
    min-height:700px;
    height:100%;
    overflow:hidden;
    padding-top:20px;
    padding-right:20px;
}

#mycontent_left_alone p {
	float:left;
	margin-top:10px;
    font-size:13px;
    font-weight:normal;
}

#mycontent_left_normal {
    float:left;
    width:610px;
    min-height:266px;
    overflow:hidden;
}
#mycontent_left_normal p {
    float:left;
    margin:none;
    width:590px;
    text-align:justify;
}

.mycontent_leftlabel {
    float:left;
    width:610px;
    height:50px;
    overflow:hidden;
}

#mycontent_left h2, #mycontent_left_alone h2 { 
    text-transform: uppercase;  
    font-weight:normal;
    color:#0099cc;
}
#mycontent_left h3, #mycontent_left_alone h3 { 
    text-transform: uppercase;
    font-weight:normal;
    color:#0099cc;
}



/* sidebar */
#sidebar {
	float:left;
	width:270px;
	min-height:500px;
	padding-top:20px;
	text-align:left;
}
#sidebar div.post {
	float:left;
	width:270px;
	padding-bottom:20px;
	border-bottom:1px solid #999999;
}
#sidebar div.text {
	padding-left:30px;
}

#sidebar h2, #sidebar h3 {
    color:#0099CC;
}
#sidebar h2 {
    font-size:100%;
    font-weight:normal; 
}
#sidebar h3 {
    font-size:90%;
    font-weight:normal;
}
#sidebar p {
    font-size:80%; 
}




.uvod_aktualita {
	float:left;
	width:570px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #0099cc;

}
.projekty_clanek {
	float:left;
	width:570px;
	margin-bottom:20px;
	padding-bottom:0px;
	border-bottom:1px solid #0099cc;
}
.projekty_clanek h2 {
    float:left;
    margin:0px;
    margin-top:10px;
}
.projekty_clanek h2:first-child {
    float:left;
    margin:0px;
}
.projekty_clanek p {
    float:left;
    margin-top:10px;
    font-weight:normal;
}


.googleMapa {
	float:left;
	margin-top:20px;
    width:570px;
    height:400px;
}

.mainlabel {
	float:left;
	padding:14px;
	padding-left:35px;
	font-size:18px;
	font-weight:bolder;
	color:#f18e00;
}
.mainlabel_normal {
	float:left;
	padding:14px;
	padding-left:25px;
	font-size:18px;
	font-weight:bolder;
	color:#f18e00;
	width:580px;
}

.maintext {
	float:left;
	display:block;
	width:560px;
	margin-top:20px;
	margin-left:14px;
	padding-left:20px;
	color:#444444;
}

.aktualita_uvod {
	float:left;
	width:900px;
	font-size:11px;
	border-top:1px solid #ffeacc;
	margin-top:15px;
	padding-top:15px;
	padding-bottom:15px;
}
.aktualita_uvod ul {
	font-size:13px;
	padding-left:40px;
	list-style-type: disc;
	margin-bottom:10px;
}
.aktualita_uvod li {
	font-size:13px;
	padding-left:0px;
	list-style: disc;
}





/*	OBECNE	*/

p { 
	font-family: Arial; 
}

img.alignnone {float:none; margin:1em 1em 1em 0}
img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

h1, h2, h3, h4, h5, h6, p {
	display:block;
	margin:none;
	padding:none;
	font-weight:normal;
}


.small { font-size: 11px; }


.clear { clear: both; }
.cleared {  margin: 0;  padding: 0;  clear: both; }

.lefttext { text-align: left; }
.righttext { text-align: right; }
.justifytext { text-align: justify; }
.centertext { text-align: center; }

.hidden { display: none; }
.dontshow { display: none; }

a img { border: none; }


.noborder { border:none; }
.nopad { padding:none; }
.nomargin { margin:none; }


.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }

.padtop10 { padding-top: 10px; }

.top2 { margin-top:2px; }
.top3 { margin-top:3px; }
.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.top50 { margin-top:50px; }
.top60 { margin-top:60px; }

.bot3 { margin-bottom:3px; }
.bot5 { margin-bottom:5px; }
.bot10 { margin-bottom:10px; }
.bot20 { margin-bottom:20px; }
.bot30 { margin-bottom:30px; }
.bot40 { margin-bottom:40px; }
.bot50 { margin-bottom:50px; }
.bot60 { margin-bottom:60px; }

.left5 { margin-left:5px; }
.left10 { margin-left:10px; }
.left15 { margin-left:15px; }
.left20 { margin-left:20px; }
.left25 { margin-left:25px; }
.left30 { margin-left:30px; }

.right5 { margin-right:5px; }
.right10 { margin-right:10px; }
.right15 { margin-right:15px; }
.right20 { margin-right:20px; }
.right25 { margin-right:25px; }
.right30 { margin-right:30px; }
.right40 { margin-right:40px; }

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

.bolder { font-weight:bolder; }
.nobold { font-weight:normal; }
.underlined { text-decoration: underline; }

.size10 { font-size:10px; }
.size11 { font-size:11px; }
.size12 { font-size:12px; }
.size13 { font-size:13px; }
.size14 { font-size:14px; }
.size15 { font-size:15px; }
.size16 { font-size:16px; }
.size17 { font-size:17px; }
.size18 { font-size:18px; }



.h1 { height:1px; }
.h2 { height:2px; }
.h5 { height:5px; }
.h10 { height:10px; }
.h15 { height:15px; }
.h20 { height:20px; }
.h40 { height:40px; }
.h60 { height:60px; }
.h80 { height:80px; }
.h100 { height:100px; }
.h150 { height:150px; }
.h200 { height:200px; }
.h250 { height:250px; }
.h260 { height:260px; }
.h300 { height:300px; }
.h400 { height:400px; }

.w60 { width:60px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w217 { width:217px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w300 { width:300px; }
.w310 { width:310px; }
.w320 { width:320px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w480 { width:480px; }
.w500 { width:500px; }
.w570 { width:570px; }
.w600 { width:600px; }
.w610 { width:610px; }
.w640 { width:640px; }
.w650 { width:650px; }
.w660 { width:660px; }
.w670 { width:670px; }
.w690 { width:690px; }
.w800 { width:800px; }
.w850 { width:850px; }
.w900 { width:900px; }
.w940 { width:940px; }

.white { color:white; }
.red { color:red; }
.orange { color:orange; }
.dark { color:#666666; }
.black { color:black; }
.clareoblue { color: #0099cc; }
.bgred { background:#ff0000; }
.bgsilver { background:#f0f0f0; }

.silvertopborder { border-top:1px solid #f0f0f0; }
.bglightsilver { background:#f8f8f8; }
.silvertopborder { border-top:1px solid #f0f0f0; }




/*	styly odkazu	*/
a { 
	text-decoration:none;
	color:#0099cc;
	border:none;
	outline:0;
}

a:hover { 
	color:#000000;
	text-decoration:underline;
}

a img.alignright {float:right; margin:1em 0 1em 1em}
a img.alignleft {float:left; margin:1em 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a.moreinfo {
	font-size:11px;
	margin-bottom:7px;
}

#topmenu a {
	float:left;
	display:block;
	height:30px;
	color:#999999;
	font-size:13px;
	font-weight:normal;
	text-decoration: none;
	text-align:left;
	padding-right:30px;
	border-right:1px solid #999999;
}

#topmenu a:hover { 
	color:#0099cc;
	text-decoration: none;
}

#topmenu a.current { 
	color:#0099cc;
	text-decoration: none;	
}


#jazyky a {
    display:inline;
    height:30px;
    color:#999999;
    font-size:13px;
    font-weight:normal;
    text-decoration: none;
}

#jazyky a:hover { 
    color:#0099cc;
    text-decoration: none;
}



#sidebar a {
	color:#0099cc;
	font-size:12px;
}

#sidebar a:hover { 
	color:#000000;
	text-decoration: underline;
}


.uvod_aktualita a {
	text-decoration:none;
	color:#0099cc;
}
.uvod_aktualita a:hover {
	color:#000000;
	text-decoration:underline;
}

.projekty_clanek a {
	text-decoration:none;
	color:#0099cc;
}
.projekty_clanek a:hover {
	color:#000000;
	text-decoration:underline;
}



p ul {
	clear:both;
	display: block;
	list-style-type: disc;
	color:black;
}
p ul li {
	list-style-type: disc;
	list-style: disc;
	color: black;
}



.block { display:block; }
.inline { display:inline; }

a:focus, a:active {
	-moz-outline:none;
	outline-style:none;
    outline-width:0;
}

a.linkedin-profileinsider-popup {
    position:relative;
    top:-28px;
    left:230px;
}

#sidebar sidebar_post_text br {
    clear:both;
    display:block;
    line-height:1px;
    font-size:1px;
    height:1px;
}