/*
	Filename:	Style.css
	Description:	Global CSS
	Version:	0.1a 
	Website:	cweb.free.bg
	Author:		Todor Jelev
*/

/* Шрифтове */
@font-face { font-family: 'OpenS'; src:url('font/OpenSans.woff');}
@font-face { font-family: 'LobS'; src:url('font/Lobster.woff');}
@font-face { font-family: icons; src: url('font/iconsa.woff'); }
@font-face { font-family: iconsa; src: url('font/iconsa.eot'); }
@font-face { font-family: 'Oswald'; src: url('font/Oswald.woff'); }
.icons { font-family: icons, iconsa; }
.lobster { font-family: LobS; }
.opensans { font-family: OpenS; }
.oswald { font-family: Oswald; }


/* Основни елементи */
body, h1, h2, h3, h4, body, ul, li, td, tr, table, img, a, iframe { margin:0; padding:0 }

/* HTML5 Елементи */
article, aside, header, section, nav, footer { display: block; margin:0; padding:0 }

body { font: normal 1em/1.4em Arial, sans-serif; background: url('img/woodbg.jpg') top left; }
table { border:none; border-collapse: collapse;}
img { border: none; }
a { color: #888; text-decoration: none;}


/* ========= Общи класове =========== */

/* Клас - чистач */
.clear { min-height: 0; _zoom: 1; }
.clear:after { content: ""; clear: both; display: block; }

/* Класове - размери */
.w100pr { width: 100%; }
.w1024p { width: 1024px; }
.w960p { width: 960px; }
.w680p { width: 675px; }
.w300p { width: 300px; }
.w260p { width: 260px; }
.w800p {width: 800px;}
.w760p {width: 760px;}
.w720p {width: 720px;}		
.w650p {width: 650px;}		
.w640p {width: 640px;}		
.w600p {width: 600px;}		
.w540p {width: 540px;}		
.w520p {width: 520px;}	
.w400p {width: 400px;}	
.w360p {width: 360px;}	
.w320p {width: 320px;}	
.w300p {width: 300px;}	
.w240p {width: 240px;}	
.w200p {width: 200px;}		
.w180p {width: 180px;}		
.w160p {width: 160px;}		
.w140p {width: 140px;}		
.w120p {width: 120px;}		
.w40p {width: 40px; }	


/* Класове - височина */
.h600p { height: 600px; }
.h300p { height: 300px; }


/* Класове - позиция */
.center { margin: 0 auto;}
.right { float: right;}
.left { float: left;}
.absolute { position: absolute; }

/* Класове - отстояние */
.inset-2 { padding: 2px;}
.inset-5 { padding: 5px;}
.inset-15 { padding: 15px;}
.inset-20 { padding: 20px;}
.inset-10 { padding: 10px;}
.inset-0-20 { padding: 0 20px;}
.inset-30-20 { padding: 30px 20px;}

/* Класове - текст */
.txt-right {text-align: right;}			
.txt-left {text-align: left;}			
.txt-center {text-align: center;}
.txtUp { text-transform: uppercase;}
.italic { font-style: italic;}
.bold { font-weight: bold; }
.normal {font-weight: normal;}

/* Класове - големина на шрифта */
.fs08 { font-size: 0.8em;} 
.fs09 { font-size: 0.9em;}	
.fs10 { font-size: 1em;}  
.fs11 {font-size: 1.1em;}
.fs12 { font-size: 1.2em;} 
.fs14 { font-size: 1.4em;}	
.fs16 { font-size: 1.6em;}  
.fs18 {font-size: 1.8em;}
.fs20 { font-size: 2em;} 
.fs22 { font-size: 2.2em;} 
.fs24 { font-size: 2.4em;} 
.fs26 { font-size: 2.6em;} 
.fs30 { font-size: 3em;} 


/* Класове - височина на реда */
.line12 { line-height: 1.2em; }
.line14 { line-height: 1.4em; }
.line16 { line-height: 1.6em; }
.line18 { line-height: 1.8em; }
.line20 { line-height: 2em; }
.line30 { line-height: 3em; }
.line40 { line-height: 4em; }


/* Класове - фон */
.graybg { background-color: #f6f6f6; }
.darkgraybg { background-color: #dfe2db; }
.redbg { background-color: #a41205; }
.whitebg { background-color: #FFFFFF; }
.black-bg { background-color: #000000; }
.light-whitebg { background-color: #F1f1f1; }
.orange-bg { background-color:#F44800;}


/* Класове - цвят */
.gray { color: #666666; }
.darkgray { color: #333333; }
.gray a { color:#333333;}
.gray a:hover { color:#333333; text-decoration: none;}
.blue { color:#4f81b6; }
.blue a { color:#4f81b6; text-decoration: none;}
.blue a:hover { color:#4f81b6; text-decoration: underline;}
.black { color:#111111;}
.white { color:#FFFFFF;}
.orange { color:#F44800;}


/* Класове - цветови комбинации */
.white-on-black { color:#FFFFFF; background-color: #000000 }
.white-on-blue { color:#FFFFFF; background-color: #265680}
.white-on-red { color:#FFFFFF; background-color: #a41205;}

/* Класове - списъци */
.none { list-style-type: none; }
.disc-inside { list-style-type: disc; list-style-position: inside;}


/**/
.vmenu a { display: block; }


/**/
.brd-e1 { border: 1px solid #e1e1e1;} 
.brd-e1-left { border-left: 1px solid #e1e1e1;} 
.brd-e1-right { border-right: 1px solid #e1e1e1;} 
.brd-e1-bottom { border-bottom: 1px solid #e1e1e1;} 
.brd-e1-top { border-top: 1px solid #e1e1e1;} 
.brd-e1-dotted-bottom { border-bottom: 1px dotted #e1e1e1;} 


/**/

#menu span { display: inline-block; position: relative; top: 3px;}
#menu:hover { cursor: pointer;}
aside h2, .sites { margin-bottom: 5px;}

iframe { border: none; }
.sites a:hover { opacity: 0.9;}
.td-top { vertical-align: top;}


/* Jovany Site */
hr { border: none; height: 1px; }
.body-red-top-border { border-top: 3px solid #a41205;}
.body-white-top-border { border-top: 3px solid #FFFFFF;}

header { background: url('img/Logo.png') no-repeat left center; padding: 0 0 0 50px; min-height: 50px;}
header h1, h3 { display: inline-block; color:#a41205; font: normal 1.8em/1.6em OpenS, Arial, sans-serif; }
header h1 a { color:#a41205; padding: 0 10px; text-shadow: 1px 1px 2px #666666;}
header h3 { color:#a41205; padding: 0 10px; border-left:1px solid #e1e1e1; color: #888888;}

nav { margin-top: 15px;}
nav a { display: inline-block; padding: 2px 10px; border-right: 1px solid #e1e1e1;}
nav a:last-child { border: none;}
nav a:hover { color:#a41205;}
 
#js-banner { height: 400px; margin: 10px 0;}
#js-slide { width: 100%; position: relative; height: 400px;}
#js-slide p { width: 960px; position: absolute; padding: 0; margin: 0 }
#js-slide p.show { z-index:500; }
#js-slide .caption { z-index:600; background-color:#000000; color:#FFFFFF; height:50px; width:100%; position:absolute; bottom:0; }
#js-slide .caption .content { margin: 10px 20px 5px; }

#js-galery { height: 800px; position: relative;}
#js-slider { height: 800px; overflow: auto; position: relative;}
.slide { width: 960px; height:800px; margin: 0 auto; text-align: center;}
.control-slide { display: block; position: absolute; cursor: pointer; width: 160px; z-index: 100; }
#prev-slide { padding: 5px 10px; top: 30%; left: 0; background-color: #265680; }
#next-slide { padding: 5px 10px; top: 30%; right: 0; background-color: #265680; }

#form-contact input[type="text"], #form-contact textarea { width: 280px; margin: 5px auto; padding: 5px 20px; color: #888888; }
#form-contact input[type="reset"], #form-contact input[type="submit"] { background: #f1f1f1; border: 1px solid #e1e1e1; }
#form-contact input[type="button"] { background: #f1f1f1; border: 1px solid #e1e1e1; }
#form-contact input[type="button"], #form-contact input[type="reset"] { padding: 5px 10px;}
#form-contact input[type="reset"]:hover, #form-contact input[type="submit"]:hover { color: #888888; border: 1px solid #d1d1d1; cursor: pointer;}
#form-contact input[type="button"]:hover { color: #333333; border: 1px solid #d1d1d1; cursor: pointer;}
#form-contact textarea { margin: 10px auto 20px;} 

#gallery td { padding: 2px 5px;}

.white-on-black { color: #FFFFFF; background-color: #333333;}
.white-on-red { color: #FFFFFF; background-color: #a41205;}
a.white-on-red { padding: 10px 20px; }
a.white-on-red:hover { background-color: #c51205;}
.white-on-red-brd1 { color: #FFFFFF; background-color: #bb0f00; border-top: 1px solid #f20a00; border-bottom: 1px solid #fa0a00;}

footer nav { margin:10px 0; } 
footer nav a { border: none; color: #666666; } 

nav.white-on-red { margin: 0; padding: 0}
.white-on-red a { border: none;}


.comment { margin: 0; }