@charset "UTF-8";
/* CSS Document */

 html, body 
{
    width:100%;
    height:100%;
}
.header_n {
	 padding-bottom: 24px;
}

  .header_n table {
    width: 100%;
}
.main-info *, .style1{
	font-size:14px;
}

a.lr-button{
	position:absolute;
	  right: 20px;
    top: 40px;
		 z-index: 200;
}
a.lr-button img{
	 width:70px;
	 height:auto;
	 display:block;
	 padding:8px;
}

a.lr-button:hover{opacity:.7;}

.header_n td.logo{
	    padding-top: 2px;
    vertical-align: top;
		  width: 336px;
}

.header_n img.logo{
	   cursor: pointer;
    display: block;
		 
				}
.header_dotted_line {
    height: 1px;
}

	#top-menu {
    display: table;
    margin: 0 auto;
		 max-width: 760px;

}

 .header_panel {
     vertical-align: bottom;

}
div.header_banner_block {
    color: white;
    float: right;
    margin: 0 0px 8px 80px;
		    visibility: hidden;
				display:none;
}

.header_buttons {
    margin-bottom: 20px;
}
 .header_buttons td{
	 width: 30%;
 }
.header_buttons a{
	display:block;
	background-color:#ccc;
	border:1px solid #fefefe;
	border-bottom:0;
    height: 25px;
    margin-right: 1px;
    overflow: hidden;
    padding-top: 6px;
    text-align: center;
		text-decoration:none;
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.header_buttons  .selected a{
	background-color:#ffcc00;
}

.header_buttons img{
	width: 100% !important;
	display:none;
}

 .header_buttons td a div{
    text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color: #444;
   }
	 
.header_buttons td.blog,
.header_buttons td.yacapaca{
	display:none;
}


 input[type="image"]{
	 text-align:center;
		height:auto;
		width:auto;
		border:none nome!important;
		 outline: none!important;
    outline-width: 0!important;
    -webkit-appearance: none!important;
	}
	
	 input[type="image"]::focus {
    outline:0!important;
}

.header_n  img.student{
	position:absolute;
	    margin-left: 157px;
			    margin-top: -3px;
      top: 0;
}
.student-add{
	padding:0;
}
.header_n  .student-add img{
	 position:absolute;
	     margin-left: 157px;
    margin-top: -5px;
}	




	@media all and (-webkit-min-device-pixel-ratio:0){
input[type="image"] {
    line-height:10px;
}
img{
		border:none nome!important;
outline:none;
}
}

.header_search {
	  padding: 3px 20px 4px;
		overflow: hidden;
		  text-align: right;
}
.header_search form{
	   
}
.header_search div {
 
    margin: 0 auto;
    max-width: 700px;
    vertical-align: middle;
}

.header_search b{
	font-size:14px;
	}

.header_search .radio {
    display: none!important;
}
 .header_search div input[type="radio"] {
    height: 20px;
    width: 20px;
}
 .header_search div input[type="text"] {
   font-size:18px;
	 width:76%!important;
}
.header_search .radio {
    display: inline-block;
    font-size: 14px;
}
.header_search div input[type="image"]{
	width:32px;
	height:31px;
}

input#img{
	height:21px;
	width:auto;
  margin: 3px 0;

}

td a img[alt="Remove item"]{
	height:25px;
	width:auto;
}


.main-table {
    border: 0 none;
    margin: 0 auto;
    max-width: 980px;
    width: 99%;
}
 

#left_box_width {
      width: auto;
			 min-width: 25%;
}

.header_buttons img {
 
}
.hp-cat-table td a {
    background-position: 6px 50%;
}
 



@media all and (-webkit-min-device-pixel-ratio:0){
	#left_box_width {
      width:  25%;
}
}

#left_bar_padding {}

#left_bar_padding img {
	width:60%!important;
	}
.main-table td.main-info {
  width: auto;
}

.box_area {
    width: 100%;
		background-color:#ffcc00;
		border:1px solid #cccccc;
		-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
   margin-bottom: 10px;
}
.box_title{
	background: none;
	   padding: 4px 10px;
		 font-size:12px;
}
.box_footer {display:none;}
.box_body {
	background:none;
	background-color:#ffffff;
		-webkit-border-radius: 9px;
-moz-border-radius: 9px;
 border-radius: 9px;
 padding:10px!important;
}
.box_body select{
	    font-size: 14px;
    width: 100%;
}

.hpl {
    width: 99%;
}
.hp-cat-table {
    width: 100%;
		background-color:#efefef;
}

#buttons a, .buttons a {
	 font-size: 12px;
}

.seo {width:90%;}

