/* ========================= RESET / LAYOUT START=============================== */
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var {
	background: transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table tr td {
	padding: 0;
	border-collapse: collapse;
}

.table{
    color:white;
    background-color: #3e607a;
}
.table td a{
    color:white;
}

.table thead tr {
    background-color:#0c558c;
}

.table-striped tbody > tr > td,
.table-striped tbody > tr > th {
  background-color: transparent;
}


.table-hover tbody tr:hover > td ,
.table-hover tbody tr:hover > th {
  background-color: white;
  color:black;
}

.table-hover tbody tr:hover > td a{
   color:black;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table a{text-decoration:none;}

img {
	border: 0;
	vertical-align: top;
	text-align: left;
}
embed, object {
	vertical-align: top;
	outline: none;
}

input, select {
	vertical-align: middle;
	font-weight: normal;
}


/*======= Layout =======*/

#page1 .row-1 .col-1 {width: 320px;}
#page1 .row-1 .col-2 {width: 320px;}
#page1 .row-1 .col-3 {width: 320px;}


#page1 .row-2 .col-1 {width: 320px;}
#page1 .row-2 .col-2 {width: 640px;}
#page1 .row-2 .col-4 {width: 320px;float:left;}
#page1 .row-2 .col-5 {width: 320px;float:right;}
#page1 .row-2 .col-full {width: 940px;}

#pagedi .row-2 .col-1 {width: 500px;}
#pagedi .row-2 .col-2 {width: 300px;}
#pagedi .row-2 .col-full {width: 100%;}

/* ========================= RESET / LAYOUT END=============================== */


/* =================== Getting the new tags to behave START ====================== */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }

/* ==================== Getting the new tags to behave END ======================= */

.dialinner{padding:10px;color:white;}
.dialinner p{line-height:30px;font-size:0.8em;}



/* ========================= Global properties START ============================= */

body {
	background: #05131d url(../img/body-bg.png) no-repeat 50% 41px;
	min-width: 980px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #393939;
}

html {
	background: transparent;
	min-width: 980px;
	height: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: top;
	font-size: 100%;
}

div {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}

a {
	outline: none;
	color: #087ad1;
}

	a:hover {
		text-decoration: none;
	}
	
/* ========================= Global properties END =============================== */





/* ========================= Global Structure START ============================== */

#main-tail-top {
	background: url(../img/main-tail-top.gif) repeat-x 50% 0%;
	width: 100%;
}

#main {
	position: relative;
	width: 960px;
	margin: 0 auto;
	font-size: 0.75em;
}

header {
	position: relative;
	height: 290px;
}

section#content {
	background: url(../img/content-bg.gif) no-repeat 0% 0%;
}

footer {
	background: url(../img/footer.gif) no-repeat 0% 0%;
	height: 110px;
	overflow: hidden;
}

/* ========================= Global Structure END ================================ */






/* ====================== Left & Right alignment START =========================== */

.fleft {
	float: left;
}

.fright {
	float: right;
}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}



.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

.aligncenter {
	padding: 15px 0 0 0;
	text-align: center;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

/* ====================== Left & Right alignment END ============================= */





/* ============================== header START =================================== */

header strong {
	display: block;
	line-height: 16px;
	word-spacing: 1px;
	font-size: 0.917em;
	font-weight: normal;
	text-transform: uppercase;
	color: #f0f0f0;
	position: absolute;
	top: 122px;
	left: 0;
}

#banner {
	position: absolute;
	top: 55px;
	right: -1px;
}

nav {
	position: absolute;
	top: 8px;
	left: 0;
}

	nav ul li {
		float: left;
		padding: 0 6px 0 0;
	}

		nav ul li a {
			background: rgba(12, 85, 140, 0.3);
			float: left;
			height: 26px;
			padding: 0 14px;
			overflow: hidden;
			line-height: 26px;
			text-decoration: none;
			color: #fff;
			border: 1px solid rgba(255, 255, 255, 0.12);
			border-radius: 13px;
			transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
		}

			nav ul li a:hover {
				background: #ffbb00;
				border-color: #ffbb00;
				color: #0a1622;
			}

		nav ul li span a {
			color: #fff;
		}

			nav ul li span a:hover {
				color: #0a1622;
			}

		nav ul li b {
			padding: 0 7px 0 0;
			font-weight: normal;
		}

	nav ul li.current a {
		background: #ffbb00;
		border-color: #ffbb00;
		color: #0a1622;
	}

