/*  

Theme Name: MercuryCable.com
Theme URI: http://mercurycable.de
Description: MercuryCable.com theme
Version: 1.0
Author: Andrej Tazberik
Author URI: http://andrej.atdesign.org

*/


@charset "utf-8";

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}
/* ------------------------------ Common rules ------------------------------ */
body, h1, h2, h3, h4, p, ul, li, input {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #404041;
	background-color: #eeeeee;
}

img{
	border: none;
}

.invisible_span {
	position: absolute;
	top: -10000px;
}
.clearFloat{
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	clear: both;
	height: 0px;
}

.container {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
.vcard{
	font-size: 8pt;
	color: #afaeae;
}
.label{
	font-size: 9pt;
	color: #73a6e5;
	text-transform: capitalize;
}
.oblique{
	font-style: oblique;
}


/* ------------------------------- Site Wide --------------------------------- */
a{
	text-decoration: none;
	color: #00674e;
}


/* ------------------------------ Header Module ------------------------------ */


/* ----------------- Header ------------------ */
#Header{
	width: 100%;
	height: 70px;
	background-color: #ffffff;
}
#Header #HeaderContainer{
	height: 100%;
}

/* --- Logo --- */
#Header #Logo{
	position: absolute;
	left: 0px;
	top: 20px;
}

/* --- Portals --- */
#Header #Portals{
	list-style-type: none;
	position: absolute;
	right: 70px; top: 20px;
	background-color: #e9e9e9;
	padding: 8px 12px 8px 30px;
	border-radius: 5px;
}
#Header #Portals li{
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 19px;
	width: 95px;
	font-size: 9pt;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 4px;
	padding-left: 27px;
	margin-right: 18px;
}
#Header #Portals li#PartnerPort{
	background-image: url(images/portalButton_partner.png);
}
#Header #Portals li#InvestorPort{
	background-image: url(images/portalButton_investor.png);
}
#Header #Portals a{
	color: #404041;
}
#Header #Portals a:hover{
	text-decoration: underline;
}

/* --- US-flag --- */
#Header img#USflag{
	position: absolute;
	right: 0px; top: 17px;
}


/* ----------------- Menu ------------------ */
#Menu{
	width: 100%;
	height: 27px;
	padding-top: 8px;
	background-color: #3b4754;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #767b81;
}
#Menu #MenuContainer{
	height: 100%;
}

/* ----------------------------------------------------------------------------------------------------------------- MENU ------ */
/******************************************************************************* http://webhost.bridgew.edu/etribou/layouts/rMenu/
 * General Menu Mechanics   */
#Menu ul#menu-main-menu,
#Menu ul#menu-main-menu ul,
#Menu ul#menu-main-menu li,
#Menu ul#menu-main-menu a
{
	display: block;	/* make these objects blocks so they're easier
					   to deal with */
	margin: 0;
	padding: 0;		/* get rid of padding/margin values that these
					   elements may have by default */
}
#Menu ul#menu-main-menu,
#Menu ul#menu-main-menu li,
#Menu ul#menu-main-menuu ul
{
	list-style: none;	/* proper browsers don't require this because
						   block elements (see previous rule set) cannot
						   take any list-style property. meaning 
						   existing list-style properties are removed
						   when they are set to display: block. IE7 
						   seems to ignore this fact under certain
						   situations so we explicitly set it here
						   even though it's, technically, incorrect 
						   CSS (but it will validate). */
}
#Menu ul#menu-main-menu ul
{
	display: none;		/* hide the sub-menus until needed */
}
#Menu ul#menu-main-menu li
{
	position: relative;	/* so sub-menus position relative to their 
						   parent LI element */
	z-index: 1;
}
#Menu ul#menu-main-menu li:hover
{
	z-index: 999;		/* make sure this and any sub-menus that pop 
						   appear above everything else on the page */
}
#Menu ul#menu-main-menu li:hover > ul/* hide from IE5.0 because it gets confused by this selector */
{
	display: block;		/* show the sub-menu */
	position: absolute;	/* remove the sub-menus from the flow of the
						   layout so when they pop they don't cause any
						   disfiguration of the layout.
		
						*/
}


/*******************************************************************************
 * Extended Menu Mechanics
 *
 * These rules exist only for specific menu types, such as horizontal or
 * vertical menus, right or left aligned menus.
 */
#Menu ul#menu-main-menu li
{
	float: left;
	width: auto;
	margin-right: 40px;  /* Andrej */
}

