/* Макет */
#wrapper {
    width: 96%;    
    max-width: 960px;
    margin: auto;
    padding: 2%;
    background: #fff;
  font-family: sans-serif;
  font-size: 1em;
  line-height: 1.4;
    } 
    
a, a:visited{outline:none; color:#000; text-decoration:none;}

a:hover {
  color:#74a0e2;
  text-decoration: none;
}

    
h1{
    font-size: 16px;
}

h3 {
  font-size: 22px;
  line-height: 30px;
  margin-top: 27px;
  margin-bottom: 17px;
}

.red-line2 {

    min-height: 240px;
}

.red-line_success {

    min-height: 330px;
}

.red-line_fail {

    min-height: 400px;
}

.td-excerpt {
  margin-bottom: 15px;
  color: #444;
  font-size: 12px;
  line-height: 18px;
}


.td-post-date {
	text-indent:1.2em;
color: #444;
  font-size: 12px;
  line-height: 18px;
}


    #main {
        width: 60%;
        margin-right: 5%;
        float: left;
        }        

    #aside {
        width: 35%;
        float: right;
        }
      
    #footer {
        float: right;  
		left: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		background-color: #d8d8da;
		
        }
        
    .text{
	    width: 95%;
	    font-size: 12px;
	    padding-left: 10px;
	    }
	    
.thumb { 
width: 185px;
height: 135px;
border: 1px solid #963c3c;
float: left; 
margin-right: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}

.price {
	color:#963c3c;
	font-weight:bold;
	font-size: 30px;
	padding-left: 40px;

}

.button{  
  cursor: pointer;
  border: 1px solid #bbb;
  font-size: 12pt;
  color: #fff;
  font-family:'proxima_nova_rgregular',Arial,sans-serif;
  -moz-transition: background-color 1s 1s ease;
    -o-transition: background-color 1s 1s ease;
    -webkit-transition: background-color 1s 1s ease;
  	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;

}

/* */

.button.red2{
  background-color: #888888;
  border-color: #900022;
  padding: 12px 13px 11px 13px;
  margin: 0;
  margin-left: 140px;
  font-size: 20px;
  width: 233px;
}

.button.red2:hover{
  background-color: #888888;
}

.button.red2:active{
  background: #900022;
}

/* */


.button.blue{
  background-color: #888888;
  border-color: #900022;
  padding: 2px 0px 1px 0px;
  margin: 0;
  width: 183px;
}

.button.blue:hover{
  background-color: #900022;
}

.button.blue:active{
  background: #900022;
}

.price_d {
	color:#888888;
	font-size: 24px;
	padding-left: 10px;

}

.edit {
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 11px 'Minio Pro',sans-serif; padding: 5px;
  background: #fff;
  color: #000;
  border: 1px solid #900022;
  -moz-transition: background-color 1s 1s ease;
    -o-transition: background-color 1s 1s ease;
    -webkit-transition: background-color 1s 1s ease;
    width: 90%;	
}
        

/* Logo  H1 */
header h1 {
    height: 100px;
    width: 300px;
    float: left;
    display: block;
    background: url(/images/logo.png) 0 0 no-repeat;
    text-indent: -9999px;
    }

/* Навигация */
header nav {
    float: right;
    margin-top: 40px; 
    }

    header nav li {
        display: inline;
        margin-left: 15px;
        }
header nav ul li a {
    text-decoration:none;
        color:#333;}

#skipTo {
    display: none;
    }
    #skipTo li {
        background: #ccc;
        }

/* Главная картинка*/            
#banner {
    float: left;
    margin-bottom: 15px;
    width: 100%;
    }

    #banner img {
        
        height: auto;
        }
/**/

#cats-page-shop {clear: left; }

#cats-page-shop li { list-style:none; float: left; margin: 5px;}

#cats-page-shop li a { 
	display: block; 
	width: 145px; 
	height: 170px; 
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:0 0 5px 0 #999;
	-webkit-box-shadow:0 0 5px 0 #999;
	-moz-box-shadow:0 0 5px 0 #999;
	padding: 10px; text-decoration: none;
	-webkit-transition-duration:.5s;
    -moz-transition-duration:.5s;
    -o-transition-duration:.5s;
}

#cats-page-shop b {
	display: table-cell;
	vertical-align:middle;
	height: 20px; 
	width: 145px; 
	text-align: center;
	font: normal 14px "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}