#navi ul ul{display:none;}
#navi ul li:hover >ul {display:block;}

#navi {
	background: url(../img/nav-tail.gif) repeat-x 0% 0%;
	width: 100%;
	height: 72px;
	position: absolute;
	top: 164px;
	left: 0;
}

	#navi ul {
		background: url(../img/nav-bg.gif) no-repeat 100% 0%;
		width: 100%;
		height: 72px;
                display: inline-table;
	}
        
        #navi ul:after {
		content: ""; clear: both; display: block;
	}

		#navi ul li {
			background: url(../img/nav-divider.gif) no-repeat 0% 0%;
			float: left;
			margin: 0 0 0 -2px;
			font-size: 1.667em;
			font-weight: 700;
			color: #fff;
		}
		
			#navi ul li a {
				background: url(../img/nav-act.gif) repeat-x 0% -72px;
				width:190px;
				height: 72px;
				line-height: 72px;
				text-align: center;
				text-decoration: none;
				color: #fff;
                                display: block;
			}
 
			#navi ul li.current a {
				background-position: 0% 0%;
			}

			#navi ul li:not(.current) a:hover{
				color: #0b6cb7;
                        }
                                
                                
#navi ul ul { 
    z-index:1;position: absolute;top:100%;opacity:0.9;
}
#navi ul ul li{
    font-size:0.7em;float:none;position: relative;width:270px;
}
#navi ul ul li a {
    height:40px;
    line-height: 40px;
    padding-left:30px;
    text-align: left;
    background:#0f181f;
}

#navi ul ul ul {
    position:absolute;top:0%;left:100%;
}
#navi ul ul ul li{
    font-size:1em;width:220px;
}

#navjor li{ 
    display: inline-table;
    list-style: none;
    padding:15px 0 0 9px;
    color:#fff;
}
#navjor li a{ 
    text-decoration: none;
    padding:0;margin:0;
    color:#fff;
}


#divtabs {
	background: url(../img/nav-tail.gif) repeat-x 0% 0%;
	width: 100%;
	height: 56px;
}

	#divtabs ul {
		background: url(../img/nav-bg.gif) no-repeat 100% 0%;
		width: 100%;
		height: 56px;
                display: inline-table;
	}
        
        #divtabs ul:after {
		content: ""; clear: both; display: block;
	}

		#divtabs ul li {
			background: url(../img/nav-divider.gif) no-repeat 0% 0%;
			float: left;
			margin: 0 0 0 -2px;
			font-size: 1.4em;
			font-weight: 600;
			color: #fff;
		}
		
			#divtabs ul li a {
				background: url(../img/nav-act.gif) repeat-x 0% -72px;
				width: 155px;
				height: 56px;
				line-height: 56px;
				text-align: center;
				text-decoration: none;
				color: #fff;
                                display: block;
			}
 
			#divtabs ul li.current a {
				background-position: 0% 0%;
			}

			#divtabs ul li:not(.current) a:hover{
				color: #0b6cb7;
                        }
                        
                        
#head-list {
	background: url(../img/head-list.jpg) no-repeat 0% 0%;
	width: 960px;
	height: 42px;
	overflow: hidden;
	position: absolute;
	top: 236px;
	left: 0;
}

#marque{
    margin-top:12px;
    margin-left:20px;
    color:white;
    font-size:1.2em;
}


/* =============================== header END ==================================== */





/* ============================= content START =================================== */

#content #indent {
	padding: 9px 0 0 0;
}

	#content p {
		padding: 0 0 18px 0;
		line-height: 17px;
		font-size: 1em;
		color: #4a90c5;
	}

