/****************************************************************************************/
/*                                                                                      */
/* Futuroom.cz website - COLORED BLOCKS FOR CONTENT                                     */
/*                                                                                      */
/* Version:         2009-08-03 09:10                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-07-31 09:02                                                    */
/* Last changed by: Lukas Liebscher                                                     */
/* Version:         2009-07-19 14:02                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-07-17 13:10                                                    */
/* Last changed by: Lukas Liebscher                                                     */
/* Version:         2009-07-17 12:45                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-07-07 13:42                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-07-02 07:59                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-06-30 14:51                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-06-26 14:51                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-06-17 12:17                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-06-12 11:17                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-06-09 16:39                                                    */
/* Last changed by: Filip Zadnik                                                        */
/* Version:         2009-06-08 15:42                                                    */
/* Last changed by: Filip Zadnik                                                        */
/* Version:         2009-06-08 14:41                                                    */
/* Last changed by: Filip Zadnik                                                        */
/* Version:         2009-05-29 10:09                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-05-24 07:09                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-05-22 11:35                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-05-21 13:25                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-05-20 14:24                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-20-05 12:28                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-18-05 14:16                                                    */
/* Last changed by: Filip Zadnik                                                        */
/* Version:         2009-13-05 13:00                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-05-12 16:26                                                    */
/* Last changed by: Petr Kus                                                            */
/* Version:         2009-04-28 14:00                                                    */
/* Last changed by: Petr Kus                                                            */
/*                                                                                      */
/****************************************************************************************/
/****************************************************************************************/

/* RSS ================================================================================ */

#RSS
{
    padding: 10px 0px;
}

#RSS ul
{
    margin: 5px 0px 15px 0px;
    list-style: none;
} 

#RSS ul li
{
    margin: 7px 0px;
    padding: 0px 0px 0px 26px;
    background: url(../images/design/icons/rss.png) no-repeat;
    background-position: left centre;
    line-height: 15px;
    text-align: left;
    font-weight: 500;
    font-size: 130%;
}

/*  newsPanel ========================================================================= */
.intend .newsPanel,
.newsPanel,
.newsPanelFirst,
.intend .newsPanelFirst
{
    width: 210px;
    float: left;
    position: relative;
}

.intend .newsPanel .newsPanelHeader,
.newsPanel .newsPanelHeader,
.newsPanelFirst .newsPanelHeader,
.intend .newsPanelFirst .newsPanelHeader
{
	
	min-height: 70px;
	_height: 70px;
	
}

/*
.news3column .intend .newsPanel,
.news3column .newsPanel,
.news3column .newsPanelFirst,
.news3column .intend .newsPanelFirst
{   
	margin: 7px 25px 0px 0px;
}
*/

.news3column .newsPanelFirst
{
	margin-top: 25px;
}

.news3column .newsPanel
{
	margin: 25px 0px 0px 30px;
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 10px;
}

.news3column .newsPanel .articleImage,
.news3column .newsPanelFirst .articleImage
{
    margin: 0px 0px 2px 0px;
}

#usAdress
{
	margin-left: 25px;
}

.news4column .intend .newsPanel,
.news4column .newsPanel,
.news4column .newsPanelFirst,
.news4column .intend .newsPanelFirst
{
	margin: 20px 0px 0px 20px;
}

.news4column .newsPanelFirst,
.news4column .intend .newsPanelFirst,
.news3column .newsPanelFirst,
.news3column .intend .newsPanelFirst
{
	margin-left: 0px;
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 10px;
}

#usAdress h3 a
{
	color: black;
}

#usAdress.newsPanel img,
#usAdress.newsPanelFirst img
{
    width: 211px;
    height: 69px;
    margin: 0px 0 0px 0;
}

.intend .newsPanel img,
.newsPanel img,
.newsPanelFirst img,
.intend .newsPanelFirst img
{
    width: 210px;
}

/*
.intend .newsPanel .date,
.newsPanel .date, 
.newsPanelFirst .date,
.intend .newsPanelFirst .date
{
    font-size: 85%;
    color:#898989;
}
 výše zmíněný blog přešel do globálního nastavení. Vdesign jako smallText*/ 

.intend .newsPanel h4,
.newsPanel h4,
.intend .newsPanelFirst h4,
.newsPanelFirst h4  
{
    margin-bottom: 5px;
    font-size: 110%;
    font-weight: 600;
    color: #EB0000;
}

.intend .newsPanel h3,
.newsPanel h3,
.intend .newsPanelFirst h3,
.newsPanelFirst h3 
{
    height: 70px;
    margin-bottom: 5px;
    overflow:hidden;
}

.dateSquare
{
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
}

/*
.intend .newsPanel p,
.newsPanel p,
.intend .newsPanelFirst p,
.newsPanelFirst p  
{
	   font-size:100%;
    line-height: 150%;
    color: #878787;
    text-align: justify;
}
 tento blog přešel na globalni styl v design*/
/*
.intend .newsPanel a,
.newsPanel a, 
.intend .newsPanelFirst a,
.newsPanelFirst a 
{
	color: #ff5025;
}
tento blog přešel na globalni styl v design*/
/*
.newsPanel h3 a,
.intend .newsPanelFirst h3 a,
.newsPanelFirst h3 a 
{
	color: black;
}
 preslo na globalni styly v design*/
 
/*
.newsPanel h3 a:hover,
.intend .newsPanelFirst h3 a:hover,
.newsPanelFirst h3 a:hover,
#usAdress #black a:hover 
{
	color: #004a80;
	text-decoration: none;
}
 preslo na globalní styly v design*/
 
 
/*A MORE************************************************************************/

a.more,
a.more2
{
    padding: 0px 0px 0px 10px;
    background: url(../images/design/icons/two-pink-arrows.gif) no-repeat;
    background-position: left 6px;
    font-weight: 600;
    color: #EB0000;
}

.intend ul.boxes a:hover.more,
a:hover.more,
a:hover.more2
{
    text-decoration:underline;
    color:#EB0000;
}

p a.more2
{
    background-position: 0ex 1ex;
    font-weight: normal;
}

.intend ul.boxes a.more,
.coloredBlock02 a.more,
.newsPanel a.more,
.morePanel a,
.newsPanelFirst a.more
{
	/*display: block*/
    clear: left;
    margin-top: 10px;
    font-weight:600;
    color:#eb0000;
}

#usAdress.newsPanel a.more,
#usAdress.newsPanelFirst a.more,
{
	margin-top:0px;
}

.morePanel a
{
	width: 215px;
	margin-right: 15px;
	float: left;
	clear: none;
}
/* FastLink============================================================================ */

.fastLink 
{
    display: block;
    margin: 0px 0px 0px 10px;
    padding: 6px 24px 6px 0px;
    text-align: right;
    background: url(../images/design/icons/sipky.png);
    background-position: right;
    background-repeat: no-repeat;
    font-size: 81%;
    font-weight: 600;
}

/*  future Actions ================================================================= */

#futureActionsContent .action
{
    width: 210px;
    float: left; 
    position: relative;
    margin: 28px 25px 0px 0px;
}

#futureActionsContent .action .red
{
    background: #FF0E0E url(../images/design/content-blocks/red.gif);
}

#futureActionsContent .action .green
{
    background: #8DC73F url(../images/design/content-blocks/green.gif);
}

#futureActionsContent .action .blue 
{
    background: #0076A3 url(../images/design/content-blocks/blue.gif);
}

#futureActionsContent .action .orange 
{
    background: #F8941D url(../images/design/content-blocks/orange.gif);
}

