/* CSS Document */

*{margin: 0 ; padding: 0 ;}    
body {
  font: 75% 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
 	background: #fff;
  color: #333333;
  	text-align: center;  
}
h1, h2, h3, h4, h5, h6 {
  margin: 20px 0px 10px 0;
  padding: 0 ;
  color: #df011a;
  font-weight: bold;
   }
h1{font-size: 2.2em;font-weight:normal;}
h2{font-size: 1.8em;}
h3{font-size: 1.2em;color:#11559e; }
h4{font-size: 1.1em;  }
h5{font-size: 1em; color: #000;}
h6{font-size: 0.8em; color: #333333;}
  
p{line-height: 140%; margin:15px 0px; font-size: 1em;}
ul{margin: 15px 0 20px 40px ; list-style: square ; line-height: 140%; }
ul.extra li{list-style: none; background: url(../img/li.gif) no-repeat ;  padding-left: 22px;line-height:20px;}
ol{margin: 15px 0 20px 40px ; line-height: 140%; }
li{margin: 10px 0;}
dl{margin: 20px 0 20px 0px ;line-height: 140%;}
dt{font-weight: bold;color: #e31920;}
dd{margin: 0 0 15px 30px;}

img{border: 0 }  
img.foto{	/*border: 3px solid #97bed4 ;*/ }  
img.fl{margin-right: 1.3em; margin-bottom: 0.5em; }
img.fr{margin-left: 1.3em; margin-bottom: 0.5em;}

address{ line-height: 140%;	margin: 15px 0px 20px 0px; font-style: normal; }
big{font-size: 1.2em;line-height: 140%; }  
small{font-size: 0.8em;}
  
a:link {text-decoration: underline; color: #003399;}
a:visited {text-decoration: underline; color: #3399cc;}
a:active {text-decoration: underline; color: #333;}
a:hover {text-decoration: none; color: #000;}

a:hover .foto{border-color: #d1e1ec;}

  
hr {display: none;}

/*		table		*/
table{ 
  margin: 20px 0; 
  border: none;
  border-collapse: collapse;
  font-size: 0.9em; 
  }
tr.licha{
background:#f1f7ff;
}
tr:hover{
background:#fbfbdf;
} 
td{
  padding:4px 6px;
  }
th{
  padding: 4px 6px; 
  color: #11559e;
  font-weight:bold;
  }
.note {background-color: #eee; border: 1px solid #eee;}
.note span{ 
  display: block; 
  border: 2px solid white ;
  padding: 10px 15px ;
  background-color: #eee;
  }  

/*		forms		*/
fieldset{border: 1px solid #ccc;	padding: 20px 20px 20px 40px;	margin:15px 0; }
legend{border: 1px solid #ccc;	
padding:3px 20px;	margin-bottom:25px;	color: #999; }

label{	
  display: block;	
  clear: both; 
  line-height: 20px;
  margin-top: 10px;
  font-weight: bold;
	}
input,select,textarea{
  font-size: 1em ; 
 font-family: arial ce, arial, helvetica ce, helvetica, sans-serif; 
  border-width: 2px ; 
  vertical-align: middle;}
.button{padding: 3px 10px ;_padding: 1px ; margin: 3px; width: auto; font-weight: bold; }

.button_gfx {
	width:180px; 
	height:30px; 
	background: url(../img/button.gif) no-repeat ;
	border: none ;
	 color: white;
	 text-align: left;
	 padding-left: 30px;
	 font-weight: bold;
	 
}

/*  ID  */
#bottom{
	background: white url(../img/footer.jpg) repeat-x bottom;
	margin-bottom:;
}
#page{
  padding: 0 ;  
  background: url(../img/body.jpg) repeat-x ;
}
#center{
  padding: 0px 0 0 0 ;	 
   width: 780px;
  margin: 0 auto ;
   text-align: left;
  position: relative;
background: white ;
}

#header{
  height: 212px ;
  position: relative;
 background: #eaeaea url(../img/body.jpg) repeat-x ;
}
#header h3{
  margin: 0 ;
  padding: 0 ;
  border: none;
  height: 138px;
  font-size: 1.6em;
}
#header h3 a{
  display: block;
  text-decoration: none;
  width:370px ;
  line-height:138px ;
  height: 138px ;
  background-color: #004997;
  text-align: center;
  position: relative;
  top: 30px;
  left: 0px;
  color: #fff;
  
}
#header h3 a span{  
  display: block;
  width:370px;
  height: 138px;
  /*background: url(../img/prostenal.gif) no-repeat  ;*/
  position: absolute;
  top: 0px;
  left: 0;
  cursor: pointer;
  cursor: hand;  
}
#header h4{
  margin: 0 ;
  padding: 0 0 0 50px ;
  height: 40px;
  background: #df011a;
  line-height: 40px;
  width: 350px;
	position: absolute;
	text-align: left;
	top: 168px;
	left: 0px;
	color:#fff;
	z-index: 2;
	font-weight:bold;
	font-size: 1.5em;
	border-top:2px solid #b8bfc5;
	border-bottom:2px solid #b8bfc5;
	
}
#header h4 span {
  background: url(../img/h2.gif) no-repeat ;
  width:30px;
  height:44px;
  display:block;
  position:absolute;
  top:-2px;
  left:410px;
}
#theme{
	/*background: url(../img/theme.jpg) no-repeat ;*/
	position: absolute;
	top: 0px;
	right: 0;
	width: 410px;
	height: 212px;
}
/*  navigation */

#navigation{
	width: 240px;
	float: left;
	margin:0;
 }
#navigation ul {
  margin: 20px 10px 20px 37px ;
  list-style: none; 
  position: relative;
}
#navigation li {
margin:0;  
  }