#Menu ul#menu-main-menu ul.sub-menu li
{
	float: none;	/* clear this so vertical sub-menus that are
					   children of horizontal menus won't have
					   their LI widths set to auto. */
}
#Menu ul#menu-main-menu ul.sub-menu
{
	width: 220px;	/* sub-menus need a defined width, especially
					   vertical sub-menus. salt to taste. */
}
 

/*******************************************************************************
 * DROP POSITIONS
 *
 * This handles where sub-menus drops relative to the parent element. The same
 * attributes should be set in all rule sets in this section so that cascading
 * rules don't create problems.
 *
 * NOTE: The suckerfish/form fields hack found towards the bottom of this
 *       stylesheet overwrites a few of these rules for IE 6 and earlier. If
 *       you change any of the LEFT attributes here you need to also make the
 *       same changes to the * html <selector> rule set down below. 
 */
#Menu ul#menu-main-menu ul
{
	top: auto;		/* a value of 100% creates a problem in IE 5.0 
					   and Opera 7.23 */
	right: auto;
	left: auto;		/* typically want a value of 0 here but set to
					   auto for same reasons detailed above */
	margin-top: -1px;	/* so the top border of the dropdown menu 
						   overlaps the bottom border of its parent
						   horizontal menu. */
}


/*******************************************************************************
 * PRESENTATION : General
 *
 * This is where the visual presentation of the menu is handled. If you try to
 * alter the borders width or location of placement pay close attention to the
 * notes provided with the existing CSS rules in this section. There are key
 * reasons behind borders and negative margins being placed where they are.
 */

#Menu ul#menu-main-menu{ /* Andrej - posun menu do prava*/
	margin-left: 25px;
}
#Menu ul#menu-main-menu ul{ /* Andrej  - padding na drop-down menu */
	padding: 20px 20px 20px 20px; 
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	background-color: #eee;  /* Andrej - pozadie dropdown menu */
}
#Menu ul#menu-main-menu li a /* Andrej: polozky hlavneho menu */
{
	padding: 3px 0px 9px 0px;	/* Andrej: posunut dole dropdown menu - zamerat na ciaru  (vlastne 1px nad ciaru aby spravne fungoval drop-down v IE8) */
	color: #fff;
	text-transform: uppercase;
	font-size: 10pt;
}
#Menu ul#menu-main-menu li ul li a{ /* Andrej: polozky submenu */
	color: #000;		
	padding-bottom: 5px;
	text-transform: none;
}
#Menu ul#menu-main-menu li ul li a:hover{ /* Andrej: polozky submenu: hover */
	color: #000;		
	text-decoration: underline;
}

#Menu ul#menu-main-menu li a:link,
#Menu ul#menu-main-menu li a:visited,
#Menu ul#menu-main-menu li a:active
{
	text-decoration: none;
}
#Menu ul#menu-main-menu li a:hover{
	color: #ddd;
}
#Menu ul#menu-main-menu li ul li a:hover{ /* Andrej: polozky submenu: hover */
	color: #000;		
	text-decoration: underline;
}




/*******************************************************************************
 * HACKS : General
 *
 * These are rules specifically targeted to resolve bugs/quirks that some
 * browser exhibit.
 *
 * REFERENCES:
 *	http://www.webdevout.net/css-hacks
 *	http://www.satzansatz.de/cssd/onhavinglayout.html
 *	http://www.communis.co.uk/dithered/css_filters/css_only/index.html
 */
