/* 

URI: http://www.diplomat.hr
Type: screen style sheet

Author: Sasa Marusic
Author URI: http://www.monotag.com

 */


/* @group Typography  */

body 							{ color: #63; background-color: #fff; background-image: url(../images/bg/bg_body.jpg); background-repeat: repeat-x; font-size: 62.5%; 
	 								  font-family: Verdana, Geneva, sans-serif; }
h1, h2, h3, h4, h5, h6 	{ color: #434343; font-family: Georgia, serif; font-weight: bold; }
h2 								{ font-size: 1.8em; padding: 0 0 10px 33px; }
#columnLeft h1				{ color: #b00007; font-size: 1.6em; padding: 10px 0 8px 33px; }
.box h1, .box2 h1 			{ font-size: 1.4em; padding-left: 33px; }
.boxH h1 						{ color: #666; font-size: 1.7em; font-style: bold; text-align: center; }
p 									{ font-size:1.2em; line-height: 1.8em; padding: 7px 5px 3px 33px; }
#columnRight p 				{ font-size: 1.2em; line-height: 1.8em; padding: 5px 5px 0 5px; }
img 								{	border: 0px; }
a:link, a:visited 				{ color: #008cf5; text-decoration: underline; }
a:hover 						{ color: #484848; }

/* @end */

/* @group Page Structure */

* 									{ margin: 0px; padding: 0px; }
#wraper 						{ position: relative; margin-left: auto; margin-right: auto; width: 960px; }
#content 						{ position: relative; width: 960px; 	float: left; }
#columnLeft 					{ position: relative; width: 750px; float: left; }
#columnRight 				{ position: relative; width: 210px; float: left; }
#header 						{ position: relative; float: left; width: 960px; background-image:url(../images/bg/header.jpg); height: 280px; background-position: right top; 
									  background-repeat: no-repeat; }
#footer 						{ position: relative; width: 960px; clear: both; border-top: 1px solid #d3d7d9; height: 50px; font-size: 1.2em; font-family: Georgia, serif; }

/* @end */

/* @group Header */

#header h1 a					{ float:  left; width: 190px; height: 63px; background-image: url(../images/logo/diplomat.gif); background-repeat: no-repeat; position: absolute; left: 20px; 
									  display: block; text-indent: -999em; }
#header h1 a:hover 		{ background-color: transparent !important; }
#header h2					{ font-size: 2.2em; font-weight: normal; color: #424242; padding: 70px 0 0 33px; width: 270px; }
#header h3 					{ font-size: 1.5em; font-weight: normal; color: #c00202; padding:20px 0 0 33px; width: 270px; }
.colorRed						{ color: #c00202; }
.topLine 						{ border-top: 2px solid #bdbdbd; margin-left: 33px; width:890px; }
.language  					{ padding: 45px 0 0 817px; font-family: Georgia, serif; font-weight: bold; color: #666; }
.language a 					{ text-decoration: underline; color: #800000; }
.language a:hover 			{ text-decoration: underline; color: #000; }
.selected 						{ background-color: #62d4e1; color: #333!important; text-decoration: none!important; }

/* @end */

/* @group Navigation */

#mainNav 						{ padding: 20px 0 0 220px; }
#mainNav ul li 				{ list-style: none; display: inline; padding: 0 2px 0 2px; font-family: Georgia, serif; font-weight: bold; color: #fff; background-color: #transparent; font-size: 1.4em; }
#mainNav ul li a:link, #mainNav ul li a:visited { text-decoration: none; color: #fff; background-color: #transparent; }
#mainNav ul li a:hover 	{ color:#c00202; background-color: #000; text-decoration: underline; }
.mainNavSelected			{ color: #c00202!important; }

/* @end */

/* @group Content */

.boxH /*home page box*/ 	{ width: 800px; padding: 3px 0 10px 35px; }
.box /*home page box*/ 	{ float: left; width: 240px; padding-right: 80px; }
.box img, .box2 img 			{ padding-left: 33px; }
.box2 /*home page box*/   { float: left; width: 600px; padding: 10px 80px 0 0; float: left; }
.box2 img 							{ float: left; padding-right: 20px; }
.box3 /*home page box*/ 	{ float: left; width: 240px; padding: 10px 20px 0 0; margin-top:  20px; background-image: url(../images/bg/bg-right.png); background-repeat: repeat-x; 
										  -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; }
.box3 ul 							{ padding-left: 25px; font-size: 1.2em; line-height: 1.8em; }
#columnRight ul 				{ padding-left: 20px; list-style-type: square; font-size:1.2em; }
#columnLeft ul 					{ padding-left: 55px; font-size:1.2em; }
#columnLeft li, #columnRight li { line-height: 1.8em; }
.right-content 					{width: 210px; background-image: url(../images/bg/bg-right.png); background-repeat: repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
										 border: 1px solid #ccc; padding: 1px; margin-top: 10px; }
#columnRight p, .box3 p 	{ font-family: Georgia, serif; font-weight: bold; font-size: 1.4em; color: #1b7fc6; }
.float1								{ float: left; padding-right: 10px; }

/* @end */

/* @group Footer */

.copyright 						{ line-height: 1.8em; padding: 20px 5px 50px 35px; color: #666; }
/* @end */