/*
Theme Name: Universal Theme
Author: Des

*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
    margin: 0;
    padding: 0;
}

body {
    background: #fff url("images/bg_body.png") repeat-x ;
    color: #58636a;
    word-wrap: break-word;
}

 h1, h2, h3, h4, h5 {
    line-height: normal;
}

h1 {
    font-size: 1.25em;
}

 h2 {
    font-size: 1.2em;
}

 h3 {
    font-size: 1.15em;
}

 h4 {
    font-size: 1.1em;
}

 h5 {
    font-size: 1em;
}
h3.widget-title {font-size: 20px; font-weight: normal; text-align:left;  color:#4e7a9d;    margin: 5px 0px}

a {
    color: #4e7a9d;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0 none;
}

textarea {
    resize: vertical;
}

input, textarea, select, button, body {
    font: 12px/16px Arial, Helvetica, sans-serif;
}

input, textarea, select, button, a {
    outline: none;
}

p {
    margin-bottom: 0.4em;
}

hr {
    border: 0 none;
    border-top: 1px solid #dbe8ed;
    height: 1px;
}

ul {
    margin: 0 0 18px 2em;
    list-style: disc outside;
}

ol {
    margin: 0 0 18px 2.1em;
    list-style: decimal;
}

.reset, .reset li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clr {
    clear: both;
}

.bg_footer {background: url(images/bg_footer.png) repeat-x bottom}
.wrapper {width:900px; margin:0 auto}
.header {width:900px; height:248px; background: url(images/bg_header.jpg) no-repeat}
.logo {padding:85px 0px 0px 0px; float: left;}
h1.site-title a {font-size:30px;  color:#ae1017;  text-shadow: 1px 1px 0px #fff ;}
h1.site-title a:hover {text-decoration:none}
.scart {float: right; width:230px; height:80px; margin:22px 10px 0px 0px; text-align:center; font-size:13px;   color:#3175a7; line-height:15px;}
.scart a {color:#ae1017}
.scico {
	width:65px;
	float: left;
	height: 70px;
}

.topmenu {width:900px; height:40px; background: url(images/bg_topmenu.png) repeat-x; margin:10px 0px; border-radius:20px; }
.topmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
}
.topmenu li {
    display:inline;
	cursor: pointer;
	height: 30px;
}
.topmenu ul li a {
	text-align: center;
	line-height: 30px;
	padding: 0px 20px ;
	height: 30px;
	text-decoration: none; 
	background: url(images/bg_smenulih.png) repeat-x  ;
	text-shadow:1px -1px 0px #3785bc;
	color:#fff;
	margin:5px 5px;
	border-radius:15px;
	float: left;
}
.topmenu ul li a:hover {
	color: #29638e;
	text-decoration: none;
    text-shadow:none;
	box-shadow: inset 0px 1px 1px #9db2c1; background:#d8e3eb
}



.contaner {width:900px; overflow:hidden; margin:20px 0px; min-height:500px;}
.sitebar {width:230px; float: left}
.sitebar ul {
	list-style:none;
	padding: 0px;
    margin:0px;
	}
	
.sitebar ul li {
	font-size:14px;
	line-height:30px;
	list-style:none;
	width:230px; height:30px;
	margin-top:1px;
	}

.sitebar ul li a  {
    text-decoration: none;
    color: #29638e;
	background: url(images/bg_smenuli.png) repeat-x ;
	height:30px;
	display:block;
	padding-left:25px;
	text-shadow:1px 1px 0px #d5e1e9;
	border-radius:15px;
	box-shadow:0px 1px 0px #949ca1;
	}
.sitebar ul li  a:hover {
    text-decoration: none;
	background: url(images/bg_smenulih.png) repeat-x  ;
	text-shadow:1px -1px 0px #3785bc;
	color:#fff;
	}

.content {width:630px; float: right; background:#fff; padding:10px; border-radius:8px;}

.footer {width:900px;  clear: both; height:50px; text-decoration: none;  }
.footmenu {width:700px;   text-align:center; float:right;}
.copyright {width:200px;  font-size:11px; color:#fff;  line-height:50px; text-align:center; margin:0px; float: left}
.footmenu ul {margin:0px; padding:0px}

.footmenu ul li {
    display: inline;
    font-weight: normal;
    line-height: 50px;
    list-style: none outside none;
    padding: 0 10px;
    text-decoration: none;
	font-size:14px;
}
div.footer div.footmenu div.menu ul  {margin: 0; }

.footmenu ul li a {text-decoration:none; color:#fff}


.tabblock {width:263px;  padding:20px 20px 10px 20px; margin:0px 20px 20px 0px; float: left; border:1px #b1c7d7 solid;  border-radius:8px;}
.tabblock:nth-child(2n) { margin:0px 0px 20px 0px;}
.tabblock h1 {font-size:20px; text-align:center; height:40px; line-height:40px; background: url(images/bg_topmenu.png) repeat-x; margin:-20px -20px 10px -20px; border-radius:8px 8px 0 0; color:#ae1017; }
.tabblock h1 a {color:#ae1017;}
.tabblock h1 a:hover {text-decoration:none}
.tabcont {text-align:justify; font-size:12px; line-height:15px; }
.tabcont img {width:110px; margin:0 auto; text-align:center}
.tabblock h2 {font-size:17px; margin:5px 0px; text-align:center; color:#317aae;} 
.tabblockcont {height:100px}
.imgalign {text-align:center}
.contbuy {height:30px; line-height:30px}
.prodtabprice {float: left; font-size: 20px; color:#ae1017; font-weight:bold;}
.buy {float: right; height:30px; background: url(images/btn_add.png) no-repeat right; padding:0px 40px; margin-right:-21px; border-radius: 15px 0px 0px 15px; font-size:15px;color:#fff}
.buy:hover  {text-shadow:1px 1px 0px #2c628a}

.producttab {}
h1.entry-title  {clear: both; font-size: 25px; font-weight: normal; text-align:left;  color:#ae1017;    margin: 5px 0px}
h1.entry-title a{color:#ae1017}
h1.entry-title a:hover{ text-decoration:none}

h2.entry-title  {clear: both; font-size: 25px; font-weight: normal; text-align:left;  color:#ae1017;    margin: 5px 0px}
h2.entry-title a{color:#ae1017}
h2.entry-title a:hover{ text-decoration:none}
.img  {width:90px; margin-right:10px;}
.img img {width:70px; height:70px; margin:10px ; }
h2 {font-weight:normal;   margin:0px 0px 5px; font-size:16px; padding-left:0px; color:#317aae; font-weight:bold}
h3 {font-weight:normal;   margin:0px 0px 5px; font-size:16px; padding-left:0px; color:#317aae; font-weight:normal}
span.price {font-size:20px; color:#4a7190; font-weight:bold;}


.imgfool img {float:right;  width:200px; margin:10px;}
.pricetab {width:100%; margin: 10px 0px; background:#fff}
.pricetab td {text-align:center;  font-weight: normal; font-size: 14px; background:#fbfcfd; }
.pricetab tr {height:30px; }
.pricetab thead th {text-align:center;  font-weight: normal; font-size: 15px; background: url(images/bg_th.png) repeat-x center; color: #fff;  height:35px;}
.pricetab th { text-align:center;  font-weight: normal; font-size: 15px; background:#ecb725; color: #fff;  height:35px }

h2.generic { font-size: 15px; font-weight:bold; margin-bottom:5px; color:#d38814; }


input.add { width:120px; height:30px; background: url(images/bg_smenuli.png) repeat-x; text-align:center; line-height:30px; color:#29638e; border: none; margin:5px 0px; border-radius:15px;
text-shadow:1px 1px 0px #d5e1e9; font-size:14px; box-shadow:0px 1px 1px #949ca1;}
input.add:hover { cursor:pointer; 	background: url(images/bg_smenulih.png) repeat-x  ; text-shadow:1px -1px 0px #3785bc; color:#fff;
}

input.btn { width:200px;  background: url(images/bg_smenuli.png) repeat-x; text-align:center; line-height:30px; height:30px; color:#29638e; border: none; margin:3px; border-radius:15px;
 cursor:pointer; text-shadow:1px 1px 0px #d5e1e9; font-size:14px; box-shadow:0px 1px 1px #949ca1; padding:0px 10px}
input.btn:hover {cursor:pointer; 	background: url(images/bg_smenulih.png) repeat-x  ; text-shadow:1px -1px 0px #3785bc; color:#fff;}

input.btnc { width:270px; background: linear-gradient(to top, #577f59, #74b278); text-align:center; line-height:50px; height:50px;  border: none; margin:10px 3px 0px 3px ; border-radius:25px;
 cursor:pointer; text-shadow:1px -1px 0px #3785bc; color:#fff; font-size:16px; box-shadow:0px 1px 1px #949ca1; padding:0px 10px}
input.btnc:hover {opacity: 0.9;}
input.btnсcont { width:270px; background: linear-gradient(to top, #316d99, #3b9bdd); text-align:center; line-height:50px; height:50px;  border: none; margin:10px 3px 0px 3px ; border-radius:25px; cursor:pointer; text-shadow:1px -1px 0px #3785bc; color:#fff; font-size:16px; box-shadow:0px 1px 1px #949ca1; padding:0px 10px}
input.btnсcont:hover {opacity: 0.9;}


.csinp {text-align:center}






.imgprice { float: left; margin:2em 2em 1em 2em}
.m_imgprice {float: left; margin:1em 1em 0.2em 0.5em; text-align: center; }
.m_imgprice img {width:60px;}
.pcont {padding:0px 10px 15px 0px}
.pcont1 { text-align:justify}

.productborder {border:1px #d7eefb solid; padding:10px; border-radius: 8px; margin-bottom:20px; background:#fbfdfe}

ul.comment-list {
	margin: 0;
	padding: 0;
}
.comments-area li {border:1px #eff9ff solid; padding:10px; margin-top:10px; border-radius:8px; list-style:none; text-align:justify}
.reply {text-align:right; font-style:italic; font-size:11px;}
.fn {font-weight:bold}


/*mobile*/