#column-left {
	float: left;
	width: 320px;
}

#column-right {
	float: left;
	width: 640px;
}

/* ============================== content END ==================================== */



/* ============================= boxes START ===================================== */

.box {
	background: #101a22 url(../img/box-tail.gif) repeat-x 0% 0%;
	overflow: hidden;
	border-top: 1px solid #243847;
	border-right: 1px solid #101920;
	border-left: 1px solid #1e2f3d;
}
	
	.box .inner {
		padding: 19px 15px 20px 20px;
	}
	
/* ============================== boxes END ====================================== */





/* =================== txt, links, lines, titles START =========================== */

h1 {
	position: absolute;
	top: 58px;
	left: 0;
}

	h1 a {
		background: url(../img/logo.png) no-repeat 0% 0%;
		display: block;
		width: 541px;
		height: 90px;
		overflow: hidden;
	}
	
		h1 a span {
			display: none;
		}

h2 {
	background: url(../img/title-tail.gif) repeat-x 0% 0%;
	height: 56px;
	overflow: hidden;
}

	h2 span {
		background: url(../img/title-right.jpg) no-repeat 100% 0%;
		display: block;
	}
	
		h2 span span {
			background: url(../img/title-left.gif) no-repeat 0% 0%;
			display: block;
			width: 100%;
			height: 56px;
			overflow: hidden;
		}
		
	h2 a {
		background: url(../img/title-arrow.gif) no-repeat 100% 7px;
		float: right;
		margin: 19px 21px 0 0;
		padding: 0 7px 0 0;
		font-size: 1em;
		font-weight: bold;
		color: #fff;
	}
	
	h2 strong {
		display: block;
		padding: 0 0 0 20px;
		line-height: 54px;
		font-size: 1.833em;
		font-weight: 700;
		color: #fff;
	}

h3 {
	background: url(../img/title-tail-1.gif) repeat-x 0% 0%;
	height: 56px;
	overflow: hidden;
}

	h3 span {
		background: url(../img/title-right-1.jpg) no-repeat 100% 0%;
		display: block;
	}
	
		h3 span span {
			background: url(../img/title-left-1.gif) no-repeat 0% 0%;
			display: block;
			width: 100%;
			height: 56px;
			overflow: hidden;
		}
		
	h3 a {
		background: url(../img/title-arrow-1.gif) no-repeat 100% 7px;
		float: right;
		margin: 19px 21px 0 0;
		padding: 0 7px 0 0;
		font-size: 1em;
		font-weight: bold;
		color: #087ad1;
	}
	
	h3 strong {
		display: block;
		padding: 0 0 0 20px;
		line-height: 54px;
		font-size: 1.833em;
		font-weight: 700;
		color: #fff;
	}

h6 {
	padding: 0 0 13px 0;
	line-height: 1.2em;
	font-size: 1.417em;
	color: #fff;
}

.req{
    font-size: 1.3em;
    font-weight: 700;
    color: #ffbb00;
}

.link {
	background: url(../img/link-tail.gif) repeat-x 0% 0%;
	float: left;
	height: 24px;
	line-height: 20px;
	overflow: hidden;
	font-weight: bold;
	text-decoration: none;
	color: #f2f2f2;
}

	.link span {
		background: url(../img/link-bg.gif) no-repeat 100% 9px;
		display: block;
		height: 24px;
		padding: 0 15px 0 7px;
		overflow: hidden;
		cursor: pointer;
	}
	
	.link:hover {
		color: #000;
	}

/* ==================== txt, links, lines, titles END ============================ */





/* ============================= forms START ===================================== */

#contact-form {
	width: 100%;
	overflow: hidden;
}

#search-form {
	background: url(../img/search-input.jpg) no-repeat 0% 0%;
	width: 301px;
	height: 26px;
	overflow: hidden;
	position: absolute;
	top: 7px;
	right: 0;
}

	#search-form input {
		background: none;
		width: 232px;
		height: 16px;
		padding: 5px 6px 5px 6px;
		border: none;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #fff;
	}
	
	#search-form a {
		background: url(../img/search-submit.gif) repeat-x 50% 0%;
		float: left;
		width: 57px;
		height: 26px;
		overflow: hidden;
		line-height: 24px;
		text-align: center;
		text-decoration: none;
		color: #fff;
	}
	
		#search-form a:hover {
			color: #000;
		}

