/********************************************/
/*                                          */
/*   Style:  Scott & Hagget global style    */
/*   Author: Michal Kobelka                 */    
/*           michalkobelka@gmail.com        */
/*           EtosComp.eu                    */
/*                                          */
/********************************************/

/* unsorted */

html, body{height: 100%;}      
body      {font-family: Arial, sans-serif; font-size: 12px; background: url('../images/background.png') 0px 0px repeat-x #ffffff; min-height: 600px;}
a         {text-decoration: none; color: #000000;}
a:hover   {text-decoration: underline; color: #E00028;}
.left     {float: left;}
.right    {float: right;}
.clear    {height: 0px; overflow: hidden; clear: both;}
acronym   {border-bottom: 1px dotted #aaa; cursor: help;}
.nodisplay{display: none !important;}

.flags {margin: -30px 0 10px 0;}
.flags img {border: 1px solid silver; padding: 1px;}
.flags .active img {border: 1px solid red;}

/* Patička fix - always at the bottom */
#nonFooter
{
position: relative;
min-height: 100%;
}

* html #nonFooter
{
height: 100%;
}

#content
{
padding-bottom: 9em;
}

#footer
{
position: relative;
margin-top: -6.5em;
}


/* body */
.logomenu       {width: 1000px; margin: 0px auto; height: 140px;}

/* logo */
.logo           {width: 300px; float: left;}
.logo a         {display: block; width: 182px; height: 65px; background: url('../images/logo.png') 0px 0px no-repeat; margin: 45px 0px 0px 30px;}
.logo a span    {display: none;}


/* header */
.header         {height: 299px; width: 100%; background: url('../images/header.png') 0px 0px repeat-x; border-bottom: 13px solid #000; text-align: center;}
#slideshowHolder {width: 1024px !important; height: 390px !important; margin: 0px auto;}
#ft-buttons-slideshowHolder {}
.ft-prev        {display: block; width: 30px; top: 175px !important;}
.ft-next        {display: block; width: 30px; top: 175px !important;}

#ft-buttons-slideshowHolder a {background: #000 !important; color: #fff; padding: 2px;}

/* obsah */
.obsah          {width: 100%; min-height: 71px; background: url('../images/background1.png') 0px 0px repeat-x;}

/* content */
.obsahid        {min-height: 500px;}
.content        {width: 890px; margin: 0px auto; padding: 40px 60px 40px 0px;}
.content h2     {font-size: 20px; letter-spacing: -1px; margin-bottom: 20px;}
.bottomborder   {padding-bottom: 30px;}

.hpref    {color:#666666;
font-size:14px;
line-height:18px;}
.hprefleft    {width: 40%; float: left; padding: 0px 10px 0px 0px;}
.hprefright   {width: 50%; float: right;}
.hprefleft h3 {font-size: 16px; color: #333333; margin-bottom: 5px;}

/* actualities */
.news           {width: 410px; float: right; padding-left: 30px;}
.news h2        {color: #E00028;}

.hpnews         {margin-bottom: 20px;}
.hpnews h3      {font-size: 15px; color: #333333; margin-bottom: 4px;}
.hpnews a       {font-weight: bold; color: #E00028;}
.hpperex        {line-height: 18px; font-size: 14px; color: #666666;}

.novinka        {margin-bottom: 20px;}
.novinka a      {color: #E00028;}
.novinka h4     {margin-bottom: 4px !important;}
.novinka .date  {padding: 0px !important;}

/* reference */
.reference      {padding-top: 20px; line-height: 63px;}
.reference h2   {color: #E00028; margin-right: 50px; float: left;}
.reference span {vertical-align: middle; margin-right: 10px; width: 101px; height: 63px; display: block; float: left;}
.reference span:hover {background-position: 0px -61px ;}
.r1 {background: url('../images/reference/r1.jpg');}
.r2 {background: url('../images/reference/r2.jpg');}
.r2:hover {background-position: 0px -64px !important;}
.r3 {background: url('../images/reference/r3.jpg');}
.r4 {background: url('../images/reference/r4.jpg');}
.r5 {background: url('../images/reference/r5.jpg');}
.r6 {background: url('../images/reference/r6.jpg');}


/* footer */
.footer         {height: 57px; line-height: 57px; font-size: 10px; width: 100%; background: #efebeb; border-bottom: 8px solid #989898; color: #7f7f7f;}
.footer a       {color: #7f7f7f;}
.footer a:hover {color: #E00028;}
.subfooter      {width: 1000px; margin: 0px auto;}

.leftfooter     {width: 610px; float: left; color: #000; text-transform: uppercase; padding-left: 30px;}
.rightfooter    {width: 240px; float: right; text-align: right;}

/* subcontent */
.subcont        {padding: 30px 0px 0px 30px; width: 970px; margin: 0px auto; font-size: 12px; line-height: 18px; color: #666666;}
.subcont h1     {color: #E00028; font-size: 20px; line-height: 30px; letter-spacing: -1px; margin-bottom: 20px;}
.subcont h2     {color: #E00028; font-size: 20px; line-height: 30px; letter-spacing: -1px; margin-bottom: 20px;}

.subleft        {width: 440px; padding-right: 30px; float: left;}
.subright       {width: 440px; padding-left: 30px;  float: right;}
.subright p     {line-height: 20px;}

.bolder         {color: #474747; font-weight: bold !important; margin-bottom: 20px !important;}

/* business card */
.card           {margin-bottom: 20px;}
.cardleft       {float: left; width: 150px;}
.cardright      {float: right; width: 240px;}

.cardfoto       {}

.cardquotas     {font-family: Arial, sans-serif; font-size: 14px; margin-bottom: 20px;}
.quotashell     {padding-left: 14px; background: url('../images/quotas.png') 0% 100% no-repeat;}
.quotatext      {width: 220px; margin: 0px 10px; background: url('../images/quotas.png') 100% 0% no-repeat;}

.cardname       {font-family: Arial, sans-serif; font-size: 24px; margin-bottom: 8px;}
.cardposition   {color: #e00028; letter-spacing: -1px; font-weight: bold;}
.cardmail a     {font-size: 11px; color: #7d7d7d;}

.text p         {margin-bottom: 5px;}
.text ul        {list-style-type: disc !important; padding-left: 20px;}
.text ul ul     {list-style-type: circle !important; padding-left: 30px; margin: 10px 0px;}
.text ol        {list-style-type: decimal !important; padding-left: 20px;}
.text ul li     {margin-bottom: 5px;}
.text ol li     {margin-bottom: 5px;}
.text a         {color: #e00028;}

.reftable       {width: 100%;}
.reftable td    {padding: 5px;}

/* images in text */

.imgcentered    {text-align: center; margin: 10px 0px;}
.imgleft        {text-align: left; margin: 10px 0px;}

/* subheader */
.subheader        {width: 940px; margin: 0px auto; padding-top: 30px 0; margin-bottom: 15px; min-height: 300px;}
.subheaderleft    {width: 440px; padding-right: 30px; float: left;}
.subheaderright   {width: 440px; padding-left: 30px; float: left;}


.subheader h1     {color: #E00028; font-family: Arial, sans-serif; /* font-weight: normal; */ font-size: 20px; margin-bottom: 20px;}
.subheader h2     {color: #E00028; font-family: Arial, sans-serif; /* font-weight: normal; */ font-size: 20px; margin-bottom: 20px;}
.subheader h3     {color: #000; font-family: Arial, sans-serif; /* font-weight: normal; */ font-size: 18px; margin-bottom: 20px;}
.subheader h3 span {color: #C40014;}
.subheader h4     {color: #000; font-family: Arial, sans-serif; /* font-weight: normal; */ font-size: 16px; margin-bottom: 20px;}


.subheader h1 span{display: block; font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; margin-top: 0px; letter-spacing: 1px;}
.subheadbolder    {font-weight: normal; color: #000; line-height: 18px;}
.subheadbolder p  {margin-bottom: 5px;}

.marginh          {margin-top: 50px;}

.boxy             {}
.box              {width: 400px; float: left; background: #fff; min-height: 50px; margin-right: 40px; margin-bottom: 40px;}
.box h2           {margin-bottom: 5px; font-size: 14px; color: #484848;}
.box h2 a         {color: #484848; font-size: 14px;}
.box h2 a:hover   {color: #e00028;}
.boximg           {width: 70px; float: left;}
.boxtext          {width: 330px; float: left;}
.boxes            {width: 970px; margin: 0px auto; padding-left: 30px;}

/* navigace */
.navi           {left: -208px; position: absolute; margin-top: 140px; width: 200px; padding-top: 110px; height: 409px; padding-right: 30px; background: url('../images/navigace.jpg') 100% 0px #ffffff no-repeat; z-index: 20000; text-transform: uppercase;}
.navi ul        {line-height: 20px; font-size: 11px;}


.activeul       {padding-right: 13px; background: url('../images/arrowright.png') 100% 1px no-repeat; color: #e00028 !important;}
.submenuul      {padding-right: 13px; background: url('../images/submenu.png') 100% 4px no-repeat;}

.navlevel0      {margin: 20px 10px 20px 20px;}
.navlevel1      {margin: 10px 10px; display: none;}
.active_ul      {display: block !important;}

.activea        {color: #e00028 !important;}
.activeb        {color: #000000 !important; font-weight: bold;}
.activeul       {padding-right: 10px; background: url('../images/arrowright.png') 100% 1px no-repeat; font-weight: bold; }
.activeul li a  {color: #000000 !important;}

.navlevel0 li a       {color: #000000;}
.navlevel0 li a:hover {color: #000000;}
.navlevel1 li a       {color: #5a5a5a; font-size: 10px !important;}

.sluzba         {margin-bottom: 20px;}

.padul          {padding-left: 20px !important; margin-bottom: 5px;}
.padul b        {color: #C40014;}

.mainref        {width: 175px; float: left; text-align: center; margin-bottom: 15px;}


/* Carousel */
.caritem        {width: 950px; height: 238px; padding:  30px 10px; text-align: left;}
.caritem h1     {color: #fff; font-size: 45px; text-align: left; margin-bottom: 20px;}
.caritem h1 span{display: block; font-size: 30px;}
.caritem h1 a   {color: #fff;}
.caritem h1 a:hover {text-decoration: none;}
.cartext        {text-transform: uppercase; padding-right: 380px; color: #fff; line-height: 20px; font-size: 11px;}
.vice           {padding-left: 170px; font-size: 30px; color: #fff; font-style: italic;}
.vice a         {color: #fff;}

#poradenstvi    {background: url('../images/hp1.png') 95% 50% no-repeat;}
#poradenstvi_en {background: url('../images/hp1_en.png') 95% 50% no-repeat;}
#trenink        {background: url('../images/hp2.png') 95% 50% no-repeat;}
#hr             {background: url('../images/hp3.png') 95% 50% no-repeat;}

.pause          {text-align: left; position: absolute; padding-left: 25px; margin-top: 299px; color: #fff; cursor: pointer; font-size: 10px;}
.play           {text-align: left; position: absolute; padding-left: 25px; margin-top: 299px; color: #fff; cursor: pointer; font-size: 10px; display: none;}
.container      {width: 1000px; margin: 0px auto;}


/* another submenu */
.subul          {position: absolute; z-index: 200; padding: 10px; min-width: 167px; font-size: 11px; display: none; background: #eeeeee;}
.subul li       {display: block !important; line-height: 20px !important;}


/* menu */
.menu           {width: 600px; padding-left: 30px; height: 70px; padding-top: 70px; float: right; text-transform: uppercase;}
.menu ul        {}
.mainli         {display: block; margin-right: 5px; float: left;}
.mainli a       {display: block; padding: 5px;}
.menu span      {display: none;}

/* submenu */
.submenu        {width: 440px; float: left;}
.submenu h2     {color: #E00028;}
.submenu ul     {line-height: 22px; letter-spacing: -1px; font-size: 12px;}
.submenu li     {}

#sub_manazersky-trenink {}
#sub_hr-poradenstvi     {}


#messages       {width: 970px; margin: 0px auto; line-height: 16px; padding-left: 30px;}
.error          {background: url('../images/alert.png') 0px 0px no-repeat; padding-left: 20px; color: #d8201a;}
.message        {background: url('../images/success.png') 0px 0px no-repeat; padding-left: 20px; color: #24b31a;}


.persons        {width: 940px; margin: 20px auto;}
.persons a      {color: #E00028;}
.persons h2     {font-size: 16px; margin-bottom: 10px;}
.person         {width: 450px; margin-right: 10px; float: left; margin-bottom: 20px;}
.personphoto    {width: 110px; float: left;}
.personphoto img{max-width: 100px; padding: 2px; border: 1px solid #ccc;}

.personinfo     {width: 330px; padding-left: 10px; float: left; line-height: 20px;}
.personinfo h2  {font-size: 16px; margin-bottom: 10px;}
.labelperson    {display: block; margin-bottom: 5px;}

.loginsupport   {width: 940px; margin: 0px auto; padding-bottom: 50px;}
.loginsupport p {padding: 4px 0px;}


.logged         {width: 930px; margin: 10px auto; padding: 0px 5px 10px 5px; border-bottom: 1px solid #eee; line-height: 20px; }
.logged a       {color: #E00028;}
.labelname, .labelemail, .labelperson {margin: 15px 0px 5px 0px;}

.loggedLeft     {width: 700px; float: left;}
.loggedRight    {width: 200px; float: right; text-align: right;}

.logout a       {padding-right: 20px; height: 24px; line-height: 24px; background: url('../images/exit.png') 100% 50% no-repeat;}

.back a         {padding-left:  20px; height: 24px; line-height: 24px; background: url('../images/back.png') 0px 50% no-repeat;}


.references     {margin: 20px 40px 20px 0px; width: 430px; float: left;}
.refimage       {float: left; width: 180px; text-align: left;}
.refimage img   {max-width: 175px;}

.reftext        {width: 240px; float: right;}
.references p   {line-height: 18px;;}

.date           {padding-left: 10px;}