/*
 Theme Name: ABbiznes
 ABbiznes czyli wszystko o biznesie
 Theme URI: https://www.abbiznes.pl/
 Author: Bartłomiej Abramczyk
 Author URI: https://www.abbiznes.pl/ 
 Description: Szablon testowy
 Version: 1.0 
*/

 header, nav, main, aside, footer, article, section {
  display: block;
}

body {background-color:#FFFFFF; color:#000000; font-size: 40px; margin:0 auto; width:1050px; }

      /* margin:0 auto;width:1100px - wyśrodkowuje body */

 a {color: #8B0000;}   a:hover {color: #E9967A;}

div 
.black { width: 1100px; height: 38px; background-color: #000000; 
   display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: auto

}
    .white { width: 65%; height: auto;float: left; background-color: #FFFFFF; }
   .orange { width: 35%; height: auto;float: left; background-color: #E6E6FA;

            }
    
   
 .red { width: 1100px; height: 100px; float: left; background-color: #000000; font-size: 10px; color: white; }

@media (min-width: 1100px) {

.black, .white, .orange, .red {width:1050px;}

aside {width:30%;}

.white {width:65%;}

}

@media (max-width: 1100px) and (min-width: 1000px) {

.black, .white, .orange, .red {width:950px;}

aside {width:30%;}

.white {width:65%;}

}

@media (max-width: 1000px) and (min-width: 800px) {

.black, .white, .orange, .red {width:750px;}

aside {width:30%;}

.white {width:65%;}

}

@media (max-width: 800px) and (min-width: 500px) {

.black, .white, .orange, .red {width:450px;}

aside,

.white {width:100%;}

}

@media (max-width: 500px) {

.black, .white, .orange, .red {width:90%;}

aside,

.white {width:65%;}

}

h1 { font-size: 40px; font-family: Tahoma; Arial; color:#000000	; }
h2 { font-size: 33px; font-family: Tahoma; Arial; color:#000000	; }
p  { font-size: 25px; font-family: Calibri light;'Century Gothic';'Lucida Console'; Arial;
  display: -webkit-box;
    -webkit-line-clamp: 8; /* skrócenie do 6-u lini */
    -webkit-box-orient: vertical;
    overflow: hidden; }  /* ukrywa wszystkom co wychodzi za kontener */

                            /* menu poziome*/
 
ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	float: left;
	background-color: #fff;
	padding: 0px 0 0px 0px;
	
}

ul li {
	float: left;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: #fff;
        background: #000000 repeat-x center;
	padding: 10px 20px;

}

ul a:hover {
	background-color: #808080;		;
	
}