/*

    em Client				Modules CSS file
    ------------------------------------------------------------------------
    Created					8.10.2011
    Responsible author		SuperKodéři (info@superkoderi.cz)

	Please, don't modify this css stylesheet. 

*/

/* RESET */
.reset{margin:0; padding:0; border:none; background:none;}
.reset li{margin:0; padding:0; border:none; background:none; list-style:none;}

/* HOMEPAGE */
#main{width:1000px; margin:0 auto;}
.homepage h1{font-size:34px; font-weight:normal; line-height:1; margin:0 0 .75em;}
.homepage h2{font-size:24px; margin:0 0 .5em;}
.homepage .rbox-780{text-align:left;}
.homepage .rbox-780 h3{font-size:18px; color:#005fa0;}
#motive-box{background:url('../img/bg/motive.jpg') 50% 0 no-repeat; height:450px; position:relative;}
#motive-box p{margin:0; padding:0;}
#motive-box a{background:url('../img/bg/btns.png') 0 0 no-repeat; position:absolute; text-indent:-9999px;}
#motive-box .play-desktop a{width:250px; height:250px; top:0; left:370px;}
#motive-box .play-desktop a:hover{background-position:0 -250px;}
#motive-box .play-mobile a{width:180px; height:180px; background-position:-250px 0; left:690px; top:100px;}
#motive-box .play-mobile a:hover{background-position:-250px -180px;}
#motive-box .download-link a{width:266px; height:62px; background-position:-250px -400px; left:50%; margin-left:-133px; top:350px;}
#motive-box .download-link a:hover{background-position:-250px -475px;}

.onefeature .img{float:right; display:inline; width:300px; text-align:center;}

.articles-list{padding:15px 0; border-bottom:1px solid #ccc; margin:0 0 20px; position:relative; zoom:1;}
.articles-list .scroll{position:relative; width:640px; margin:0 auto; overflow:hidden; overflow-x:auto; font-size:0px; letter-spacing:-1px; white-space:nowrap;}
.articles-list li{width:640px; overflow:hidden; display:inline-block; *display:inline; zoom:1; white-space:normal; vertical-align:top;}
.articles-list .desc{float:left; display:inline; width:420px; font-size:14px; letter-spacing:0px;}
.articles-list .img{float:right; display:inline; width:200px; text-align:center;}
.articles-list p{margin:0;}
.logo-list .prev, .logo-list .next, .articles-list .prev, .articles-list .next{position:absolute; left:0; top:50%; margin-top:-12px; width:13px; height:24px; background:url('../img/bg/paging.png') 0 0 no-repeat; cursor:pointer;}
.logo-list .next, .articles-list .next{left:auto; right:0; background-position:-13px 0;}

.logo-list{position:relative;}
.logo-list h3{width:640px; margin-left:auto; margin-right:auto;}
.logo-list .scroll{position:relative; width:664px; margin:0 auto; overflow:hidden; overflow-x:auto; font-size:0px; letter-spacing:-1px; white-space:nowrap;}
.logo-list .scroll .item{display:inline-block; width:664px; vertical-align:middle;}
.logo-list .item>*{display:inline-block; *display:inline; zoom:1; width:166px; text-align:center; vertical-align:middle; overflow:hidden; line-height:80px;}
.logo-list img{vertical-align:middle;}
.logo-list .prev, .logo-list .next{margin-top:0;}

.ovh{overflow:hidden;}

.testimonials-list{float:left; display:inline; width:466px;  background: url('../img/new/testimonials.png') no-repeat;  height: 337px; position: relative;}
.testimonials-list ul{overflow:hidden;}
.testimonials-list li{border-top:1px dotted #ccc; padding:15px 20px 14px 20px; overflow:hidden; line-height:1.4; height: 41px;}
.testimonials-list li:first-child {border: 0;}
.testimonials-list .title{display:block; font-weight:bold; font-size:16px; text-decoration: none;  margin-top: 2px; color: #2071AE; line-height:100%;}
.testimonials-list .auth {font-size: 14px;  color: #2071AE;}
.testimonials-list .auth:hover, .testimonials-list .title:hover { color: #5996c3;}
.testimonials-list .avatar{float:left; display:inline; width: 30px; height: 30px; margin-right: 10px; border:1px solid #d4d6d7; padding: 4px; background:#fff; overflow: hidden;}
.testimonials-list .avatar img{vertical-align:middle;}
.testimonials-list .more{font-size:14px; margin: 0; position: absolute; bottom: 0px; right: 0;}
.testimonials-list .more a{ background:url('../img/new/more.png') no-repeat 0 2px; padding-left: 23px; font-size: 16px; color: #2071AE;}
.testimonials-list .more a:hover {color: #5996c3;}


.facebook{float:right; display:inline; width:338px; height:556px; overflow:hidden;}
.facebook iframe{vertical-align:middle; margin:-1px 0 0 -1px;}