.copyright{ font-size:11px;}

a.gamburger{ 
    background: rgba(0, 0, 0, 0) url("/static/app/img/cf/gamburger.png") no-repeat scroll 0 0 / 100% 100%;
    display: none;
    float: left;
    height: 45px;
    margin: -52px 0 0 5px;
    position: absolute;
    width: 55px;
			opacity:.8;
}
a.gamburger:hover{opacity:1;}
.box_Information .buttons, .box_Information .box_body{
	display:block;
}
a.gamburger2{	
 background: rgba(0, 0, 0, 0) url("/static/app/img/cf/gamburger3.png") no-repeat scroll 50% 0%/70% auto;
    display: none;
    height: 85px;
    width: 100px;
    right: 0;
    top:30px;
		margin:0;
    position: absolute;
		opacity:.7;
}


.box_Categories{
	 
}
.box_Categories a.gamburger{
	display:none;
}



.content_box_title{
	 font-size: 14px;
}

.cat-info {
    float: none;
    margin-left: 140px;
    padding: 9px 10px 10px 12px;
    width: auto;
}

.product-page h1{
	font-size:14px!important;
}
.product-info .info, .product-info .description, .product-info .attached-files {
    float: none;
    margin-right: 140px;
		width: auto;
}


table .graf_button_link td,
table .graf_button_link td a{
	background-image:none
	  
}
table .graf_button_link td img{
	display:none;
}
table .graf_button_link td a.link, input.link, a.link {
    background-color: #55aa88;
    border: 0 solid #999;
    border-radius: 0;
    color: #ffffff;
    font-family: Arial,verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.button_like_image_small_T {
  background-color: #55aa88;
    border: 0px solid #999;
    color: #fff;
     padding: 2px 10px;
    text-transform: uppercase;
}
.product_comments h4{
	font-size:12px;
}
.product_comments ul {
	padding-right:10px;
}
	.review-description .commit * {
    font-size: 12px!important;
}

h1.custom-page-title, 
.hpl .content-t h2,
.content_box_title{
	    background: transparent url("/static/app/img/cf/folder_title.png") no-repeat scroll 0 0 / 20px auto;
    font-size: 15px;
    padding-left: 25px;
		  text-indent: 0;
    text-transform: uppercase;
		padding-bottom:5px;
}

.cat-item{
	margin-bottom:15px;
	background-image:none
}
/*    ===============       */
.header_buttons img {;
    height: 30px;
 
 
}	

 #left_box_width {
 width:22%
}
 .main-table td.main-info {
    width: 78%;
}

.cat-item-title{
	background-position:-5px 50%;
	
}

.top-left-menu {
    overflow: hidden;
    position: absolute;
    right: 100%;
    transition: all 0.3s ease 0s;
    z-index: 20;
	  width:100%;
    padding: 15px 15px 0;
	  box-sizing: border-box;
}
.top-left-menu ul {
    border-top: medium none;
    display: block;
    list-style: outside none none;
    margin: 0;
    padding:0 ;
}

.top-left-menu li {
    padding-bottom: 7px;
		 list-style: outside none none;
}

.top-left-menu li a {
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 0 white;
    color: #505050;
    padding: 3px 0 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 white;
    text-transform: uppercase;
		background:none;
}
.top-left-menu li a:hover{
			background:none;
			color:#C9C;
}

.to_left{
    right: 0!important;
  /*position:relative!important;*/
 background-color: #eaefef !important;
border:4px solid #b0bccc!important;
border-left:0!important;
}

.hp-cat-table td a::before,
 #buttons a::before,
  .buttons a::before,
	.product-page h1::before {
    content: "»";
    font-weight: bold;
    display: inline-block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: -3px 4px 0 -12px;
		 vertical-align: top;
}
.hp-cat-table td a, #buttons a, .buttons a, .product-page h1{
	background-image:none!important;
	text-decoration:none;
}
.bordered_table_grey_form td, bordered_table_grey_form td, .bordered_table_grey td, bordered_table_grey td {
    vertical-align: middle;
}


div.box_button {
    margin-top: 2px;
}
/*    ===============       */
/*    ===============       */



@media only screen and (min-width: 1280px) {
	 
body {
	/* background-color:#fff0ef; */
		}
		.header_panel {
   
}
.header_buttons img {
 
 
}	
h1.custom-page-title, 
.hpl .content-t h2,
.content_box_title{
	    background: transparent url("/static/app/img/cf/folder_title.png") no-repeat scroll 0 0 / 30px auto;
    font-size: 18px;
    padding-left: 35px;
		  padding-bottom: 6px;
}
 input[type="Image"]{
		height:auto;
		width:auto;
	}
	@media all and (-webkit-min-device-pixel-ratio:0){
input[type="Image"] {
 
}
}
	.header_search div  input[type="image"]{
	width:40px;
	height:38px;
}	
	input#img{
	height:30px;
	width:auto;
}
td a img[alt="Remove item"]{
	height:30px;
	width:auto;
}

