/*
Theme Name: Százvai Clean
Description: The default Százvai Clean theme based on the famous <a href="http://www.ddg.hu/">DDG</a>.
Author: DDG
Author URI: http://www.ddg.hu/
*/

*{
margin: 0;
padding: 0;
border: 0;
}

body { font-family: Verdana, Helvetica, Arial, sans; font-size: 12px; background: url(im/bgr_body.png) repeat center top; }

.center { width: 930px; margin: auto; }
.left { float: left; }
.right { float: right; }
.alignleft { margin: 0 10px 5px 0; float: left; }
.alignright { margin: 0 0 5px 10px; float: right; }
.clear { clear: both; }


/*
-----------------------------
	HEADER
-----------------------------
*/
#header { height: 130px; background: url(im/bgr_header.png) repeat-x center top; }
#header #header_top { width: 930px; height: 52px; text-align: right; }
#header #header_top img { padding-top: 23px; }
#header #header_bottom { height: 75px; }
#header #header_bottom img { padding-left: 70px; }


/*
------------------------------
	SIDEBAR
------------------------------
*/
.sidebar { width: 440px; height: 320px; background: url(im/5erv.png) no-repeat left top; float: left; }


/*
------------------------
	TABS
------------------------
*/
#tabs{ width: 485px; margin-bottom: 15px; padding-top: 5px; float: right; }
#tabs li { float: left; list-style-type: none; }
#tabs li.seperate { width: 16px; height: 16px; background: url(im/seperate.png) no-repeat center top; }
#tabs a { height: 16px; text-decoration: none; display: block; float: left; }
#tabs a.rolunk { width: 49px; background: url(im/menu_rolunk.png) no-repeat left top; }
#tabs a.rolunk:hover, #tabHeaderActive a.rolunk { background-position: 0 -16px; }

#tabs a.szolgaltatasaink { width: 113px; background: url(im/menu_szolgaltatasaink.png) no-repeat left top; }
#tabs a.szolgaltatasaink:hover, #tabHeaderActive a.szolgaltatasaink { background-position: 0 -16px; }

#tabs a.referenciaink { width: 91px; background: url(im/menu_referenciaink.png) no-repeat left top; }
#tabs a.referenciaink:hover, #tabHeaderActive a.referenciaink { background-position: 0 -16px; }

#tabs a.ajanlatkeres { width: 85px; background: url(im/menu_ajanlatkeres.png) no-repeat left top; }
#tabs a.ajanlatkeres:hover, #tabHeaderActive a.ajanlatkeres { background-position: 0 -16px; }

#tabs a.elerhetoseg { width: 79px; background: url(im/menu_elerhetoseg.png) no-repeat left top; }
#tabs a.elerhetoseg:hover, #tabHeaderActive a.elerhetoseg { background-position: 0 -16px; }

.tabContent { padding: 0; }
.tabContent .content { width: 485px; padding-bottom: 30px; font-weight: bold; color: #5b5618; float: right; }
.tabContent .content p { margin-bottom: 18px; line-height: 18px; }
.tabContent .content strong { color: #899639; }
.tabContent .content h3 { margin-bottom: 15px; font-size: 15px; color: #000000; }
.tabContent .content h4 { margin-bottom: 15px; padding: 10px; color: #999933; background: url(im/bgr_tabs.png) repeat-x left top; }
.tabContent .content ul { margin: 0 0 20px 20px; }
.tabContent .content ul li { margin-bottom: 3px; list-style-type: square; }
.tabContent .content a { color: #899639; text-decoration: underline; }
.tabContent .content a:hover { color: #000000; text-decoration: underline; }


/*
----------------------------------------
	CONTACT FORM
----------------------------------------	
*/
#contact_form, .wpcf7-response-output { width: 260px; margin: auto !important; }
.wpcf7-validation-errors { display: none; }
.wpcf7-mail-sent-ok { border: none !important; }
#contact_form .wpcf7-not-valid-tip-no-ajax { font-size: 9px; font-weight: bold; color: #ff0000; }
#contact_form .box { margin-bottom: 15px; }
#contact_form .box .input { width: 238px; padding: 10px; font-size: 12px; background: url(im/bgr_input.gif) no-repeat left top; }
#contact_form .box .input:focus { background-position: 0 -35px; }
#contact_form .box .textarea { width: 238px; height: 130px; font-family: Verdana, Helvetica, Arial, sans; font-size: 12px; padding: 10px; font-size: 12px; background: url(im/bgr_textarea.gif) no-repeat left top; }
#contact_form .box .textarea:focus { background-position: 0 -150px; }
#contact_form .submit { width: 82px; height: 31px; padding-bottom: 1px; font-weight: bold; color: #5b5618; background: url(im/btn_default.png) no-repeat left top; float: right; cursor: pointer; }
#contact_form .submit:hover { background-position: 0 -32px; color: #000000; }


/*
---------------------------
	FOOTER
---------------------------
*/
#footer { height: 120px; margin-bottom: 20px; background: url(im/bgr_footer.png) repeat-x center top; }
#footer #footer_top { height: 75px; }
#footer #footer_bottom .left { padding-top: 13px; font-size: 11px; color: #666666; }
#footer #footer_bottom .right { padding-top: 13px; font-size: 11px; color: #666666; }
#footer #footer_bottom .right a { width: 83px; height: 14px; text-decoration: none; background: url(im/made_by_ddg.png) no-repeat left top; display: block; }
#footer #footer_bottom .right a:hover { background-position: 0 -14px; }