/* realizzazione-sito-web.com - contenuti */

body { font-size: 81.25%; font-size: 75%; padding: 20px; margin: 0; line-height: 1.583; background: white; color: #333333; }
body, h1, h2, h3, h4, h5, h6, caption, input { font-family: "Lucida Grande", Verdana, "Tahoma", "Luxi Sans", Arial, Helvetica, sans-serif; }

input { font-size: 100%; }

/* Links */
a { color: #058AD7; }
a:visited{ /* color: #17608A; */ }
a:hover { color: #06A4FF; }

a.context, .paging a, #breadcrumb a { color: #FF6600; }
a.context:visited, .paging a:visited, #breadcrumb a:visited { /* color: #D65600; */ }
a.context:hover, .paging a:hover, #breadcrumb a:hover { color: #FFAE00; }

#breadcrumb a, .top a { color: #E8F6FD; }
#breadcrumb a:visited, .top a:visited { /* color: #E8F6FD; */ }
#breadcrumb a:hover, .top a:hover  { color: #FFAE00; }

code {font-size: 92%; font-family: "Lucida Console", monospaced; }
p, ul, ol, dl { margin-bottom: 1em; margin-top: 0;}
dt { font-weight: bold; }
ol, ul { }
ol { margin-left: 0; padding-left: 20px; }
ol li { margin-left: 1em; margin-bottom: 0.75em; }
abbr, acronym { cursor: help; border-bottom: 1px dotted black; }

blockquote { }

.blockem { padding: 0; clear: both; background: #E8F6FD url("../img/ico-blockem.png") no-repeat 0% 0%; padding: 15px 15px 5px 90px; margin-bottom: 1em; }
.blockem { background-position: 23px 20px; }

a.ext { background: url("../img/ico-ext.png") no-repeat 100% 0; padding-right: 13px;}

/* Headings */
h1, h2, h3, h4, h5, h6, caption { color: #333333; margin: 1em 0 0.5em 0; font-weight: bold; font-family: "Lucida Sans", Arial, Helvetica, sans-serif; }

h1 { font-size: 200%; line-height: 1.0; letter-spacing: -1px; margin-top: 20px; margin-bottom: 10px; }
h2 { font-size: 150%; line-height: 1.2;  letter-spacing: -1px;}
h2.border { background: url("../img/bg-h2-border.png") repeat-x 0 100%; padding-bottom: 12px; }

h3, h4, h5, h6  { font-size: 100%; font-family: "Lucida Sans", Arial, Helvetica, sans-serif;}
h3, caption { font-size: 142%; text-align: left; margin-bottom: 0.3em; line-height: 1.294; }

img, .content img { margin: 0 15px 15px 0; padding: 1px; border: 2px solid #D1E7F4; }
img.no-border { border: none; }

img.left {float: left; margin: 0 25px 25px 0; }
img.right {float: right; margin: 0 0 25px 25px; }
img.center { display: block; margin: 0 auto; }
img.plain { margin: 0; padding: 0; border: 0; display: inline; vertical-align: middle; background: none;}

table {background: white; border: 0px solid #B6D8EB; border-width: 2px 0; border-collapse: collapse; margin: 0 0 15px 0; font-size: 100%; width: 100%; }
table th, table td {border: 1px solid #B6D8EB;  border-style: solid ; border-left-color: #E2F0F7; border-right-color: #E2F0F7; padding: 5px 5px; }
table th { background: #E8F6FD; }
table td { background: white; border-color: #E2F0F7;}
table tr.evenrow td { background: #F6FBFD; }

.l { display: inline; float: left; }
.r { display: inline; float: right; }
.out { position: absolute; left: -2000px; top: -2000px; }
.bold { font-weight: bold; }
.br { clear: both; }
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; }
.small { font-size: 92%;}
.hidden { display: none; }

p.no-margin { margin-bottom: 0; }

.center { text-align: center; }
.left { text-align: left !important; }
.right { text-align: right; }

.col-h-l {float: left; width: 48%; }
.col-h-r {float: right; width: 48%; }

ul {margin: 0px 0 1em 0; padding: 0; list-style: none; }

ul li { background: url("../img/bullet-services.png") no-repeat 0% 0%; padding: 0 0 0 20px; margin: 0 0 0.75em 1em; }
ul li { background-position: 0 5px; }

a:hover img.no-border { border: none; }

/* Content services */
ul.content-services {  }
ul.content-services li { margin-left: 0; margin-bottom: 1em; padding: 0;  clear: both;  width: 100%; background: none;}

ul.content-services li .inner { padding: 10px 15px 12px 90px; background: #E8F6FD none; border: 1px solid #B7D5E4; border-color: #CBECFD #B7D5E4 #B7D5E4 #CBECFD; background-repeat: no-repeat; background-position: 0% 0%; }
ul.content-services li .inner { background-position: 10px 50%; }

.content-services li h2 { margin-top: 0; }

.btn-more { width: 250px; background: #C6E528 url(../img/bg-btn-more.png) repeat-x 0 100%; border: 1px solid #647C06; border-color: #E6F39F #647C06 #647C06 #E6F39F;  margin: -18px 0 1em 0; display: inline; font-size: 92%; }

.btn-more a { display: block; text-decoration: none; color: #002439; line-height: 1.3; padding: 4px 4px 4px 35px; background: url(../img/bullet-btn-more.png) no-repeat 0% 50%; }

.btn-more a { background-position: 12px 50%; }
.btn-more a:visited { color: #002439; }
.btn-more:hover, .btn-more.hover { background: #B5D417 url(../img/bg-btn-more-hover.png) repeat-x 0 100%; }

ul.content-services .btn-more { float: right; }

ul.content-services li.ico-s-webdesign .inner { background-image: url(../img/ico-s-webdesign.png); background-repeat: no-repeat; }
ul.content-services li.ico-s-rs .inner { background-image: url(../img/ico-s-rs.png); background-repeat: no-repeat; }
ul.content-services li.ico-s-loga .inner { background-image: url(../img/ico-s-loga.png); background-repeat: no-repeat; }
ul.content-services li.ico-s-marketing .inner { background-image: url(../img/ico-s-marketing.png); background-repeat: no-repeat; }
ul.content-services li.ico-s-kreativni .inner { background-image: url(../img/ico-s-kreativni.png); background-repeat: no-repeat; }
ul.content-services li.ico-s-obchody .inner { background-image: url(../img/ico-s-obchody.png); background-repeat: no-repeat; }
ul.content-services li.ico-s-sablony .inner { background-image: url(../img/ico-s-sablony.png); background-repeat: no-repeat; }
ul.content-services li.ico-s-sprava .inner { background-image: url(../img/ico-s-sprava.png); background-repeat: no-repeat; }

img.banner-publicator { border: 0; padding: 0; margin: 0 0 0 -30px; position: relative; display: block;}

ul.tick li { background: url(../img/bullet-tick.png) no-repeat 0% 0%; padding-left: 25px; }
ul.tick li { background-position: 0 0.3em; }

ul.puzzle li { background: url(../img/bullet-puzzle.png) no-repeat 0% 0%; padding-left: 30px; margin-left: 7px; min-height: 25px; }
ul.puzzle li { background-position: 0 0.3em; }

.ico-folder { background: url(../img/ico-folder.png) no-repeat 0 0; padding-left: 30px; }
.ico-folder-strange { background: url(../img/ico-folder-strange.png) no-repeat 0 0; padding-left: 30px; }
.ico-news-more { background: url(../img/ico-news-more.png) no-repeat 0 0; padding-left: 25px; }
.ico-writeus { background: url(../img/ico-writeus.png) no-repeat 0 50%; padding-left: 54px; }
.ico-writeus h2 { line-height: 1; margin: 0; font-size: 142%; }
.ico-writeus a { font-size: 142%; font-weight: bold; }