/* ============================== forms END ====================================== */





/* ============================= other START ===================================== */

.pic-indent {
	margin: 0 0 0 0;
}

.pic-position {
	margin: 0 0 18px 3px;
}

.list-1 {
	width: 100%;
	overflow: hidden;
}

	.list-1 li {
		background: #101a22 url(../img/list-tail-1.gif) repeat-x 0% 0%;
		padding: 14px 10px 15px 19px;
		border-top: 1px solid #243847;
		border-right: 1px solid #101920;
		border-bottom: 1px solid #070b0e;
		border-left: 1px solid #1e2f3d;
	}
	
	.list-1 li.last {
		padding: 14px 10px 13px 19px;
	}
	
		.list-1 li div {
			width: 100%;
			overflow: hidden;
		}
		
		.list-1 li a {
			display: block;
			text-decoration: none;
		}
		
		.list-1 li img {
			float: left;
			margin: 4px 22px 0 0;
		}
		
		.list-1 li strong {
			display: block;
			padding: 0 0 11px 0;
			line-height: 17px;
			font-size: 1em;
			color: #fff;
		}
		
			.list-1 li a:hover strong {
				text-decoration: underline;
			}
		
		.list-1 li p {
			padding: 0 !important;
			line-height: 17px !important;
			font-size: 1em !important;
			color: #4a90c5 !important;
                }
.whitebold{
        padding: 0 0 11px 0;
        line-height: 17px;
        font-size: 1em !important;
        font-weight: bold;
        color: #fff;
}

.whiteboldlink{
    display:block;
    font-size: 1.2em;
    font-weight: 700;
    color: #fff;
}
.orangeboldlink{
    display:block;
    font-size: 1.2em;
    font-weight: 700;
    color: #ffbb00;
}


.tama{
    color:#ffbb00;
}
.troja{
    color:red;
}

.list-2 {
	width: 100%;
	overflow: hidden;
}

	.list-2 li {
		background: #114064 url(../img/list-tail-2.gif) repeat-x 0% 0%;
		padding: 14px 10px 15px 19px;
		border-top: 1px solid #0e80c3;
		border-right: 1px solid #06395f;
		border-bottom: 1px solid #071b2a;
		border-left: 1px solid #13507e;
	}
	
	.list-2 li.last {
		padding: 14px 10px 14px 19px;
		border-bottom: none;
	}
	
		.list-2 li div {
			width: 100%;
			overflow: hidden;
		}
		
		.list-2 li a {
			display: block;
			text-decoration: none;
		}
		
		.list-2 li img {
			float: left;
			margin: 4px 22px 0 0;
		}
		
		.list-2 li strong {
			display: block;
			padding: 0 0 11px 0;
			line-height: 17px;
			font-size: 1em;
			color: #fff;
		}
		
			.list-2 li a:hover strong {
				text-decoration: underline;
			}
		
		.list-2 li p {
			padding: 0 !important;
			line-height: 17px !important;
			font-size: 1em !important;
			color: #76bef5 !important;
		}

.list-3 {
	width: 100%;
	overflow: hidden;
}

	.list-3 li {
		background: #eee url(../img/list-tail-3.gif) repeat-x 50% 0%;
	}
	
		.list-3 li a {
			display: block;
			padding: 14px 17px 13px 17px;
			border-bottom: 1px solid #626262;
			text-decoration: none;
		}
		
	.list-3 li.last a {
		border-bottom: none;
	}
		
		.list-3 li strong {
			display: block;
			line-height: 16px;
			color: #15222b;
		}
		
		.list-3 li p {
			padding: 0 !important;
			line-height: 16px !important;
			font-size: 1em !important;
			color: #4a90c5 !important;
		}
		
			.list-3 li p span {
				display: block;
			}
			
	.list-3 li a:hover {
		background: #0c1319 url(../img/list-tail-3-act.gif) repeat-x 50% 0%;
	}
	
		.list-3 li a:hover strong {
			color: #fff;
		}

