/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21. 8. 2019, 15:04:17
    Author     : skapa
*/

div.box_uvod_rozcestnik
{
	 height:218px;
	 width:32%;
	 
	 margin-left:1%;
	 margin-bottom:2%;
	 background-repeat: no-repeat;
	 background-size:cover;
	 background-position: center;
	 
		
		
	 	overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    cursor: pointer;
		
	
}


div.box_uvod_rozcestnik div.prvek
{
	font-size:180px;
	width:100%;
	height:100%;
	text-align:center;
	background: transparent;
	position:absolute;
	top:0px;
	left:0px;
	color:orange;
}


@media all and (max-width : 1180px)
	{
	  div.box_uvod_rozcestnik 
		{
			width:49%;
			
		}
		
	}
	
	@media all and (max-width : 480px)
	{
	  div.box_uvod_rozcestnik
		{
			width:100%;
		}
	}
	


div.box_uvod_rozcestnik div.skryto
{
		height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
		
		 background-repeat: no-repeat;
		 background-size:cover;
		 background-position: center;
}

div.box_uvod_rozcestnik:hover div.skryto, 
div.box_uvod_rozcestnik:focus div.skryto 
{
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}


div.box_uvod_rozcestnik:hover div.skryto:before,
div.box_uvod_rozcestnik:focus div.skryto
{
    display: block;
}

div.box_uvod_rozcestnik div.skryto:before 
{
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.75);
}





div.box_uvod_rozcestnik a
{
		display: none;
    font-size:18px;
    color:white;
    font-weight:normal;
		text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    cursor: pointer;
    /*text-decoration: none;*/
	 
}

div.box_uvod_rozcestnik:hover a, div.box_uvod_rozcestnik:focus a 
{
    display: block;
		color:white;
}

div.box_uvod_rozcestnik div.skryto a
{
	color:white;
}