#futureActionsContent .action .groupAction 
{
    width: 34px;
    float: left; 
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

#futureActionsContent .action .group 
{   
    width: 38px;
    float: left;
}

#futureActionsContent .action .groupAction 
{
    width: 34px;
    float: left;
    text-align: center;
    line-height: 34px;
    font-weight: 700;
    font-size: 90%;
    color: white;
}

#futureActionsContent .action .nextGroupAction
{
    width: 15px;
    height:15px;
    display: inline;
    float: left;
    margin: 4px 4px 0px 0px;
}

/*#futureActionsContent .action .actionContent
{
    width: 141px;
    float: right;
    margin: 0px 0px 0px 10px;
}*/

#futureActionsContent .action .actionContent h5
{
    color: #878787;
}

#futureActionsContent .action .actionContent p
{
    padding: 15px 0px 0px 0px;
    color: #878787;
    text-align: justify;
}
/*  INTEND ==================================================================== */

.intend
{
    padding: 16px 5px 20px 10px;
    border-bottom:1px solid #e9e9e9;
	float:left;
}

.intend.nullBorder
{
    border:0px;
}

.intend.full732
{
    width:732px;
    padding:16px 0px 20px 0px;
}

.intend.middle717
{
    width:717px;
    padding:16px 5px 20px 10px;
}

.intend.small695
{
    width:695px;
    padding:16px 27px 20px 10px;
}

.intend.tiny685
{
    width:685px;
    padding:16px 27px 20px 20px;
}

.intend.width
{
    padding-left:0px;
}

.intend.width h2
{
    padding-left: 10px;
}

.intend .mainPicture
{
    padding-bottom:18px;
}

.intend ul.boxes li
{
    width: 141px;
    min-height: 84px;
    _height: 84px;
    float: left;
    background: #f6f6f6;
    margin: 10px 4px 8px 0px;
    padding: 15px 13px 18px 13px;
    /*color:#b0b0b0; přešlo na globalni styly*/
    list-style: none;
    /*font-size: 85%; přešlo na globalni styly*/
}

.intend ul.boxes li.clear
{
    width: 100%;
    min-height: 0px;
    height: 0px;
    clear: both;
    background: none;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.intend ul.boxes li .spaceForName
{
    min-height: 50px;
    _height: 50px;
}

.intend ul.boxes li.empty
{
    width: auto;
    float: left;
    background: white;
    margin: 0px;
    padding: 0px;
    color: black;
    list-style: none;
    font-size: 100%;
}

.intend ul.boxes li a
{
	color: #B0B0B0;
}

.intend ul.boxes li a:hover
{
	color: #004A80;
}

.intend ul.boxes li strong
{
	font-size: 143%;
}

.intend ul.boxes
{
    
}

.intend ul.boxes li.dark
{
    background:#ececec;
}

.intend ul.boxes li.select
{
    background:#004A80;
}
/* ColoredBlock02*****************************************************************/

.positionRelative
{
	position:relative;
}

.coloredBlock02
{
  width: 140px;
  float: right;
  margin: 0px 0px 3px 10px;
  padding: 15px;
  background:#E9E9E9 url(images/design/content-blocks/silver2.gif) repeat scroll 0 0;
  position: relative;
  overflow: hidden;
}

.coloredBlock02 .boxOfUserImage,
.boxOfUserImage
{
  	width: 140px;
  	min-height: 105px;
}

.coloredBlock02 .boxOfUserImage img,
.boxOfUserImage img
{
	margin-left: auto;
	margin-right: auto;
	display: block; 
}

.intend ul.boxes li span,
.coloredBlock02 span
{
  display: block;
}

.coloredBlock02 strong
{
  display:block;
  margin: 0px 0px 5px 0px;
}

/*
.coloredBlock02 a.more
{
  font-size:82%;
}
prešlo na globalni styly*/
/* ORDER COURSE PANEL ========================================================= */
/**** UP of ORDER COURSE*/
.left2,
.right2
{
    margin-top: 5px;
}
.left2
{
    float: left;
    width: 400px;

}

.right2
{
    float: right;
}

.intend .commentary
{
    margin-right: 10px;
    float: right;
    position: relative;
}

.intend .value
{
    margin-right: 80px;
    float: right;
    position: relative;
}

.intend .value #ratingFl
{
	position: absolute;
	right: -80px;
	top: 4px;
}

/*END* UP of ORDER COURSE*/

.intend .orderCoursePanel,
.intend .orderCoursePanelNew
{
    margin-top: 15px;
    margin-bottom: 15px;
    background: #EDECEC;
    width: 695px;
	padding: 1px 0px 8px 0px;
	position: relative;
}

.intend .orderCoursePanel .item
{
    width:170px;    /*bylo 155*/
    float:left;
    padding-right:5px;/*bylo 20*/
    border-right:1px solid white;
}

.intend .orderCoursePanel .contact
{
	margin-top: 5px;
	font-size:120%;
	margin-left: 600px;
	clear: both;
}

.intend .orderCoursePanel .backgroundOrderCoursePanel2,
.intend .orderCoursePanel .backgroundOrderCoursePanel,
.intend .orderCoursePanelNew .backgroundOrderCoursePanel
{
	width: 675px;
	background: url(../images/design/menu/background-course-panel.png) repeat -10px 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 9px;
}

.intend .orderCoursePanel .backgroundOrderCoursePanel2,
.intend .orderCoursePanelNew .backgroundOrderCoursePanel
{
	background: none;
}

.intend .orderCoursePanel .item 
{
	border: 0px;
}
.intend .orderCoursePanel .item a
{
    display:block;
}

.intend .orderCoursePanel .item strong
{
    font-size:85%;
}

.intend .orderCoursePanel .item .grey
{
  color:#6F6F6F;
  font-weight:normal;
  font-size:80%;
  float:left;
}

.intend .orderCoursePanelNew .ContentOrderCourse
{
	margin-left: 48px;
	margin-bottom: 10px;
	width: 490px;
}

.intend .orderCoursePanelNew .buttonOrderCourse
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 15px;
}
 
 
.intend .orderCoursePanelNew .leftColoredBlock,
.intend .orderCoursePanel .leftColoredBlock
{
  width: 34px;
  float: left;
  margin: 2px 10px 0 0;
  font-size: 95%;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  color: white;
}

.intend .orderCoursePanelNew .green,
.intend .orderCoursePanel .green
{
	background : #8DC73F;
}

.intend .orderCoursePanelNew .blue,
.intend .orderCoursePanel .blue
{
	background : #0076A3;
}

.intend .orderCoursePanelNew .orange,
.intend .orderCoursePanel .orange
{
	background : #f8941d;
}

.intend .orderCoursePanelNew .red,
.intend .orderCoursePanel .red
{
	background : #ff0000 url(..images/design/content-blocks/red.gif);
}

.intend .orderCoursePanelNew .black,
.intend .orderCoursePanel .black
{
	background : #676767;
}

.intend .orderCoursePanel .item a.calendar2,
.intend .orderCoursePanel .item a.related
{
    height:20px;
    padding-left:35px;
    margin-left:20px;
}

.intend .orderCoursePanel .item a:hover.calendar2
{
	 text-decoration:none;
}

.intend .orderCoursePanel .item a.calendar2
{
  background: url(../images/design/icons/calendar.gif) no-repeat;
  background-position:4px 0;
  cursor:default;
}

.intend .orderCoursePanel .item a.related
{
  background: url(../images/design/icons/related.gif) no-repeat;
  background-position:0 4px;
}

.intend .orderCoursePanel a.comments
{
  float:left;
  margin-left:20px;
  font-weight:bold;
  color:#EB0000;
}

.positionLeft
{
  float:left;
  width:90px;
}

/* COLORED BLOCKS============================================================== */

.coloredBlock01
{
  position:relative;
  width:240px;
  float:right;
  margin-top:15px;
  padding:20px 20px 80px 20px;
  background:#E9E9E9 url(images/design/content-blocks/silver2.gif);
}

.intend .coloredBlock01 h4
{
  margin:15px 0 2px 0;
  font-size:110%;
}

.intend .coloredBlock01 p
{
  font-size:105%;
  line-height:130%;
}

.allLectors
{
  display:block;
  position:absolute;
  padding-right:15px;
  bottom:20px;
  background:url(../images/design/icons/pink-man-with-question-mark.gif) no-repeat;
  background-position:right 0;
}
/* BLOG PANEL ************************************************************************/

.blogPanel
{
    background:#252525;
    color:#fff;
    font-size:100%;
    margin:50px 0  0 0;
}

.blogPanel .singleBox .content b
{
    background:#252525;
    color:#fff;
    font-size:85%;
    margin:50px 0  0 0;
    font-size:120%;
}

.blogPanel .singleBox
{
    padding:5px 10px 5px 20px;
    border-bottom:1px solid #313131;
}

.blogPanel .singleBox img
{
    float:left;
    border:1px solid #313131;
    margin:0 15px 10px 0;
    display: none;
}

.blogPanel .singleBox .content
{
    width:auto;
}

.blogPanel .singleBox .content a
{
    color:#fff;
    position:relative;
}


.blogPanel .singleBox .header
{
    font-size:140%;
    color:#fff;
    font-weight:bold;
}

.blogPanel .allInfoLink
{
    color:#EB0000;
    margin:20px 0 20px 14px;
    display:block;
    width:110px;
}

/* SHORT NEWS PANEL **************************************************************/

.shortNews
{
    margin:56px 0 0 0;
    color:#767676;
    font-size:100%;
}

.shortNews .header
{
    margin:0 0 20px 0;
    color:#000;
    font-size:140%;
    font-weight:bold;
    text-align: left;
}

.shortNews .singleNews
{
    margin:0 0 28px 0;
    text-align: justify;
}

.shortNews .singleNews .newsTitle
{
    font-weight: bold;
    font-size: 130%;
    text-align: left;
}

.shortNews .singleNews .published
{
    font-size:10px;
    display:block;
    line-height:22px;
}

/* FULL LINE ****************************************************************************/
.fullLine
{
    border-top:1px solid #e9e9e9;
    clear:both;
    line-height:0;
    font-size:0;
}

.hr
{
  background:#E9E9E9;
  clear:both; 
  height:1px;
  border:0px;
  margin-top: 3px;
  margin-bottom: 15px;
}

.hr hr
{
  display:none;
}

/*CourseBox-EtapBox ***************************************************************/

.courseBox,
.etapBox,
.projectBox
{
    float: left;
    width: 210px; /*244*/
    padding: 28px 0px 0px 0px; /*28px 0px 48px 0px*/
    margin-right: 25px;
    border-bottom: 1px solid #E9E9E9;
    overflow: hidden;
}

.courseBox .articleImage,
.etapBox .articleImage,
.projectBox .articleImage
{
    border: 1px solid #E9E9E9;
    width: 208px;
    overflow: hidden;
}
.courseBox .pink,
.etapBox .pink,
.projectBox .pink

{
    color:#EB0000;
    font-weight:bold;
    font-size:116%;
    margin:6px 0 8px 0;
    display:block;
}

.courseBox .relativeBluePanel,
.etapBox .relativeBluePanel,
.projectBox .relativeBluePanel
{
	position: relative;
}

.courseBox .relativeBluePanel .bluePanel,
.etapBox .relativeBluePanel .bluePanel,
.projectBox .relativeBluePanel .bluePanel
{
	background:#094774 none repeat scroll 0 0;
	color: white;
	font-weight: bold;
	height: 28px;
	line-height:28px;
	opacity: 0.72;
	padding: 0 10px;
	position: absolute;
	top: -28px;
	width: 190px;
}

.courseBox .mainInfo,
.etapBox .mainInfo,
.projectBox .mainInfo
{
    padding:15px 0px 7px 0px;
    /*font-size:85%; prešlo na globalni fonty*/
}

.courseBox .mainInfo .ieBug,
.etapBox .mainInfo .ieBug,
.projectBox .mainInfo .ieBug
{
    border-bottom:1px dotted white;
}

.courseBox .mainInfo .group,
.etapBox .mainInfo .group,
.projectBox .mainInfo .group,
.courseBox .mainInfo .date, /*date je stare po rozjeti elearning se muze smazat*/
.etapBox .mainInfo .date,/*po elearning smazat*/
.projectBox .mainInfo .date/*až sem*/
{
    float: left;
	width: 38px;
}

.orderCoursePanel .leftColoredBlockCourse,
.orderCoursePanelNew .leftColoredBlockCourse,
.orderCoursePanel .leftColoredBlock /*po elearning smazat*/
{
  width: 38px;
  float: left;
  margin: 2px 10px 0 0;
}

.courseBox .mainInfo .group .date,
.etapBox .mainInfo .group .date,
.projectBox .mainInfo .group .date,
.orderCoursePanel .leftColoredBlockCourse .date,
.orderCoursePanelNew .leftColoredBlockCourse .date,
.courseBox .mainInfo .date, /*date je stare po rozjeti elearning se muze smazat*/
.etapBox .mainInfo .date, /*po elearning smazat*/
.projectBox .mainInfo .date, /*po elearning smazat*/
.orderCoursePanel .leftColoredBlock /*po elearning smazat*/
{
    width: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    float: left;
    font-size: 110%;
    background: #FF0000;
}

.courseBox .mainInfo .group .nextdate,
.etapBox .mainInfo .group .nextdate,
.projectBox .mainInfo .group .nextdate,
.orderCoursePanel .leftColoredBlockCourse .nextdate,
.orderCoursePanelNew .leftColoredBlockCourse .nextdate
{
	display: inline;
	float: left;
	height: 15px;
	margin: 4px 4px 0 0;
	width: 15px;
}

.courseBox .mainInfo .group .date.orange,
.etapBox .mainInfo .group .date.orange,
.projectBox .mainInfo .group .date.orange,
.courseBox .mainInfo .group .nextdate.orange,
.courseBox .mainInfo .date.orange, /*po elearning smazat*/
.etapBox .mainInfo .date.orange, /*po elearning smazat*/
.projectBox .mainInfo .date.orange, /*po elearning smazat*/
.orderCoursePanel .leftColoredBlockCourse .nextdate.orange,
.orderCoursePanelNew .leftColoredBlockCourse .nextdate.orange,
.orderCoursePanel .leftColoredBlock.orange /*po elearning smazat*/
{
    background: #f8941d; /*dopsat obrazek*/
}

.courseBox .mainInfo .group .date.green,
.etapBox .mainInfo .group .date.green,
.projectBox .mainInfo .group .date.green,
.courseBox .mainInfo .group .nextdate.green,
.courseBox .mainInfo .date.green, /*po elearning smazat*/
.etapBox .mainInfo .date.green, /*po elearning smazat*/
.projectBox .mainInfo .date.green, /*po elearning smazat*/
.orderCoursePanel .leftColoredBlockCourse .nextdate.green,
.orderCoursePanelNew .leftColoredBlockCourse .nextdate.green,
.orderCoursePanel .leftColoredBlock.green /*po elearning smazat*/
{
    background: #8dc73f; /*dopsat obrazek a dal?? barvy?*/
}

.courseBox .mainInfo .group .date.blue,
.etapBox .mainInfo .group .date.blue,
.projectBox .mainInfo .group .date.blue,
.courseBox .mainInfo .group .nextdate.blue,
.courseBox .mainInfo .date.blue, /*po elearning smazat*/
.etapBox .mainInfo .date.blue, /*po elearning smazat*/
.projectBox .mainInfo .date.blue, /*po elearning smazat*/
.orderCoursePanel .leftColoredBlockCourse .nextdate.blue,
.orderCoursePanelNew .leftColoredBlockCourse .nextdate.blue,
.orderCoursePanel .leftColoredBlock.blue /*po elearning smazat*/
{
    background: #0076A3; /*dopsat obrazek a dal?? barvy?*/
}

.courseBox .mainInfo .group .date.black,
.etapBox .mainInfo .group .date.black,
.projectBox .mainInfo .group .date.black,
.courseBox .mainInfo .group .nextdate.black,
.courseBox .mainInfo .date.black, /*po elearning smazat*/
.etapBox .mainInfo .date.black, /*po elearning smazat*/
.projectBox .mainInfo .date.black, /*po elearning smazat*/
.orderCoursePanel .leftColoredBlockCourse .nextdate.black,
.orderCoursePanelNew .leftColoredBlockCourse .nextdate.black,
.orderCoursePanel .leftColoredBlock.black /*po elearning smazat*/
{
    background: #676767; /*dopsat obrazek a dal?? barvy?*/
}

.courseBox .mainInfo .group .date.red,
.etapBox .mainInfo .group .date.red,
.projectBox .mainInfo .group .date.red,
.courseBox .mainInfo .group .nextdate.red,
.courseBox .mainInfo .date.red, /*po elearning smazat*/
.etapBox .mainInfo .date.red, /*po elearning smazat*/
.projectBox .mainInfo .date.red, /*po elearning smazat*/
.orderCoursePanel .leftColoredBlockCourse .nextdate.red,
.orderCoursePanelNew .leftColoredBlockCourse .nextdate.red
{
    background: #FF0000; /*dopsat obrazek a dal?? barvy?*/
}


.courseBox .mainInfo .rightColumn,
.projectBox .mainInfo .rightColumn
{
    float:left;
    width:160px;
    position:relative;
    left:10px;
    color:#5e5e5e;
}

.courseBox .mainInfo .rightColumn strong,
.projectBox .mainInfo .rightColumn strong
{
    display:block;
    width:120px;
    color:#000;
}

.courseBox .mainInfo .rightColumn .lectorName,
.projectBox .mainInfo .rightColumn .lectorName
{
    font-size:9px;
}

.intend .courseBox p,
.courseBox p,
.etapBox p,
.intend .etapBox p,
.projectBox p
{
	/*color:#676767;
	font-size:100%;
	line-height:150%;
	text-align:justify; prešlo na globalni fonty*/
	margin: 0px 0px 15px 0px;
	padding:0px;
}

.courseBox .mainInfo p,
.etapBox .mainInfo p,
.projectBox .mainInfo p
{
	margin:0px;
	padding:0px;
}

/*.courseBox .mainInfo p
{
    font-size:100%;
}
prešlo na globalni fonty*/

.courseBox h3,
.etapBox h3,
.projectBox h3
{
    height:70px;
    overflow:hidden;
    line-height:23px;
	font-size: 140%;
	font-weight: bold;
}

.courseBox div.links
{
    font-size:100%;
    color:#767676;
    padding:0 20px 16px 0;
}

.courseBox .links a.more
{
    width:200px;
    display:block;
    float:none;
}

.courseBox p .orange,
.etapBox p .orange,
.projectBox p .orange
{
    color:#ff5025;
}

.courseBox a.more,
.etapBox a.more
{
    padding:0 0 0 12px;
    background: url(../images/design/icons/two-pink-arrows.gif) no-repeat left 6px;
    color:#EB0000;
    font-weight:bold;
    font-size:90%;
    width:100px;
    margin:0;
}

.courseBox .rating,
.etapBox .rating
{
    float:right;
    padding:3px 20px 0 0;
}

.courseBox .orderCourse,
.etapBox .orderCourse
{
    border-top:1px solid #e9e9e9;
}

.courseBox .orderCourse
{
    width: 210px;
    margin: 5px 0px 0px 0px;
    padding-top: 11px;
    margin-bottom: 12px;
    position: relative;
    /*font-weight: bold; prešlo na globalni fonty*/
    clear: both;
    float: left;
}

.courseBox .orderCourse .priceColon
{
	width: 115px;
}

.courseBox .orderCourse .redCartButton
{
    position:absolute;
    top: 10px;
    right: 2px;
}
/* OnlyCourseBox ****************************/
.courseBox .mainInfo .rightColumn1
{
    float:left;
    width:18px;
    position:relative;
    margin-right: 5px;
    text-align: right;
    left:10px;
    color:#5e5e5e;
    font-weight:900;
}

.courseBox .mainInfo .rightColumn2
{
    float:left;
    width:160px;
    position:relative;
    left:10px;
    color:#5e5e5e;
}
.courseBox .lectors
{
    padding-left: 20px;
}

.courseBox .lectors ul
{
    list-style: none;
    margin-left:55px;
    position: relative;
    top:-16px;
}

/*.courseBox .mainInfo .rightColumn2 p
{
    font-size:100%;
}
 prešlo na globalni styly */

/* OnlyEtapBox **************************** CELE ETAP BOX SE MUZE PO ROZJETI ELEARNINGU VYPUSTIT*/

.etapBox h3
{
    padding-bottom: 10px;
}
.etapBox .orderCourse
{
    padding-top:7px; 
}

.etapBox .mainInfo .rightColumn
{
    float:left;
    width:181px;
    padding-left: 10px;
    padding-bottom: 0px;
    /*position: relative;*/
}

.etapBox .mainInfo .rightColumn strong
{
    font-size:100%;
}

.etapBox .mainInfo .rightColumn strong span
{
    font-size:110%;
    font-weight:900;
}

.etapBox .mainInfo .rightColumn em
{
	margin-top: 2px;
    display:block;
    /*position:absolute;*/
    font-style:normal;
    /*bottom:-3px;*/
    /*left:10px;*/
    color:#818181;
}

.etapBox .manager,
.etapBox .lectors
{
    padding-left:20px;
}


/*
.etapBox .lectors
{
	background: url(../images/design/icons/lectors.png) no-repeat left top;
}
*/

.etapBox .manager span,
.etapBox .lectors span
{
    font-weight:bold;
}

.etapBox .manager ul,
.etapBox .lectors ul
{
    list-style: none;
    margin-left:55px;
    position: relative;
    top:-16px;
}

.etapBox .manager ul li,
.etapBox .lectors ul li
{
    color:#767676;
    line-height: 140%;
}

.etapBox .manager ul
{
    margin-left:75px;
}



/* ICONS *****************************************************************************/

.intend strong#icons,
.intend strong#icons2  
{
	margin-bottom: 15px;
	color: black;
	float: left;
	font-size: 130%;
}

.addTwitter,
.addFacebook,
.iconEmail,
.iconPrint 
{
	color: #EB0000;
	padding-left: 30px;
	padding-right: 10px;
}

.iconPrint 
{
	background: transparent url(../images/design/icons/pink-print.png) no-repeat scroll 10px 2px;
}

.iconEmail 
{
	background: transparent url(../images/design/icons/pink-email.png) no-repeat scroll 10px 2px;
}

.addFacebook
{
	background: transparent url(../images/design/icons/ico_facebook_red.png) no-repeat 10px 2px;
}

.addTwitter
{
	background: transparent url(../images/design/icons/ico_twitter_red.png) no-repeat 10px 2px;
}

/* Documents ************************************************************************/

.leftBlock .intend ul.documents
{
    list-style: none;
    /*font-size: 116%;  prešlo na globalni styly*/
    margin: 14px 0 38px 0;
}

.leftBlock .intend ul.documents li
{
    padding-left: 50px;
    line-height: 22px;
    /*font-size: 116%; prešlo na globalni styly*/
    list-style: none;
}

/* .leftBlock .intend ul.documents li strong
{
	color: black;
}     prešlo na globalni styly */

.leftBlock .intend ul.documents li.pdf
{
    background: url(../images/design/icons/pdf-document.gif) no-repeat 22px center;
}

.leftBlock .intend ul.documents li.document
{
    background: url(../images/design/icons/document.gif) no-repeat 22px center;
}

.leftBlock .intend ul.documents li.excel
{
    background: url(../images/design/icons/excel-document.gif) no-repeat 22px center;
}

.leftBlock .intend ul.documents li.word
{
    background: url(../images/design/icons/word-document.gif) no-repeat 22px center;
}

.leftBlock .intend ul.documents li.empty
{
}

.leftBlock .intend ul.documents a[href^="http://"],
.leftBlock .intend ul.documents a[href^="https://"]
{
	background: none;
	/*color: black;    prešlo na globalni styly*/
	padding-right: 0px;
}

/* Gallery --------------------------------------------------------------------*/

.intend .gallery
{
    background:#e9e9e9;
    padding:19px 20px 20px 4px;
    margin-top: 18px;
}

.intend .gallery img
{
    padding:0 0 0 14px;
    float:left;
}

.intend .gallery .paging
{
    float:right;
    padding:10px 0 0 0;
}

.intend .gallery .paging img
{
    float:none;
    padding:0 0 0 6px;
}

.intend .gallery .bug
{
    border-top:1px solid #e9e9e9;
}

/* commentsHeader ------------------------------------------------------------*/

.commentsHeader
{
  padding:0px 0 17px 0px;
  font-weight:bold;
}

.commentsHeader h2
{
  display:inline;
}

.commentsHeader .commentsCount
{
  font-size:140%;
  font-weight:normal;
}

.commentsHeader strong
{
  padding-left:15px;
  background:url(../images/design/icons/red-down-arrow.gif) no-repeat;
  background-position:left 7px;
}
/* userMENU **********************************************************************/

.userMenu
{
    width: 100%; 
    background: #E9E9E9 url() repeat;
      margin:15px 0px 5px 0px;
      
}

.userMenu.dark
{ 
    background: #D8D8D8 url() repeat;    
}

.userMenu ul
{
    width:89%;
    float:left;
    overflow:auto;
    padding-top:10px;
      padding-left:5%;
      padding-right:5%;
    list-style: none;
}

.userMenu ul li
{
    margin-top: 6px;
    margin-bottom:11px;  
}

.userMenu ul li a
{
    _height:24px;
    min-height:24px;
    padding-left:34px;  
    display:block;
}

/*CHANGES OF BUTTONS**********************************/

.userMenu ul li.home a
{
    background: url(../images/design/icons/usu_home.png) no-repeat left top;
}

.userMenu ul li.home a.select,
.userMenu ul li.home a:hover
{
    background: url(../images/design/icons/usu_home-select.png) no-repeat left top;
}

.userMenu ul li.information a
{
    background: url(../images/design/icons/usu_info.png) no-repeat left top;
}

.userMenu ul li.information a.select,
.userMenu ul li.information a:hover
{
    background: url(../images/design/icons/usu_info-select.png) no-repeat left top;
}

.userMenu ul li.projects a
{
    background: url(../images/design/icons/usu_docum.png) no-repeat left top;
}

.userMenu ul li.projects a.select,
.userMenu ul li.projects a:hover
{
    background: url(../images/design/icons/usu_docum-select.png) no-repeat left top;
}

.userMenu ul li.chat a
{
    background: url(../images/design/icons/usu_chat.png) no-repeat left top;
}

.userMenu ul li.chat a.select,
.userMenu ul li.chat a:hover
{
    background: url(../images/design/icons/usu_chat-select.png) no-repeat left top;
}

.userMenu ul li.settings a
{
    background: url(../images/design/icons/usu_settings.png) no-repeat left top;
}

.userMenu ul li.settings a.select,
.userMenu ul li.settings a:hover
{
    background: url(../images/design/icons/usu_settings-select.png) no-repeat left top;
}

.userMenu ul li.messages a
{
    background: url(../images/design/icons/usu_messages.png) no-repeat left top;
}

.userMenu ul li.messages a.select,
.userMenu ul li.messages a:hover
{
    background: url(../images/design/icons/usu_messages-select.png) no-repeat left top;
}

.userMenu ul li.value a
{
    background: url(../images/design/icons/usu_value.png) no-repeat left top;
}

.userMenu ul li.value a.select,
.userMenu ul li.value a:hover
{
    background: url(../images/design/icons/usu_value-select.png) no-repeat left top;
}

.userMenu ul li.rss a
{
    background: url(../images/design/icons/usu_rss.png) no-repeat left top;
}

.userMenu ul li.rss a.select,
.userMenu ul li.rss a:hover
{
    background: url(../images/design/icons/usu_rss-select.png) no-repeat left top;
}

.userMenu ul li.newslettery a
{
    background: url(../images/design/icons/usu_newslettery.png) no-repeat left top;
}

.userMenu ul li.newslettery a.select,
.userMenu ul li.newslettery a:hover
{
    background: url(../images/design/icons/usu_newslettery-select.png) no-repeat left top;
}

.userMenu ul li.sms a
{
    background: url(../images/design/icons/usu_sms.png) no-repeat left top;
}

.userMenu ul li.sms a.select,
.userMenu ul li.sms a:hover
{
    background: url(../images/design/icons/usu_sms-select.png) no-repeat left top;
}

.userMenu ul li.inComingMessage a
{
    background: url(../images/design/icons/usu_incoming-message.png) no-repeat left top;
}

.userMenu ul li.inComingMessage a.select,
.userMenu ul li.inComingMessage a:hover
{
    background: url(../images/design/icons/usu_incoming-message-select.png) no-repeat left top;
}

.userMenu ul li.outComingMessage a
{
    background: url(../images/design/icons/usu_outcoming-message.png) no-repeat left top;
}

.userMenu ul li.outComingMessage a.select,
.userMenu ul li.outComingMessage a:hover
{
    background: url(../images/design/icons/usu_outcoming-message-select.png) no-repeat left top;
}

.userMenu ul li.sendMessage a
{
    background: url(../images/design/icons/usu_send-message.png) no-repeat left top;
}

.userMenu ul li.sendMessage a.select,
.userMenu ul li.sendMessage a:hover
{
    background: url(../images/design/icons/usu_send-message-select.png) no-repeat left top;
}

.userMenu ul li.projectsCourse a
{
    background: url(../images/design/icons/usu_courses.png) no-repeat left top;
}

.userMenu ul li.projectsCourse a.select,
.userMenu ul li.projectsCourse a:hover
{
    background: url(../images/design/icons/usu_courses-select.png) no-repeat left top;
}

.userMenu ul li.etaps a
{
    background: url(../images/design/icons/usu_stages.png) no-repeat left top;
}

.userMenu ul li.etaps a.select,
.userMenu ul li.etaps a:hover
{ 
    background: url(../images/design/icons/usu_stages-select.png) no-repeat left top;
}

.userMenu ul li.lectors a
{
    background: url(../images/design/icons/usu_teacher.png) no-repeat left top;
}

.userMenu ul li.lectors a.select,
.userMenu ul li.lectors a:hover
{
    background: url(../images/design/icons/usu_teacher-select.png) no-repeat left top;
}

.userMenu ul li.class a
{
    background: url(../images/design/icons/usu_classrooms.png) no-repeat left top;
}

.userMenu ul li.class a.select,
.userMenu ul li.class a:hover
{
    background: url(../images/design/icons/usu_classrooms-select.png) no-repeat left top;
}

.userMenu ul li.acomodation a
{
    background: url(../images/design/icons/usu_accomodation.png) no-repeat left top;
}

.userMenu ul li.acomodation a.select,
.userMenu ul li.acomodation a:hover
{
    background: url(../images/design/icons/usu_accomodation-select.png) no-repeat left top;
}

.userMenu ul li.certificate a
{
    background: url(../images/design/icons/usu_certificates.png) no-repeat left top;
}

.userMenu ul li.certificate a.select,
.userMenu ul li.certificate a:hover
{
    background: url(../images/design/icons/usu_certificates-select.png) no-repeat left top;
}

.userMenu ul li.documents a
{
    background: url(../images/design/icons/usu_documents.png) no-repeat left top;
}

.userMenu ul li.documents a.select,
.userMenu ul li.documents a:hover
{
    background: url(../images/design/icons/usu_documents-select.png) no-repeat left top;
}

.userMenu ul li.credits a
{
    background: url(../images/design/icons/usu_credits.png) no-repeat left top;
}

.userMenu ul li.credits a.select,
.userMenu ul li.credits a:hover
{
    background: url(../images/design/icons/usu_credits-select.png) no-repeat left top;
}

.userMenu ul li.seznamCredits a
{
    background: url(../images/design/icons/usu_seznam_credits.png) no-repeat left top;
}

.userMenu ul li.seznamCredits a.select,
.userMenu ul li.seznamCredits a:hover
{
    background: url(../images/design/icons/usu_seznam_credits-select.png) no-repeat left top;
}

.userMenu ul li.loadCredit a
{
    background: url(../images/design/icons/usu_load_credit.png) no-repeat left top;
}

.userMenu ul li.loadCredit a.select,
.userMenu ul li.loadCredit a:hover
{
    background: url(../images/design/icons/usu_load_credit-select.png) no-repeat left top;
}

.userMenu ul li.absence a
{
    background: url(../images/design/icons/usu_absence.png) no-repeat left top;
}

.userMenu ul li.absence a.select,
.userMenu ul li.absence a:hover
{
    background: url(../images/design/icons/usu_absence-select.png) no-repeat left top;
}

/*END CHANGES OF BUTTONS**********************************/

.userMenu ul li strong
{
    font-size:120%;
   
}
.userMenu ul li em
{
   font-size:85%;
   font-style:normal;
}

.userMenu ul li a:hover strong
{
   text-decoration:underline;
}


.userMenu ul li a:hover em
{
  text-decoration:none;
}

/**********************************************************************************/

.boxWhite .mainInfo
{
    /*padding:15px 0px 7px 0px;*/
    font-size:85%;
}

.boxWhite .mainInfo .group,
.boxWhite .mainInfo .date
{
    float: left;
	width: 38px;
}

.boxWhite .mainInfo .group .date,
.boxWhite .mainInfo .date

{
	margin-top:2px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    float: left;
    font-size: 110%;
    /*background: #FF0000;po rozjeti elearning zde nemsui byt nic zadna barva*/
}

.boxWhite .mainInfo .group .nextdate
{
	display: inline;
	float: left;
	height: 15px;
	margin: 4px 4px 0 0;
	width: 15px;
}


.boxWhite .mainInfo .group .date.orange,
.boxWhite .mainInfo .group .nextdate.orange

{
    background: #f8941d; /*dopsat obrazek*/
}

.boxWhite .mainInfo .group .date.green,
.boxWhite .mainInfo .group .nextdate.green
/*.boxWhite .mainInfo .date.green, po elearning smazat*/

{
    background: #8dc73f; /*dopsat obrazek a dal?? barvy?*/
}

.boxWhite .mainInfo .group .date.blue,
.boxWhite .mainInfo .group .nextdate.blue
/*.boxWhite .mainInfo .date.blue, po elearning smazat*/
{
    background: #0076A3; /*dopsat obrazek a dal?? barvy?*/
}

.boxWhite .mainInfo .group .date.black,
.boxWhite .mainInfo .group .nextdate.black
/*.boxWhite .mainInfo .date.black, po elearning smazat*/
{
    background: #676767; /*dopsat obrazek a dal?? barvy?*/
}

.boxWhite .mainInfo .group .date.red,
.boxWhite .mainInfo .group .nextdate.red
/*.boxWhite .mainInfo .date.red po elearning smazat*/
{
    background: #FF0000; /*dopsat obrazek a dal?? barvy?*/
}

.intend .boxWhite .leftSide
{
	margin-left:40px;
}

.intend .boxLight,
.intend .boxDark,
.intend .boxWhite
{
    width:680px;
    margin-top:5px;
    padding:20px 10px;
    overflow: auto;
}

.intend .lineMenu
{
	width: 717px;
	clear: both;
	overflow: visible;
	padding: 0px;
	overflow: auto;
	margin-bottom: 15px;
}

.intend .boxDark
{
    background-color:#E9E9E9;
}

.intend .boxLight
{
    background-color:#F6F6F6;
}

.intend .boxWhite
{
    background-color:#FFFFFF;
}

.intend .boxLight,
.intend .boxDark,
.intend .boxWhite
{
    font-size:100%;
    font-weight:bold;
}

.intend .boxLight span,
.intend .boxDark span,
.intend .boxWhite span
{
    font-size:115%;
    font-weight:normal;
}

.intend .boxLight em,
.intend .boxDark em,
.intend .boxWhite em
{
    font-size:115%;
    font-weight:bold;
    font-style: normal;
}

.intend .boxLight em a,
.intend .boxDark em a,
.intend .boxWhite em a,
.intend .boxDark h3 a,
.intend .boxLight h3 a,
.intend .boxWhite h3 a,
.intend .boxDark strong a,
.intend .boxLight strong a,
.intend .boxWhite strong a
{
	color:#000000;
}

.intend .boxLight em.pink,
.intend .boxDark em.pink,
.intend .boxWhite em.pink
{
    color:#EB0000;
}

.intend .boxLight p,
.intend .boxDark p,
.intend .boxWhite p
{
    font-size:100%;
    font-weight:normal;
    color:#818181;
}

.intend .boxLight p,
.intend .boxDark p,
.intend .boxWhite p
{
    margin-top:10px;
}

/*.intend .boxWhite p
{
	color: black;
}*/

.intend h3.paddingBottom
{
    margin-bottom:5px;
}

.intend .lineMenu a.detail,
.intend .boxLight a.detail,
.intend .boxDark a.detail,
.intend .boxWhite a.detail,
.intend .boxLight div.alignRight,
.intend .boxDark div.alignRight
{    
    margin-top:15px;   
}

.intend .lineMenu a,
.intend .boxLight a,
.intend .boxDark a,
.intend .boxWhite a
{
    font-size:100%;
    font-weight:bold;
    color:#EB0000;
}

.intend .boxLight div.alignRight,
.intend .boxDark div.alignRight
{
    float:right;
    font-size:80%;
    font-weight:normal;
    color:#818181;
}

.intend .boxWhite div.alignRight
{
    float:right;
    margin-top:15px;
}

.intend a.detail,
.intend a.detailProject,
.intend a.delete,
.intend a.user,
.intend a.answer,
.intend a.certificate,
.intend a.finantion,
.intend a.document,
.intend a.course,
.intend a.class,
.intend a.lectors,
.intend a.home,
.intend a.message,
.intend a.comunits,
.intend a.web
{
    float:left;
    margin: 15px 20px 0px 0px;
    padding-left:20px;
    font-size: 90%;
    line-height: 16px;
}

.intend .lineMenu a.detail,
.intend .lineMenu a.detailProject,
.intend .lineMenu a.delete,
.intend .lineMenu a.user,
.intend .lineMenu a.answer,
.intend .lineMenu a.certificate,
.intend .lineMenu a.finantion,
.intend .lineMenu a.document,
.intend .lineMenu a.course,
.intend .lineMenu a.class,
.intend .lineMenu a.lectors,
.intend .lineMenu a.home,
.intend .lineMenu a.message,
.intend .lineMenu a.comunits,
.intend .lineMenu a.web
{
	margin: 15px 0px 0px 22px;
}

/*.intend a.user.absolute,
.intend a.message.absolute
{
    position:absolute;
    bottom:0px;
	width:120px;
}

.intend a.message.absolute
{
	margin-left:150px;
}*/

.intend div.position
{
    position:absolute;
    bottom:10px;
}

.intend a.detail
{
    background:transparent url(../images/design/icons/list-pink.png) no-repeat 0 0;
}

.intend .person a.detail,
.intend .boxDark a.detail
{
    background:transparent url(../images/design/icons/darkgray/list-pink.png) no-repeat 0 0;
}
.intend .person.lighter a.detail,
.intend .boxLight a.detail
{
    background:transparent url(../images/design/icons/lightgray/list-pink.png) no-repeat 0 0;
}

.intend a.detailProject
{
    background:transparent url(../images/design/icons/list-project-pink.png) no-repeat 0 0;
}

.intend .person a.detailProject,
.intend .boxDark a.detailProject
{
    background:transparent url(../images/design/icons/darkgray/list-project-pink.png) no-repeat 0 0;
}

.intend .person.lighter a.detailProject,
.intend .boxLight a.detailProject
{
    background:transparent url(../images/design/icons/lightgray/list-project-pink.png) no-repeat 0 0;
}

.intend a.delete
{
    background:transparent url(../images/design/icons/clear-pink.png) no-repeat 0 0;
}

.intend .person a.delete,
.intend .boxDark a.delete
{
    background:transparent url(../images/design/icons/darkgray/clear-pink.png) no-repeat 0 0;
}

.intend .person.lighter a.delete,
.intend .boxLight a.delete
{
    background:transparent url(../images/design/icons/lightgray/clear-pink.png) no-repeat 0 0;
}

.intend a.user
{
    background:transparent url(../images/design/icons/user-pink.png) no-repeat 0 0;
}

.intend .person a.user,
.intend .boxDark a.user
{
    background:transparent url(../images/design/icons/darkgray/user-pink.png) no-repeat 0 0;
}


.intend .person.lighter a.user,
.intend .boxLight a.user
{
    background:transparent url(../images/design/icons/lightgray/user-pink.png) no-repeat 0 0;
}

.intend a.answer
{
    background:transparent url(../images/design/icons/answer-pink.png) no-repeat 0 0;
}

.intend .person a.answer,
.intend .boxDark a.answer
{
    background:transparent url(../images/design/icons/darkgray/answer-pink.png) no-repeat 0 0;
}

.intend .person.lighter a.answer,
.intend .boxLight a.answer
{
    background:transparent url(../images/design/icons/lightgray/answer-pink.png) no-repeat 0 0;
}

.intend a.certificate
{
    background:transparent url(../images/design/icons/certificate-pink.png) no-repeat 0 0;
}

.intend .person a.certificate,
.intend .boxDark a.certificate
{
    background:transparent url(../images/design/icons/darkgray/certificate-pink.png) no-repeat 0 0;
}

.intend .person.lighter a.certificate,
.intend .boxLight a.certificate
{
    background:transparent url(../images/design/icons/lightgray/certificate-pink.png) no-repeat 0 0;
}

.intend a.finantion
{
    background:transparent url(../images/design/icons/finantion-pink.png) no-repeat 0 0;
}

.intend .person a.finantion,
.intend .boxDark a.finantion
{
    background:transparent url(../images/design/icons/darkgray/finantion-pink.png) no-repeat 0 0;
}

.intend .person.lighter a.finantion,
.intend .boxLight a.finantion
{
    background:transparent url(../images/design/icons/lightgray/finantion-pink.png) no-repeat 0 0;
}

.intend a.document
{
    background:transparent url(../images/design/icons/document-ping.png) no-repeat 0 0;
}

.intend .person a.document,
.intend .boxDark a.document
{
    background:transparent url(../images/design/icons/darkgray/document-ping.png) no-repeat 0 0;
}

.intend .person.lighter a.document,
.intend .boxLight a.document
{
    background:transparent url(../images/design/icons/lightgray/document-ping.png) no-repeat 0 0;
}

.intend a.course
{
    background:transparent url(../images/design/icons/course-pink.png) no-repeat 0 0;
}

.intend .person a.course,
.intend .boxDark a.course
{
    background:transparent url(../images/design/icons/darkgray/course-pink.png) no-repeat 0 0;
}

.intend .person.lighter a.course,
.intend .boxLight a.course
{
    background:transparent url(../images/design/icons/lightgray/course-pink.png) no-repeat 0 0;
}

.intend a.class
{
    background:transparent url(../images/design/icons/class-ping.png) no-repeat 0 0;
}

.intend .person a.class,
.intend .boxDark a.class
{
    background:transparent url(../images/design/icons/darkgray/class-ping.png) no-repeat 0 0;
}

.intend .person.lighter a.class,
.intend .boxLight a.class
{
    background:transparent url(../images/design/icons/lightgray/class-ping.png) no-repeat 0 0;
}

.intend a.lectors
{
    background:transparent url(../images/design/icons/lectors-ping.png) no-repeat 0 0;
}

.intend .person a.lectors,
.intend .boxDark a.lectors
{
    background:transparent url(../images/design/icons/darkgray/lectors-ping.png) no-repeat 0 0;
}

.intend .person.lighter a.lectors,
.intend .boxLight a.lectors
{
    background:transparent url(../images/design/icons/lightgray/lectors-ping.png) no-repeat 0 0;
}

.intend a.home
{
    background:transparent url(../images/design/icons/home-ping.png) no-repeat 0 0;
}

.intend .person a.home,
.intend .boxDark a.home
{
    background:transparent url(../images/design/icons/darkgray/home-ping.png) no-repeat 0 0;
}

.intend .person.lighter a.home,
.intend .boxLight a.home
{
    background:transparent url(../images/design/icons/lightgray/home-ping.png) no-repeat 0 0;
}

.intend a.message
{
    background:transparent url(../images/design/icons/message-pink.png) no-repeat 0 0;
}

.intend .person a.message,
.intend .boxDark a.message
{
    background:transparent url(../images/design/icons/darkgray/message-pink.png) no-repeat 0 0;
}

.intend .person.lighter a.message,
.intend .boxLight a.message
{
    background:transparent url(../images/design/icons/lightgray/message-pink.png) no-repeat 0 0;
}

.intend a.comunits
{
    background:transparent url(../images/design/icons/comunits-pink.png) no-repeat 0 0;
}

.intend .person a.comunits,
.intend .boxDark a.comunits
{
    background:transparent url(../images/design/icons/darkgray/comunits-pink.png) no-repeat 0 0;
}

.intend .person.lighter a.comunits,
.intend .boxLight a.comunits
{
    background:transparent url(../images/design/icons/lightgray/comunits-pink.png) no-repeat 0 0;
}

.intend a.web
{
    background:transparent url(../images/design/icons/web-pink.png) no-repeat 0 0;
}

.intend .person a.web,
.intend .boxDark a.web
{
    background:transparent url(../images/design/icons/darkgray/web-pink.png) no-repeat 0 0;
}

.intend .person.lighter a.web,
.intend .boxLight a.web
{
    background:transparent url(../images/design/icons/lightgray/web-pink.png) no-repeat 0 0;
}

/* PROJECT ***************************************************************************/

.project .lineMenu ul
{
    clear:both;
    padding:0px;
}

.project .lineMenu ul li
{
    list-style: none;
    list-style-position: inside;
    display: inline;
}

.project .boxDark,
.project .boxWhite
{
    width:335px;
    _height:110px;
    min-height:110px;
    float:left;
    margin:0px;
    padding:10px;
    overflow:visible;
    position:relative;
}

.project .boxDark h3,
.project .boxWhite h3
{
    display:block;
    font-size:130%;
    font-weight:bold;
}

.project .boxDark span,
.project .boxWhite span
{
    font-size:110%;
    line-height:150%;
}

.project .boxDark em,
.project .boxWhite em
{
    font-size:100%;
}

.project .boxDark.second,
.project .boxWhite.second
{
    float:right;
}

.project .boxDark span.gray,
.project .boxWhite span.gray
{
    font-size:90%;
    line-height:150%;
    color:#818181;
}

.project .boxDark.second,
.project .boxDark.second .rightPart,
.project .boxWhite.second,
.project .boxWhite.second .rightPart
{
    float:right;
}

.project .boxDark.second .rightPart,
.project .boxWhite.second .rightPart
{
    width:210px;
}

.project .boxDark.second .rightPart em,
.project .boxWhite.second .rightPart em
{
    font-size:80%;
    font-style:normal;
    font-weight:normal;
    color:#9A9A9A;
}

.project .boxDark.second .rightPart strong,
.project .boxWhite.second .rightPart strong
{
    display:block;
    font-size:95%;
    font-style:normal;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:0px;
}

.project .boxDark.second .rightPart span,
.project .boxWhite.second .rightPart span
{
    font-size:100%;
    color:#9A9A9A;
}

.intend .project a
{
    margin-right:9px;
}

.project .boxDark.second img,
.project .boxWhite.second img,
.intend .person.second img
{
    width:120px;
    height:90px;
    float:left;
}

/* RSS ================================================================================ */

#bottomPanel #RSS
{
	width:210px;
	margin: 22px 22px 0 0px;
	padding:0px;
	display:inline;
    float:right;
}

#bottomPanel #RSS ul
{
    margin: 5px 0px 15px 0px;
    list-style: none;
} 

#bottomPanel #RSS ul li
{
    margin: 7px 0px;
    padding: 0px 0px 0px 26px;
    border:none;
    background: url(../images/design/icons/rss.gif) no-repeat;
    background-position: left center;
    line-height: 15px;
    text-align: left;
	font-weight: 700;
    font-size: 115%;
}

/* socialNetworks ================================================================================ */

#socialNetworks
{
    padding: 10px 0px;
}

#socialNetworks ul
{
    margin: 5px 0px 15px 0px;
    list-style: none;
} 

#socialNetworks ul li
{
    margin: 7px 0px;
}

#socialNetworks ul li a
{	
	padding: 0px 0px 0px 26px;
	line-height: 15px;
    text-align: left;	
	font-weight: 500;
    font-size: 130%;
    color: black;
}

#socialNetworks ul li a:hover
{	
	color:#004A80;
}

#socialNetworks ul li a#allFuturoom
{
    background: url(../images/design/icons/rss.png) no-repeat;
}

#socialNetworks ul li a#networkFacebook
{
    background: url(../images/design/icons/facebook.png) no-repeat;
}

#socialNetworks ul li a#networkTwitter
{
    background: url(../images/design/icons/twitter.gif) no-repeat;
}


/** RELATED ************************************************************************/

.intend ul.related
{
    margin:14px 0 38px 0;
    list-style: none;
}
/*
.intend ul.related li a
{
    font-size:120%;
    color:#767676;
    font-weight:bold;
}
 přešlo na globani styly v design*/
.intend ul.related li
{
    padding-left: 56px;
    padding-top: 3px;
    line-height: 34px;
    background: no-repeat 22px 10px;
    list-style: none;
}

.intend ul.related li.red
{
    background-image: url(../images/design/icons/red-block.gif);
}

.intend ul.related li.blue
{
    background-image: url(../images/design/icons/blue-block.gif);
}

.intend ul.related li.orange
{
    background-image: url(../images/design/icons/orange-block.gif);
}

.intend ul.related li.black
{
    background-image: url(../images/design/icons/black-block.gif);
}


/* ARTICLES ========================================================= */

.articleImage
{
	float:left;
	margin: 0 10px 2px 0;
	border: 1px solid #E9E9E9;
}

/* CSS Document */
/*****************************************************************************/
#developing
{
	margin-top: 18px;
}

/*BUBLE***********************************************************************/

.buble a
{
	display: block;
    position: relative;
    behavior: url("hover.htc");
    z-index: 900;
}

.buble a span.top span,
.buble a span.bottom span,
.buble a span
{
	display: none;
}

.buble a:hover
{
	position: relative;
	z-index: 1000;
	color: #A6A6A6;
	text-decoration: none;
}

/***BUBLE******/

.buble a:hover span.tooltip
{
    display: block;
    position: absolute;
    top: 2ex;
    left: -200px;
	width: 250px;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
	text-align: left;
}

.buble a:hover span.setfont
{
	display: block;
	line-height: 100%;
	font-size: 16px;/*nastaven? 100% pro pod?azen? prvky*/
}

.buble a:hover span.tooltip span.middle
{
	width: 217px;
	padding: 12px;
	margin-right: 40px;
	display: block;
	color: white;
	font-size: 100%;
	font-weight: normal;
	background: #A6A6A6;
	text-decoration: none;
	z-index: 1000;
}

.buble a span.tooltip span.middle ul
{
	padding-left: 30px;
}

.buble a span.tooltip span.middle ul li
{
	color: white;
	font-size: 100%;
	font-weight: normal;
	list-style-type: square;
}

.buble a span.tooltip span.middle span
{
	display: block;
	padding-left: 30px;
	color: white;
	font-size: 100%;
}

/*END BUBLE ORDER COURSE***************/

/*VIDEO*******************************/

#videoArticle #flashFutur,
#videoArticle span
{
	margin: 10px auto;
	width: 600px;
	display: block;
}

#videoArticle
{
	width: 100%;
}

#miniVideo #flashFutur2,
#miniVideo span
{
    margin: 10px auto;
	width: 230px;
	display: block;
}

#miniVideo 
{
	margin-top: 10px;
}

/*CONTENT****************************************************************/

.intend div.p1 ul
{
	padding-left:25px;
}

.intend div.p1 ul li
{
    color: #767676;
    font-size: 100%;
	font-weight: normal;
	list-style-type: square;
}

.intend div.p1 h1,
.intend div.p1 h2,
.intend div.p1 h3,
.intend div.p1 h4,
.intend div.p1 h5,
.intend div.p1 h6
{
    color: black;
}
/*ZDE JE KOPIE NADPISU Z DESIGN*/

.intend div.p1 h1
{
    font-weight: bold;
    font-size: 210%;
}

.intend div.p1 h2
{
	font-weight: bold;
	font-size: 180%;
}

.intend div.p1 h3
{
    font-weight: 600;
    font-size: 140%;
}

.intend div.p1 h4
{
    font-weight: 600;
    font-size: 90%;
}

.intend div.p1 h5
{
    font-weight: 500;
    font-size: 75%;
}

/*****************************************************************************/
/* DOCUMENT ******************************************************************/

.calendar
{
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table
{
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #DDDDDD;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button
{ /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav
{
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title
{ /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow
{ /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames
{ /* Row <TR> containing the day names */
}

.calendar thead .name
{ /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend
{ /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite
{ /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active
{ /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day
{ /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth
{
  font-size: 80%;
  color: #aaa;
}

.calendar tbody .day.othermonth.oweekend
{
  color: #faa;
}

.calendar table .wn
{
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td
{
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn
{
  background: #c8d4d0;
}

.calendar tbody td.hilite
{ /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active
{ /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected
{ /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend
{ /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today
{ /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled
{ color: #999; }

.calendar tbody .emptycell
{ /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow
{ /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow
{ /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip
{ /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite
{ /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active
{ /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo
{
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix
{
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix
{
  width: 4em;
}

.calendar .combo .active
{
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite
{
  background: #048;
  color: #aef;
}

.calendar td.time
{
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm
{
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm
{
  text-align: center;
}

.calendar td.time .colon
{
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite
{
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active
{
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/*Comments******************************************************************/

.addComment
{
    padding:0;
}

.addComment table
{
    margin-top: 35px;
}

.addComment .leftPart a
{
	color: #EB0000;
	float: left;
	font-weight: bold;
}

.commentsHeader
{
    font-weight: bold;
}

.commentsHeader h2
{
    display: inline;
}

.commentsHeader .commentsCount
{
    font-size: 140%;
    font-weight: normal;
}

ul.comments
{
    list-style:none;
}

ul.comments ul
{
    list-style:none;
}

ul.comments li .comment
{
    padding:14px 0 24px 0px;
	border-bottom:1px solid #e9e9e9;
	float: left;
	width: 100%;
	position: relative;

}

ul.comments li ul
{
    padding-left:30px;
}

ul.comments li .comment.grey
{
    background:#fafafa;
}

ul.comments li .comment .image
{
    position: absolute;
    min-height:	48px;
    _height:	48px;
	overflow:	hidden;
	width:	64px;
}

ul.comments li .comment .image a
{
    background: transparent;
    color: none;
    padding-right: 0px;

}

ul.comments li .comment .image img
{
    border:1px solid black;
}

ul.comments li .comment .content
{
    padding-left:70px;
    position: relative;
}

ul.comments li .comment .content .floatLeft
{
    float: left;
    width: 100%;
    margin-right: -80px;
}

ul.comments li .comment .content .floatLeft .floatLeftInside
{
	margin-right: 80px;
}

ul.comments li .comment .content .floatLeft .commentTitle
{
    color:#000;
    font-size:160%;
}

ul.comments li .comment .content .floatRight
{
    padding-right:4px;
}

ul.comments li .comment .content .floatRight img
{
    padding-right:4px;
}

ul.comments li .comment .content .message
{
    padding:10px 20px 0 0;
}

.comment .content form .addComment table
{
    margin-top: 15px;
}

.comment .content form .reportComment
{
	float: right;
	
	position: relative;
	width: 0px;
	height: 520px;
}

.comment .content form .reportComment .addComment
{
	position: absolute;
	right: 0px;
	top: 0px;
	background: white;
	width: 520px;
}

/*EndComments****************************************************************/

/*Box person - first,second, firstLighter, secondLighter*********************/

.intend .person
{
    width: 325px;
    float: left;
    position: relative;
    margin-top: 10px;
    padding: 12px;
    background: #EDECEC;
    min-height:110px;
    _height:110px;
}

.intend .first
{
    margin-right: 10px;
}

.intend .lighter
{
    background: #F6F6F6;
}

.person img
{
    float: left;
    width: 120px;
    height: 90px;
}

.person .post
{
    margin-bottom: 10px;
    font-size: 85%;
}

.person strong
{
    color: black;
}

.person span,
.person .post,
.person strong
{
    margin-left:10px;
}

.person .rightText
{
    float:right;
    width:205px;
    color:#9A9A9A;
}

.person .personalPage
{
    display: block;
    position: absolute;
    left: 145px;
    bottom: 12px;
    padding-left: 10px;
    color: #EB0000;
    background: url(../images/design/icons/two-pink-arrows.gif) no-repeat;
    background-position: 0 6px;
    font-weight: bold;
    font-size: 95%;
}

.intend a.user,
.intend a.message 
{
    color:#EB0000;
    float:left;
    font-size:95%;
    font-weight:bold;
    padding-left:18px;
}

.intend .person a.user
{
    margin:15px 6px 0 10px;
}

.intend .person a.message 
{
    margin:15px 0px 0 0;
}

.intend .person div.position
{
    position:absolute;
    bottom:10px;
}