/*

Theme Name: Emotion Design
Theme URI: http://www.emotion-design.cz/
Description: Wordpress Emotion Design Theme.
Version: 1.0
Author: Daniel Čekan
Author URI: http://orangesoft.cz/

*/
@import "./css/basic.css";
@charset "utf-8";
/* main */
.page{width:100%; padding:0; margin:0 auto; }
.resize{width:960px; margin:0 auto;}
.grey{color:#95a0a0;}
.white{color:white;}
/********** header **********/
#header{background:url(./images/header.jpg) top no-repeat; padding:0; height:124px; position:relative; width:960px; margin:0 auto; }
#logo{position:absolute; top:0px; left:0px; }
/* menu */
ul.menu{padding:0; margin:0; list-style:none; border:0; float:right; padding:50px 0 0 0; margin:0; width:480px;}
ul.menu li{float:left; margin:0; padding:0 5px; border:0; background:none}
ul.menu li a{float:left; margin:0; padding:0 15px; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:14px; font-weight:bold; display:block; height:30px; line-height:30px; }
ul.menu li a:hover{background:url(./images/menu.png) repeat-x; }
ul.menu li a.active{background:url(./images/menu.png) repeat-x;}
#SubNavigation{padding:0; border-top:1px solid #4d4d4d; }
#SubNavigation li{background:none; margin:0; padding:0; }
#SubNavigation li a{display:block; _height:40px; line-height:40px; text-decoration:none; border-bottom:1px solid #4d4d4d; padding-left:0px; color:#FFF; text-transform:uppercase; }
#SubNavigation li a:hover{display:block; text-decoration:none; border-bottom:1px solid #cbdb2a; color:#cbdb2a }
/***** body top *****/
#top{background:url(./images/top-bck.jpg) no-repeat top; height:350px; }
.header_text{float:left; width:480px; padding:30px 0 0 10px;}
.header_text h1{font-size:48px; font-weight:bold; color:#FFF; padding:5px 0; margin:0;}
.header_text h1 strong{color:#cbdb2a; }
.header_text p{font:12px; color:#d2d2d2; padding:15px 0; margin:0;}
p.tlacitka a{margin:0 35px; }
/* Slieder Tabs */
#slider{float:right; width:410px; padding:31px 26px 0 0;}
#slider ul.tabs{margin:0 auto; padding:10px; width:115px; list-style:none;}
#slider ul.tabs li{margin:0px; padding:0px;}
#slider ul.tabs li a{margin:2px 5px; padding:0; width:18px; height:18px; float:left; text-decoration:none; background:url(./images/tab_link.gif) no-repeat;}
#slider ul.tabs li a.activeSlide{background:url(./images/tab_hover.gif) no-repeat;}
.tabs-hide{display:none; }
#sluzby{height:202px; width:940px; margin:0 auto; padding:0 10px; }
#sluzby li{background:none; padding:0 25px 0 0; width:295px; float:left; margin:0; }
#sluzby li.last{background:none; padding:0 0 0 0; width:295px; float:left; margin:0; }
#sluzby li h2{color:#cbdb2a; font-size:18px; text-transform:uppercase; line-height:50px; border-bottom:1px solid #4d4d4d; }
#sluzby li p{font-size:11px; color:#FFF; text-align:justify; line-height:160% }
#sluzby li p img{float:left; padding-right:15px; }
#sluzby li span{display:block; clear:both; text-align:right; }
/********** block index **********/
#telo{padding:20px 10px; width:940px; margin:0 auto; }
#obsah{float:left; width:605px; }
#aktuality{float:right; width:300px; }
#aktuality p{font-size:12px; }
#aktuality hr{margin:7px 0; clear:both; border:1px solid #232323 }
#aktuality span.date{display:block; float:left; width:44px; height:55px; background:url(./images/comm_bg.gif) no-repeat top; padding:2px 0; margin:5px 20px 0 0; text-align:center; color:#FFF; font-size:11px; line-height:140% }
#aktuality span.date span{display:block; color:#cbdb2a;}
/********** body footer **********/
#spodek{background:#9a9a9a url(./images/rychly-kontakt-bck.jpg) repeat-x top; padding:0; width:100%; }
#spodek #spodekInside{background:url(./images/spodek-bck.jpg) no-repeat top; padding:20px 10px; width:940px; margin:0 auto; }
#spodek h2{padding:10px 5px; margin:0 0 10px 0; font:bold 24px Arial,Helvetica,sans-serif; color:#232323; border-bottom:1px solid #bdbfbf;}
#spodek p{padding:0 5px; margin:0; font:bold 12px Arial,Helvetica,sans-serif; color:#363636; line-height:1.8em;}
#spodek span{font-weight:normal;}
.side_small{width:303px; padding:10px 15px; margin:0; float:left;}
.side_medium{width:636px; padding:10px 15px; margin:0; float:left;}
.side_full{padding:10px 15px; margin:0;}
/* BOX */
.box{background:#dbdbdb; border:1px solid #c3c3c3; padding:10px; margin-bottom:10px;}
#rychlyKontakt{float:right; width:300px; }
#rychlyKontakt p{font-weight:normal; clear:both; margin-bottom:10px; color:#000 }
#rychlyKontakt h3{color:#FFF; text-transform:uppercase; line-height:40px; border-bottom:1px solid #9a9a9a; margin-bottom:15px; }
#rychlyKontakt span{display:block; width:110px; float:left; font-weight:bold; color:#FFF }
#ohlasy{float:left; width:605px; }
#ohlasy p{font-style:italic; font-weight:normal; }
#ohlasy h3{color:#FFF; text-transform:uppercase; line-height:40px; border-bottom:1px solid #9a9a9a; margin-bottom:15px; }
.klient{float:left; border:2px solid #AAA; margin:3px 25px 0 0; }
.reference{background:#252525; border:1px solid #1e1e1e; font-size:12px; margin-bottom:10px; }
.reference img{float:left; padding:3px; background:#1e1e1e; margin:10px; }
.reference ul{float:right; width:310px; padding:10px 10px 10px 0; margin-bottom:0; }
.reference ul li{background:none; padding:0; }
.reference ul li span{font-weight:bold; color:#CCC; }
.vice{background:none!important; float:right!important; margin-top:5px!important; }
#galerie{background:#252525; border:1px solid #1e1e1e; font-size:12px; margin-bottom:10px; }
#galerie a img{float:left; padding:3px; background:#1e1e1e; margin:10px; }
/********** contact form **********/
#contactform{margin:0; padding:5px;}
#contactform *{color:#FFF;}
#contactform ol{margin:0; padding:0; list-style:none;}
#contactform li{margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons{margin:5px 0;}
#contactform label{margin:0; width:110px; display:block; padding-top:13px; color:#FFF; float:left;}
#contactform input.text{width:470px; border:0; margin:10px 0; padding:5px; height:16px; background:#363636; float:left; color:#b0b0b0;}
#contactform textarea{width:470px; border:0; margin:10px 0; padding:2px 5px; background:#363636; float:left; color:#b0b0b0;}
#contactform li.buttons{text-align:right; }
#contactform li.buttons input{padding:3px 10px 3px 110px; margin:0; border:0; color:#b0b0b0; float:right;}
p.response{text-align:center; color:#cbdb2a; padding:10px; line-height:1.8em; width:auto; background:#252525; border:1px solid #1e1e1e; display:block; }
#contactform li.buttons #imageField{background:url('./images/button_send.gif') right no-repeat; border:0px; width:68px; height:32px;}
#contactform2{margin:0; padding:5px;}
#contactform2 *{color:#F00;}
#contactform2 ol{margin:0; padding:0; list-style:none;}
#contactform2 li{margin:0; padding:0; background:none; border:none; display:block;}
#contactform2 li.buttons{margin:5px 0;}
#contactform2 label{margin:0; width:110px; display:block; padding-top:13px; color:#333; float:left;}
#contactform2 input.text{width:470px; border:0; margin:5px 0; padding:5px; height:16px; background:#FFF; float:left; color:#333;}
#contactform2 textarea{width:470px; border:0; margin:5px 0; padding:2px 5px; background:#FFF; float:left; color:#333; height:70px;}
#contactform2 li.buttons{text-align:right; }
#contactform2 li.buttons input{padding:3px 10px 3px 110px; margin:0; border:0; color:#b0b0b0; float:right;}
#contactform2 li.buttons #imageField{background:url('./images/odeslat.gif') right no-repeat; border:0px; width:68px; height:32px;}
/* Tabulkove styly */
table.cenik{width:100%;font-size:12px;margin-bottom:10px;}
table.cenik tr{line-height:20px;background:#FFF;margin:1px 0;padding:2px 6px;}
table.cenik td{text-align:right;width:150px;padding:2px 6px;background:#333;color:#FFF;}
table.cenik th{text-align:left;padding:2px 6px;color:#333;font-weight:normal;}

div.sluzba1 {padding: 0px 10px 10px 180px; height: 170px; background: no-repeat 0px 40px url(http://emotion-design.cz/wp-content/uploads/tvorba-webovych-stranek.png); font-size:12px; margin-bottom:10px; color: #FFF  }
div.sluzba2 {padding: 0px 10px 10px 180px; height: 190px; background: no-repeat 0px 40px url(http://emotion-design.cz/wp-content/uploads/CID.png); font-size:12px; margin-bottom:10px; color: #FFF }
div.sluzba3 {padding: 0px 10px 10px 180px; height: 170px; background: no-repeat 0px 40px url(http://emotion-design.cz/wp-content/uploads/SEO-optimalizace.png); font-size:12px; margin-bottom:10px;  color: #FFF  }

#aktualityWide h2{font-size: 13px; margin-bottom: 5px; padding-top: 3px;}
#aktualityWide p{font-size: 12px;}
#aktualityWide hr{margin: 7px 0; clear: both; border: 1px solid #232323}
#aktualityWide span.date{display:block; float:left; width:44px; height:55px; background:url(./images/comm_bg.gif) no-repeat top; padding:2px 0; margin:5px 20px 0 0; text-align:center; color:#FFF; font-size: 11px; line-height: 140%}
#aktualityWide span.date span{display:block; color:#cbdb2a;}

.sluzba1 h2 a, .sluzba2 h2 a, .sluzba3 h2 a { text-decoration: none; border-bottom:1px solid #4d4d4d; display: block; padding-bottom: 5px; margin-bottom: 5px!important; }

/********** footer **********/
#footer{margin:0; padding:20px 0; background:#868686; border-top:1px solid #7d7d7d; color:#FFF}
.footer_left{float:left; width:370px;}
.footer_right{float:right; width:300px; text-align:right;}
#footer p{margin:0; padding:0 5px; color:#d3d8d8; line-height:1.8em;}
#footer p a{padding:0 3px; }
p.clr,.clr{clear:both; padding:0; margin:0; background:none;}

div.alignright  a { display: block; height: 26px; width: 106px; float: right; background:url(./images/but-novejsi.gif) no-repeat; }
div.alignleft a { display: block; height: 26px; width: 106px; float: left; background:url(./images/but-predchozi.gif) no-repeat; }