.hpl .images img {
    height: auto;
    width: 225px;
} 
.header_search div input[type="radio"] {
    height: 30px;
    width: 30px;
}

.buttons a, #buttons a, .hp-cat-table td a{
	 font-size: 16px;
}	
.seo {font-size:18px;}

.copyright{ font-size:14px;}
.box_title {
    font-size: 16px;
    padding: 5px 10px;
}
.content_box_title{
	 font-size: 16px;
}
.product-page h1{
	    font-size: 16px!important;
}

.box_body select{
	    font-size: 18px;
	 }
	 .header_search .radio {
    display: inline-block;
    font-size: 16px;
}
	
.hpl .content-t h2{
	    font-size: 16px;
	}
	.product_comments h4{
	font-size:14px;
}
	div.box_button input[type="Image"]{
	 
    width: 120px;
	}
.buttons-block a img,  .buttons-block input[type="Image"]{
		 
		width:auto;
	}
	input#img{
	height:25px;
	width:auto;
}
td a img[alt="Remove item"]{
	height:25px;
	width:auto;
}
	table .graf_button_link td a.link, input.link{
		font-size: 14px;
		}
		.review-description .commit * {
    font-size: 14px!important;
}
	/* end*/  
}

 
	

@media only screen and (max-width: 980px)  { 
body {
	/* background-color:#fff;*/
	}
		.header_panel {
  
}	
.header_buttons img {
 
 
}		
.header_buttons td a div {
    font-size: 17px;
}
  .buttons a ,#buttons a, .hp-cat-table td a{
	 font-size: 14px;
}	
.seo {font-size:14px;}
	.box_title {
    font-size: 14px;
    padding: 5px 10px;
} 
	 .header_search .radio {
    display: inline-block;
    font-size: 14px;
}

a.lr-button{
	position:absolute;
	  right: 20px;
    top: 30px;
}
a.lr-button img{
	 width:70px;
	 height:auto;
}

.hpl .images
 {
	   display:none;
}	
a.cat-image{
	width:auto;
}
a.cat-image img{
	width:160px;
	height:auto;
	margin:8px 15px  8px 10px;	
}


.header_n td.logo {
    width: 32%;
}

.header_n  img.student,
.header_n  .student-add img{ margin-left: 10%;
}



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

body {
    overflow-x: hidden;
}
 .header_search b,
 .copyright ,
	 .footer,
	 .main-info .seo ,
	 .header_search .radio, .hpl .images, #left_box_width
 {
	   display:none;
}	

.header_n  img.student ,  .header_n  .student-add{
		 display:none;
}	



.header_buttons td a div {
    font-size: 18px;
}
.header_search div {
    max-width: 100%;
}
div.header_banner_block {
    display:none;
		margin-top:-15px;
		    height: 80px;
}

.hp-cat-table td{
	display:block;
	width:100%
}
.hp-cat-table td a {
    font-size: 18px;		
		padding-bottom:10px;
		padding-top:10px;
}
 
h1.custom-page-title , 
.hpl .content-t h2,
.content_box_title{ 
	    background: transparent url("/static/app/img/cf/folder_title.png") no-repeat scroll 0 0 / 30px auto;
    font-size: 18px;
    padding-left: 35px;
		     padding-bottom: 8px;
    padding-top: 3px;;
}
.main-info *, .style1{
	font-size:16px;
}

 a.gamburger1{
	display:block; 
 }
 .top-left-menu ul.top2{
	display:none; 
 }
.to_left {
    right: 20% !important;
    width: 80%;
}

.header_search div {
    max-width: 100%;
}
.header_search {
    padding: 3px 0 4px;
		text-align:right;
}

.header_search form{
	   float: left;
		 width:100%;
}

  input[type="Image"]{
	 
		width:auto;
	}
 
.header_search div input[type="image"] {
    height: 51px;
    width: 52px;
}
 .header_search div input[type="radio"] {
    height: 30px;
    width: 30px;
}

 .header_search div input[type="text"]{ 
 width:50%;
 font-size: 20px;
 }
 .header_search .radio {
		  font-size: 16px;
}
.hp-cat-table td a{
	 font-size: 16px;
}	

 
 #left_box_width {
			 min-width: 40%; 
 }
 
@media all and (-webkit-min-device-pixel-ratio:0){
	#left_box_width {
      width:  40%;
}

