/******************
Author: kudolink.com

web: www.kudolink.com
mail: marco@kudolink.com
******************/


/*** General styles
**************************/

a {outline-style: none;}

* {padding: 0; margin: 0;}

html {}

body {font-family: Verdana, Calibri, sans-serif;}

/*** Layout
**************************/
#container {
font-size: 11px;
position: relative;
width: 920px;
margin: 20px auto 0 auto;
background: url(/assets/templates/cald/images/top.gif) no-repeat right top;
}

#wrap {
float: right;
width: 600px;
background: url(/assets/templates/cald/images/bottom.gif) no-repeat bottom;
}

#box {
background: url(/assets/templates/cald/images/center.gif) repeat-y;
width: 560px;
padding: 10px 20px;
margin: 9px 0;
min-height: 300px;
overflow: hidden;
}

.js #content {display: none;}

#sidebar {
float: left;
width: 300px;
padding: 10px 0 0 0;
background-image: url(/assets/js/loading.gif);
background-repeat: no-repeat;
background-position: 268px -32px;
}

.logo {
position: absolute;
top: 50px;
left: 0;
display: block;
width: 520px;
height: 220px;
text-indent: -9999px;
background: url(/assets/templates/cald/images/logo.gif) no-repeat;
overflow: hidden;
}

#content-wrapper {overflow: hidden;}
.mainImage {margin: 0 0 20px 190px;}

/*** Content generic styles
**************************/

#content p {
line-height: 1.6;
margin: 0 0 1em 0;
}

#content h1 {
margin: 0 0 20px 0;
letter-spacing: 1px;
font-size: 20px;
line-height: 20px;
font-weight: normal;
}

#content h2 {
margin: 0 0 0.2em 0;
letter-spacing: 1px;
font-size: 16px;
}

#content h3 {
margin: 0 0 0.2em 0;
font-size: 14px;
}

#content h4 {
margin: 0 0 0.1em 0;
font-size: 12px;
}

#content ul, #content ol {
padding: 0 0 0 20px;
margin: 0 0 1em 0;
}

#content li {
margin: 0 0 0.5em 0;
padding: 0;
}

#content a:link {color: #13519A;}

#content a:visited {
color: #13519A;
text-decoration: none;
}

#content a:hover {
color: #1F8BFF;
text-decoration: none;
}

#content a:active {
color: #1F8BFF;
text-decoration: none;
}

/*** Sidebar styles
**************************/

#sidebar p {
line-height: 1.6;
margin: 0 0 0.5em 0;
}

#sidebar h1 {
margin: 0 0 0.5em 0;
letter-spacing: 1px;
font-size: 1.8em;
}

#sidebar h2 {
margin: 0 0 10px 0;
letter-spacing: 1px;
font-size: 18px;
}

#sidebar h3 {
margin: 0 0 0.2em 0;
font-size: 1.4em;
}

#sidebar h4 {
margin: 0 0 0.1em 0;
font-size: 1.2em;
}

#sidebar ul, #sidebar ol {
padding: 0 0 0 20px;
margin: 0 0 0.5em 0;
}

#sidebar li {margin: 0 0 0.4em 0;}

/*** Footer styles
**************************/

#footer {
clear: right;
width: 560px;
margin: 0 20px 10px auto;
padding: 10px 0 0 0;
text-align: center;
}

#footer p {
line-height: 1.6;
margin: 0;
}

#footer a:link {color: #13519A;}

#footer a:visited {
color: #13519A;
text-decoration: none;
}

#footer a:hover {
color: #1F8BFF;
text-decoration: none;
}

#footer a:active {
color: #1F8BFF;
text-decoration: none;
}

/*** Menu styles
**************************/

#nav li {
text-align: right;
list-style-type: none;
padding: 0;
margin: 0;
font-size: 14px;
height: 25px;
}

#nav li a {
display: block;
height: 25px;
line-height: 25px;
border-right: 0px solid #13519A;
padding: 0 5px 0 0;
}

#nav li a.active {
background: #eee}

#nav li a:link {
color: #13519A;
text-decoration: none;
}

#nav li a:visited {
color: #13519A;
text-decoration: none;
}

#nav li a:hover {
color: #1F8BFF;
text-decoration: none;
}

#nav li a:active {
color: #1F8BFF;
text-decoration: none;
}

/*** Form styles
**************************/

form {margin: 0 0 1em 0;}
legend {display: none;}

fieldset {
border: none;
padding: 0;
margin: 0 0 1em 0;
}

form .input-text, form .input-textarea {width: 400px;}

form label{
display:block;
margin-bottom:10px;
}

form label span{
line-height: 18px;
display:block;
float:left;
padding-right: 10px;
margin: 1px 0 0 0;
width:120px;
text-align:right;
}

.submit {
text-align: right;
padding: 0 25px 0 0;
}

/*** JS styles
**************************/

#loaderbox {
height: 32px;
margin: 0 0 230px 0;
}

#load {
display: block;
height: 32px;
background: url(/assets/js/loading32.gif) no-repeat right center;
}

.slogan {
position: relative;
}

#content ul.kwicks {
margin: 0;
padding: 0;
}

#content .kwicks li {
height: 100px;
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
}

#content .kwicks li h4 {
font-size: 18px;
line-height: 25px;
padding: 0 0 0 157px;
margin: 5px 0 0 0;
font-style: italic;
}

#content .kwicks li p {
font-size: 12px;
padding: 0 0 0 187px;
margin: 0;
height: 70px;
}

#content .kwicks li div {
height: 105px;
padding: 0 0 0 157px;
}

#content .kwicks li div p {
margin: 0 0 0 0;
padding: 20px 0 0 0;
font-size: 14px;
}

#kwick1 {background: url(/assets/images/pages/sicur.jpg) no-repeat left top;}
#kwick1 div {background: url(/assets/images/pages/sicur.gif) no-repeat 42px center;}

#kwick2 {background: url(/assets/images/pages/bellez.jpg) no-repeat left top;}
#kwick2 div {background: url(/assets/images/pages/bellez.gif) no-repeat 42px center;}

#kwick3 {background: url(/assets/images/pages/manut.jpg) no-repeat left top;}
#kwick3 div {background: url(/assets/images/pages/manut.gif) no-repeat 42px center;}

/*** Other styles
**************************/

a img {border: none;}
.clear {clear: both;}