/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background-color:#fff; color:#404040}

a {color:#404040;}
a:hover {/*color:#000;*/color: rgb(0, 142, 173);}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

    #nav span {color:#DDD;}
    #nav #nav-active {color:#039ceb;}

    #tray {background-color:#BFBFBF;}
    #tray li a {color:#FFF; /*color:#404040;OLD DESIGN*/}
    #tray li#tray-active a {background-color:#808080; color:#FFF;}
    #tray li a:hover {background-color:#9F9F9F; color:#FFF;}

        #search #search-input {background-color:#FFF;}
        #search #search-input input {color:#404040;}

    #footer, #footer a {color:#9f9f9f;}
    #footer a:hover {color:#404040;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

/*#col-top, #col-bottom, #col {background-color:rgb(253, 243, 213);}*/

#cols3 .col h3 {background-color:#E7F7FE; color:#52a429;}
#cols3 .col h3 a {color:#52a429;}
#cols3 .col h3 a:hover {color:#000;}
#cols3 .col-more {background:#F5F5F5;}

#cols2 #col-left .title h4, #cols2 #col-right h4 {color:#039ceb;}
#cols2 #col-left .title h4, #cols2 #col-left .title span {background-color:#FFF;}
#cols2 #col-left .article {color:#52a429;}
#cols2 #col-left a:hover.article {color:#000;}

#cols2 #col-right {background-color:#e9f9ff;}
#cols2 #col-right h4 span {background-color:#e9f9ff;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.high {color:#039ceb}

.hlight {
	background: none repeat scroll 0% 0% rgb(220, 255, 164);
	padding: 2px;
}

/*szövegbuborék stílusok*/

p.bubble
{  
    position: relative;  
    width: 200px;  
    height: 100px;  
    text-align: center;  
    line-height: 100px;  
    background-color: #fff;  
    border: 8px solid rgb(3, 156, 238);  
    -webkit-border-radius: 30px;  
    -moz-border-radius: 30px;  
    border-radius: 30px;  
    -webkit-box-shadow: 2px 2px 4px #888;  
    -moz-box-shadow: 2px 2px 4px #888;  
    box-shadow: 2px 2px 4px #888;  
}
p.bubble:before  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 30px;  
    top: 100px;  
    border: 25px solid;  
    border-color: rgb(3, 156, 238) transparent transparent rgb(3, 156, 238);  
}
p.bubble:after  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    left: 38px;  
    top: 100px;  
    border: 15px solid;  
    border-color: #fff transparent transparent #fff;  
}  

.bubble_left {
	width: 200px;
	position: relative;
	color: rgb(255, 255, 255);
	background:rgb(3, 156, 238);
	text-align: left;
	padding: 15px;
	margin:50px 0 3em;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.bubble_left:before {
	content:"";
	position:absolute;
	top:-20px;
	left:50%;
	width:100px;
	height:20px;
	margin:0 0 0 -50px;
	background:rgb(3, 156, 238);
}
.bubble_left:after {
	content:"";
	position:absolute;
	top:-20px;
	left:0;
	width:50%;
	height:20px;
	background:#fff;
	/* css3 */
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
}
.bubble_left > :first-child:before {
	content:""; 
	position:absolute; 
	top:-20px; 
	right:0; 
	width:50%; 
	height:20px; 
	background:#fff;
	/* css3 */
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
}

.bubble_right {

}

/*szövegbuborék stílusok eddig*/