input[type="Image"] {
    line-height:18px;
}

}
 
.hpl .content-t h2{
	    font-size: 16px;
	}
 .box_title {
    font-size: 16px;
    padding: 8px 10px;
}
.content_box_title{
	 font-size: 16px;
}
.product-page h1{
	    font-size: 16px!important;
}
.product_comments h4{
	font-size:14px;
}
.buttons a, #buttons a, .prod-page-box-cust a {
	 font-size: 18px;
}	
.box_body select, 
.sc_totals select{
	    font-size: 18px;
	 }
	 
	div.box_button input[type="Image"]{
	 
    width: 120px;
	}
	input#img{
	height:35px;
	width:auto;
}

	.buttons-block a img,  .buttons-block input[type="Image"]{
			 
		width:auto;
	}
	td a img[alt="Remove item"]{
	height:40px;
	width:auto;
}
	
	
	table .graf_button_link td a.link , input.link,  a.link{
		font-size: 22px;
		}
		.review-description .commit * {
    font-size: 14px!important;
}
 
	  	.main-table td.main-info {
    display: block;
		width:100%!important;
 } 
#left_box_width  {
	margin-bottom: 10px;
	 	}
 

.cat-info a ,  .info-block a{
	 padding-top:15px;
	 padding-bottom:15px;
}
#block  td a{
	padding-top:8px;
	padding-bottom:8px;
}


a.cat-image{
	width:auto;
}
a.cat-image img{
	width:190px;
	height:auto;
	margin:10px 15px 10px;	
}
.info-block br{
	 margin: 5px;
}
.product-info .image a img {
    width: 133px;
}

.sc_totals select{
	    padding-top:6px;
			    padding-bottom:6px;
	 }
	 
	 input[type="radio"] {
    height: 30px;
    width: 30px;
}
.order-publication th, .order-publication td input{
	 font-size: 95%;
}


 
.header_n td.logo {
    width: 200px;
}
.header_n img.logo {
    margin-right: 0;
}
 }





@media only screen and (max-width: 680px)  {  

body {
			
		}	
	
.hpl .images,
 .header_search .radio, 
 .cat-description
 {
	  display:none;
}



.box_Information .buttons,
 .box_Information .box_body
 {
	display:none;
}

 .main-table {
    border: 0 none;
    width: 100%;
}
 .main-info * , .style1{
    font-size: 17px;
}
h1.custom-page-title, .hpl .content-t h2, .content_box_title{
	    background: transparent url("/static/app/img/cf/folder_title.png") no-repeat scroll 0 0 / 30px auto;
    font-size: 18px;
    padding-left: 38px;
		    padding-bottom: 8px;
    padding-top: 4px;
}
a.gamburger{
	display:block;
}
.hp-cat-table td{
	display:block;
	width:100%
}
.hp-cat-table td a {
    font-size: 18px;		
}

 a.gamburger1{
	display:none;; 
 }
.top-left-menu ul.top2{
	display:block; 
 }
.top-left-menu{
	margin-bottom:-70px;
}
.to_left {
    right: 0% !important;
    width: 100%;
}
 
 
 
.box_Categories  .box_area{
	 height:45px;
}
.box_Categories  .box_title{
    position: absolute;
     z-index: 1;
		  height: 14px;
			width:100%;
}
.box_Categories  .box_body{
	 background:none;
	  padding: 0 !important;
}
.box_Categories   select{
	  cursor: pointer;
    display: block;
    font-size: 18px;
    height: 40px;
    margin:  0;
    opacity: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 33;
}
.box_Categories form{
	display:block;
}
 input[type="Image"]{
		 
		width:auto;
	}
	 
.header_search {
 } 
	 .header_search div input[type="text"]{ 
 width:80%!important;;
 font-size: 20px;
 } 
 
.header_search div input[type="image"] {
    height: 61px;
    width: 62px;
} 
	  	.main-table td.main-info {
    display: block;
		width:100%!important;
		 margin-top: 10px;
 } 
#left_box_width  {
	margin-bottom: 10px;
	 	}
 .box_title {
    font-size: 16px;
    padding: 14px 5px;
}
 
