/* CSS Document */

/*   K O N T A K T   -   V Y S O U V A C Í   S T R Á N K A   */

/* POPTÁVKOVÝ FORMULÁŘ */

form#poptavkovyForm h5 {
color: gray;
text-shadow: none;
margin: 1em 0 1em 0;                                   
}
form#poptavkovyForm textarea {
margin: 0 0 1em 0;                                   
}
form#poptavkovyForm input[type="radio"] {
margin: 1em 0 0 0;                                   
}
form#poptavkovyForm input:checked + label {
border-bottom: 1px solid rgb(224,146,0);                                  
}
form#poptavkovyForm input[type="text"]:focus,
form#poptavkovyForm textarea:focus {
border: 1px solid rgb(224,146,0);
padding: 2px;
border-radius: 2px;
box-shadow: 0px 0px 3px rgba(224,146,0,0.5);                             
}
form#poptavkovyForm .krok {
float:none;
margin: 0 0 1em 0;                                   
}
form#poptavkovyForm .krok:disabled {
background-color: white;
color: rgb(224,146,0);
font-weight: bold;                          
}
form#poptavkovyForm .krok.gray:disabled {
color: gray;
font-weight: normal;
border: 1px solid gray                                   
}
form#poptavkovyForm label {
width: auto;                       
}
form#poptavkovyForm .poznamka {
color: gray;
font-size: 80%;
margin-left: 8em;                                   
}

textarea#zprava {
width: 80%;                
}

form .barevnyCtverec {
width: 8em;
height: 8em;
border: 1px solid white;
}
input.color:checked + label.color > div {
border: 1px solid rgb(224,146,0);
}
div.box-barvy {
float: left;
margin: 0 2em 2em 0;          
}
/* půdorys stavebního otvoru */
div.stavebniOtv {
position: relative;
float: left;
margin: 2em 2em 1em 0;
border: 1px solid rgb(153,187,187);                
}
div.stavebniOtv.ctverec {
width: 10em;
height: 10em;                
}
div.stavebniOtv.obdelnikL {
width: 12em;
height: 8em;                
}
div.stavebniOtv.obdelnikS {
width: 8em;
height: 12em;                
}
div.stavebniOtv.nepravidelny1 {
width: 10em;
height: 12em;                              
}
div.stavebniOtv.nepravidelny2,
div.stavebniOtv.nepravidelny3 {
width: 14em;
height: 8em;
}
div.stavebniOtv.proKoty {
width: 14em;
height: 14em;
margin: 4em 4em 3em 4em;                              
}
div.stavebniOtv > div {
position: absolute;
background-color: white;
border: 1px solid rgb(153,187,187);
z-index: 1;
}
div.stavebniOtv.nepravidelny1 > div {
left: -1px;
top: 10em;
width: 5em;
height: 2em;
border-left: none;
border-bottom: none;                
}
div.stavebniOtv.nepravidelny2 > div {
left: 5em;
top: 6em;
width: 9em;
height: 2em;
border-right: none;
border-bottom: none;    
}
div.stavebniOtv.nepravidelny3 > div {
left: -1px;
top: 6em;
width: 5em;
height: 2em;
border-left: none;
border-bottom: none;              
}
div.stavebniOtv.proKoty > div.zakrytyRoh {
left: -1px;
top: 8em;
width: 6em;
height: 6em;
border-style: solid solid none none;              
}
div.stavebniOtv.proKoty > div.zakrytyRoh.zrcadlo {
left: 8em;
border-style: solid none none solid;              
}
div.stavebniOtv > div.rozmerA,
div.stavebniOtv > div.rozmerB,
div.stavebniOtv > div.rozmerC,
div.stavebniOtv > div.rozmerD {
position: absolute;
text-align: center;
vertical-align: middle;
color: rgb(153,187,187);
background-color: initial;                      
}
div.stavebniOtv div.rozmerA {
top: -2em;
margin-top: -1px;
left: 0;
width: 14em;
height: 2em;
line-height: 2em;
border-style: none none solid none;                     
}
div.stavebniOtv div.rozmerB {
top: 0;
left: 14em;
width: 2em;
height: 14em;
line-height: 14em;
border-style: none none none solid;                    
}
div.stavebniOtv div.rozmerB.zrcadlo {
left: -2em;
margin-left: -1px;
border-style: none solid none none;                    
}
div.stavebniOtv div.rozmerC {
top: 0;
left: -2em;
margin-left: -1px;
width: 2em;
height: 8em;
line-height: 8em;
border-style: none solid none none;                    
}
div.stavebniOtv div.rozmerC.zrcadlo {
left: 14em;
margin-left: 0;
border-style: none none none solid;                    
}
div.stavebniOtv div.rozmerD {
top: 14em;
left: 6em;
width: 8em;
height: 2em;
line-height: 2em;
border-style: solid none none none;                    
}
div.stavebniOtv div.rozmerD.zrcadlo {
left: 0;                    
}
div#acko:hover ~ div > div > div.rozmerA,
div#becko:hover ~ div > div > div.rozmerB,
div#cecko:hover ~ div > div > div.rozmerC,
div#decko:hover ~ div > div > div.rozmerD {
border-color: red;
color: red;
font-weight: bold                          
}

.prime:hover ~ .okno,
.elko:hover ~ .okno,
.ucko:hover ~ .okno,
.tocite:hover ~ .okno,
.prave:hover ~ .okno,
.leve:hover ~ .okno,
.sikmaky:hover ~ .okno,
.sPodestou:hover ~ .okno,
.otevrene:hover ~ .okno,
.uzavrene:hover ~ .okno,
.zadlabane:hover ~ .okno,
.trmenove:hover ~ .okno,
.sedlove:hover ~ .okno,
.vretenove:hover ~ .okno,         
.prime:hover ~ .okno > .pudorys-I,
.elko:hover ~ .okno > .pudorys-L,
.ucko:hover ~ .okno > .pudorys-U,
.tocite:hover ~ .okno > .pudorys-O,
.prave:hover ~ .okno > .pudorys-Prave,
.leve:hover ~ .okno > .pudorys-Leve,
.sikmaky:hover ~ .okno > .pudorys-L,
.sPodestou:hover ~ .okno > .pudorys-L4,
.otevrene:hover ~ .okno > .ikona-Zo,
.uzavrene:hover ~ .okno > .ikona-Zu,
.zadlabane:hover ~ .okno > .ikona-Zu,
.trmenove:hover ~ .okno > .ikona-To,
.sedlove:hover ~ .okno > .ikona-Su,
.vretenove:hover ~ .okno > .pudorys-O
{
display: block;                         
}

/*položky formuláře pro okamžité skrytí*/  
.proNavrh,
.proKonzultaci,
div.dreviny,
div.barvy,
div#praveZrcadlo
{
display: none;            
}

/*položky formuláře pro skrytí po označení*/
input#prime:checked ~ .smer,
input#prime:checked ~ .podesta,
input#tocite:checked ~ .podesta,
input#prime:checked ~ .konstrukce.vretenove,
input#ctyrhran:checked ~ div.proNepravidelny,
input#ctyrhran:checked ~ div > div.proNepravidelny,
input#nepravidelny:checked ~ div.proCtyrhran,
input#zrcadlit:checked ~ div#leveZrcadlo
{
display: none;            
}

/*zviditelní části formuláře v blocích po označení*/
input#navrh:checked ~ div.proNavrh,           
input#konzultace:checked ~ div.proKonzultaci,
    input#barva:checked ~ div.barvy,
    input#drevina:checked ~ div.dreviny,
input#zrcadlit:checked ~ div#praveZrcadlo
{
display: block;    
}