/* CSS Document */

/*RESET*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../images/bg_image.jpg) center top no-repeat;
}

a {color: #000;; text-decoration: none;}
a:hover {color: #000;; text-decoration: underline;}
a:focus {outline: none;}

.clr {clear: both;}

#wrapper1{
	margin-left: auto;
	margin-right: auto;
	width: 970px;
	background: url(../images/wrapper1_bg.png) left top repeat-y;
	padding-left: 10px;
}

#wrapper2{
	width: 940px;
	background: #FFF url(../images/wrapper2_bg.jpg) left top repeat-x;
	padding-left: 10px;
	padding-right: 10px;
}

h1{
}

h2{
}

h3{
}

h4{
	font-size:15px;
}

p{
}

table{
	font-size: 13px;
}
/*---HEADER---*/
#header{
	background: url(../images/header_bg.jpg) left top repeat-y;
	border-bottom: #333 10px solid;
	width: 920px;
	height: 207px;
	padding-left: 20px;
	margin-bottom: 17px;
}

#header h1{
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	padding-top: 15px;
	font-size: 32px;
	color: #fff;
	line-height: 44px;
	text-shadow: #86140f 3px 3px 5px;
	float: left;
	width: 700px;
}

#header h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: normal;
	color: #FFF;
	text-shadow: #86140f 3px 3px 5px;
}

.espn-logo{
	text-align: right;
	float: right;
	width: 200px;
	height: 125px;
}

/*---END OF HEADER---*/

/*---LEFT CONTENT---*/

#left{
	width: 254px;
	float: left;
}

#navigation{
	background: #fefefe url(../images/nav-bg.jpg) left top repeat-x;
	width: 252px;
	border: #CCC 1px solid;
	margin-bottom: 20px;
}

#navigation ul{
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#navigation li{
	font-size: 14px;
	font-weight: bold;
	color: #4a4a4a;
	line-height: 32px;
	list-style-type: none;
	text-align: right;
	background: url(../images/nav_separator.jpg) left bottom repeat-x;
}

#navigation a{
	color: #4a4a4a;
	text-decoration: none;
}

#navigation a:hover{
	text-decoration: none;
	color: #9e211b;
}

#navigation li.zadnji-u-listi{
	background-image: none;
}

#page1 #link01 a, #page2 #link02 a, #page3 #link03 a, #page4 #link04 a, #page5 #link05 a, #page6 #link06 a, #page7 #link07 a, #page8 #link08 a, #page9 #link09 a, #page10 #link10 a, #page11 #link11 a, #page12 #link12 a, #page13 #link13 a, #page14 #link14 a, #page15 #link15 a, #page16 #link16 a, #page17 #link17 a, #page18 #link18 a, #page19 #link19 a, #page20 #link20 a{
	text-decoration: none;
	color: #9e211b;
}

#left-images{
	width: 234px;
	padding-left: 20px;
	background-color: #a5a5a5;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

#left-images h1{
	font-size: 28px;
	font-weight: normal;
	text-shadow: #616161 2px 2px 3px;
	line-height: 42px;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

#left-images img{
	border: #e9e9ea 3px solid;
	margin-bottom: 10px;
}

/*---END OF LEFT CONTENT---*/


/*---RIGHT CONTENT---*/

#right{
	width: 651px;
	padding-right: 5px;
	float: right;
}

#content{
	font-size: 12px;
}

.content-boxes{
	width: 300px;
	float: left;
	margin-right: 20px;
}

#content h1{
	color: #9e211b;
	font-size: 28px;
	background: url(../images/heading_bg.jpg) left bottom repeat-x;
	line-height: 54px;
	margin-bottom: 25px;
	clear: both;
}

.right-content-pic{
	border: #9e211b 3px solid;
	margin-left: 10px;
	margin-bottom: 5px;
	float: right;
}

.left-content-pic{
	border: #9e211b 3px solid;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}

#content p{
	line-height: 20px;
	font-size: 13px;
	padding-bottom: 10px;
}