.list-full {
	width: 100%;
	overflow: hidden;
}


.list-4 {
	width: 100%;
	overflow: hidden;
}

	.list-4 li {
		background: #eee url(../img/list-tail-4.gif) repeat-x 0% 0%;
		padding: 16px 19px 19px 20px;
		border-right: 1px solid #949494;
		border-bottom: 1px solid #626262;
	}
	
		.list-4 li div {
			width: 100%;
			overflow: hidden;
		}
		
		.list-4 li img {
			float: left;
			margin: 4px 20px 0 0;
		}
		
		.list-4 li strong {
			display: block;
			padding: 0 0 13px 0;
			line-height: 1.2em;
			font-size: 1.417em;
			color: #111c24;
		}
		
		.list-4 li p {
			padding: 0 0 32px 0 !important;
			color: #567c9b !important;
		}
		
		.list-4 li a.link {
			float: right;
		}
		
		.list-4 li b {
			background: #fff;
			display: block;
			height: 24px;
			padding: 0 0 0 9px;
			overflow: hidden;
			line-height: 20px;
			color: #087ad1;
		}
		
			.list-4 li b a {
				color: #087ad1;
			}

.list-5 {
	width: 100%;
	overflow: hidden;
}

	.list-5 li {
		background: #eee url(../img/list-tail-4.gif) repeat-x 0% 0%;
		padding: 16px 19px 21px 20px;
		border-right: 1px solid #949494;
	}
	
		.list-5 li div {
			width: 100%;
			overflow: hidden;
		}
		
		.list-5 li img {
			float: left;
			margin: 4px 20px 0 0;
		}
		
		.list-5 li strong {
			display: block;
			padding: 0 0 13px 0;
			line-height: 1.2em;
			font-size: 1.417em;
			color: #111c24;
		}
		
		.list-5 li p {
			padding: 0 0 27px 0 !important;
			color: #567c9b !important;
		}
		
		.list-5 li a.link {
			float: right;
		}
		
		.list-5 li b {
			background: #fff;
			display: block;
			height: 24px;
			padding: 0 0 0 9px;
			overflow: hidden;
			line-height: 20px;
			color: #087ad1;
		}
		
			.list-5 li b a {
				color: #087ad1;
			}

.list-6 {
	width: 100%;
	overflow: hidden;
}

	.list-6 li {
		background: #114064 url(../img/list-tail-2.gif) repeat-x 0% 0%;
		padding: 14px 10px 18px 19px;
		border-top: 1px solid #0e80c3;
		border-right: 1px solid #06395f;
		border-bottom: 1px solid #071b2a;
		border-left: 1px solid #13507e;
	}
	
	.list-6 li.last {
		padding: 16px 10px 16px 19px;
		border-bottom: 1px solid #071b29;
	}
	
		.list-6 li div {
			width: 100%;
			overflow: hidden;
		}
		
		.list-6 li a {
			display: block;
			text-decoration: none;
		}
		
		.list-6 li img {
			float: left;
			margin: 4px 22px 0 0;
		}
		
		.list-6 li strong {
			display: block;
			padding: 0 0 12px 0;
			line-height: 17px;
			font-size: 1em;
			color: #fff;
		}
		
			.list-6 li a:hover strong {
				text-decoration: underline;
			}
		
		.list-6 li p {
			padding: 0 !important;
			line-height: 17px !important;
			font-size: 1em !important;
			color: #76bef5 !important;
		}

