/* HP Grid Layout - Based on 1200px - SimpleGrid
---------------------------------------------------------------------------------------------------------------------------------------*/

[class*='grid'],
[class*='col-'] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.grid [class^="col-"], .grid [class*=" col-"] {display:inline; position:relative; float:left; margin:0 0 0 0; list-style:none; box-sizing:border-box;}

.grid.grid-pad [class^="col-"], .grid.grid-pad [class*=" col-"] {display:inline; position:relative; float:left; margin:0 0 0 2.5641%; list-style:none; box-sizing:border-box;}
.grid.grid-pad [class^="col-"]:first-child, .grid.grid-pad [class*=" col-"]:first-child {margin-left:0;}

.grid.grid-pad [class^="col-"].nogutter, [class*=" col-"].nogutter { padding:0 0 0 0; } 

body .grid{display:block; width:100%; margin:0; padding:0; word-wrap:break-word;}

body .grid.grid-pad {						/* u 1200 layoutu je nalevo i napravo 15px mezera, tj. 1.25% */
	
}

body .grid-tpad {
	padding-top: 30px; 
}

.rowsub::before, 
.rowsub::after{display:table; content:"";}
.rowsub::after{clear:both;}

/* sloupce pro grid 1200 px (grid je bez okrajů)*/
/* sloupce v gridu nemají okraje */

.grid .col-1-1 {width:100%; float: none; display: block;}

.grid .col-1-2 {width:50%;}

.grid .col-1-3 {width:33.33333%;}
.grid .col-2-3 {width:66.66666%;}

.grid .col-1-4 {width:25%;}
.grid .col-2-4 {width:50%;}
.grid .col-3-4 {width:75%;}

.grid .col-1-5 {width:20%;}
.grid .col-2-5 {width:40%;}
.grid .col-3-5 {width:60%;}
.grid .col-4-5 {width:80%;}

.grid .col-1-6 {width:16.66666%;}
.grid .col-2-6 {width:33.33332%;}
.grid .col-3-6 {width:49.99998%;}
.grid .col-4-6 {width:66.66664%;}
.grid .col-5-6 {width:83.3333%;}

/* sloupce pro grid-pad 1170 px (grid-pad ma po bocích 15px okraje)*/
/* sloupce v gridu-padu nají levé marginy 30px (kromě prvního) */

.grid.grid-pad .col-1-1 {width:100%; float: none; display: block;}

.grid.grid-pad .col-1-2 {width:48.71794%;}

.grid.grid-pad .col-1-3 {width:31.62393%;}
.grid.grid-pad .col-2-3 {width:65.81196%;}

.grid.grid-pad .col-1-4 {width:23.07692%;}
.grid.grid-pad .col-2-4 {width:48.71794%;}
.grid.grid-pad .col-3-4 {width:74.35897%;}

.grid.grid-pad .col-1-5 {width:17.94871%;}
.grid.grid-pad .col-2-5 {width:38.46153%;}
.grid.grid-pad .col-3-5 {width:58.97435%;}
.grid.grid-pad .col-4-5 {width:79.48717%;}

.grid.grid-pad .col-1-6 {width:14.52991%;}
.grid.grid-pad .col-2-6 {width:31.62393%;}
.grid.grid-pad .col-3-6 {width:48.71794%;}
.grid.grid-pad .col-4-6 {width:65.81196%;}
.grid.grid-pad .col-5-6 {width:82.90598%;}