/* SPOJE.NET */
/*
	blue	:	#009CDD;
	orange	:	#EFC627;
	grey	:	#58595A;

*/
.mobile { display:none; } /* TODO PRASARNA, nepatri do screen.css */
.noscreen { display:none; }
.blue {color: #009CDD; }
.orange {color: #EFC627; }
.grey {color: #58595A; }
.white {color: #FFF; }
.black {color: #000; }

.bgBlue, .bgBlue td { background-color: #009CDD; color: #FFFFFF; }
.bgOrange { background-color: #EFC627; color: #000 }
.bgGrey, .bgGrey td {background-color:#58595A;color:#FFFFFF; }

.bgWhite{background-color:#FFFFFF; color:#000000;}
.bgBlack{background-color:#000000;color: #FFFFFF;}

/* GENERIC */

br.clear { clear: both; }
.float { float: left; }

a {
	text-decoration: none;
	color: inherit;
}
p a, a:hover, a.blue:hover { text-decoration: underline; }
a.blue { text-decoration: none; }
a.tarif {text-decoration: none; font-weight: bold; color: #009CDD;}

h1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 25px;
}
h1 small { font-size: 15px; }

.last { margin-bottom: 0px; }

/* LAYOUT */

body {
	overflow:scroll;
	font-size: 12px;
	background-color: #CCCCCC;
	background-image:url("images/spoje-net_bg.gif");
	background-repeat: no-repeat;
	background-position: center top;
}

.container_16.container_header {
	background-image:url("images/spoje-net_header.gif");
	background-repeat:no-repeat;
	background-color:#EFC627;
	background-position: left top;
	font-family: Arial, sans-serif;
}



/* HEADER */
.header {
	height: 100px;
	min-height: 100px;
}
.logo {
	margin: 25px 0 15px;
}
.panacek{position:relative;left:200px;}


/* MAIN MENU */

menu li {
	margin: 0;
	display: inline;
}
menu li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
}
menu li a:hover, menu li a.s {
	text-decoration: none;
	color: #EFC627;
}


.container_menu menu {
	text-align: center;
	background-color: black;
	margin-bottom: 10px;
	padding: 5px 0 5px 0;
	clear: both;
	display:table;
	width:100%;
}
.container_menu menu li {
	display:table-cell;
	text-align: center;
}

/* BOXES */

.box {
	margin-bottom: 15px;
}

.col {
	display: block;
	padding: 0 10px 1px;
	margin: 0 0;
	background-repeat: repeat-y;
}

/* BORDERED COL white bg */
.bordered .col {
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	background-color: #FFF;
	margin: 0;
}
/* ROUND CORNERS BW */
.bordered .border {
	display: block;
	line-height: 1px;
}
.bordered .tl, .bordered .tr, .bordered .bl, .bordered .br {
	display: block;
	float: left;
	height: 11px;
	width: 50%;
	background-repeat: no-repeat;
}
.bordered .tl, .bordered .bl {
	background-position: left top;
}
.bordered .tr, .bordered .br {
	background-position: right top;
}

/*
.border .tl { background-image:url("images/border_tl.gif"); } 
.border .bl { background-image:url("images/border_bl.gif"); }
.border .tr { background-image:url("images/border_tr.gif"); } 
.border .br { background-image:url("images/border_br.gif"); }
*/

/* BG BOXES */

.t, .b {
	display: block;
	height: 14px;
	margin: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* GREY BOX */ 

.bgrey, .bgrey a { color: #FFF; }
.bgrey .t { background-image:url("images/grey_box_t.gif"); } 
.bgrey .b { background-image:url("images/grey_box_b.gif"); } 
.bgrey .col {
	background-image:url("images/grey_box_m.gif");
	background-color: #58595A;

}

/* GoogleMaps BOX */
.bgmaps, .bgmaps a { color: #009CDD; text-decoration: none}
.bgmaps a:hover { text-decoration: underline}
.bgmaps .t { background-image:url("images/gmaps_box_t.gif"); } 
.bgmaps .b { background-image:url("images/gmaps_box_b.gif"); } 
.bgmaps .col {
	background-image:url("images/gmaps_box_m.gif");
	background-color: #EDEAE2;
}

/* WHITE BOX */
.bwhite, .bwhite a { color: #EFC627; }
.bwhite .t { background-image:url("images/white_box_t.gif"); } 
.bwhite .b { background-image:url("images/white_box_b.gif"); } 
.bwhite .col {
	background-image:url("images/white_box_m.gif");
	background-color: #FFFFFF;
}

/* BLUE BOX */
.bblue, .bblue a { color: #FFF; }
.bblue .t { background-image:url("images/blue_box_t.gif"); } 
.bblue .b { background-image:url("images/blue_box_b.gif"); } 
.bblue .col {
	background-image:url("images/blue_box_m.gif");
	background-color: #009CDD;
}


/* CLIPMENU */

ul.clipmenu {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 -2px;;
	padding: 0;
	position: relative;
	z-index: 1;
}

ul.clipmenu li {
	display: block;
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	width: 90px;
}
ul.clipmenu li a {
	display: block;
	width: 66px;
	padding: 0 10px 10px;
	background-color: #FFFFFF;
	border: 2px solid #000;
	border-top: none;
	text-align: center;
	color: #999999;
	font-size: 20px;
	line-height: 25px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
ul.clipmenu li a.s {
	border-bottom-color: #FFFFFF;
	color: #009CDD;
}
ul.clipmenu li.label {
	width: auto;
}
ul.clipmenu li.label h1 {
	float: left;
	color: #000;
	margin: 0px;
	padding-right: 15px;
	font-size: 20px;
	line-height: 20px;
}
ul.clipmenu li.label h1 small { font-size: 17px; }

/* CLIPMENU2 */

ul.clipmenu2 {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 -2px;;
	padding: 0;
	position: relative;
	z-index: 1;
}

ul.clipmenu2 li {
	display: block;
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	width: 155px;
}
ul.clipmenu2 li a {
	display: block;
	width: 131px;
	padding: 0 10px 10px;
	background-color: #FFFFFF;
	border: 2px solid #000;
	border-top: none;
	text-align: center;
	color: #999999;
	font-size: 20px;
	line-height: 25px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
ul.clipmenu2 li a.s {
	border-bottom-color: #FFFFFF;
	color: #009CDD;
}
ul.clipmenu2 li.label {
	width: auto;
}
ul.clipmenu2 li.label h1 {
	float: left;
	color: #000;
	margin: 0px;
	padding-right: 15px;
	font-size: 20px;
	line-height: 20px;
}
ul.clipmenu2 li.label h1 small { font-size: 15px; }

/** LEFT COLUMN VERTICAL MENU
 *
 */
.lcol { clear:both; }
.lcol .menu {
	margin: 0;
	padding: 0;
	clear:both;
}
.lcol .menu li { display: inline; margin: 0; padding: 0; } 
.lcol .menu li a {
	display: block;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	color: #000;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
	font-size: 10px;
	font-family: Arial, sans-serif;
	font-weight: bold;
}



/* homepage icon */

img.ico {
	margin: 0;
}

.bordered img.ico, .bordered .bluebox {
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

.bluebox {
	background-image:url("images/bluebox.gif");
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFF;
	height: 70px;
	width: 196px;
	padding: 10px;
	margin: 0;
	color: #FFFFFF;	
	text-align: center;	
}
.bluebox h1 {
	font-family:  Verdana, Helvetica, sans-serif;
	font-weight: bold;
}
.bluebox a { text-decoration: none; color: #FFFFFF; }
.bluebox a:hover { text-decoration: underline; }



.rcol h1 {
	font-size: 20px;
	margin-bottom: 8px;
}

.rcol h3 {
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 8px;
	line-height: 8px;
}


/** CONTENT FORMATTING
 *
 */

.content q {
/*	margin: 0 0 20px;*/
}

.content {
	padding-top: 20px;
}
.content h1, .content h1 a {
	font-size: 20px;
	color: #009CDD;
}
.content h3, .content h3 a {
	margin-top: 23px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 14px;
}

.content a.thumb {
	display: block;
	float: left;
	margin-right: 20px;
}
.content p {
	/*text-indent: 20px;*/
}
.content p a, .content q a {
	color: #009CDD;
	text-decoration: underline;
}
.content p a:hover, .content q a:hover {
	text-decoration: none;
}



.content ul {
	margin-left: 8px;
}
.content ul li {
	list-style-type: disc;
	color: inherit;
}
.content ul ul li {
	list-style-type: circle;
}


/* DOKUWIKI import styl: */
	/* pre, code { overflow:auto; } */
	.table, .table table { overflow:auto; padding:0; margin:0; }


/* Automaticke stylovani tabulek bez class="undecorated" */

table { border-collapse: collapse; } /* NEODSTRANOVAT! */

/* Novy design */

table:not(.undecorated) td,
table:not(.undecorated) th,
table:not(.undecorated) thead { border: 1px solid lightgrey; padding: 5px; }
/*
table:not(.undecorated) th { background-color: #DDDDD0;  }
table:not(.undecorated) tr:nth-child(odd) { background-color: #FFFFF9; }
table:not(.undecorated) tr:nth-child(even) { background-color: #F0F0E9; }
*/



/* Stary design */

table:not(.undecorated) caption {
	background-color: #EFC627;
	color: #000;
	text-transform: uppercase;
	padding: 4px;
	font-weight: bold;
}
table:not(.undecorated) thead th {
	background-color: #DDDDD0;
	color: #000;
}
table:not(.undecorated) tbody th {
	/* background-color: #EFC627; */
	background-color: #DDDDD0;
	color: #000;
	font-weight: normal;
	text-align: left;
}
table:not(.undecorated) td {
	/*background-color: #58595A;
	color: #FFFFFF;*/
}
table:not(.undecorated) td, table.decorated th, table.decorated caption {
	padding: 4px;
	/* border-bottom: 1px solid #FFFFFF; */
}
table:not(.undecorated) tr.odd td,
table:not(.undecorated) tr:nth-child(odd) {
	background-color: #FFFFF9;
}
table:not(.undecorated) tr.even td,
table:not(.undecorated) tr:nth-child(even) {
	background-color: #F0F0E9;
}


/** COLORED MENU UNDER ICON 
 *
 */
ul.shortcuts {
	margin: 0 0 10px;
	padding: 0;
}
ul.shortcuts li { 
	color: #EFC627;
	margin-left: 10px;
	list-style: none;
	list-style-position: outside;
}
ul.shortcuts li a {
	font-size: 12px;
	text-decoration: none;
}
ul.shortcuts li a:hover {
	color: #000;
	text-decoration: underline;
}


/* MAIN OFFER */

.offer {
	width: 100%;
}
.offer tr { 
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
.offer td {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 10px;
}


/* novy znacky */

.offer .ico p {
	font-weight: bold;
	line-height: 21px;
	margin-bottom: 10px;

	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;

	background-color: white;
	border: 3px solid black;
	margin-left:22px;
	width:51px;
}

.offer .ico h1,
.offer .ico h3 {
	/* mam dojem, ze to je napicu...
	behavior: url(/css/border-radius.htc);
	position: relative;
	*/

	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-khtml-border-radius: 100px;

	/* background-color: #182983; /* tmavemodra znacka */
	background-color: #009DE0; /* modra znacka */

	border: 4px double white;
	width:65px;
	height:65px;
	margin-left:14px;
}

.offer .ico.tip h1 {
	background-color: #182983; /* tmavemodra znacka */	
}
.offer .ico.obdelnik h1,
.offer .ico.obdelnik h3 {
	background-color: #009DE0; /* tmavemodra znacka */	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;

	height:55px;
}
.offer .ico.obdelnik_tip h1 {
	background-color: #182983; /* tmavemodra znacka */	
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;

	height:55px;
}


/* stary znacky */

.offer .ico {
	background-image: url("images/znacka_sloupek.gif");
	background-position: center;
	text-align: center;
	width: 100px;
	padding-top:0;
	display: block;
	margin-top: 5px;
	position: relative;
	top: 1px;
	height:115px;
}

.offer .ico h1 {
	font-family: Impact, Charcoal, sans-serif;
	text-indent: -1px;
	font-size: 48px;
	line-height: 65px;
	color: #FFFFFF;
	margin-bottom: 5px;
}

.offer .ico h3 {
	font-family: Impact, Charcoal, sans-serif;
	text-indent: -1px;
	font-size: 32px;
	margin-top: 0px;
	line-height: 60px;
	color: #FFFFFF;
	margin-bottom: 7px;
}
.offer .ico.obdelnik p {
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
}

.offer .ico.obdelnik_tip p {
	font-weight: bold;
	line-height: 19px;
	margin-bottom: 10px;
}

.offer .ico.obdelnik h1,
.offer .ico.obdelnik_tip h1 {
	line-height: 60px;
}
.offer .price {
	color: #000;
}
.offer .price.tip {
	/* color: #46a12a; */
	color: #172983;
}
.offer .price h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 40px;
	margin: 0;
	font-weight: bold;
	color: #000;
}
.offer .price.tip h1 {
	/* color: #46a12a; */
	color: #172983;
}
.offer .price h1 sub {
	font-size: 18px;
}
.offer .price p {
	margin: 0;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
}


/* NAVIGATION PATH */

.navpath {
	margin-bottom: 10px;
}
.navpath a { color: #000; }
.navpath * { text-transform: uppercase; }



/* NOVY BORDERY */

.radius {
	/* mam dojem, ze to je napicu...
	behavior: url(/css/border-radius.htc);
	position: relative;
	*/

	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;

	outline-radius: 12px;
	-moz-outline-radius: 12px;
	-webkit-outline-radius: 12px;
	-khtml-outline-radius: 12px;
}

.bordered2 {
	background-color: white;
	border: 2px solid black;
	padding: 10px;
}


/*
presunul jsem sem chaosuv login do webmailu...
ale chtelo by to udelat univerzalnejs bez potreby tolika classu 
*/
.login form { clear:both;width:100%; }
.login form table tr td input,
.login form table tr td select { width: 100%; }
.login-desc { padding-right: 4px; text-align: right; }
.login-input { width: 152px; }
.login-submit { padding-right: 2px; height:25px; vertical-align:middle; }
.login-note { padding-right: 2px; padding-top: 2px; }
.login-padding { padding-right: 2px; }


.ico2 {
	margin-left: 8px; /* TODO: nejaka nekompatibilita s 960.css */
	margin-right: 8px; /* TODO: nejaka nekompatibilita s 960.css */
	padding: 0px;
	padding-top: 10px;
	text-align:center;
}

.ico2 p, .ico2 ul {
	text-align:left;
	padding: 10px;
}

.bblue2, .bluebox2 {
	color: white;
	background-color: #009CDD;
	border: 6px double white;
	/* outline: 2px solid red; */
	padding: 5px;
}

.telecom {
	color: white;
	background-color: #172983;
	border: 7px double #EFC627;
	/* outline: 2px solid red; */
	padding: 5px;
}

.bluebox2 {
	padding: 10px;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: -2px;
	width: 75%;
	text-align:center;
}

.bgrey2 {
	color: #FFF;
	background-color: #58595A;
	border: 6px double white;
	padding: 5px;
}

.bgmaps2 {
	color: #009CDD;
	background-color: #FFFFFF;
	border: 4px solid #009CDD;
	padding: 5px;
}

.bwhite2 {
	color: #EFC627;
	background-color: #FFFFFF;
	border: 4px double #EFC627;
	padding: 5px;
}

.rcol2 {
	margin-right:0;
}

/* NOVY CLIPMENU */

ul.clipmenu_radius li.clipborder {
	padding: 10px;
	position:relative;
	top:2px;

	background-color: #FFFFFF;
	border: 2px solid black;

	border-top-left-radius: 12px;
	-moz-border-top-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-khtml-border-top-left-radius: 12px;

	border-top-right-radius: 12px;
	-moz-border-top-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-khtml-border-top-right-radius: 12px;
}

ul.clipmenu_radius li.clipnoborder {
	border: none;
	background-color: transparent;
}

ul.clipmenu_radius li.clipnoborder a {
	color: #172983;
}

ul.clipmenu_radius li.nakedass {
	border-bottom-color: white;
}

ul.clipmenu_radius li.nakedass * {
	color: #009CDD;
}

ul.clipmenu_radius li {
	display: block;
	float: left;
	margin: 0 4px 0 0;
}

ul.clipmenu_radius li a {
	display: block;
	text-align: center;
	color: #999999;
	font-size: 20px;
	line-height: 25px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

/*
ul.clipmenu_radius li a.s {
	border-bottom-color: #FFFFFF;
}
*/

ul.clipmenu_radius li.label h1 {
	float: left;
	color: #000;
	margin: 0px;
	padding-right: 10px;
	font-size: 20px;
	line-height: 20px;
}

/* ul.clipmenu_radius li.label h1 small { font-size: 17px; } */