* html ul#menu-main-menu
{
	display: inline-block;	/* this is for IE/Mac. it forces IE/Mac to 
							   expand the element's dimensions to contain 
							   its floating child elements without a 
							   clearing element. */
	/* \*/ display: block;	/* override above rule for every other 
							   browser using IE/Mac backslash hack */
	position: relative;		/* IE 5.0/Mac needs this or it may clip the
							   dropdown menus */
	/* \*/ position: static;/* reset position attribute for IE/Win as it
							   causes z-index problems */
}
* html ul#menu-main-menu ul
{
	float: left;	/* IE/Mac 5.0 needs this, otherwise hidden 
					   menus are not completely removed from the
					   flow of the document. */
	/* \*/ float: none;	/* reset the rule for non-Macs */
}
#Menu ul#menu-main-menu ul /* Andrej: tu sa nastavuje biela farba pozadia - aj ked kvoli HACK-u, ale vyhovuje */
{
	background-color: #eee;	/* IE/Win (including 7) needs this on an object 
							   that hasLayout so that it doesn't "look through"
							   the menu and let any object (text) below the 
							   menu to gain focus, causing the menu to 
							   disappear. application of this rule does not
							   cause any rendering problems with other browsers
							   as the background color his covered by the
							   menu itself. */
}
* html ul#menu-main-menu li ul.sub-menu li
{
					/* the second selector above is there 
					   because of problems IE/Mac has with 
					   inheritance and what rules should take
					   precedence. and to serve as a reminder on
					   how to work around the issue if it's 
					   encountered again down the road. */
	width: 100%;
	float: left;
	clear: left;	/* IE likes to stick space below any LI
					   in :hover state with a sub-menu. floating
					   the LIs seems to work around this issue. But
					   note that this also triggers hasLayout 
					   because we need a width of 100% on floats. */
}
*:first-child+html ul.sub-menu > li:hover ul/* hide from IE5.0 because it gets confused by this selector */
{
	min-width: 0;	/* this fixes a similar problem as described in the
					   rule set that exists in IE7 (and later?). However
					   the whitespace only appears when the LI element is
					   in a :hover state. */
}
#Menu ul#menu-main-menu li a
{
	position: relative;	/* trigger hasLayout for IE on anchor 
						   elements. without hasLayout on anchors
						   they would not expand the full width 
						   of the menu. this rule may not trigger
						   hasLayour in later versions of IE and
						   if you find this system broken in new
						   versions of IE, this is probably the
						   source. */
	min-width: 0;		/* triggers hasLayout for IE 7 */
}
* html ul#menu-main-menu li
{
	width: 6em;	/* IE Mac doesn't do auto widths so specify a width 
				   for the sake of IE/Mac. Salt to taste. */
	/* \*/ width: auto;	/* now undo previous rule for non Macs by using 
						   the IE Mac backslash comment hack */
}

/*******************************************************************************
 * HACKS : Clearfix
 *
 * Clearfix provides a means to for an element to contain all it's floated 
 * children even if it's not normally tall enough to do so. For more information
 * on clearfix please see:
 * http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/* ----------------------------------------------------------------------------------------------------------------- MENU ------ */

#Menu p#Phone{
	color: #FFF;
	padding-left: 30px;
	position: absolute;
	top: 1px;
	right: 0px;
	font-size: 10pt;
	background-image: url(images/phoneBG.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/* ------------------------------ CallOut Module ------------------------------ 
* Toto sa zrejme bude zobrazovat len na HOME page
**/
#CallOut{
	width: 100%;
	height: 227px;
	background-image: url(images/callOutBG.jpg);
	background-repeat: repeat-x;
	background-color: #01050d;
}
#CallOut #CallOutContainer{
	background-image: url(images/calloutContainerBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
	color: #fff;
}
/* ThinkGreen */
#CallOut img#ThinkGreen{
	position: absolute;
	right: 10px;
	bottom: 10px;
}
/* Zvysok v contentslider.css */

/* ------------------------------ Content Module ------------------------------ */

#Content{
	width: 100%;
	background-color: #ffffff;
	background-image: url(images/contentBG.jpg);
	background-repeat: repeat-x;
	background-position: left 1px;
}
#Content .contentContainer{
	padding: 25px 0px 20px 0px;
}

/* BreadCrumbs */
#Content div.breadcrumbs{
	font-size: 8pt;
	color: #999;
	margin: 0px 0px 15px 0px;
}
#Content div.breadcrumbs a:hover{
	text-decoration: underline;
}

/* ----------- BLOGS -----------*/
/* --- BLOG: posts list ---*/
/* LEFT col */
#Content .contentColL{
	float: left;
	width: 200px;
	padding: 0px 19px 0px 0px;
}
#Content .contentColL h2{
	color: #000;
	font-size: 11pt;
	font-weight: bold;
}

/* RIGHT col */
#Content .contentColR{
	float: left;
	width: 740px;
	margin: 25px 0px 0px 0px;
}
#Content .contentColR ul#Articles{
	list-style-type: none;	
}
#Content .contentColR ul#Articles li{
	position: relative;
	margin: 0px 0px 30px 0px;
}
#Content .contentColR ul#Articles li p.pDate{
	position: absolute;
	left: 0px;
	top: 3px;
	color: #649a1a;
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: bold;
}
#Content .contentColR ul#Articles li div{
	position: relative;
	left: 115px;
	width: 625px;
	font-size: 10pt;
}
#Content .contentColR ul#Articles li div h3.pTitle{
	font-size: 13pt;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}