#navigation li a {
  display: block;  position: relative;
  padding: 9px 0 9px 16px; 
  line-height: 15px ;
  text-decoration: none;
  color: #000;
  border-bottom:1px solid #e6e6e6;
  font-size: 1em;
  position: relative;
  font-weight: bold;
  background: url(../img/nav_li.gif) no-repeat 0px 13px;
}
#navigation a:hover{
	color: #929394;
}  
#navigation a.on{
	color: #666;
	background: none ;
} 
#navigation ul ul{
  margin: 5px 0px 5px 12px ;
  list-style: none; 
   position: relative;
}
#navigation ul ul a{
font-weight: normal;
background: url(../img/nav_li_sub.gif) no-repeat 0px 10px;
padding: 3px 0 3px 10px;
border:none;
}
#complex{
text-align:center;
}
#complex p{
color:#004997;
padding:0 20px 50px 20px;
font-size:0.9em;
font-weight:bold;
margin-left:20px;
}
/* content */  
#content{
	padding: 0;
	float: right;
	width: 540px;
}  
.maincontent{
	padding: 0 30px 30px 30px;	
	margin: 0;
	background: url(../img/intro.jpg) no-repeat 0px 0px ;
  }
#flashcontent{
margin:20px -30px 0 -20px;
}
#ixIntro{
	height: 280px;
	background: url(../img/prostenal_box.jpg) no-repeat 22px 70px;
}
#ixIntro h2{
margin:0;
padding:0px 0 0 20px;
}
#ixIntro h3{
text-align:right;
color:#11559e;
margin:0;
padding:10px 35px 0 0;
}
#ixIntro ul{
	list-style: none;
	padding: 10px 20px 70px 0px;
	margin: 0 ;
	position: relative;
}
#ixIntro ul li{
	background-repeat: no-repeat;
	background-position: 0 6px;
	margin: 0 0px 0px 280px ;
	padding: 5px 0px 5px 27px;
	font-weight: bold;
	color: #333;
	line-height:16px;
	background-image: url(../img/li.gif) ;
}
.box1{
	float: left;
}
.box1 div.in{
	padding-bottom: 20px;
}
.dev30{
  width: 29%;
}
.dev40{
  width: 39%;
}
.dev50{
  width: 49%;
}
.dev60{
  width: 59%;
}
.dev70{
  width: 69%;
}
.secFoot{
	border-top: 1px solid #ddd ;
	margin-top: 3em;
	text-align: right;
	padding-top: 1.5em;
	clear: both;
}

.secFoot img{
	border: none !important;
	margin: none !important;
  }
p.extra{
font-size:1.2em;
}
	

/* footer */
#footer{
  clear: both;
  margin: 0 auto ;
  width: 780px;
	height: 80px;
	padding-top:20px;
  font-size: 0.9em;
  background: url(../img/bg_footer.jpg) no-repeat 0px 0px ;  
  }  
#footer p{
  margin: 0;
  line-height:80px;
  color: #333333;
  padding-left:50px;
  }
#footer p.walmark{
float:right;
padding-right:25px;
margin-top:15px;
text-align:center;
line-height:20px;
}
/* seo */
#seo{
background: url(../img/bg_seo.jpg) repeat-x 0px 0px ;
text-align:center !important;
height:114px; 
}
#seo .in{
width:780px;
margin:0 auto;
} 
.item{
float:left;
width:195px;
display:block;
}
.item h3{
margin:20px 20px 5px 20px;
}
.item h3 a{
color:#000;
text-decoration:none;
}
.item h3 a:hover{
color:#df011a;
}
.item p{
margin:5px 20px 20px 20px;
font-size:0.9em;
}
.item p a{
color:#003399;
text-decoration:none;
}
.item p a:hover{
color:#df011a;
}

   

/*  class   */
.bold{font-weight: bold;}
.noscreen{display: none;}
.blank{border: none ; background: none; list-style: none ; }
.separ {border-bottom: 1px solid #ddd  ; line-height: 1px; font-size: 1px; height: 1px; margin: 25px 0 ;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px; margin: 0 ;}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.justify {text-align: justify;}
.fl { float: left;}
.fr { float: right;}