/* CSS Document */
html {margin:0px;padding:0px;}

.logo, IMG { 
filter:expression(fixPNG(this)); 
} 

.iePNG A { position: relative; }


*html body {width: expression(document.documentElement.clientWidth < 1004 ? "1004px" : "auto");}
body {
margin:0px;
padding:0px;
background: #93d4df;
font-size:14px;
font-family:tahoma;
color:#ffffff;
min-width: 1004px;

}
#all {
width:100%;
height:100%;
float:left;
margin:0px;
padding:0px;
}
#left {
background:url(/templates/main/images/teen/grad_left.gif) top right repeat-y;
width:34%;
float:left;
position:relative;
margin-right:-34%;
}
.logo {
position:absolute;
top:51px;
right:20px;
height:65px;
width:240px;
background:url(/templates/main/images/all/logo.png) top left repeat-x;
}
.logo_link {
position:absolute;
top:51px;
right:20px;
height:65px;
width:240px;
}
.logo_link a {
display:block;
width:240px;
height:65px;
z-index:1000;
}
.leftimg {
background:url(/templates/main/images/teen/leftimg.jpg) top left no-repeat;
width:257px;
height:417px;
position:absolute;
top:195px;
right:0px;
}
.contact {
font-family:arial;
font-size:12px;
right:20px;
position:absolute;
top:119px;
width:170px;
}
.contact div {
text-align:right;
width:89px;
}
#bottom_left{
background:transparent url(/templates/main/images/teen/bottom_left.jpg) repeat-x scroll right bottom;
bottom:0;
height:292px;
position:absolute;
right:0;
width:100%;
}
#right {
margin-left:34%;
width:66%;
float:left;
_margin-left:17%;
}
#header {
background:url(/templates/main/images/teen/header.jpg) top left no-repeat;
height:553px;
position:relative;
width:100%;
min-width:100%;
}
#center {
width:100%;
min-width:100%;
height:auto!important;
float:left;
background:url(/templates/main/images/teen/grad_c.gif) bottom left repeat-x;
}
#navi {
width:100%;
float:left;
font-size:12px !important;
z-index:1000;
}
#navi a {
display:block;
float:left;
color:#35343c;
text-decoration:none;
z-index:1000;
padding:0 7px;
}
#navi a:hover {
color:#0b6373;
text-decoration:underline;
}
#navi ul {
list-style-type:none;
margin:0;
padding:0;
z-index:1000;
}
#navi ul li {
float:left;
display:block;
padding:0 7px;
position:relative;
z-index:1000;
}
#catalogue {
float:left !important;
padding:0 7px;
*padding:0 !important;
}
#navi ul a {
padding:0px;
z-index:1000;
}
#navi ul ul {
position:absolute;
top:14px;
left:0px;
*left:0px;
padding:0px;
margin:0px;
list-style-type:none;
display:none;
z-index:1000;
float:left;
width:140px;
}
#navi li ul li {
background:#3bbed6;
height:20px;
padding:3px 0 3px 10px;
width:140px;
z-index:1000;
float:left;
display:block;
}
#navi li ul li:hover,
#navi li ul li.jsover {
background:#54d0e5;
z-index:1000;
}
#navi li ul li a {
color:#FFF;
z-index:1000;
}
#navi li ul li:hover a,
#navi li ul li.jsover a {
color:#0b6373;
z-index:1000;
} 
#navi li:hover ul,
#navi li.jsover ul,
#navi li a:hover ul {
display:block;
z-index:1000;
}
#content {
min-height:400px;
height:auto!important;
height:400px;
float:left;
width:90%;
padding:30px 5px;
min-width:90%;
}
#content a {
color:#085564;
}

#seotext {
color:#8f8f8f;
float:left;
padding:0 20px;
}
#footer {
height:90px;
width:100%;
min-width:100%;
float:left;
position:relative;
background:url(/templates/main/images/teen/footer.gif) top left repeat-x;
}
.pdv {
background:transparent url(/templates/main/images/teen/pdv.gif) no-repeat scroll left top;
bottom:8px;
color:#fff;
font-size:11px;
height:48px;
right:34%;
padding-left:48px;
position:absolute;
width:170px;
}
.pdv a {
color:#085564;
}
.counter {
position:absolute;
width:88px;
height:15px;
right:17%;
top:36px;
}
/***************************************************/
#content img {
z-index:0;
border:0px;
}
#content table {
border:1px;
width:100px;
}
#content table td {
vertical-align:top;
}
#content table .mid {
text-align:right;
background:#c2e9ee;
color:#0b6373;
}
#content table .bot {
text-align:right;
padding-left:29px;
}
#content table a {
text-decoration:none;
color:#000 !important;
}
#content table a:hover {
color:#0b6373 !important;
text-decoration:underline;
}