.product-page h1{
	    font-size: 16px!important;
}
.buttons a. #buttons a {
	 font-size: 18px;
}	
.box_body select{
	    font-size: 18px;
	 }
	 
	.header_n{
		background: #000000;
	   min-height: 104px;
    padding: 0;
	}
	 
 input[type="Image"]{
	 
		width:auto;
	}
	 
	 .header_buttons td {
    display: block;
    padding:0;
		    width: 100%;
   }
	  .header_buttons td a {  
    background: #ddd none repeat scroll 0 0!important;
		border:0;
    border-bottom: 1px solid #aaa;
    display: block;
    margin: 0;
    padding: 18px;
		height:auto;
    text-decoration: none;
		border-radius:0;
		 text-align: left;
   }
	  .header_buttons td a:hover {  
		background:#9CC;
   }
	  	  .header_buttons td a img{
    display: none;
   }
	 	  .header_buttons td a div{
    display: block;
		color: #233;
    display: block;
    font-size: 18px;
    font-weight: bold;
		text-transform:uppercase;
		   }
			 
	#left_bar_padding {
    padding-left: 0px;
    padding-right: 0px;
}		 
		.header_dotted_line {
    display: none;

}	 
 
.box_body {
    border-radius: 9px;
    padding: 10px 5px !important;
}

 div.box_button{
	 text-align:center;
	 }
	 
 div.box_button input[type="Image"]{
		height: auto;
    width: 200px;
	}
.buttons-block a img,  .buttons-block input[type="Image"]{
		height:auto;
		width:auto;
	}
	input#img{
	height:auto;
	width:auto;
}
td a img[alt="Remove item"]{
	height:45px;
	width:auto;
}
	table .graf_button_link td a.link , input.link, a.link{
		font-size: 24px;
		}
	
	.review-description .commit * {
    font-size: 16px!important;
}	

td input[onchange="fun_qty_change(this);"]{
	  width: 40px;
}

.header_n td.logo {
    position: absolute;
}
.header_panel {
    right: 0;
}

#top-menu {
    border-bottom: 2px solid #ddd;
    display: none;
    margin-top: 105px;
    width: 100%;
		  position: relative;
}


	.cat-item, .product-info {
   background-image:none;
}	
.cat-info {
    clear: both;
    float: none;
    margin-left: 0;
}	 
a.cat-image , .product-info .image{
float: none;
    width: auto;
}
.cat-image img, 
.product-info img{
	min-width:50%;
	height:auto;
}
.product-info .info, .product-info .description, .product-info .attached-files {
    margin-right: 0;
}

a.lr-button{
	  right: 20%;
    top: 10px;
		padding:10px;
}

.cat-info a {
	 padding-top:16px;
	 padding-bottom:16px;
}
#block td a{
	padding-top:15px;
	padding-bottom:15px;
}

.info-block br{
	 margin: 5px;
}

.shopingcard td{
	
}

input[type="radio"] {
    height: 40px;
    width: 40px;
}

.form_buttons_block table#ef td#button_cell {
    display: block;
    text-align: left;
}

@media all and (-webkit-min-device-pixel-ratio:0){
input[type="Image"] {
    line-height:22px;
}
}
	 	/* end*/  
}
 
 
 
 
 
 
 
  @media only screen and (max-width: 480px)  { 
	 
	h1.custom-page-title  , 
.hpl .content-t h2,
.content_box_title{
	    background: transparent url("/static/app/img/cf/folder_title.png") no-repeat scroll 0 0 / 35px auto;
    font-size: 20px;
    padding-left: 40px;
	    padding-bottom: 8px;
    padding-top: 4px;
}

.header_search div input[type="text"] {
    font-size: 22px;
    width: 70% !important;
}

a.lr-button {
    right: 24%;
    top: 10px;
}
.cat-info a{
	 padding-top:15px;
	 padding-bottom:15px;
}

.shopingcard tr {
    display: block;
   border-top:10px solid #eee;
}
.shopingcard td {
    display: block;
    text-align: left;
}
.shopingcard td:last-child{
	font-weight:bold;
	color:#244;
}

.table_caption  {
	 display: none !important;
}

.shopingcard td.sc_totals{
	border:none;
	color:#000;
}
.shopingcard td.product-link {
    border: 0 none;
    margin-left: 55px;
    margin-top: -87px;
    position: absolute;
}

table .graf_button_link td a.link, input.link, a.link {
    display: block;
		text-align:center;
		margin: 0 auto;
}
.buttons-block a img, .buttons-block input[type="Image"] {
    height: auto;
			text-align:center;		
}
@media all and (-webkit-min-device-pixel-ratio:0){
input[type="Image"] {
    line-height:24px;
}
}

table.graf_button_link {
    width: 100%;
}
 		/* end*/  	
	}
	
	
 @media only screen and (max-width: 375px)  { 


.header_search div input[type="text"] {
    font-size: 22px;
    width: 60% !important;
}

 	/* end*/  

}

@media only screen and (max-width: 321px)  { 


body {
			/*background-color:#000;*/
		}	

 
	/* end*/  

}