.m_header {display:none}
.m_topmenu {display:none}
.m_producttab {display:none}

@media (max-width:950px){
.wrapper {width:100%; }	
.bg_header { background:none}
.header {display:none}
.producttab {display:none}
.m_producttab {display:block}
.m_header {height:50px; display:block; text-align:center}
.m_header h1 {margin-top:10px}
.m_header h1 a {font-size:30px; font-style:italic; color:#4790c8;  text-shadow: 1px 1px 0px #fff ;}
.m_header h1 a:hover {text-decoration:none}
.sitebar {display:none}
.contaner {width:100%}
.content {float:none; width:auto; margin:0px 10px;}
.topmenu {display:none}
.productborder {display:none}
.m_productborder {border:1px #d7eefb solid; padding:10px; border-radius: 8px; margin-bottom:20px; background:#fbfdfe}
.footmenu {display:none}



.footer {width:100%}
.footmenu {width: 100%; margin:0px}
.copyright {width: 100%; margin:0px}
.m_topmenu {display:block; padding:5px 0px;  overflow:hidden}

.menu_btn {cursor:pointer; width:70px; height:30px; float: right; background: url(images/button.png) no-repeat right; border-radius:15px 0px 0px 15px;}
.m_menu {clear:both;}
.m_menu ul {margin:0px; padding:0px; list-style:none; background:#0070a0;}
.m_menu ul li {display:block; padding:5px 20px; text-align:right;  }
.m_menu ul li a {color:#fff}
.m_menu ul li a:hover {text-decoration:underline}

.m_cat {  border-bottom:2px #b1d4a6 solid; padding:5px 0px; overflow:hidden}
.m_catmenu {  border-bottom:2px #b1d4a6 solid;border-top:2px #b1d4a6 solid; padding:5px 0px; overflow:hidden}
.cat_btn { cursor:pointer; width:135px;  background: url(images/bg_smenuli.png) repeat-x; color:#29638e; line-height:30px; text-align:center; font-size:15px; 
font-weight:bold;float: left; border-radius:0px 15px 15px 0px;}
.m_menucat {clear:both;}
.m_menucat ul {margin:0px; padding:0px; list-style:none; background:#0070a0;}
.m_menucat ul li {display:block; padding:5px 20px; text-align:left;  }
.m_menucat ul li a {color:#fff}
.m_menucat ul li a:hover {text-decoration:underline}
.imgfool img {float:right;  width:150px; margin:10px;}


input.btn { width:400px;  background: url(images/bg_smenuli.png) repeat-x; text-align:center; line-height:30px; height:30px; color:#29638e; border: none; margin:3px; border-radius:15px;
 cursor:pointer; text-shadow:1px 1px 0px #d5e1e9; font-size:14px; box-shadow:0px 1px 1px #949ca1; padding:0px 10px}
input.btn:hover {cursor:pointer; 	background: url(images/bg_smenulih.png) repeat-x  ; text-shadow:1px -1px 0px #3785bc; color:#fff;}

input.btnc { width:400px; background: linear-gradient(to top, #577f59, #74b278); text-align:center; line-height:50px; height:50px;  border: none; margin:10px 3px 0px 3px ; 
             border-radius:25px; cursor:pointer; text-shadow:1px -1px 0px #3785bc; color:#fff; font-size:16px; box-shadow:0px 1px 1px #949ca1; padding:0px 10px}
input.btnc:hover {opacity: 0.9;}
input.btnсcont { width:400px; background: linear-gradient(to top, #316d99, #3b9bdd); text-align:center; line-height:50px; height:50px;  border: none; margin:10px 3px 0px 3px ; border-radius:25px; cursor:pointer; text-shadow:1px -1px 0px #3785bc; color:#fff; font-size:16px; box-shadow:0px 1px 1px #949ca1; padding:0px 10px}
input.btnсcont:hover {opacity: 0.9;}


.csinp {width:400px; margin:0 auto}

.tabblock {width:auto;  padding:20px 20px 10px 20px; margin:0px 0px 10px 0px; border:1px #b1c7d7 solid;  border-radius:8px; display:block}
.tabblock:nth-child(2n) {margin:0px 0px 10px 0px}
.tabblock h1 {font-size:20px; text-align:center; height:40px; line-height:40px; background: url(images/bg_topmenu.png) repeat-x; margin:-20px -20px 10px -20px; border-radius:8px 8px 0 0; 
color:#ae1017; font-weight:normal }
.tabblock h1 a {color:#ae1017;}
.tabblock h1 a:hover {text-decoration:none}
.tabcont {text-align:justify; font-size:12px; line-height:15px; }
.tabcont img {width:110px; margin:0 auto; text-align:center}
.tabblock h2 {font-size:17px; margin:5px 0px; text-align:left; color:#317aae; font-weight:normal} 
.tabblockcont {height:auto}
.imgalign {float: left; margin-right:20px;}
.contbuy {height:30px; line-height:30px; clear:both}
.prodtabprice {float: left; font-size: 20px; color:#ae1017; font-weight:bold; padding-left:15px;}
.buy {float: right; height:30px; background: url(images/btn_add.png) no-repeat right; padding:0px 40px; margin-right:-21px; border-radius: 15px 0px 0px 15px; font-size:15px;color:#fff}
.buy:hover  {text-shadow:1px 1px 0px #2c628a}

body  {background: #fff url("images/bg_body.png") repeat-x ; background-position:0px -197px;}
.m_header h1 a {font-size: 27px;}

@media (max-width:600px){
.tabblock h1 {font-size:17px; text-align:center; height:40px; line-height:40px; background: url(images/bg_topmenu.png) repeat-x; margin:-20px -20px 10px -20px; border-radius:8px 8px 0 0; 
color:#ae1017; font-weight:normal }
.tabblock h2 {font-size:15px; margin:5px 0px; text-align:left; color:#317aae; font-weight:normal} 
.tabblockcont {font-size:11px;}
.m_header h1 a {font-size: 20px;}

.imgfool img {float:right;  width:120px; margin:10px;}
.pricetab {width:100%; margin: 10px 0px; background:#fff}
.pricetab td {text-align:center;  font-weight: normal; font-size: 11px; background:#fbfcfd; }
.pricetab tr {height:30px; }
.pricetab thead th {text-align:center;  font-weight: normal; font-size: 11px; background: url(images/bg_th.png) repeat-x center; color: #fff;  height:35px;}
.pricetab th { text-align:center;  font-weight: normal; font-size: 11px; background:#ecb725; color: #fff;  height:35px }

input.add {  width:auto; height:30px; background: url(images/bg_smenuli.png) repeat-x; text-align:center; line-height:30px; color:#29638e; border: none; margin:5px 0px; border-radius:15px;
text-shadow:1px 1px 0px #d5e1e9; font-size:12px; box-shadow:0px 1px 1px #949ca1; padding:0px 5px;}
input.add:hover { cursor:pointer; 	background: url(images/bg_smenulih.png) repeat-x  ; text-shadow:1px -1px 0px #3785bc; color:#fff;}

input.btn { width:100%;  background: url(images/bg_smenuli.png) repeat-x; text-align:center; line-height:30px; height:30px; color:#29638e; border: none; margin:3px 0px; border-radius:15px; cursor:pointer; text-shadow:1px 1px 0px #d5e1e9; font-size:14px; box-shadow:0px 1px 1px #949ca1; padding:0px }
input.btn:hover {cursor:pointer; 	background: url(images/bg_smenulih.png) repeat-x  ; text-shadow:1px -1px 0px #3785bc; color:#fff;}

input.btnc { width:100%; background: linear-gradient(to top, #577f59, #74b278); text-align:center; line-height:50px; height:50px;  border: none; margin:10px 0px 0px 0px ; border-radius:25px;
 cursor:pointer; text-shadow:1px -1px 0px #3785bc; color:#fff; font-size:16px; box-shadow:0px 1px 1px #949ca1; padding:0px }
input.btnc:hover {opacity: 0.9;}
input.btnсcont { width:100%; background: linear-gradient(to top, #316d99, #3b9bdd); text-align:center; line-height:50px; height:50px;  border: none; margin:10px 0px 0px 0px ; border-radius:25px; cursor:pointer; text-shadow:1px -1px 0px #3785bc; color:#fff; font-size:16px; box-shadow:0px 1px 1px #949ca1; padding:0px }
input.btnсcont:hover {opacity: 0.9;}


.csinp {width:100%; margin:0 auto}

}