#Content .contentColR ul#Articles li div p.pMore{
	margin-top: 5px;
	width: 61px;
	height: 17px;
	background-image: url(images/more-button.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#Content .contentColR ul#Articles li div p.pMore a{
	display: block;
	color: #fff;
	font-size: 9pt;
	padding: 0px 0px 0px 10px;
}
#Content .contentColR ul#Articles li div p.pMore a:hover{
	text-decoration: underline;
}

/* --- BLOG: single post ---*/
/** RIGHT col 
* Vacsina stylov sa aplikuje aj na PAGES
* pokial nebudu prepisane prave v sekcii pages
**/
#Content .contentColR h3{
	font-size: 13pt;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
}
#Content .contentColR p.sDate{
	color: #649a1a;
	font-size: 9pt;
	text-transform: uppercase;
	font-weight: bold;
}
#Content .contentColR div{
	font-size: 10pt;
	margin: 10px 0px 25px 0px;
}
#Content .contentColR div p{
	margin: 0px 0px 10px 0px;
}
#Content .contentColR div h3, #Content .contentColR div h4, #Content .contentColR div h5, #Content .contentColR div h6{
	margin: 10px 0px 10px 0px;
	font-weight: bold;
}
#Content .contentColR div h3{ font-size: 13pt; }
#Content .contentColR div h4{ font-size: 12pt; }
#Content .contentColR div h5{ font-size: 11pt; }
#Content .contentColR div h6{ font-size: 10pt; }

#Content .contentColR div ul{
	margin: 0px 0px 10px 10px;
}
#Content .contentColR div table{
	margin: 15px 0px;
}
#Content .contentColR div img{
	margin: 15px 0px;
}
#Content .contentColR div p.Note{
	font-size: 9pt;
	color: #777;
	padding: 0px 0px 15px 30px;
	background-image: url(images/icon_info.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Header/Footer kazdeho POST-u (ako chcel Todd) */
#Content .contentColR p.headFoot{
	height: 30px;
	padding: 0px 250px 0px 0px; margin: 0px 0px 25px 0px;
	background-image: url(images/postHeader-logo.png); background-repeat: no-repeat; background-position: right top;	
	text-align: right; font-size: 8pt; color: #ababab;
}


/* ----------- PAGES ---------- */
/** PAGE-wide 
* Tu upravime sirku stlpcov ktore boli predtym zadefinovane v sekcii BLOG
* Bude trosku sirsi lavy stlpec (aby sa zmestili obrazky) a uzsi pravy stlpec
**/
#Content .page .contentColL{
	width: 300px;
	padding: 0px 19px 0px 0px;
}
#Content .page .contentColR{
	width: 640px;
	margin: 25px 0px 0px 0px;
}

/* LEFT column - zoznam podstranok ak existuju */
#Content .page .contentColL ul#subpageList{
	list-style: none;
	width: 235px;
	margin: 20px 0px 0px 0px;
	padding: 15px 10px 10px 15px;
	border-radius: 5px;
	background-image: url(images/submenuBG.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#Content .page .contentColL ul#subpageList li{
	padding: 0px 0px 5px 20px;
	background-image: url(images/arrow-bullet.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}
#Content .page .contentColL ul#subpageList li a{
	font-size: 10pt;
	color: #b0d962;
	font-weight: bold;
	text-decoration: none;
}
#Content .page .contentColL ul#subpageList li a:hover{
	text-decoration: underline;
}

/* LEFT column - obrazky zobrazovane podla actualnej stranky */
#Content .page .contentColL ul#pagePicturesL{
	list-style: none;
	margin: 20px 0px 0px 0px;
}
#Content .page .contentColL ul#pagePicturesL li{
	margin: 0px 0px 25px 0px;
}
/* RIGHT column - Zvyraznena area v pages */
#Content .page .contentColR div div.highlightArea{
	background-color: #eeeeee;
	padding: 40px 40px 20px 40px;
	margin: 15px 0px 20px 0px;
	border-radius: 10px;
}
#Content .page .contentColR div div.highlightArea ul{
	list-style-position: outside;
	margin: 20px 0px 0px 15px;
	list-style: none;
}
#Content .page .contentColR div div.highlightArea ul li{
	padding: 0px 0px 5px 30px;
	background-image: url(images/check-bullet.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#Content .page .contentColR div div.highlightArea ul li h4{
	margin: 0px;
	padding: 0px;
}
	
