/* ----------------------------------------------------------------------------------------------------------

    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Generally HTML styles (table, ul, dl...)
        4) Layout
        5) Page: Homepage
        
---------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* { 
	margin:0; 
	padding:0;
}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body { 
	font:0.8em/1.5 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif; 
	text-align:center;
	margin: 0pt; 
	/*background:url("../img/content/blue_canvas_bg.jpg");*/
	background: rgb(221, 233, 238) none repeat scroll 0% 0%;
}

h1, h2, h3, h4, h5, h6 {
	color: #463c3c; 
	margin:10px 0 10px 0; 
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
}

p, table, ul, ol, dl, fieldset { margin:0; padding:0;}

table { border-collapse:collapse; border-spacing:0; font-size:100%;}
th { text-align:center; font-weight:bold;}
th, td { padding:3px 7px;}

ul, ol { margin-left:30px;}
ul ul, ol ol { margin:0; margin-left:20px;}
ol { list-style-type:decimal;}
li { display:list-item;}

dt { font-weight:bold;}
dd { margin-left:30px;}

fieldset { position:relative; padding:10px; border:1px solid #CEE780;}}
legend { position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold; background:#FFF; color:#25A8C4;}

a { color: #463c3c; text-decoration:underline;}

table.table-style01 th {background:#25A8C4; color:#FFF;}
table.table-style01 th, table.table-style01 td {border:1px solid #7FD5E7;}
table.table-style01 tr.bg td {background:#D4F1F7;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

.bigger {font-size:110%;}
.smaller {font-size:85%;}


/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

ul.ul-style01 {margin:15px 0 15px 20px; list-style:none;}
ul.ul-style01 li {padding-left:12px; background:url("../design/ul-style01.gif") 0 5px no-repeat;}
ul.ul-style01 ul {margin:0; list-style:none;}
ul.ul-style01 ul li {padding-left:12px; background:url("../design/ul-style01.gif") 0 5px no-repeat;}


/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

.main {position:relative; width:709px; margin:0 auto; text-align:left;}

	#header {overflow:hidden;}
	#header-in {  padding-bottom:95px; overflow:hidden; background:url("../img/content/BeBop_blue_canvas_bg_02.jpg") center 0px no-repeat;  opacity: 1.00;}

	
	    #nav {
			clear:both; 
			font-family:'Helvetica Neue',Arial,sans-serif;			
			position:relative;
			line-height:20px;
			width:709px;
			background:url(../img/top-menu-bg16.gif); 
			background-repeat: repeat-x; 
			background-position:top left;	
			margin:0 auto; 
			text-align:left;			
			
		}
	    #nav ul { margin:0; margin-bottom:0px; padding:0px 0 0px 0px; list-style:none;}
	    #nav li {display:inline; margin:0; padding:0;}
	    #nav li a {display:block; float:left; padding:11px 5px; color:#ffffff; font-weight:normal; text-decoration:none;}
	    #nav #nav-active a {font-size:18px; text-decoration:none; color:#ffffff;}
		#nav li.last a {}
		#nav li a:hover { color:#4B484B; text-decoration:none;}
	
        #logo {margin:0 0 0 0px; font:normal 260%/1.2  'ArialMT', 'Arial', sans-serif; color:#FFF; z-index:2;}
        #logo span {display:block; font-weight:bold; color: #38b64b; font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue', 'Helvetica Neue Bold Condensed', 'Arial', sans-serif;
			font-size: 36px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: 0;
			line-height: 58px; margin-bottom: 0px; margin-left: 0px; margin-right: 30px; margin-top: 0px; opacity: 1.00;
			padding-bottom: 0px; padding-top: 0px; text-align: right; text-decoration: none; text-indent: 0px;
			text-transform: none;}
        #logo a {color: #38b64b; font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue', 'Helvetica Neue Bold Condensed', 'Arial', sans-serif;
			font-size: 36px; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: 0;
			line-height: 58px; margin-bottom: 0px; margin-left: 0px; margin-right: 30px; margin-top: 0px; opacity: 1.00;
			padding-bottom: 0px; padding-top: 0px; text-align: right; text-decoration: none; text-indent: 0px;
			text-transform: none; text-decoration:none;}

        #slogan {
		    background: url(/img/content/BlueNote_blackaccent.png) top right no-repeat;
			opacity: 1.00; color: #ffffff; font-family: 'ArialMT', 'Arial', sans-serif;
		    font-size: 17px; font-style: normal; font-variant: normal;
		    font-weight: normal; letter-spacing: 0.04em; line-height: 43px;
		    margin-bottom: 0px; margin-left: 0px; margin-right: 30px;
		    margin-top: 0px; opacity: 1.00; padding-bottom: 0px;
		    padding-top: 0px; padding-right: 12px; text-align: right;
		    text-decoration: none; text-indent: 0px; text-transform: none;
			}
    	
        #search {position:absolute; top:0; right:0;}
        #search #search-input {width:170px; padding:4px; font:normal 100%/1.2  'ArialMT', 'Arial', sans-serif; border:1px solid #FFF;}
        #search #search-submit {padding:3px 5px; font:bold 100%/1.2  'ArialMT', 'Arial', sans-serif; border:1px solid #25A8C4; background:#25A8C4; color:#FFF;}


		#header #content {

		}
	   
	   
    #cols .main {padding-bottom:15px;}

		
    	#content {float:left; width:709px;}
    	#content p {text-align:justify; color:#463c3c; font-size:12px; font-weight:normal; font-family: 'ArialMT', 'Arial', sans-serif;}
    	
    	#content-in {padding-left:15px; position:relative; background-color:#fff;}

            #content h1 {margin:0; margin-bottom:10px; font-size:160%; letter-spacing:-1px;}
            #content h2, #content h3, #content h4 {margin-bottom:0; margin-bottom:10px; font-size:140%; letter-spacing:-1px; border-bottom:0px solid #398231; color:#6b6868;}
            #content h3, #content h4 {letter-spacing:0; font-size:120%;}
							
    	#aside {float:right; width:1px; padding-right:1px; overflow:hidden;}
    			
    	
    	   #aside h3 {padding-right:15px; background:url("../design/arrow.gif") 100% 50% no-repeat; font-size:100%; color:#6b6868;}
    	   #aside ul {margin:5px 0 15px 0; padding:0; list-style:none;}
    	   #aside ul li {margin:0; padding:4px 10px 4px 0; border-bottom:1px solid #6b6868;}

    	/*#aside_banners {float:right; width:1px; padding-right:1px; overflow:hidden;}*/
    	#aside_banners {position:absolute; right:-168px; top: -236px; width:160px; overflow:hidden; text-align:center; background-color:#f0fafe;}
    	
    	   #aside_banners h3 {margin:0; padding:0 0 0 5px; font-size:14px; font-weight:normal; background-color:#b6e1bf; color:#ffffff; display:block;}
    	   #aside_banners ul {margin:0px 0 0px 0; padding:0; list-style:none;}
    	   #aside_banners ul li {margin:0; width:160px; text-align:center; border-bottom: 1px solid #dde9ee;}		   
		   
	#footer {clear:both; padding:15px 0;color:#58581c;}
    #footer p {margin:0;}
	#footer a {color:#BFBFBF;}
	#footer a:hover {color:#FFF;}
	
/* ----------------------------------------------------------------------------------------------------------
5) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#perex {margin-bottom:0px; padding:15px; padding-bottom:5px;border-bottom:1px solid black;}
#perex p {margin:0;}    
#perex  h2 { color:#0b9347;}            

.section {float:left; width:145px; overflow:hidden;border-bottom:1px solid #CEE780; background:#EEF7D4;}
.section.margin {margin:0 5px;}
.section h3 {margin:0; padding:5px 15px; border:0 !important; background:url("../img/section.gif") 0 0 repeat-x; font-size:120%; background-color:#25A8C4; color:#FFF;}
.section h3 a {color:#FFF;}
.section h3 a:hover {color:#000;}

.div_stripes div {width:19%; margin:2%; float:left; height:1px; border-top:0px solid #f0f0f0;}

.tovar {text-align:left; font-weight:normal;}
.main_tovar {text-align:left; font-weight:normal; float:left; width:25%; height:155px;}
.b3 {text-align:left; border-left:0px solid #f0f0f0; border-right:0px solid #f0f0f0; padding:0;}
.tovar img {margin:5px;}





.Green_Background {
	padding:30px;
    background: transparent url(/img/content/BeBop_green_canvas_bg_02-1.jpg) repeat scroll top left;
    opacity: 1.00;
}