/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #e57543;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:8px 0 8px 0;
}
a {color: #7f2522;
text-decoration:none;}
a:hover {color: #564b47;}

h1 {
font-size: 10px;
text-transform:uppercase;
text-align:right;
background-color: #ffb227;
border-top:1px solid #373944;
border-bottom:1px solid #373944;
padding:3px 15px;
margin:0px }


h2 {
font-size:13px;
font-weight: bold;
color:#7f2522;
padding: 0px 0px;
margin-bottom: 10px;
border-bottom:1px solid #e57543;
}

h3 {
font-size:12px;
font-weight: bold;
color:#b6551a;
padding: 0px 10px;
margin-bottom:12px;
}

h4 {
font-size:11px;
font-weight: bold;
color:#564b47;
padding: 0px 10px;
margin: 5px 0 5px 0;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 770px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#topline {
background-image: url(images/top.gif);
height: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #cccccc;
font-size: 11px;
text-align: right;
}

#topline a {
color: #ffb227;
text-decoration: none;
}

#topline a:hover {
color: #eee;
text-decoration: none;
}

#banner {
background-color: #ffffff;
height: 134px;
text-align: right;
padding: 0px;
margin: 0px; 
}

#spacer {
background-image: url(images/spacer.gif);
background-repeat: no-repeat;
height: 8px;
padding: 0px;
margin: 0px;
}

#banner img {padding:0px 0px; vertical-align: middle; margin-bottom: 2px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 176px #373944;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */

 } 

#inner{ margin:0px; width:100%; 
} /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 background-color: #373944;
 y-repeat: repeat;
 width:160px; 
 float:left; 
 position:relative; 
 margin-left:-160px; 
 margin-right:1px;
 margin-top:18px;
 }

#left a {	
 font-family: Arial, Helvetica, sans-serif;
 color: #aeb6bb;
 font-size: 10pt;
 text-decoration: none;
 line-height: 1.4em;
 }

#left a:hover {	
 font-family: Arial, Helvetica, sans-serif;
 color: #ffffff;
 font-size: 10pt;
 text-decoration: none;
 line-height: 1.4em;
 }

#leftbox {
 background-color: #373944;
 width:128px; 
 float:left; 
 position:relative; 
 margin:240px 1px 0px -152px;
 clear: right; 
 }
#leftbox img {
 border:1px solid #aeb6bb;
}

#iconbox {
 background-color: #373944;
 width:133px; 
 float:left; 
 position:relative; 
 margin:195px 1px 0px -154px;
 clear: right; 
 }
#iconbox img {
 border:0px solid #aeb6bb;
}
/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; 
padding: 8px;
}

p {
padding: 5px 10px;
margin:0px; 
text-align:justify;
}

li {
padding: 0px 10px;
text-align:justify;
}

.floatright {
float: right;
margin: 0px 0px 1px 10px;
border: 1px solid #aeb6bb;
padding: 1px;
clear: right;
}

.floatleft {
float: left;
margin: 0px 10px 1px 10px;
border: 1px solid #aeb6bb;
padding: 1px;
clear: all;
}

#cuadro, #cuadro_small {
	width: 560px;
	border: 1px solid #7f2522;
	padding: 5px;
	margin-bottom: 15px;
	clear: right;	
}

.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.button {
    border: none;
    background: url(images/button.gif) no-repeat top center;
    padding: 5px 8px 5px 8px;
    width: 572px;
    font-size: 12px;
}
.button:hover {
    border: none;
    background: url(images/button1.gif) no-repeat top center;
    padding: 5px 8px 5px 8px;
    width: 572px;
    font-size: 12px;
}


#form-container {
	width: 550px;
	background-color: #fff;
	border: 1px solid #72183B;
	padding: 6px;
	text-align: center;
}


#form-container p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #333333;
}

#form-container table {
	width: 99%;
	background-color: #cccccc;
	border: 1px solid #373944;
	padding: 5px 10px 5 px 10px;
}

#form-container table.contact {
	width: 99%;
	background-color: #fff;
	border: 0px;
	padding: 5px 10px 5 px 10px;
}

#form-container td {
	width: 60%;
	padding: 2px;
	text-align: left;
	border: none;
	color: #373944
}

#form-container td.hed {
	width: 40%;
	text-align: left;
	font-size: 11px;
	font-weight: none;
	color: #373944
}

#form-container td.big {
	width: 90%;
	text-align: left;
	font-size: 11px;
	font-weight: none;
	color: #373944
}
#form-container td.small {
	width: 10%;
	text-align: center;
	font-size: 11px;
	font-weight: none;
	color: #373944
}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

#bottomline {
background-image: url(images/bottom.gif);
height: 16px;
font-family: Arial, Helvetica, sans-serif;
color: #cccccc;
font-size: 11px;
text-align: right;
}

#bottomline a {
color: #bf9953;
text-decoration: none;
}

#bottomline a:hover {
color: #ffffff;
text-decoration: none;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
