/*------------------------------------------------------------------------------
  CEEConstruction.eu

  Cascading style sheet (CSS level 2.1)
  
  (c) Hanzely Oscar , 2009-12-31
------------------------------------------------------------------------------*/

/* HTML entities -------------------------------------------------------------*/
* {
  margin: 0px;
  padding: 0px; 
}

body {
  background: #c0c0c0;
  font-family: "Helvetica Neue", "Helvetica", "Arial CE", "Arial", sans-serif;
  text-align: center;
}

/* Page layout ---------------------------------------------------------------*/

#mainpage_container {
  padding: 0px;
  margin: 0px;
  min-height: 936px;
  height: 936px; /*min-height for MSIE*/
  background-color: #FFFFFF;
  width: 1000px;
  margin: 0px auto;
}

#header {
  padding: 0px;
  margin: 0px;
  height: 430px;
  width: 1000px;
  position: relative;
}

#content {
  min-height: 500px;
  /*height: 500px; /*min-height for MSIE*/
  text-align: center;
  width: 1000px;
  background: url("../images/CEEC_WEB_body.png") left top repeat-x;
  background-color: white;
}

#footer {
  height: 55px;
  background: white url("../images/CEEC_WEB_foot.jpg") left bottom no-repeat;
  color: #e3f1f6;
  font-size: 9pt;
  line-height: 30px;
  position: relative;
}


/* Partial styles [IDs] ------------------------------------------------------*/

#footer a{
  color: #e3f1f6;
  text-decoration: none;
}

#footer a:hover{
  color: #e3f1f6;
  text-decoration: underline;
}

#footer ul li {
  display: inline;
  list-style-type: disc;
}

#footer ul.left {
  position: absolute;
  left: 10px;
  top: 25px;
}

#footer ul.right {
  position: absolute;
  right: 10px;
  top: 25px;
  font-weight: bold;
}

#header #language {
  position: absolute;
  top: 28px;
  right: 20px;
}

#mainpicture {
  width: 557px;
  height: 270px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  right: 71px;
  top: 115px;
}

#center_banner {
  width: 649px;
  height: 101px;
  margin: 0px auto;
  padding: 0px;
  background: url("../images/CEEC_WEB_middle.png") left top no-repeat;
  position: relative;
  top: -22px;
}

/************************** stredni lajna *************************************/
#content_text {
  padding: 0px;
  background: white url("../images/CEEC_WEB_middleline-center.jpg") 50% top repeat-y;
}

#content_text_up {
  padding: 0px;
  background: transparent url("../images/CEEC_WEB_middleline-up.jpg") 50% top no-repeat;
}

#content_text_bottom {
  padding: 0px;
  background: transparent url("../images/CEEC_WEB_middleline-down.jpg") 50% bottom no-repeat;
}

#content_text_k {
  padding: 0px;
  background: white url("../images/CEEC_WEB_middleline-center.jpg") 71% top repeat-y;
}

#content_text_up_k {
  padding: 0px;
  background: transparent url("../images/CEEC_WEB_middleline-up.jpg") 71% top no-repeat;
}

#content_text_bottom_k {
  padding: 0px;
  background: transparent url("../images/CEEC_WEB_middleline-down.jpg") 71% bottom no-repeat;
}

#content_text_d {
  padding: 0px;
  background: white url("../images/CEEC_WEB_middleline-center.jpg") 33% top repeat-y;
}

#content_text_up_d {
  padding: 0px;
  background: transparent url("../images/CEEC_WEB_middleline-up.jpg") 33% top no-repeat;
}

#content_text_bottom_d {
  padding: 0px;
  background: transparent url("../images/CEEC_WEB_middleline-down.jpg") 33% bottom no-repeat;
}

/****************************** left/right panel ******************************/
#lp_cover {
  width: 490px;
  float: left;
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
}

#left_panel {
  padding: 0px 25px 20px 30px;
}

#rp_cover {
  float: left;
  width: 490px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
}

#right_panel { 
  padding: 0px 25px 25px 25px;
}

#left_panel_v {
  padding: 0px 25px 20px 30px; 
}

#right_panel_v { 
  padding: 0px 30px 25px 30px;
}

#left_panel_p {
  padding: 0px 25px 20px 30px; 
}

#right_panel_p { 
  padding: 0px 30px 25px 20px;
}

#lp_cover_n {
  float: left;
  width: 695px;
  margin-bottom: 20px;
}

#left_panel_n {
  padding: 0px 25px 20px 30px;
  text-align: left;
}

