@import url("webfonts.css");
html{ background:#8BA7E1 }
body {
text-align: center; margin:0px; padding:0px; background:#FFFFFF url(images/mainbg.gif) 0 -55px repeat-x ; color:#0D1F50; font:16px/18px "Helvetica Neue", Helvetica,Arial,sans-serif, Trebuchet MS;  
}
div, p, ul, h1, h2, h3, h4, img, form, label{padding:0px; margin:0px; line-height: 1.1}
ul{list-style-type:none;}
.clear {clear: both !important; float: none !important; height:1px;}

/*----MAIN PANEL----*/
#mainPan{width:950px;  margin:0 auto; padding:0px;  border-left: 0px solid; border: 0px solid ; background-color:transparent ;text-align: left;
/*min-height:780px; height:auto !important; */
height:400px;
}
/* for Internet Explorer */
html>body #mainPan {
height: auto; /* reset the height for compliant browsers */
min-height: 400px;
}

/* HEADER */
#header {width:100%; height: 121px; width:auto; background:transparent url(images/header.gif) 0 0 no-repeat ;  border: 0px solid red;}

#logo{ width:10px; border: 0px solid orange;height:0px; position:relative; margin:0 auto; padding:0;  float: left}
#logo img{width:0px; height:0px; margin:15px 0 0 20px;}



#menu { position: relative; width:100%; height: auto;  border: 0px solid ;  background:url(images/bg_callus.gif) 560px top no-repeat transparent;}
#menu p {border: 0px solid red;  color: #FFFFFF; font: 38px "TALUHLA-Regular", Helvetica,  Times, serif; padding: 20px 0 25px 30px; font-weight: 900 }
#menu p.promo {position: absolute; right: 30px; top: 10px; text-align: right; font-weight: 900; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #143784}



/* menu tabs */
#menu ul { position: absolute; left: 0px; top:86px;
    padding: 0; border: 0px solid white  ; text-align: right ; 
   list-style:none; height: 30px ; text-transform: uppercase;
font: bold 14px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#menu li {
   display:inline;
   margin:0  ; padding:0 ;
}
#menu a {
   float:left;
   background: url(images/tableft.gif) no-repeat left top;
   margin:0 3px 0 0;
   padding:0 0 0 7px;
   text-decoration:none;
}
#menu a span {
   float:left;
   display:block;
   background: url(images/tabright.gif) no-repeat right top;
   padding:10px 55px 10px 50px;   _padding: 10px 55px 10px 50px;
   color: #EFEFEF ; border: 0px solid ;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */

#menu a:hover span {
	color:#143784;
}
#menu a:hover {
   background-position:0% -42px; 	
}
#menu a:hover span {
   background-position:100% -42px;
}
#menu #current a {
   background-position:0% -42px;
	color: #143784;
}
#menu #current a span {
   background-position:100% -42px;
	color: #143784;
   padding:10px 55px 10px 50px;   _padding: 10px 55px 10px 50px;
}

/* end menu tabs */


/*----Left Panel----*/
#left{ display: none ; width:206px;  padding:290px 0 0 0px; float:left; border: 1px solid orange;  text-align: center}
div.bgleft_00 { background:transparent url(images/menu-bg_00.gif) 0 0 no-repeat ;}
div.bgleft_01 { background:transparent url(images/menu-bg_01.gif) 0 0 no-repeat ;}
div.bgleft_02 { background:transparent url(images/menu-bg_02.gif) 0 0 no-repeat ;}
div.bgleft_03 { background:transparent url(images/menu-bg_03.gif) 0 0 no-repeat ;}
div.bgleft_04 { background:transparent url(images/menu-bg_04.gif) 0 0 no-repeat ;}
div.bgleft_05 { background:transparent url(images/menu-bg_05.gif) 0 0 no-repeat ;}
div.bgleft_06 { background:transparent url(images/menu-bg_06.gif) 0 0 no-repeat ;}
div.bgleft_07 { background:transparent url(images/menu-bg_07.gif) 0 0 no-repeat ;}