.list-7 {
	width: 100%;
	overflow: hidden;
}

	.list-7 li {
		background: #101a22 url(../img/list-tail-1.gif) repeat-x 0% 0%;
		padding: 14px 10px 23px 19px;
		border-top: 1px solid #243847;
		border-right: 1px solid #101920;
		border-bottom: 1px solid #070b0e;
		border-left: 1px solid #1e2f3d;
	}
	
		.list-7 li div {
			width: 100%;
			overflow: hidden;
		}
		
		.list-7 li a {
			display: block;
			text-decoration: none;
		}
		
		.list-7 li img {
			float: left;
			margin: 5px 22px 0 0;
		}
		
		.list-7 li strong {
			display: block;
			padding: 0 0 11px 0;
			line-height: 17px;
			font-size: 1em;
			text-decoration: underline;
			color: #fff;
		}
		
			.list-7 li a:hover strong {
				text-decoration: none;
			}
		
		.list-7 li p {
			padding: 0 !important;
			line-height: 17px !important;
			font-size: 1em !important;
			color: #4a90c5 !important;
		}

.list-8 {
	width: 100%;
	overflow: hidden
}

	.list-8 li {
		background: #0f1921 url(../img/list-tail-5.gif) repeat-x 50% 0%;
		padding: 14px 19px 12px 19px;
		line-height: 17px;
		font-size: 1em;
		font-weight: bold;
		color: #fff;
		border-top: 1px solid #243847;
		border-right: 1px solid #0b1218;
		border-bottom: 1px solid #080d11;
		border-left: 1px solid #172630;
	}
	
		.list-8 li i {
			font-weight: normal;
			font-style: normal;
			color: #4a90c5;
		}
	
		.list-8 li b {
			display: block;
			color: #fff;
		}
		
			.list-8 li b a {
				text-decoration: none;
				color: #fff;
			}
			
			.list-8 li b a:hover {
				text-decoration: underline;
			}
			
		.list-8 li div a {
			background: url(../img/link-tail.gif) repeat-x 0% 0%;
			float: left;
			height: 24px;
			margin: 4px 0 7px 0;
			line-height: 20px;
			overflow: hidden;
			font-weight: bold;
			text-decoration: none;
			color: #f2f2f2;
		}
		
			.list-8 li div a span {
				background: url(../img/link-bg.gif) no-repeat 100% 9px;
				display: block;
				height: 24px;
				padding: 0 15px 0 7px;
				overflow: hidden;
			}
			
			.list-8 li div a:hover {
				color: #000;
			}

#privacy {
	background: url(../img/privacy-tail.gif) repeat-y 0% 0%;
}

	#privacy #top {
		background: url(../img/privacy-top.gif) no-repeat 0% 56px;
	}
	
	#privacy #bot {
		background: url(../img/privacy-bot.gif) no-repeat 0% 100%;
		width: 100%;
	}
	
		#privacy dl {
			margin: 0 0 -4px 0;
			padding: 15px 20px 0 20px;
			overflow: hidden;
			line-height: 17px;
			color: #76bef5
		}
		
			#privacy dl dt {
				padding: 0 0 12px 0;
				font-weight: bold;
				color: #fff;
			}
			
				#privacy dl dt a {
					text-decoration: none;
					color: #fff;
				}
				
				#privacy dl dt a:hover {
					text-decoration: underline;
				}
				
			#privacy dl dd {
				padding: 0 0 28px 0;
			}
			
	#privacy .indent {
		padding: 16px 20px 0 19px;
	}
	
	#privacy p {
		padding: 0 0 17px 0 !important;
		line-height: 17px !important;
		font-size: 1em !important;
		color: #567c9b !important;
	}
	
	#privacy p.extra {
		padding: 0 0 8px 0 !important;
	}
	
		#privacy p a {
			font-weight: bold;
		}

/* ============================== other END ====================================== */






/* ============================= JS faded-slider START ===================================== */

#fadecont{
    position:relative;
    height:465px;
}

#faded {
	background: url(../img/slider-bg.gif) no-repeat 0% 0%;
	width: 960px;
	height: 444px;
	padding: 13px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0;
}

