

div#subpage-title {
padding : 35px 0 30px 20px;
text-align : center;
}
div#subpage-title h1 {
color : #67938c;
font-size : 21px;
font-weight : 700;
letter-spacing : -1px;
line-height : 26px;
text-transform : uppercase;
}
div#subpage-title h2 span {
color : #63b816;
font-size : 16px;
font-weight : 700;
line-height : 26px;
text-transform : uppercase;
letter-spacing : -0.5px;
}
div#subpage-title h2 {
color : #63b816;
font-size : 16px;
font-weight : 700;
line-height : 26px;
letter-spacing : 0;
}
div.container_12 div.row div.twelve h3 {
color : #7f967c;
font-size : 14px;
font-style : italic;
line-height : 44px;
position : relative;
box-shadow : 1px 1px 3px #dadada ;
}
table.twelve h3 {
color : #67938c;
font-weight : 700;
text-transform : uppercase;
margin-bottom : 10px;
}
div.box1 h4 {
color : #7f967c;
font-size : 24px;
font-style : italic;
line-height : 24px;
}
div.twelve div.alert-box a {
color : #46aa0e;
letter-spacing : 2px;
}
h2 a span.sex1 {
color : #2d76a3;
}
h2 a span.sex2 {
color : #e24d4d;
}
h2 a span.sex3 {
color : #63b816;
}
.grid_13 h3 {
font-size: 16px;
margin-bottom: 20px;
}
.grid_13 h4 {
text-transform : none;
font-size: 14px;
letter-spacing: 0px;
}
div.pagination {
width : 100%;
min-height : 80px;
margin-top : 30px;
}
ul.pagination {
display : block;
min-height : 80px;
margin-left : 0;
}
ul.pagination li {
float : left;
display : block;
width : 20px;
height : 20px;
color : #999;
font-size : 14px;
margin-left : 5px;
background : #f9f9f9;
margin-top : 10px;
padding : 7px 7px;
}
ul.pagination li a {
color : #555;
width : 24px;
height : 24px;
}
ul.pagination li:hover {
background : #ffffff;
}
ul.pagination li.unavailable a {
cursor : default;
color : #999;
width : 24px;
height : 24px;
}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
background : transparent;
}
ul.pagination li.current {
border : 1px solid #ffffff;
color : #ffffff;
cursor : pointer;
display : inline-block;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
line-height : 1.2em;
overflow : visible;
position : relative;
text-align : center;
text-decoration : none;
font-size : 16px;
padding : 7px 5px 5px;
}
ul.pagination li.current a {
color : #ffffff;
}
ul.chatszabaly {
width : 90%;
margin : 30px 10px;
}
ul.chatszabaly li {
margin-top : 10px;
}
table {
background : #fff;
margin : 0 0 18px;
border : 1px solid #ddd;
}
table tbody tr.even, table tbody tr.alt {
background : #e5e5e5;
}
table tbody tr:nth-child(even) {
background : #f9f9f9;
}
table tbody tr td {
color : #7a897a;
padding : 10px;
vertical-align : top;
border : none;
line-height : 24px;
font-size : 13px;
/*border-top : 1px solid #efefef;
border-bottom : 1px solid #efefef;*/
}
td.dnn_w {
width : 27%;
}
td.dnn_q {
width : 60%;
}
table tbody tr td a {
color : #449386;
}
table tbody tr td a:hover {
color : #4eb2a1;
}
div.alert-box {
display : block;
padding : 6px 7px 7px;
font-weight : bold;
font-size : 14px;
color : white;
background-color : #2ba6cb;
margin-bottom : 12px;
position : relative;
box-shadow : 1px 1px 3px #dadada ;
}
div.alert-box.success {
background-color : #5da423;
color : #fff;
}
div.alert-box.alert {
background-color : #c60f13;
color : #fff;
}
div.alert-box.secondary {
background-color : #e9e9e9;
color : #505050;
}
div.alert-box a.close {
color : #333;
position : absolute;
right : 4px;
top : -1px;
font-size : 17px;
opacity : 0.2;
padding : 4px;
}
div.alert-box a.close:hover, div.alert-box a.close:focus {
opacity : 0.4;
}
table.twelve {
width : 99%;
}
table#twelvetopic {
width : 99%;
}
td.altw {
width : 20%;
}
table#twelvetopic tbody tr td {
color : #7a897a;
padding : 20px 20px;
vertical-align : top;
border : none;
font-size : 13px;
}
table#twelvetopic tbody tr td a {
color : #449386;
}
div.panel {
/*width : 100%;*/
background : #f8f8f8;
border : 1px solid #DADADA;
padding : 20px 15px;
border-radius: 10px;
}
.varosokpanelleft {
float : left;
width : 25%;
height : 150px;
background : none;
margin : 0;
padding-top : 10px;
}
.varosokpanelright {
float : left;
width : 63%;
height : 150px;
background : none;
margin : 0;
padding : 10px 0 0 20px;
}
.varosokpanelright p {
color : #8f9194;
line-height : 20px;
margin : 0;
}
.varosokpanelright h2 {
color : #4e6f99;
letter-spacing : 1px;
margin : 0;
}
div#row_varosuser div.row_left div.rowqq div.varosdp div.panel div.varosokpanelright h3 {
color : #636b77;
letter-spacing : 1px;
margin : 0;
font-style : italic;
}
.varosokpanelright h4 {
color : #4e6f99;
letter-spacing : 5px;
margin-top : 10px;
margin-bottom : 5px;
font-size: 14px;
}
.varosokpanelhoroszk {
float : right;
width : 8%;
height : 150px;
background : none;
margin : 0;
padding-top : 10px;
}
#varosuserpic {
float : left;
border : 3px solid #ffffff;
box-shadow : 3px 3px 3px #dadada ;
}

/* Mobile */

@media only screen and (max-width: 995px) {

.varosokpanelright {
margin : 0 0 0 18px;
}
h2 a {font-size : 14px;}
.varosokpanelright h4 {font-size : 14px;}

}

@media only screen and (max-width: 767px) {
 div.panel {
     padding: 0px;
 }

}


@media only screen and (max-width: 479px) {


}