/* TYPO */

body { font-size: 12px; line-height: 14px; font-family: geneva,arial,sans-serif; color:#000; }

/* CSS RESET */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
/*address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }*/
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/* BASIC */

a { text-decoration:none; }
img {border:0;}

* html .clear{  height: 1%;  overflow: visible;}
*+html .clear{  min-height: 1%;}
.clear:after{  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;  font-size: 0;}

.show {display:block;}
.hide {display:none;}
.inline {display:inline;}


.nodisplay {display:none;}
.displayinline {display:inline;}
.displayblock {display:block;}

/* FRAMEWORK */

#framework {position:relative;width:786px; margin:0 auto; }
#framework #top { position:relative;width:786px; margin-bottom:10px;}
#framework #top .logo { width:786px; margin-bottom:0; }
#framework #top .first { width:786px; }
#framework #top .first img { float:left; }
#framework #top .second { width:784px; border:1px solid #000; background-color:#ffffff; color:#000; margin-top:3px; }
#framework #top .second p { padding:5px; font-weight:bold; }
#framework #top .second p a { color:#000; font-weight:bold; text-decoration:underline; }
#framework #content { position:relative;width:786px; }
#framework #content #left { float:left;display: inline;width:151px; }
#framework #content #left ul {list-style:none;width:150px; font-family:Courier; font-size:19px; }
#framework #content #left ul li { margin-bottom:8px; }
#framework #content #left ul li a { color:#000; text-transform:uppercase; }
#framework #content #left ul li a:hover { color:#c21169; text-transform:uppercase; }
#framework #content #left ul li.selected { color:#c21169; }
#framework #content #left ul li.selected a { color:#c21169; text-transform:uppercase; }
#framework #content #left ul li.image { margin:0; }
#framework #content #left ul li img { }
#framework #content #left ul li ul {width:140px;margin:8px 0 0 10px;}
#framework #content #left ul li a.child { color:#c21169; text-transform:none; }
#framework #content #middle { float:left;display: inline;width:484px;}
#framework #content #middle .inner { width:460px; margin: 0 5px 0 9px; }
#framework #content #right { float:right;display: inline;width:151px; }
#framework #content #right .inner {  width:151px; }
#framework #footer { position:relative;width:786px;height:90px;border-top:1px solid #b4b1a1;margin:20px 0 20px 0;}
#framework #footer .text { width:786px; height:20px; padding:17px 0 17px 0;  }
#framework #footer .text p { text-align:center; vertical-align:middle;}
#framework #footer .text p a { color:#3AABE4; }
#framework #footer .logos { width:786px; height:30px; }
#framework #footer .logos img { float: left; padding: 0 14px 0 0; }

/* SEARCH */

#framework #content #left .search { margin-bottom:10px;}
#framework #content #left .search .input { width: 148px; padding:4px 0 4px 0;border: 1px solid #857d6d; background: #f2f2eb; color:#857d6d; }
#framework #content #left .search .button { margin:5px 5px 0 0;}
#framework #content #left .search a img.button { margin:5px 5px 0 20px;}

/* GRID */

.grid { width:460px; }
.grid .row { position:relative; width:460px; margin:0; clear:both; border-bottom:1px solid #cccaba;} 
.grid .row .one { float:left; width:460px; margin:0; }
.grid .row .half { float:left; width:229px; border-left:1px solid #cccaba; min-height:180px; }
.grid .row .third { float:left; width:152px; border-left:1px solid #cccaba; min-height:160px; }
.grid .row .fourth { float:left; width:114px; border-left:1px solid #cccaba; min-height:140px; }
.grid .row .one .article { width:445px; margin:0; }
.grid .row .half .article { width:215px; margin:0; }
.grid .row .third .article  { width:135px; margin:0; }
.grid .row .fourth .article  { width:97px; margin:0; }
.grid .row .first {border:none;}

#framework #content #full { float:left;display: inline;width:635px; }
#framework #content #full .inner { width:611px; margin: 0 10px 0 14px; }
#framework #content #full .grid { width:611px; }
#framework #content #full .grid .row { position:relative; width:611px; clear:both; border-bottom:1px solid #cccaba; } 
#framework #content #full .grid .noline { border:none;}
#framework #content #full .grid .row .one { float:left; width:611px;  }
#framework #content #full .grid .row .half { float:left; width:304px; border-left:1px solid #cccaba; }
#framework #content #full .grid .row .third { float:left; width:202px; border-left:1px solid #cccaba; }
#framework #content #full .grid .row .fourth { float:left; width:151px; border-left:1px solid #cccaba; }
#framework #content #full .grid .row .one .article { width:596px; margin:0; }
#framework #content #full .grid .row .half .article { width:290px; margin:0; }
#framework #content #full .grid .row .third .article  { width:187px; margin:0; }
#framework #content #full .grid .row .fourth .article  { width:137px; margin:0; }
#framework #content #full .grid .row .first {border:none;}

.grid .noline, .grid .noline .half, .grid .noline .third { border:none;}

/* ARTICLES */

.small {  }
.small .image { float:left; float:left; display:inline; text-align:center; }
.small .image img { width:80px; }
.small .links { clear:both; }
.small .links a { }
.small .info { clear:both; margin-top:15px; }
.small .info h3 { font-weight:bold; width:100%; }
.small .info p { margin:3px 0 3px 0; line-height:16px; width:100%; }
.small .info .price { color:red; }

.medium {   }
.medium .image { float:left; display:inline; width:120px; float:left; text-align:center; }
.medium .image img { width:110px;}
.medium .links { float:right; display:inline; margin-top:40px; }
.medium .links a { }
.medium .info { clear:both; width:100%; margin-top:15px;}
.medium .info h3 { font-weight:bold; }
.medium .info p { margin:3px 0 3px 0; line-height:16px; width:100%; }
.medium .info .price { color:red; }

.large {   }
.large .left { position:absolute; top:0;left:0;  }
.large .left .image { width:135px; text-align:center;}
.large .left .image img { width:125px; }
.large .right { margin-left:135px;  }
.large .right .info { }
.large .right .info h3 { font-weight:bold; }
.large .right .info .price { color:red; }
.large .right .info p { margin:3px 0 3px 0; line-height:16px;clear:left; }
.large .right .info .links { float:right; padding:5px 0 5px 5px; }
.large .right .info .links a { }
.large .right .texts { clear:left; width:100%; }
.large .right .texts p { margin:3px 0 10px 0; line-height:16px; width:100%; }

.view {  }
.view h2 { font-weight:bold; }
.view .image { position:absolute; top:0;left:0; width:135px; }
.view .image img {}
.view .info .links { float:right; padding:5px 0 10px 5px; }
.view .info .links a {  }
.view .info { margin-left:135px; }
.view .info p { margin:3px 0 3px 0; line-height:16px; }
.view .texts { margin-left:135px; }
.view .texts p { margin:3px 0 10px 0; line-height:16px; }
.view .price { color:red;  }

/* PAGEPART */

.pagepart { margin:0 0 10px 0; }
.pagepart h2 { font-size:18px; font-family:arial,helvetica, Sans-Serif; font-weight:bold; margin:3px 0 10px 0; }
.pagepart h3 { font-size:16px; font-family:arial,helvetica, Sans-Serif; font-weight:bold; margin:3px 0 10px 0; }
.pagepart h4 { font-size:14px; font-family:arial,helvetica, Sans-Serif; font-weight:bold; margin:3px 0 10px 0; }
.pagepart h5 { font-size:13px; font-family:arial,helvetica, Sans-Serif; font-weight:bold; margin:3px 0 10px 0; }
.pagepart h6 { font-size:12px; font-family:arial,helvetica, Sans-Serif; font-weight:bold; margin:3px 0 10px 0; }
.pagepart p { margin:3px 0 10px 0; line-height:16px;}
.pagepart table { }
.pagepart table tr { }
.pagepart table td { padding:5px 5px 5px 5px; line-height:16px; }
.pagepart table td input[type=text] { width:200px; padding:2px; border: 1px solid #857d6d; background: #f2f2eb; color:#857d6d;}
.pagepart table td input[type=password] { width:200px; padding:2px; border: 1px solid #857d6d; background: #f2f2eb; color:#857d6d;  }
.pagepart table td textarea { width:200px; padding:2px; border: 1px solid #857d6d; background: #f2f2eb; color:#857d6d;  }

h2 { font-size:18px; font-family:arial,helvetica, Sans-Serif; font-weight:bold; margin:3px 0 10px 0; }
h3 { font-size:16px; font-family:arial,helvetica, Sans-Serif; font-weight:bold; margin:3px 0 10px 0; }
h4 { font-size:14px; font-family:arial,helvetica, Sans-Serif; font-weight:bold; margin:3px 0 10px 0; }
h5 { font-size:13px; font-family:arial,helvetica, Sans-Serif; font-weight:bold; margin:3px 0 10px 0; }
h6 { font-size:12px; font-family:arial,helvetica, Sans-Serif; font-weight:bold; margin:3px 0 10px 0; }

table { }
table tr { }
table td { padding:5px 5px 5px 5px; line-height:16px; }
table td input[type=text] { width:200px; padding:2px; border: 1px solid #857d6d; background: #f2f2eb; color:#857d6d;}
table td input[type=password] { width:200px; padding:2px; border: 1px solid #857d6d; background: #f2f2eb; color:#857d6d;  }
table td textarea { width:200px; padding:2px; border: 1px solid #857d6d; background: #f2f2eb; color:#857d6d;  }