#left h2{width:90px; height:63px; background:#F6F4E4; color:#8F146E; font-size:24px; line-height:63px; padding:0 0 0 63px; font-weight:normal;}



/*----/Left Panel----*/

/*----Right Panel----*/
#rightPan{width:950px; float:right; border: 0px solid orange; font-size: 90%; padding: 40px 0 30px 0}
div.home { background:transparent url(images/ipad-vpravo1.jpg) right 10px no-repeat ;}
div.features { background:transparent url(images/ipad-vlavo1.jpg) right 70px no-repeat ;}
div.contact { background:transparent url(images/babybee01.jpg) left 70px no-repeat ;padding-left: 300px}
div.parents { background:transparent url(images/bg_parents_1.jpg) 0px 30px no-repeat ;padding-left: 400px}
div.box { float: left; width: 450px; border: 0px solid ; }
div.uvod { float: left; width: 260px; border: 0px solid ; text-align: right; margin-right: 20px }
div.boxr { float: right; width: 310px; border: 0px solid ; }
div.feal { background:transparent url(images/fea-l.jpg) center 50px no-repeat ; }
div.feap { background:transparent url(images/bg_fea.jpg) right 50px  no-repeat ;}
div.dir { background:transparent url(images/babybee.jpg) center 50px no-repeat ;}

#rightPan ul {list-style-type:disc; margin: 15px 0 ; padding: 10px 5px 10px 25px ; border: 0px solid #214590 ; background:url(images/bg_ul1.gif) 0 0 repeat-x transparent;}
#rightPan ul li { padding: 2px 0; }
#rightPan ul li {  ; padding: 4px 0; border-bottom: 0px dashed gray}