#rp_cover_n {
  float: left;
  width: 300px;
  margin-bottom: 20px;
}

#right_panel_n { 
  padding-left: 30px;
  font-size: 9pt;
  text-align: left;
}

#lp_cover_s {
  float: left;
  width: 340px;
  margin-bottom: 20px;
}

#left_panel_s {
  padding: 0px 0px 0px 50px;
}

#rp_cover_s {
  float: left;
  width: 650px;
  margin-bottom: 20px;
}

#right_panel_s { 
  padding: 0px 20px 0px 20px;
}

#left_panel p, #left_panel_v p {
  font-size: 10pt;
  margin-left: 30px; 
}

#left_panel_v .reference p {
   margin-left: 0px;
}

#right_panel_v p, ul, ol {
    font-size: 9pt;
}

#right_panel_v ul, ol {
  margin-left: 20px;
}

#left_panel h3, #left_panel_v h3 {
  margin-left: 30px;
}

#left_panel_v h3 a.arrow {
  padding-left: 30px;
  display: block;
  background: url("../images/CEEC_WEB_headline.jpg") right top no-repeat;
  height: 43px;
  line-height: 43px;
  width: 245px;
  text-decoration: none;
  color: inherit;
}

#left_panel_v h3 a.arrow:hover {
  text-decoration: underline;
}

#studie_banner {
  display: block; 
  width: 459px; 
  height:350px; 
  margin: 0px auto; 
  background: url("../images/CEEC_WEB_studie_baner.jpg") left top no-repeat;
  position: relative;
}

#studie_banner_en {
  display: block; 
  width: 459px; 
  height:350px; 
  margin: 0px auto; 
  background: url("../images/CEEC_WEB_studie_baner_en.jpg") left top no-repeat;
  position: relative;
}

#studie_banner img, #studie_banner_en img {
  width: 140px;
  height: 194px;
  position: absolute;
  top: 120px;
  left: 65px;
}

#novinari {
  font-size: 8pt;
  width: 642px;
  margin: 0px auto;
  border-collapse: collapse;
}

#novinari .press_pic, #novinari .press_pic2 {
  width: 60px;
  height: 77px;  
}

#novinari .press_pic{
  background: url("../images/CEEC_WEB_press_pic.jpg") left top no-repeat;
}

#novinari .press_pic2{
  background: url("../images/CEEC_WEB_press_pic.jpg") left -77px no-repeat;
}

#novinari .press_desc {
  padding: 10px 5px;
  border-bottom: 1px solid #cfcfdb; 
}

#pulikace td.press_pic, #publikace td.press_pic2 {
  width: 52px;
  height: 84px;
  padding: 0px;
}

#publikace td.press_pic {
  background: url("../images/CEEC_WEB_media_pic.jpg") left top no-repeat;
}

#publikace td.press_pic2 {
  background: url("../images/CEEC_WEB_media_pic2.jpg") left top no-repeat;
}

#publikace, #publikace_left, #publikace_ostatni {
  width: 400px;
  margin: 0px auto;
  font-weight: bold;
  color: #172983;
  text-align: left;
}

#publikace {
  font-size: 8pt;
}

#publikace_left, #publikace_ostatni {
  font-size: 12pt;
}

#publikace_left td, #publikace_ostatni td, #left_table td, #right_table td{
  padding: 5px;
}

#publikace td.press_desc {
  width: 138px !important;
  padding: 10px 5px;
  color: black;
  font-weight: normal;
}

#left_table {
   width: 180px;
   border-collapse: collapse;
   font-size: 12pt;
   float: left;
}

#right_table {
   border-collapse: collapse;
   float: left;
   font-size: 12pt;
   margin-left: 30px;
}

#left_table td {
  padding-top: 25px;
  padding-bottom: 25px;
}

#table_center {
  margin: 0px auto;
  width: 550px;
}

#contact {
  padding-left: 150px;
  background: url("../images/CEEC_WEB_mentor-fade.jpg") right top no-repeat;
  font-size: 8pt;
  font-weight: bold;
  height: 412px;
  text-align: left;
}

/* HTML entities -------------------------------------------------------------*/
img {
  border: none;
}

p {
  text-align: justify;
}

/* Local entities [clases]----------------------------------------------------*/

.hidden {
  visibility: hidden;
}

.mainlink {
  display: block;
  float: left;
  height: 270px;
  width: 159px;
  margin: 0px;
  padding: 0px;
}

.insert{
  width: 40px;
  display: block;
  float: left;
  height: 270px;
}