#cats-page-shop с {
	display: table-cell;
	vertical-align:middle;
	height: 80px; 
	width: 145px; 
	text-align: center;
	font: normal 14px "Trebuchet MS",Helvetica,Jamrul,sans-serif;
}

#cats-page-shop li a:hover {
	background: #ccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #ccc); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ccc 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ccc 0%,#ccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ccc 0%,#ccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ccc 0%,#ccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#cccccc',GradientType=0); /* IE6-9 */
	color: #900022;
}

/* категории товаров */
	
.pos  A , .pos2  A{
color:#fff;
font-size:15px;
line-height: 10px;
}

.pos span {
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
padding:3px;
border:1px solid #963c3c;
height:158px;
display:block;
width:215px;
display:table-cell; 
margin:0 0 10px 0;

}


.pos2 {
vertical-align:top;
max-height:145px; 
max-width:195px;

}

.pos {
width:150px;
display:block;
padding:1px 15px 1px 0px;
float:left;
height:260px;
padding: 10px;
position:relative;
margin:10px 20px 10px 0px;

}

.pos:hover {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 3px solid e0e0e0;
padding: 10px;
-moz-box-shadow: 0 0px 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0px 10px rgba(0,0,0,0.5); /* Параметры тени */
} 

.posdescr {
    background: #963c3c; /* Old browsers */
width:147px;
height:105px;
padding:3px 0 0 3px;
font-size:11px;
position:relative;

}

.specprice2 {
width:147px;
font-size:12px;

color:#fff;
height:20px;
background:#888888;
border-radius:0 5px 5px 0;
margin:8px 0 0 -5px;
padding:3px 5px;
}

/**/

/* товары */
	
.possf  A , .possf2  A{
color:#fff;
font-size:15px;
line-height: 10px;
}

.possf span {
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
padding:3px;
border:1px solid #963c3c;
height:158px;
display:block;
width:560px;
display:table-cell; 
margin:0 0 10px 0;

}


.possf2 {
vertical-align:top;
max-height:145px; 
max-width:195px;

}

.possf {
width:127px;
display:block;
padding:1px 15px 1px 0px;
float:left;
height:230px;
padding: 10px;
position:relative;
margin:5px 20px 5px 0px;

}

.possf:hover {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 3px solid e0e0e0;
padding: 10px;
-moz-box-shadow: 0 0px 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0px 10px rgba(0,0,0,0.5); /* Параметры тени */
} 

.posdescrrf {
width:120px;
height:125px;
padding:3px 0 0 3px;
font-size:11px;
position:relative;

}

.specprice22f {
width:119px;
font-size:10px;
color:#fff;
height:14px;
background:#963c3c;
border-radius:0 5px 5px 0;
margin:8px 0 0 -6px;
padding:3px 5px;
}

/**/

/* популярные товары */
	
.poss  A , .pos2  A{
color:#fff;
font-size:15px;
line-height: 10px;
}

.poss span {
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
padding:3px;
border:1px solid #963c3c;
height:158px;
display:block;
width:560px;
display:table-cell; 
margin:0 0 10px 0;

}


.poss2 {
vertical-align:top;
max-height:145px; 
max-width:195px;

}

.poss {
width:550px;
display:block;
padding:1px 15px 1px 0px;
float:left;
height:164px;
padding: 10px;
position:relative;
margin:10px 20px 10px 0px;

}

.poss:hover {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 3px solid e0e0e0;
padding: 10px;
-moz-box-shadow: 0 0px 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0px 10px rgba(0,0,0,0.5); /* Параметры тени */
} 

.posdescrr {
width:547px;
height:100px;
padding:3px 0 0 3px;
font-size:11px;
position:relative;

}

.specprice22 {
width:170px;
font-size:14px;

color:#fff;
height:20px;
background:#963c3c;
border-radius:0 5px 5px 0;
margin:8px 0 0 -6px;
padding:3px 5px;
}

/**/


        
 /* Медиа-запросы */
@media screen and (max-width: 480px) {

    #skipTo {
        display: block;
        }

    header nav, #main, #aside {
        float: left;
        clear: left;
        margin: 0 0 10px; 
        width: 100%;
        }    
        header nav li {
            margin: 0;
            background: #ccc;
            display: block;
            margin-bottom: 3px;
            }
            header nav a {
                display: block;
                padding: 10px;
                text-align: center;
                }