/*
Theme Name: Karalis Design
Theme URI: http://karalisdesign.com/
Description: Tema wordpress
Version: 1.0
Author: Karalis Design
Author URI: http://karalisdesign.com
Tags: 980px, IE6 compatible
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end of CSS reset  */

.alignleft {
float:left;
}

.aligncenter {
margin:0 auto;
}

.alignright {
float:right;
}

img[align=left],img.alignleft {
padding-right:10px;
padding-bottom:10px;
}

img[align=right],img.alignright {
padding-left:10px;
padding-bottom:10px;
}

body {
font-size:12px;
color:#444;
padding:0;
margin:0;
background:url(images/header_01.jpg) repeat-x;
text-align:center;
font-family:Arial;
}

#wrapper {
width:960px;
margin:0 auto;
}

#header {
width:960px;
height:120px;
padding-top:8px;
}

#logo {
float:left;
}

#logo a {
background:url(images/logo_02.gif) top no-repeat;
width:120px;
height:100px;
display:block;
}

#logo a:hover {
background-position:bottom;
}

#menu {
width:760px;
height:100px;
float:right;
}

#menu ul li {
float:left;
}

#menu ul li a {
width:76px;
height:100px;
display:block;
}

#menu .home {
background:url(images/menu_01.jpg) left top no-repeat;
}

#menu .chisiamo {
background:url(images/menu_01.jpg) -76px top no-repeat;
}

#menu .servizi {
background:url(images/menu_01.jpg) -152px top no-repeat;
}

#menu .portfolio {
background:url(images/menu_01.jpg) -228px top no-repeat;
}

#menu .progetti {
background:url(images/menu_01.jpg) -304px top no-repeat;
}

#menu .clienti {
background:url(images/menu_01.jpg) -380px top no-repeat;
}

#menu .blog {
background:url(images/menu_01.jpg) -456px top no-repeat;
}

#menu .jobarea {
background:url(images/menu_01.jpg) -532px top no-repeat;
}

#menu .privacy {
background:url(images/menu_01.jpg) -608px top no-repeat;
}

#menu .contatti {
background:url(images/menu_01.jpg) -684px top no-repeat;
}

#menu .home:hover {
background:url(images/menu_01.jpg) left bottom no-repeat;
}

#menu .chisiamo:hover {
background:url(images/menu_01.jpg) -76px bottom no-repeat;
}

#menu .servizi:hover {
background:url(images/menu_01.jpg) -152px bottom no-repeat;
}

#menu .portfolio:hover {
background:url(images/menu_01.jpg) -228px bottom no-repeat;
}

#menu .progetti:hover {
background:url(images/menu_01.jpg) -304px bottom no-repeat;
}

#menu .clienti:hover {
background:url(images/menu_01.jpg) -380px bottom no-repeat;
}

#menu .blog:hover {
background:url(images/menu_01.jpg) -456px bottom no-repeat;
}

#menu .jobarea:hover {
background:url(images/menu_01.jpg) -532px bottom no-repeat;
}

#menu .privacy:hover {
background:url(images/menu_01.jpg) -608px bottom no-repeat;
}

#menu .contatti:hover {
background:url(images/menu_01.jpg) -684px bottom no-repeat;
}

#content {
width:960px;
float:left;
}

/* inizio homepage */

#homecentrale {
background:url(images/home_central_01.jpg) no-repeat;
width:960px;
height:260px;
float:left;
display:block;
margin:25px 0;
text-align:left;
}

#accedi {
margin:170px 0 0 60px;
float:left;
}

#portfolio {
margin:170px 0 0 270px;
}

#portfolio a {
width:206px;
height:55px;
display:block;
background:url(images/portfolio.jpg) top no-repeat;
}

#portfolio a:hover {
background:url(images/portfolio.jpg) bottom no-repeat;
}

#accedi a {
width:206px;
height:55px;
display:block;
background:url(images/accedi_01.jpg) top no-repeat;
}

#accedi a:hover {
background:url(images/accedi_01.jpg) bottom no-repeat;
}

#homeservice {
width:960px;
float:left;
}

.servicespace {
width:53.3px;
height:100px;
display:block;
float:left;
}

.service {
float:left;
width:200px;
text-align:left;
}

.service .title {
padding-bottom:10px;
}

.service h1 a, .service h2 a, .service h3 a, .service h4 a {
font-size:16px;
color:#444;
text-decoration:none;
}

.service:hover a {
color:#000
}

.service:hover .desc {
color:#222
}

.service .desc {
text-align:left;
color:#444;
line-height:18px;
font-size:12px;
}

.desc p {
padding-bottom:5px;
}

.hr {
width:960px;
height:20px;
display:block;
float:left;
background:url(images/hr.jpg) -1000px no-repeat;
margin-bottom:10px;
}

/* fine HOME PAGE */

/* INIZIO MAIN PAGINE INTERNE */

#main {
float:left;
width:470px;
text-align:left;
margin-top:20px;
margin-bottom:20px;
overflow:hidden;
}

.post .title {
width:470px;
float:left;
padding-bottom:10px;
}

.post .title a {
font-size:22px;
line-height:26px;
text-decoration:none;
color:#444;
}

.post .title a:hover {
color:#000;
}

.post .barra {
width:470px;
height:20px;
display:block;
float:left;
background:url(images/barra.jpg) no-repeat;
padding-bottom:10px;
}

.post .entry {
display:block;
float:left;
width:470px;
line-height:20px;
text-align:justify;
}

.post .entry a {
color:#3366ff;
}

.post .entry a:hover {
color:#333;
}

.post .entry p {
padding-bottom:10px;
}

.post .entry ol {
margin-left:25px;
margin-bottom:25px;
list-style-type:decimal;
}