.paragraph {
  text-align: justify;
  margin: 0px 20px;
  text-indent: 0;
  display: block;
}

.headline {
  text-transform: uppercase;
  display: block;
  margin: 20px 15px 10px 15px;
  font-size: 9pt;
  color: #252761;
  font-weight: bold;
  padding: 0px;
}

.banner_text {
  width: 324px;
  float: left;
  height: 91px;
  font-size: 8pt;
  text-align: center;
  padding-top: 10px;
}

.banner_text_r {
  padding-right: 4px;
  width: 257px;
}

.cleaner {
  clear: both;
  visibility: hidden;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.navy {
  color: #172983;
}

.red {
  color: #e2001a;
}

.normal {
  font-weight: normal;
}

.uppercase {
  text-transform: uppercase;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.studie_obr {
  width: 85px;
  padding: 0px 0px 0px 5px;
  height: 110px;
  vertical-align: top;
  text-align: left;
}

.studie_text {
  width: 235px;
  padding-bottom: 5px;
}

.sflag {
  z-index: 100;
  position: relative;
  left: 0px;
  top: 0px;
}

.block {
  display: block;
}

a.redlink {
  color: #e2001a;
  text-decoration: none;  
}

a.redlink:hover {
 color: #e2001a;
 text-decoration: underline;
}

a.navylink {
  color: navy;
  text-decoration: none;
}

a.navylink:hover {
  color:navy;
  text-decoration: underline;
}

a.blacklink {
  color: black;
  text-decoration: none;
}

a.blacklink:hover {
  text-decoration: underline;
}

.textbox {
  width: 206px;  
  background: transparent;
  margin-left: 7px;
  margin-top: 17px;
  padding: 0px;
  border: none;
  color: navy;
  font-weight: bold;
}

.textbox_image {
  width: 224px;
  height: 53px;
  background: url("../images/CEEC_WEB_form-input.jpg") left top no-repeat;
  margin-bottom: 8px;
}

.reference {
  font-size: 9pt;
  margin-bottom: 15px;
}

.podpis {
  font-style: italic;
  text-align: right;
  margin-top: 10px;
}

.textarea {
  width: 200px;  
  height: 219px;
  background: transparent;
  margin-left: 12px;
  margin-top: 10px;
  padding: 0px;
  border: none;
  color: navy;
  font-weight: bold;
  overflow: auto;
}

.textarea_image {
  width: 224px;
  height: 242px;
  background: url("../images/CEEC_WEB_form-text.jpg") left top no-repeat;
  margin-bottom: 8px;
}

a.paging {
  color: #e2001a;
  text-decoration: none;
}

a.paging:hover {
  text-decoration: underline;
}

.studie_line td{
  border-bottom: 1px solid #cfcfdb;
}

.studie_last_line td {
  border-bottom: none;
}

.studie_vertical {
  border-right: 1px solid #cfcfdb;
}

.studie_line td.studie_vertical {
  background: url("../images/CEEC_WEB_studie_right.jpg") right bottom no-repeat;
}

.studie_line td.studie_left {
  background: url("../images/CEEC_WEB_studie_left.jpg") left bottom no-repeat;
}

.lightblue {
  color: #cfcfdb;
  background-color: #cfcfdb;
  border: 0px;
  height: 1px;
}

.media_headline {
  height: 18px;
  background: url("../images/CEEC_WEB_media_headline.jpg") center bottom no-repeat;
}

.coop_headline {
  background: url("../images/CEEC_WEB_coop_headline.jpg") left bottom no-repeat;
}

.correct { 
  line-height: 40px;
  font-size: 9pt; 
  border: 1px solid #9ECF9E; 
  color: green; 
  font-weight: bold; 
  text-align: center; 
  background-color:#F3FFE1; 
  position: relative;
  margin: auto;
}
.correct span, .incorrect span, .inform span {
  font-weight: normal;
  color:gray; 
  font-size: 0.7em; 
  position: absolute; 
  bottom: 0px; 
  right: 2px;
  display: none;
}
.incorrect {
  line-height: 40px;
  font-size: 9pt; 
  border: 1px solid #FF7E85;
  color: red; 
  font-weight: bold; 
  text-align: center; 
  background-color: #FFEEEC; 
  position: relative;
  margin: auto;
}
.inform {
  line-height: 40px;
  font-size: 9pt; 
  border: 1px solid #FFFF47;
  color: black; 
  font-weight: bold; 
  text-align: center; 
  background-color: #FFFFCF; 
  position: relative;
  margin: auto; 
}
