/*   
Theme Name: HOTSMS.cz
Theme URI: http://www.hotsms.cz
Description: Šablona pro web HOTSMS.cz
Author: webees.cz s.r.o.
Author URI: http://www.webees.cz
Version: 1.0
*/

body { background-color: #191919; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 23px; color: #fff; }
#topcontent_wrap { background: url(img/top-bg.jpg) #f3f3f3 top left repeat-x; overflow: hidden; }
#topcontent { width: 940px; margin: 0 auto; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }

/* topmenu */
#topmenu { background-color:#d8d8d6; height: 60px; }
#topmenu-in { width: 940px; margin: 0 auto; }
#logo { float: left; position: absolute; margin-left: -5px; }
#nav { font-weight: bold; color: #9f9f9f; z-index: 9999; float: right; position: relative; }
#nav, #nav ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 1em; }
#nav a:link, #nav a:active, #nav a:visited { display: block; line-height: 40px; padding: 0 25px; color: #a5a5a5; text-decoration: none; text-transform: uppercase; }
#nav a:hover { color: #fff; }
#nav .subscribe { background: url(img/facebook_icon.png) top left no-repeat; height: 40px; width: 120px; margin-left: 0px; margin-top: 0px; float: left; position: absolute; }
#nav li { float: left; position: relative; }
#nav ul { position: absolute; top: 3.3em; display: none; z-index: 1; }
#nav li ul a { width: 10em; height: 40px; float:left; background-color: #d8d8d6; background-image: none !important; }
.last { width: 8em; float: left; background-color: #d8d8d6; background-image: none !important; margin-right: 0px; }
#nav li ul a:hover { background-color: #292929; }
#nav ul ul { top: auto; }
#nav li ul ul { left: 11.3em; margin: 0px 0 0 10px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display: none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul { display: block; }
#nav li.current_page_item a, #nav li.current-cat a { color: #fff; }
#nav li.current_page_item li a, #nav li.current-cat li a { color: #a5a5a5; }
/* topmenu */

/* slider */
#slider-wrap { width: 940px; height: 425px; }
#slider-wrap #slider { width: 940px; height: 425px; overflow: hidden; float: left; position: relative }
#slider-wrap #panelContainer { width: 10000px; }
#slider-wrap .panel { float: left; width: 940px; height: 425px; }
.iphone { position: relative; padding: 110px 0px 70px 0px; width: 345px; z-index: 1; float: left; margin: -50px 0 -30px 0; }
.info { float: right; width: 550px; padding: 35px 0px 0px 0px; }
.features { margin: 20px 0px 10px 0px; overflow: hidden; width: 100%; }
.features-single { margin-left: 0px; float: left; width: 420px; overflow: hidden; }
.sms1 { background: url(img/sms1_bg.png) left top no-repeat; width: 250px; height: 96px; margin-top: 9px; padding: 11px 0px 0px 33px; }
.sms1 li { color: #fff; list-style: none; margin-top: -2px; margin-left: 20px; }
.sms2 { background: url(img/sms2_bg.png) left top no-repeat; width: 196px; height: 96px; margin-top: -107px; margin-left: 209px; padding: 11px 0px 0px 33px; }
.sms2 li { color: #fff; list-style: none; margin-top: -2px; margin-left: 20px; }
.sms3 { background: url(img/sms3_bg.png) left top no-repeat; width: 196px; height: 96px; margin-top: -107px; margin-left: 340px; padding: 11px 0px 0px 33px; }
.sms3 li { color: #fff; list-style: none; margin-top: -2px; margin-left: 20px; }
.sms1-single { background: url(img/sms1-single_bg.png) top left no-repeat; width: 250px; height: 70px; margin-top: 9px; padding: 11px 0px 0px 33px; }
.sms1-single li { color: #fff; list-style: none; margin-top: -6px; margin-left: 6px; }
.sms2-single { background: url(img/sms2-single_bg.png) top left no-repeat; width: 196px; height: 70px; margin-top: -81px; margin-left: 160px; padding: 11px 0px 0px 33px; }
.sms2-single li { color: #fff; list-style: none; margin-top: -6px; margin-left: 6px; }
.sms3-single { background: url(img/sms3-single_bg.png) top left no-repeat; width: 196px; height: 70px; margin-top: -81px; margin-left: 260px; padding: 11px 0px 0px 33px; }
.sms3-single li { color: #fff; list-style: none; margin-top: -6px; margin-left: 6px; }
/* slider */

/* typo */
small { display: block; margin: 10px 0 10px 0; color: #e97d08; text-transform: uppercase; font-weight: bold; }
.entry-block small { font-weight: normal; text-transform: none; }
p { color: #393939; }
.footerp { color: #FFFFFF; }
a, .link { color: #e97d08; text-decoration: none; }
h1 { text-transform: uppercase; font-size: 16.5px; color: #6b6b6b; }
h2 { text-transform: uppercase; font-size: 36.5px; color: #e97d08; padding-bottom: 10px; }
.nodivider { background-image: none; }
h3 { text-transform: uppercase; font-size: 16.5px; height: 30px; color: #6b6b6b; padding: 5px 0px 0px 35px; background: url(img/icon11.png) left no-repeat; }
h4 { font-size: 20px; color: #fff; display: block; margin: 0 0 20px 0; }
.description { background: url(img/horizontal-divider.jpg) left top repeat-x; padding: 5px 0 0 0; }
.description_p { color: #393939; padding: 15px 0px; background: url(img/horizontal-divider.jpg) bottom repeat-x; }
.popis { color: #393939; line-height: 1.5; }
.popis p { padding: 7px 0; }
.by { color: #393939; padding: 10px 0px; background: url(img/horizontal-divider.jpg) top repeat-x; background: url(img/horizontal-divider.jpg) bottom repeat-x; font-size: 10px; line-height: 1.5; }
.imgfloat { float: left; margin: 15px 20px 0px 0px; }
/* typo */

/* content */
#leftcontent { width: 680px; float: left; margin: 50px 0; color: #000; }
#project-block { }
#items .item { float: left; width: 210px; margin: 0 0 15px 12px; }
#items .item h1 a { color: #6b6b6b; }
#thumb-large { width: 200px; height: 250px; border: 0px; float: left; margin: 0 0 0 0; }
#right-block { float: right; width: 420px; }
/* content */

/* sidebar */
#sidebar { float: left; width: 190px; padding-left: 35px; margin: 50px 0px 50px 35px; background:url(img/color-vertical-div.jpg) top left repeat-y; }
.sidebartitle { background: none; padding: 0px; }
#sidebar ul { margin: 10px 0 20px 0; width: 190px; }
#sidebar li { margin-bottom: 10px; }
#sidebar li a { text-decoration: none; color: #bababa; font-size: 16.5px; }
#sidebar li a:hover { color: #e97d08; }
#sidebar li ul li { margin: 0; padding: 0; }
#sidebar li ul { margin: 0; padding: 0; width: 170px; padding: 0 0 0 20px; }
#sidebar ul li.current-cat a, #sidebar ul li.current_page_item a { color: #e97d08; }
#sidebar ul li.current_page_item li a { color: #bababa; }
/* sidebar */

/* bottom */
#bottomcontent_wrap { background: url(img/bottomcontentbar.jpg) #191919 top left repeat-x; padding: 9px 0px 0px 0px; }
#bottomcontent { width: 940px; margin: 0 auto; background: url(img/bottomcontentbg.jpg) #191919 top left no-repeat; padding-top: 30px; }
.left { float: left; width: 190px; padding-right: 20px; background: url(img/dark-vertical-div.jpg) top right repeat-y; }
.left ul { margin: 5px 0px 0px 15px; }
.left li { color: #ffffff; list-style: circle; margin-bottom: 7px; }
.middle { padding: 0px 35px; float: left; width: 437px; }
.right { float: right; padding-left: 35px; float: left; width: 180px; background: url(img/dark-vertical-div.jpg) top left repeat-y; }
.right ul { margin: 5px 0px 0px 0px; }
.right li { color: #ffffff; margin-bottom: 7px; }

/* bottom */

/* footer */
#footer { background: url(img/footerbg.png) top left no-repeat; width: 900px; height: 75px; float: left; margin: 30px 0px; padding: 15px 20px; }
#footer a { text-decoration: underline; color: #CCCCCC; }
#footer p { color: #a4a4a4; font-size: 10px; }
#copyright { float: left; }
.copy { margin-left: 90px; }
.smalllogo { padding-top: 5px; float: left; }
.source { text-transform:uppercase; padding-right: 55px; float: right; }
.icon1, .icon2, .icon3 { color: #ffffff; }
.icon1 { background: url(img/icon9.png) left no-repeat; }
.icon2 { background: url(img/icon11.png) left no-repeat; }
.icon3 { background: url(img/icon10.png) left no-repeat; }
/* footer */



/* SMS ZDARMA */
* {
	margin: 0;
	padding: 0;
	border: 0;
	/* color: #E97D08; */
}

.msg {
  color: #E97D08;
  font-style: italic;
}
     
#container {
	margin: auto;
	width: 800px;
}

#header {
	text-align: left;
	margin-top: 20px;
	height: 100px;
}

input,
textarea,
select {
	border: 1px solid #E97D08;
	padding: 5px;
}

.submit {
	border: 0;
	cursor: pointer;
	text-align: center;
	font-size: 1.3em;
	line-height: 40px;
	padding: 5px 15px; margin: 0;
	float: right;
	background-color: #E97D08;
	color: white;
}

a.submit {
	text-decoration: none;
	padding-right: 0;
	font-variant: small-caps;
	font-size: 1.5em;
}

a:hover.submit {
	color: #E97D08;
}

form {
	text-align: left;
	float: left;
	width: 500px;
}

form div.formBox {
	width: 100%;
	border: 1px solid #E97D08;
	margin-bottom: 10px;
}

form div.formBox h2 {
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #FFF0F5;
	border-bottom: 1px solid #E97D08;
	line-height: 40px;
	height: 40px;
	width: 480px;
	display: block;
	font-size: 1.3em;
	padding-left: 20px;
	color: #B22222;
}

form table {
	width: 100%;
}

form table tr td {
	padding: 0 10px 5px 20px;
	vertical-align: top;
	line-height: 1.7;
}

#number {
	width: 180px;
}
#operator {
	width: 120px;
	padding: 4px;
}
#message {
	width: 304px;
	margin-bottom:5px;
}
#code {
	width: 150px;
	margin-right: 10px;
}


div.captchas {
	margin-top: 5px;
}

.floatLeft {
	float: left;
}

td.submitTd {
	vertical-align: bottom;
}

tr.captchaTr {
	height: 70px;
}

tr.captchaTr td {
	vertical-align: middle;
}

td.fixColumnWidth {
	width: 150px;
}

#fanbox {
	float: left;
	margin-left: 10px;
}

/*******************
*	lištička			   *
********************/
#listicka {
  background: #aaaaaa url('img/listicka_bg.png') repeat-x 0 0;
  height: 24px;
  display: block;
  text-align: center;
}

#listicka ul {
  width: 970px; 
  margin: 0 auto 0 auto;
/*  padding: auto 200px auto 0;  */
  height: 24px;
  display: block;
  text-align: center;
}

#listicka ul li {
	float: left;
	display: inline;
	list-style-type: none;
	text-align: left;
  height: 24px;
	}

#listicka ul li a {
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	float: left;
	display: inline;
/*	line-height: 35px;  */
	padding: 4px 10px 4px 10px;
  height: 24px;
/*	border-right: 1px solid #6E9DBE;  */
	}
 
/*  #listicka li.first a {border-left: 1px solid #6E9DBE;}  */
#listicka ul li a:hover, #listicka ul li a.active {
  text-decoration: none;
}

/* Clearfix */
.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ' ';
	}

.clearfix {min-height: 1px;}
.clearfix {display: inline-block;} /* Pro IE/Mac */

/* Backslash hack - nemel by to videt IE/Mac \*/
.clearfix {display: block;}
/* Konec hacku */