ul.pagination {
	background: url(../img/pagination-tail.gif) repeat-x 0% 0%;
	width: 921px;
	height: 96px;
	overflow: hidden;
	position: absolute;
	top: 341px;
	left: 20px;
	z-index: 100;
}

	ul.pagination li {
		background: url(../img/pagination-divider.gif) no-repeat 0% 0%;
		float: left;
	}

		ul.pagination li a {
			float: left;
			width: 297px;
			height: 85px;
			padding: 11px 0 0 10px;
			overflow: hidden;
			text-decoration: none;
			color: #fff;
		}
		
			ul.pagination li a img {
				float: left;
				margin: 0 10px 0 0;
			}
			
			ul.pagination li a b {
				display: block;
				padding: 6px 0 0 0;
				overflow: hidden;
				line-height: 1.2em;
				letter-spacing: -1px;
				font-size: 1.25em;
				font-weight: 700;
				color: #0873c4;
			}
			
			ul.pagination li a em {
				display: block;
				line-height: 1.2em;
				font-size: 1.5em;
				font-weight: 700;
				color: #fff;
			}

		ul.pagination li.current a {
			background: url(../img/pagination-act.gif) repeat-x 0% 0%;
		}
		
			ul.pagination li.current a b {
				color: #fff !important;
			}
			
		ul.pagination li a:hover {
			background: url(../img/pagination-act.gif) repeat-x 0% 0%;
		}
		
			ul.pagination li a:hover b {
				color: #fff !important;
			}

/* ============================== JS faded-slider END ====================================== */






/* ============================ footer START ===================================== */

footer .inner {
	padding: 17px 19px 0 19px;
}

footer p {
	width: 100%;
	overflow: hidden;
	line-height: 18px;
	font-size: 1em;
	text-align: left;
	color: #eaeaea;
}

	footer p a {
		margin: 0 2px 0 9px;
		text-decoration: none;
		color: #087ad1;
	}
	
		footer p a:hover {
			text-decoration: underline;
		}
		
	footer p strong {
		float: left;
		font-weight: normal;
		text-align: left;
	}

#menu-bot {
	float: right;
	padding: 0 0 27px 0;
}

	#menu-bot li {
		padding: 0 0 0 19px;
		float: left;
		line-height: 17px;
		font-size: 1em;
		color: #fff;
	}
	
		#menu-bot li a {
			text-decoration: none;
			color: #fff;
		}
		
			#menu-bot li a:hover {
				text-decoration: underline;
			}

#type {
	float: left;
}

	#type li {
		float: left;
		padding: 0 18px 0 0;
		line-height: 17px;
		font-size: 1em;
		color: #fff;
	}
	
		#type li a {
			text-decoration: none;
			color: #fff;
		}
		
			#type li a:hover {
				text-decoration: underline;
			}

/* ============================= footer END ====================================== */

/* ===================== UTILIDADES (JS compartido) ===================== */
.popeq, .popplyr { cursor: pointer; }

.table tbody tr td.pos-gold { color: #ffbb00; font-weight: 800; text-align: center; }
.table tbody tr td.pos-silver { color: #e8edf2; font-weight: 800; text-align: center; }
.table tbody tr td.pos-bronze { color: #d29a5b; font-weight: 800; text-align: center; }

.empty-state { display: block; padding: 24px 16px; color: #9fb4c4; font-size: 0.9rem; text-align: center; }
.empty-state.empty-fixed { padding: 12px 8px; min-height: 40px; }

.inner-scroll { width: 100%; max-height: 540px; overflow-y: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.ads-banner { width: 728px; margin: 0 auto; padding: 8px 0; text-align: center; }

.full-row { float: left; width: 100%; clear: both; }

/* ===================== LAVADO DE CARA SUTIL (fluido + moderno) ===================== */

*, *::before, *::after {
	box-sizing: border-box;
}

/* Contenedor principal fluido (100% del viewport) */
#main {
	width: 100%;
	max-width: none;
	margin: 0 auto;
}

/* Header / slider a ancho completo */
#head-list {
	width: 100%;
}

#fadecont {
	width: 100%;
}

#faded {
	width: 100%;
	box-sizing: content-box;
	background: url(../img/slider-bg.gif) repeat-x 0% 0%;
}

#faded ul {
	width: 960px;
	margin: 0 auto;
}