/*#B7D726 */
#rightPan h1{width:85%;  color: #A4CB21;  font:40px "Trebuchet MS", Georgia, Times, serif; padding:0; line-height: 1.6; letter-spacing: 0.7px}
#rightPan h1.lh { line-height: 1.4}
#rightPan h1.mar { line-height: 1; margin: 0 0 30px 0}
#rightPan h1.test {font-family:  "TALUHLA-Regular", Georgia, Times, serif; font-weight: 900}
#rightPan h1 span {font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#rightPan h2 { color:#143784; font-size:22px; line-height:1.1; padding:0 0 10px 0px; margin:0px; border-bottom: 0px solid #D7D7D7}
#rightPan h2.h42 { color:#A4CB21; padding:0 }
#rightPan h2.first {  font-size:24px; line-height:1; padding:0 px; margin: 0; border: 0px solid}
/*
#rightPan h2{height:36px; display:block; background:url(images/icon1.jpg) 0 0 no-repeat #F6F4E4; color:#8F146E; font-size:24px; line-height:36px; padding:0 0 0 65px; margin:29px 0 0 0px;}
*/
#rightPan h3  { color: #A4CB21; font-size: 170%; float: none; clear: both ; }
h3.fea  { color: #A4CB21; font-size: 170%; text-align: center; float: none; clear: both ; padding: 15px 0 260px 0}
h3.shot  { color: #A4CB21; font-size: 170%; text-align: center; float: none; clear: both ; padding: 15px 0 20px 0}
#rightPan h3 span { font-weight: normal}

#rightPan h4{ height:auto; display:block; background:url(images/icon21.jpg) 0 0 no-repeat transparent; color:#A4CB21; font-size:16px; line-height:1.8; padding:0 0 10px 0px; margin:0 0 0 0px; clear:both;}
#rightPan h4 span{color:#9F9D81; background:transparent; font-size:14px; font-weight:normal; line-height:18px;}
#rightPan h4 span.phone { font-size:120% ; font-weight: bold; color: #143784 ;line-height:18px }

#rightPan #artshort {  display:block; margin: 0; padding: 25px 0 0 0 ; border: 0px solid}
#rightPan h5{  display:block;  line-height:29px; color:#7290CA; font-size:22px; padding:0; margin:0 0 10px 0; clear:both; border-bottom: 0px solid}
#rightPan h5 span{ color:#0D1F50; background:transparent; font-size:14px; font-style: italic; font-weight:normal; line-height:19px;}
#rightPan h5 img{ float: left ; margin: 0 15px 30px 0; padding: 0}
#rightPan h5 a {text-decoration: underline }
#rightPan h5 a:hover {text-decoration: none }
#artshort a {text-decoration: none }

#rightPan p{padding:15px 0 0 0;}
#rightPan p img.vpravo{padding:0 0 10px 10px; float: right}
#rightPan p img.vlavo{padding:0 10px 10px 0px; float: left}
#rightPan p.bottompadding{padding:22px 0 0 0; margin:0 0 38px 0;}
#rightPan p span.boldtext { font-weight:bold;}
#rightPan p span.magedacolortext{background:#F6F4E4; color:#8F146E;}

#rightPan .vlavo { width: 265px ; float: left ; border: 0px solid; margin-right: 20px}
#rightPan .faq { width: 560px ;  border: 0px solid; }
#rightPan .faq p { margin: 0; padding: 0 }
#rightPan .vpravo { width: 400px ; float: right ; border: 0px solid; }
#rightPan .find {  text-align: right ; border: 0px solid; }
#rightPan .par { width: 560px ;  border: 0px solid; }
#rightPan .more { display: block ; background:transparent url(images/bg_more-200.gif) 0 50% no-repeat ;  font-size: 150%; color: white; padding: 5px 60px 5px 25px ;  text-align: left; text-decoration: none }
#rightPan .more25 { background:transparent url(images/bg_more-300.gif) 0 50% no-repeat ;  font-size: 150%; color: white; padding: 5px 60px 5px 25px ;  text-align: left; text-decoration: none }
#rightPan .con { padding: 5px 50px 5px 25px ;   }
#rightPan .col { margin: 5px 0 ;  border: 0px solid blue}

.price {  font-size: 120% ; }
.top { font-weight: bold ;   }
.price td { text-align: center ; padding: 10px ; width: 16% ; font-size: 110% ; color: #143784; font-weight: bold ;  }
.price td span { font-size: 130% ; color: #84AC00 }
.price .sec {  padding: 30px 0 ; }
.price .sec span{  padding: 50px 0 ; color: #8EAAE5}
.price .first { text-align: left ; font-size: 100% ; font-weight: bold; padding-left: 15px ;  width: 22% ; color: #84AC00}
h2 span {    font-size: 70% }
h2 span.phone {  color: #8EAAE5 ;  font-size: 90% }

/*----/Right Panel----*/

/*---------/ FORM /------------------*/

form{ margin:0 auto; border: 0px solid}
form input{width:220px; height:30px; margin:3px 5px 2px 0px; padding-left: 7px;   border: 1px solid #88A4DE}
form input.poslat{ background: #eee; font-size:12px; font-weight:bold; line-height:18px; border:none; padding:0 10px 0 0;  margin:15px 10px 2px 0px;  border: 1px solid #88A4DE}
form input.reset{ width: 120px; background: #FFF; font-size:12px; font-weight:bold; line-height:18px; border:none; padding:0 10px 0 0;  margin:15px 10px 2px 0px;  border: 1px solid #88A4DE}
form textarea {width:220px; height:50px; margin:3px 0 2px 0px; padding-left: 7px;   border: 1px solid #88A4DE}


/*----Footer Panel----*/
#footer{width: auto;  margin:0 auto; padding:0px;  border-left: 0px solid; border: 0px solid ;  background:url(images/footerbg.gif) 0 0 repeat-x #88A4DE ; text-align: center; min-height: 300px;
}
#footerMain{width:950px; color:#fff; margin: 0 auto; height:50px; clear:both; padding: 15px 0 }
#footerPan{position:relative; margin:0 auto; font:12px/14px "Arial", Helvetica, sans-serif; font-weight:normal;}
#footerPan p.copyright{ color:#b6d6fD; text-align: left; padding: 0px ; width:100%}

a {color:#7290CA;}
a:hover {text-decoration: none }