html
 {  margin:0; padding:0 ;font-size:14px; background-color:#ffffff; }



 *  {   padding:0; margin:0; border-collapse:collapse; text-decoration:none; text-align: left; font-family:  "PT Sans", Nunito, Roboto,  Arial, Helvetica, sans-serif;    }

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

#headtable  {width:100%;    border:0px solid green; height:150px;   }
#headtable  tr td {text-align:center; vertical-align:middle;}

 /* title */
div.customtitle  p  { text-align: left;  position:relative; top:0px; font-size:23px; line-height:30px }
div.customtitle  p strong, div.customtitle h4  { text-align: left;  position:relative; top:0px; font-size:42px; line-height:50px; font-weight:400; }

div.letter  {background-color:#0d30b3; color:#fff; border-radius:4px; padding:5px 7px;    margin:auto; cursor:pointer; width:200px }




        /* phones */
#tdphones  * {  text-align: center;}
#tdphones   {  padding-left:0px;}
div.customphones  {text-align: left; position:relative; top:0px; left:0px;  margin-top:0px; margin-bottom:10px  }
div.customphones  p, div.customphones a  { text-align: left;  position:relative; top:0px; font-size:16px; line-height:20px; margin:10px auto }
div.customphones  p strong, div.customphones  strong a { text-align: left;  position:relative; top:0px; font-size:23px; line-height:30px; font-weight:400; }
div.customphones img { position:relative; top:0px; left:0px}
div.customphones a {  text-decoration:none; color:#000000}
div.customphones  h6 {width:240px;  font-size:16px; line-height:20px; font-weight:400; margin:auto}

 /* hor menu  */
 div.menu     { background-color:#173a7a; }
div.moduletablehormenu  {background-color:none ; width:100%;  margin:0; padding:10px 0; text-align:center   }
div.moduletablehormenu span  { padding:0 10px ;}
div.moduletablehormenu span  a { text-align:center;text-decoration:none;  font-size:18px; text-transform:uppercase; padding:0 7px; font-weight:400; color:#ffffff }
div.moduletablehormenu span  a:hover {   text-decoration:underline;}
div.moduletable_usermenu   a,  div.moduletable_usermenu   span {white-space:  nowrap   }
div.moduletablehormenu   a,  div.moduletablehormenu   span {white-space:  nowrap   }


  div.moduletable, div.moduletablelabels, div.moduletable_katalog  {border:0px solid #f4595f; float:none; clear:both; width:100% }



  /* breadcrumbs */
.breadcrumbs, .article-info { padding: 7px;margin: 0 0 18px;list-style: none; font-size:12px; }


 div.moduletable h3, div.moduletable_news h3, div.moduletable_katalog h3, div.moduletablelabels h3    { text-align:center; font-size:27px; line-height:32px; text-transform:uppercase; margin-bottom:10px; font-weight:400; font-family: 'Oswald', "PT Sans", Arial, Helvetica, sans-serif;  }
 #left  h3 {margin:0; text-align:left;}



   /* preim */
 #preim * { text-align:center; color:#fff   }
 #preim  {  margin:auto; width:100%; border-collapse:separate; border-spacing:20px }
 #preim  tr td {width:25%; vertical-align:top;   }
 #preim  tr td,  #preim  tr td p  {    font-size:18px; line-height:22px;}
 #preim  tr td h4  {  min-height:25px; margin:10px auto;  font-size:20px; line-height:25px; font-weight:600;  }
 #preim img {border-radius:120px}


#banner div.custombannermob *  { text-align:center; color:#fff; margin:auto   }
#banner div.custombannermob p  {  font-size:20px; line-height:25px;   }
#banner div.custombannermob div {margin-top:30px}
#banner div.custombannermob    { margin:30px auto  }
#banner div.moduletablebannermob    { margin:30px auto  }

/*   all fonts    */
div.item-page,  div.item-page p, div.item-page ul li, div.category_description p,
div.moduletable p, div.moduletable div, div.moduletable li, div.blog p, div.jshop_prod_description, #comjshop_list_product div.description,
div.manufacturer_name, div.nspArt p, div.jshop_list_product  div.description
 {   margin:0; padding:0; font-size:15px; line-height:22px; text-align:justify;  }    /*   page    */

div.item-page  a {color:#003399; text-decoration:underline}
div.item-page p, div.category_description p, div.jshop_prod_description p  {margin:15px auto}



@media screen and (max-width: 980px) { }

/* floatlabel */
div#floatlabel  div { border:px solid brown; text-align: center; margin:20px auto}

/* polosa snizu */
div.under {  background-color:#0d30b3;  border-top:5px solid #2895fb; padding:0px 0 }
div.under div.center {margin:30px auto; border-top:5px solid brown;}
div.moduletablepolosa  {text-align: center;  width:100%;  margin:0px auto;    }
div.moduletablepolosa  *     {text-align: center;   margin:auto;  font-size:16px; line-height:26px; color:#fff }
div.moduletablepolosa p strong { font-weight:400; }



 .mobonly  { display:none  }
 .notmob    {  display:block;  }


    /* maket */
div.wrapper { text-align:center; padding:0 0px; float:none; clear:both;  min-width:1100px;   }
div.center { margin: auto; width:990px; border:0px solid green;    }
#middletable { width:100% ;  border:0px solid red}
#center  {padding:30px 0px 30px 0px; vertical-align:top; border:0px solid green }

@media screen  and (orientation:portrait)
 {
  div.flex1 {width:99% !important; border:0px solid green}
div.flex2 {width:99% !important; border:0px solid green  }
div.flex1 img {width:100%}
}

 @media screen  and (orientation:landscape)   {
#flexpage { border:0px solid brown ;  width:100%; display: flex;  flex-direction: row; height: auto;  align-items: center;  flex-wrap: wrap;  justify-content:space-between;  align-content: start;margin:auto; }
div.flexcontainer div.flex1 {width:40%;border:0px solid green}
div.flexcontainer div.flex2 {width:57%; border:0px solid green}
div.flexcontainer div.flex1 img {width:100%}
}



 div.banner { background-image:url('/images/fon2.jpg');  background-position:50% 0px; background-repeat:repeat; background-attachment:fixed;background-size:cover    }


   /* articles on 1 page */
 ul.mod-list li {list-style-type:none; margin:30px 0}
 ul.mod-list li a.mod-articles-category-title   { font-size:22px; line-height:26px; color:#173a7a;  text-align:left !important; margin:0px 0}
 ul.mod-list li a.podr {display: block;  width:120px; background-color:#265a95; color:#ffffff; text-align:center; font-size:14px; line-height:30px; }



   /* prices */
  #prices * { text-align:center;   }
  #prices  {  margin:auto; width:100%; border-collapse:separate; border-spacing:0px; border:3px solid #4550c0 }
 #prices  tr td { border:1px solid #4550c0  }
 #prices  tr td,  #prices  tr td p  {    font-size:17px; line-height:20px;}
 #prices  tr td h4  {  min-height:25px; margin:10px auto;  font-size:20px; line-height:25px; font-weight:600;  }


@media screen  and (orientation:portrait)
 {

 #banner div.moduletablebannermob p  {    font-size:17px; line-height:20px; color:#fff; margin:20px auto}
}