/* Fondos de contenido y footer a ancho completo */
section#content {
	background: #0a1c28 url(../img/content-bg.gif) repeat-x 0% 0%;
}

footer {
	background: #0a1c28 url(../img/footer.gif) repeat-x 0% 0%;
}

/* Columnas proporcionales (1:2) en lugar de píxeles fijos */
#page1 .row-2 .col-1 {
	width: 33.3333%;
}

#page1 .row-2 .col-2 {
	width: 66.6667%;
}

/* Botones de la navbar: centrados, cada uno como píldora individual */
#navi > ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

#navi > ul > li {
	float: none;
	flex: 0 0 auto;
	height: 72px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background: none;
	border-left: none;
	margin: 0 3px;
}

#navi > ul > li > a {
	background: rgba(12, 85, 140, 0.35);
	width: auto;
	height: 38px;
	line-height: 38px;
	padding: 0 26px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 19px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	display: block;
	white-space: nowrap;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#navi > ul > li.current > a {
	background: #ffbb00;
	border-color: #ffbb00;
	color: #0a1622;
}

#navi > ul > li:hover > a {
	background: #0c558c;
	border-color: #ffbb00;
	color: #ffbb00;
}

/* Bordes redondeados y sombras sutiles */
.box {
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.table {
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.table thead th {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

#navi ul ul {
	border-radius: 0 0 6px 6px;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.45);
	padding: 6px 0;
}

#navi ul ul li {
	padding: 0 6px;
}

#navi ul ul li a {
	border-radius: 6px;
	margin: 1px 0;
	transition: background 0.2s ease, color 0.2s ease;
}

#navi ul ul li a:hover {
	background: #0c558c;
	color: #ffbb00;
}

#navi ul ul li:first-child a {
	border-radius: 6px;
}

#navi ul ul li:last-child a {
	border-radius: 6px;
}

/* ===================== AJUSTE FINAL (redondeo de divs + alineación) ===================== */

/* Respiración y alineación del contenido */
#content #indent {
	padding: 18px 20px 24px 20px;
}

.row-2 {
	margin-bottom: 16px;
}

/* Divs de contenido con bordes redondeados visibles */
.box .inner,
.inner-scroll {
	border-radius: 8px;
}

.inner-scroll {
	background: rgba(10, 28, 40, 0.6);
	border: 1px solid #243847;
	padding: 10px;
}

.full-row {
	border-radius: 8px;
	background: rgba(13, 33, 48, 0.5);
	border: 1px solid #243847;
	padding: 12px;
	margin-bottom: 16px;
}

/* ===================== TOQUES MODERNOS — PORTADA ===================== */

/* Slider: imagen redondeada con sombra */
#faded ul li a img {
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

/* Patrocinadores: slides redondeados */
.swiper-slide img {
	border-radius: 12px;
	transition: transform 0.3s ease;
}

.swiper-slide img:hover {
	transform: scale(1.03);
}

/* Galería de competición */
.gal-img {
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gal-img:hover {
	transform: scale(1.02);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.5);
}

/* Botones documento (pills naranjas) */
.btn-doc {
	display: inline-block;
	margin: 4px 0;
	padding: 9px 18px;
	border-radius: 20px;
	background: rgba(12, 85, 140, 0.35);
	border: 1px solid #0c558c;
	color: #fff;
	font-size: 0.95em;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn-doc:hover {
	background: #ffbb00;
	border-color: #ffbb00;
	color: #0a1622;
}

/* Promos de la portada: tarjetas con esquinas redondeadas */
.list-4.promo li {
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.list-4.promo li p {
	padding: 0 0 10px 0 !important;
}

/* ===================== IMÁGENES Y CONTENIDO ADAPTADOS A LOS DIVS ===================== */

img {
	max-width: 100%;
	height: auto;
}

table {
	max-width: 100%;
}

.gal-img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

.swiper-slide img {
	width: 100%;
	height: 280px;
	object-fit: cover;
}

#faded ul li a img {
	width: 100%;
	height: auto;
}