#content h2{
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 20px;
	color: #333;
}

#content ul{
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 13px;
}

#content ol{
	padding-bottom: 25px;
	padding-left: 20px;
}

#content a{
	color: #9e211b
}

#content a:hover{
	text-decoration: underline;
}

.content-logo {
	width: 250px;
	height: 105px;
	text-align: center;
	float: left;
	margin-right: 50px;
	margin-bottom: 15px;
	border: 1px dashed #999;
}

.content-logo img{
	padding-bottom: 15px;
}

.content-logo-noborder{
	width: 250px;
	height: 75px;
	text-align: center;
	float: left;
	margin-right: 50px;
	margin-bottom: 15px;
	border: 1px dashed #999;
}

.sponzors-list{
	width: 250px;
	margin-right: 32px;
	float: left;
}

.list-box{
	width: 230px;
	float: left;
}

.first-in-list{
	padding-bottom: 10px;
}

.inportant-txt{
	color: #9e211b;
}

.reg-btn{
	width: 150px;
	height: 31px;
	color: #fff;
	float: right;
	margin-right: 10px;
}

#content .reg-btn a{
	display:block;
	height: 31px;
	background: url(../images/reg_btn.jpg) left top no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 31px;
	text-shadow: #900 0px -1px 0px;
}

#content .reg-btn a:hover{
	display:block;
	width: 150px;
	height: 31px;
	background: url(../images/reg_btn.jpg) left bottom no-repeat;
	color: #fff;
	line-height: 31px;
	text-shadow: #900 0px 1px 0px;
	text-decoration: none;
}

#content .info-txt-top{
	font-weight: bold;
	font-size: 16px; 
	color: red;
	padding-bottom: 20px;
}

.cont-btn{
	width: 250px;
	height: 31px;
	color: #fff;
	margin-right: 10px;
}


#content .cont-btn a{
	display:block;
	height: 31px;
	background: url(../images/content_btn_wide.jpg) left top no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 31px;
	text-shadow: #900 0px -1px 0px;
}

#content .cont-btn a:hover{
	display:block;
	width: 250px;
	height: 31px;
	background: url(../images/content_btn_wide.jpg) left bottom no-repeat;
	color: #fff;
	line-height: 31px;
	text-shadow: #900 0px 1px 0px;
	text-decoration: none;
}

.important-note{

	width: 350px;
	line-height: 45px;
	padding: 10;
	background-color: #C00;
	color: #fff;
	font-size: 18px;
	text-align: center;
}

.table-title{
	color: #fff;
	background-color: #c00000;
	font-weight: bold;
}

.table {
 width: 100%;
 margin-bottom: 26px;
 border-top: none;
 border-right: none;
 border-bottom: 1px solid #CCC;
 border-left: none;
 text-align:left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
}

.table td {
 line-height: 1.6em;
padding: 4px;
 border-top: 1px solid #CCCCCC;
}

.content-banners img{
	margin-right: 15px;
}


/*---END OF RIGHT CONTENT---*/

#footer{
	background: url(../images/header_bg.jpg) left top repeat-y;
	border-top: #333 10px solid;
	width: 920px;
	padding-left: 20px;
	padding-bottom: 15px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#footer a{
	color: #fff;
	text-decoration: none;
}

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

#footer-left{
	float: left;
	width: 300px;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
}

#footer-right{
	float: right;
	width: 300px;
	font-size: 14px;
	padding-top: 10px;
	text-align: right;
	padding-right: 20px;
	line-height: 20px;
}

#footer-bottom{
	width: 100%;
	height: 72px;
	margin-top: 10px;
	background: url(../images/footer-pattern.jpg) left top no-repeat;
}

.pco{
	font-size: 13px;
}

#content p.big-font{
	font-size: 16px;
	line-height: 20px;
	color: #9e211b;
	font-weight: bold;
}

#content p.txt-iznad-gumba{
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	color: #9e211b;
}