.post .entry ul {
margin-left:25px;
margin-bottom:25px;
list-style-type:disc!important;
line-height:16px;
}

.post .entry ul  li {
padding-bottom:7px;
}

.post .entry .true li {
background:url(images/true.gif) left top no-repeat;
padding-left:20px;
padding-bottom:7px;
list-style-type:none;
}

.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6 {
font-size:16px;
display:block;
}

.post .entry blockquote, .post .entry q {
background:#eee;
border-left:5px solid #ccc;
width:450px;
padding:5px;
font-style:italic;
font-family:Georgia;
}
table#contatti {
width:100%;
}
table#contatti td {
vertical-align:center;
padding:10px;
border-bottom:1px solid #fff;
background:#EFF8FF;
color:#666;
}

table#contatti .input,table#contatti textarea,table#contatti .captcha, table#contatti select {
border:1px solid #ccc;
padding:3px;
font-size:11px;
color:#666;
}

.wpcf7-form-control-wrap span {
clear:both;
float:left;
padding:5px;
border:1px solid #cc0000;
margin-top:10px;
color:#cc0000;
}

#tableportfolio {
margin:0;
}

#tableportfolio td {
padding:5px;
border-bottom:1px solid #ccc;
}

#tableportfolio .nome {
text-align:right;
font-weight:bold;
}

#tableportfolio .data {
color:#666;
}



/* TABLE */

#servicetable thead{
display:none!important;
}

#servicetable a {
color:#333;
text-decoration:none;

}

#servicetable a:hover {
border-bottom:1px dotted #cc0000;
color:#000;
}

#servicetable img {
width:64px;
height:auto;
}

#servicetable td {
vertical-align:top;
padding:10px 5px;
border-bottom:1px solid #ccc;
}

/* FINE TABLE */

/* fine main */

#sidebar {
width:470px;
float:right;
display:block;
margin-top:20px;
text-align:left;
}

#sidebar .thumb {
border:1px solid #ccc;
float:left;
padding:10px;
background:#eee;
margin-top:35px;
}

#sidebar .thumb img {
border:1px solid #ccc;
}

#random {
width:480px;
float:left;
margin-top:20px;
}

.random {
float:left;
width:410px;
font-size:14px;
color:#999;
margin-bottom:20px;
border-bottom:1px solid #ccc;
font-weight:bold;
}

#random li{
width:210px!important;
height:auto;
float:left;
overflow:hidden;
margin-bottom:6px;
}
#random li img {
width:200px!important;
height:100px;
border:1px solid #CCFF00;
overflow:hidden;
}

/* FINE MAIN PAGINE INTERNE */


/* INIZIO BOTTOM */

#bottom {
width:960px;
float:left;
}

#bottom .left {
float:left;
width:480px;
text-align:left;
padding-bottom:25px;
}

#latest_tweet {
width:470px;
height:50px;
display:block;
background:url(images/twitter.jpg) no-repeat;
overflow:hidden;
color:#6699ff;
margin-top:13px;
}

#latest_tweet p {
padding-left:75px;
padding-top:10px;}

#socialnetwork {
width:470px;
padding:10px 0;
display:block;
float:right;
}

#socialnetwork ul li {
float:left;
padding-right:10px;
}

#socialnetwork ul li a img {
width:36px;
}

#bottom .right {
float:right;
width:470px;
text-align:left;
overflow:hidden;
padding-bottom:25px;
}

#listticker {
width:470px;
float:right;
height:180px;
overflow:hidden;
}

#listticker li {
width:470px;
margin-bottom:10px;
float:left;
}

#listticker li .thumb {
float:left;
width:60px;
}

#listticker li .thumb img {
width:50px!important;
}

#listticker li .title {
float:right;
width:410px;
font-size:16px;
line-height:20px;
}

#listticker li .title a {
text-decoration:none;
color:#999;
font-weight:bold;
}

#listticker li .title a:hover {
color:#666
}

/* fine homepage */

/* PORTOFOLIOPAGE */

#portfoliopage, #works {
width:960px;
float:left;
margin-top:20px;
text-align:left;
}

#portfoliopage .title a{
font-size:22px;
text-decoration:none;
color:#333;
}

#portfoliopage .title a:hover {
color:#000;
}

#portfoliopage .entry {
width:960px;
margin-top:10px;
}

#portfoliopage .entry p {
padding-bottom:5px;
line-height:18px;
}

#portfoliopage .row {
width:960px;
float:left;
clear:both;
margin-bottom:25px;
}

.row .tipologia {
width:960px;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #999;
float:left;
font-size:18px;
color:#0066ff;
}

#portfoliopage .site {
width:192px;
float:left;
overflow:hidden;
padding-bottom:10px;
}

#portfoliopage .site .thumb {
width:180px;
overflow:hidden;
text-align:center;
}

#portfoliopage .site .thumb img {
width:178px;
border:1px solid #ccc;
}

#portfoliopage .site .url {
width:180px;
overflow:hidden;
height:30px;
line-height:30px;
text-align:center;
background:#CFE0FF;
border-bottom:1px solid #aaa;
}

#portfoliopage .site .url a {
display:block;
font-size:13px;
width:178px;
color:#0099ff;
text-decoration:none;
}

#portfoliopage .site .url a:hover {
color:#333;
}

/* FINE PORTFOLIOPAGE */

/* fine content */

#footer {
width:100%;
height:140px;
float:left;
background:#308FBF url(images/header_01.jpg) repeat-x;

}
.center {
width:960px;
margin:30px auto;
text-align:left;
}
.credits {
background:#3366ff;
float:left;
padding:10px;
color:#fff;
line-height:14px;
font-size:11px;
}