/* ------- HOME ------- */
#Content #Page-home{
}
#Content #Page-home #NewsBox{
	background-color: #eeeeee;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 25px 5px 25px 25px;
}
#Content #Page-home h2{
	color: #000;
	font-size: 11pt;
}
/* - HOME: news list - */
#Content #Page-home #NewsBox ul.postsOnHome{
	margin-top: 30px;
	list-style-type: none;
}
#Content #Page-home #NewsBox ul.postsOnHome li{
	float: left;
	width: 270px;
	margin-right: 40px;
	
}
#Content #Page-home #NewsBox ul.postsOnHome li p.poh_Date{
	float: left;
	width: 55px;
	height: 40px;
	padding-top: 15px;
	margin-right: 15px;
	background-image: url(images/recent-News-BG.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 8pt;
	color: #649a1a;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
#Content #Page-home #NewsBox ul.postsOnHome li h3.poh_Title{
	float: left;
	width: 200px;
	font-size: 11pt;
	line-height: 17px;
}
#Content #Page-home #NewsBox ul.postsOnHome li h3.poh_Title a:hover{
	text-decoration: underline;
}

#Content #Page-home #NewsBox ul.postsOnHome li p.poh_Excerpt{
	clear: left;
	font-size: 9pt;
	color: #404041;
	padding-top: 20px;
}
#Content #Page-home #NewsBox ul.postsOnHome li p.poh_MORE{
	margin-top: 15px;
	width: 61px;
	height: 17px;
	background-image: url(images/more-button.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#Content #Page-home #NewsBox ul.postsOnHome li p.poh_MORE a{
	display: block;
	color: #fff;
	font-size: 9pt;
	padding: 0px 0px 0px 10px;
}
#Content #Page-home #NewsBox ul.postsOnHome li p.poh_MORE a:hover{
	text-decoration: underline;
}
/* PartnerList */
#Content #PartnerLogoList{
	margin: 25px 0px 0px 2px;
}
#Content #PartnerLogoList ul{
	list-style-type: none;  
}
#Content #PartnerLogoList ul li{
	float: left;
	margin: 0px 55px 0px 0px;
}

/* ------- PARTNERS ------- */
#Content #Page-partners #pColR ul{
	list-style-type: none;
}
#Content #Page-partners #pColR ul li{
	position: relative;
	margin: 0px 0px 30px 0px;
}
#Content #Page-partners #pColR ul li img{
	position: absolute;
	top: 0px;
	right: 680px; /* Tu dame tak vysoke cislo ze to prejde za "hranice" blocku a dostane sa na miesto kde patri */
	margin: 0px;  /* tu reset-neme margin zadefinovany pre posts - aby "pretrcajuce" obrazky boli horizontalne zarovnane */
}
#Content #Page-partners #pColR ul li h3{
	margin: 10px 0px 5px 0px;
	color: #838383;
}
/* ---- BOARD of DERECTORS ---- */
#Content #Page-board-of-directors #pColR ul{
	list-style-type: none;
}
#Content #Page-board-of-directors #pColR ul li{
	position: relative;
	margin: 0px 0px 35px 0px;
}
#Content #Page-board-of-directors #pColR ul li img{
	position: absolute;
	top: 0px;
	right: 670px; /* Tu dame tak vysoke cislo ze to prejde za "hranice" blocku a dostane sa na miesto kde patri */
	margin: 0px;  /* tu reset-neme margin zadefinovany pre posts - aby "pretrcajuce" obrazky boli horizontalne zarovnane */
}
#Content #Page-board-of-directors #pColR ul li h3{
	margin: 0px 0px 0px 0px;
}
/* ---- EXECUTIVES ---- */
#Content #Page-executives #pColR ul{
	list-style-type: none;
}
#Content #Page-executives #pColR ul li{
	position: relative;
	margin: 0px 0px 35px 0px;
}
#Content #Page-executives #pColR ul li img{
	position: absolute;
	top: 0px;
	right: 670px; /* Tu dame tak vysoke cislo ze to prejde za "hranice" blocku a dostane sa na miesto kde patri */
	margin: 0px;  /* tu reset-neme margin zadefinovany pre posts - aby "pretrcajuce" obrazky boli horizontalne zarovnane */
}
#Content #Page-executives #pColR ul li h3{
	margin: 0px 0px 0px 0px;
}


/* ------------------------------ Footer Module ------------------------------ */

#Footer{
	width: 100%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
	color: #a09f9f;
	font-size: 10pt;
}

/* --- FooterMenu --- */
#Footer #menu-footer-menu{
	list-style-type: none;
	width: 360px;
	margin-right: auto;
	margin-left: auto;
}
#Footer #menu-footer-menu li{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	text-transform: lowercase;
}
#Footer #menu-footer-menu li a{
	color: #a09f9f;
}
#Footer #menu-footer-menu li a:hover{
	color: #00674e;
}