/* -- start setup -- */

* {
font-family : 'Open Sans', Arial, Verdana, Trebuchet MS,Helvetica,sans-serif;
font-size : 16px;
margin : 0;	
border : none;
padding : 0;
color:#606060;
color:#555;
}


#center {
width:860px;
height: auto;
margin: 0 auto;
}


#hlavicka_nova {
width:960px;
float:left;
margin-top:20px;
margin-left:0px;
}

#logo_shape {
width:140px;
margin-top: -20px;
float:left;

}
#navigace_horni {
	margin-top:0px;
	margin-left:40px;
	float:left;
}
#navigace_horni a:link {
	color:#ffffff;
	margin-left:20px;
	margin-right:20px;
	text-decoration: none;
}
#navigace_horni a:visited {
	color:#ffffff;
	text-decoration: none;
}
.itemList li a:hover {
	color:#ffffff;
	text-decoration: none;
}




/* -- common -- */
.horniIndex {vertical-align : super; font-size:9px;}
.i {font-style : italic;}
sup {font-size: 0.7em;}

/* -- float -- */
.floatLeft {float : left;}
.floatRight {float : right;}
.clear {clear : both;}

/* -- all pages -- */
hr {display : none;}

#header {
height:85px;
background-color:#00447b;
}

@media (min-width: 920px) {

#headerIn {
width:900px;
margin: 0 auto;
position:relative;
}

}

.topButton {
width:136px;
height:40px;
line-height:40px;
display:block;
position:absolute;
top:20px;
right:20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:2px solid #006895;
text-align:center;
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#006895;
}

.topButton:HOVER {text-decoration:underline;}


#logo {
background-image: url(../pcs/pcs_layout/philips-logo.png);
background-position: center center;
background-repeat: no-repeat;
width:168px;
height:30px;
position:absolute;
top:20px;
left:20px;
}


#main {
/*background-image: url(../pcs/pcs_layout/body-background.png);
background-position: top;
background-repeat: repeat-x;*/
background-color: #d3dfed;
}

#mainIn {
margin: 0 auto;
position:relative;	
/*padding-top:25px;*/
}

#ribbon {
/*background-size:100px 156px;*/
background-image: url(../pcs/pcs_layout/stitek-cz.png);
background-position: center ;
background-repeat: no-repeat;
height:353px;	
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width:100%
}

.ribbonSk {background-image: url(../pcs/pcs_layout/stitek-sk.png) !important;}

#strojek1 {
z-index:50;	
}

.strojekImg {
margin:20px;
text-align:center;
color:#00447b;
}

.strojekImg img {
width:100%;
display:block;
margin: 30px 0;
}

/*
#main {
background-image: url(../pcs/pcs_layout/main-background.jpg);
background-position: top;
background-repeat: repeat-x;
}

#mainImg {
background-image: url(../pcs/pcs_layout/main-image.png);
background-position: top center;
background-repeat: no-repeat;	
}

#mainImg2 {
background-image: url(../pcs/pcs_layout/main-image2.png);
background-position: top center;
background-repeat: no-repeat;	
}

#mainIn {
margin: 0 auto;
position:relative;	
padding-top:125px;
}

@media (min-width: 920px) {

#mainIn {width:860px;}

}
*/

.title {
background-image: url(../pcs/pcs_layout/saeco.png);
background-position: center top;
background-repeat: no-repeat;
padding-top:105px;
padding-top:125px;
margin:0 20px;
}

.title h1 {
color:#00447b;
color:#00447b;
font-weight: lighter;
font-size:30px;	
text-align:center;
line-height:40px;
margin-bottom:20px;
}

.title h1 strong {
color:#00447b;
color:#00447b;
font-size:35px;	
display:block;
}

.title h2 {
wixdth:90%;
display:block;
margin: 0 auto 40px auto;
color:#00447b;
/*color:#00447b;*/
font-size:16px;	
text-align:center;
}


#form {
font-weight: normal;
background-color:#d3dfed;	
padding:30px 0 30px 50px;
padding:30px 0 30px 10px;
position:relative;
margin-bottom:75px;
z-index:500;	
position:relative;
}


#form h2 {
font-weight: bold;
font-size:24px;
font-size:22px;
color:#5c3d2a;	
color:#00447b;	
margin-bottom:20px;
}

#form p {
float:left;
width:360px;
/*height:40px;*/
width:95%;
}

/*#form p.first {margin-right:60px;}*/

#form p label {
/*float:left;*/
display:block;
width:99%;
line-height:30px;
color:#3c3c3c;
color:#3c3c3c;	
}


#form p label.poznamka{
	font-size:10px;
	color:#00447b;
	font-weight:normal;
	line-height:16px;
}

/*
#form p label.twoLines {line-height:15px;}
#form p.shortItem2 label {width:75px;}
#form p label em {font-size:12px;}
*/
#form p input {
float:left;
width:235px;
width:95%;
height:25px;
padding:5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:1px solid #ccd0db;
/*box-shadow:inset 1px 1px 20px #d1d1d1;
-moz-box-shadow:inset 1px 1px 20px #d1d1d1;
-webkit-box-shadow:inset 1px 1px 20px #d1d1d1;*/
}

#form p.shortItem input {
float:left;
width:100px;
width:100px;
padding:5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:1px solid #977d61;
/*box-shadow:inset 1px 1px 20px #d1d1d1;
-moz-box-shadow:inset 1px 1px 20px #d1d1d1;
-webkit-box-shadow:inset 1px 1px 20px #d1d1d1;*/
}
	
#form p.shortItem input {width:80px;}
#form p.shortItem2 input {width:200px;}

#form select {
/*border-top:0px solid #dcdcdc;*/

}



select
{
float:left;
width:98%;
height:35px;
padding:5px;
  -webkit-appearance: none;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
  -webkit-user-select: none;
  background-image: url(15xvbd5.png);
  background-position: 98% center;
  background-repeat: no-repeat;
  border: 1px solid #ccd0db;
  color: #777;
  font-size: inherit;
  margin: 20px;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.confirm {margin:20px 0 30px 0;	}
.confirmHu  {margin:20px 0 30px 200px !important;	}

.confirm label {
float:left;
color:#00447b;
color:#00447b;
}

.confirm label a {
color:#00447b;
}

.confirm input {
float:left;
width:15px;
margin-right:10px;
}

.submitForm2 {
/*background-image: url(../pcs/pcs_layout/submit-background.jpg);
background-position: center center;
background-repeat: repeat-x;*/
background-color:#0189c3;
width:150px;
height:47px;	
line-height:47px;	
text-align:center;
color:#00447b;
color:#fff;
cursor:pointer;
/*position:absolute;
bottom:20px;
right:40px; */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size:24px;
border:#FFF 1px solid;
}



@media (min-width: 740px) {


#ribbon {
background-size:auto;

background-size:227px 353px;
width:227px;
height:353px;
float:right;
}

#logo {
float:left;

}

.titleRules2 {
clear:both;
margin:0;
padding:0;
color:#00447B;
}

.title h1 {
font-size:45px;	
line-height:50px;
line-height:55px;
}

.title h1 strong {font-size:40px;	}
.xxtitle h2 {width:690px;}

.title h2 {font-size:25px;	}

.strojekImg {
display:block;
float:left;
width:40%;
width:90%;
margin: 0 5% 20px 5% ; 
}

.strojekImg img {
width:80%;
display:block;
margin: 0 10%;
}

#form {
padding:30px 0 30px 50px;
margin:0 20px 60px 20px;
}

#form h2 {font-size:24px;}

#form p {
float:left;
width:45%;
height:65px;
}
#form h3 {font-size:16px; color:#00447B;}
#form h3 strong {font-size:16px; font-weight:normal; color:#00447B;}

#form p.first {margin-right:5%;}

.submitForm2 {
background-color:#0189c3;
position:absolute;
bottom:20px;
right:40px; 
}

#rules2 {
width:80%;
margin:0 auto;
padding:0;
color:#00447B;
}

}



@media (min-width: 1050px) {

.title {
padding-top:105px;
margin:0 auto;
width:600px;
background-position: top right;
}

.title h1 {
text-align:right;
}

.title h2 {
text-align:right;
}

#strojek1 {
position:absolute;
top:10px;
left:0;
width:60%;
}

.strojekImg img {
width:100%;
margin: 0;
}

#form {
width:810px;
width:650px;
margin: 0 auto 65px auto;;
}

#rules2 {
width:600px;
margin:0 auto;
padding:0;
color:#00447B;
}


}




@media (min-width: 1200px) {

#ribbon {
background-size:auto;
position:absolute;
top:85px;
right:100px;
}

#mainIn {
padding-top:125px;
padding-top:45px;
}

.title {
clear: none;
/*width:550px;*/
margin: 0 auto;
}

#mainIn {
width:1150px;
margin:0 auto;
position:relative;
}

#logo {
position:absolute;
top:30px;
left:20px;
}

#form {
width:810px;
margin: 0 auto;
}

#strojek1 {
position:absolute;
top:10px;
left:-300px;
/*width:257px;*/
}

#strojek1 img {
width:auto;
}

#strojek2 { 
position:absolute;
top:430px;
right:-300px;
width:247px;
}

#rules2 {
width:760px;
margin:60px auto;
padding:0;
color:#00447B;
}



}


@media (min-width: 1550px) {
.title {width:850px;}




#rules2 {
width:760px;
margin:60px auto;
padding:0;
color:#00447B;
}
}



#rules2 {
padding-bottom:60px;
padding: 0 20px 60px 20px;
color:#00447B;
}

#rules2 p.titleRules2 {
/*color:#00447b;*/
font-size:30px;
line-height:36px;
font-weight:bold;
color:#00447B;
}

p.ods {
color:#00447b;
line-height:25px;
margin-bottom:20px;
}
#dialog_informace p.dialog {
    color:black;
}
#dialog_informace a {
    color:#00447b!important;
    outline: none!important; 
}
#dialog_informace a:hover {
    color:#00447b!important;
    text-decoration:underline!important; 
}


#dialog_informace h3 { 
    color:#0066a1!important;
    font-size:16px!important;
    font-weight:bold!important;
}

#dialog_informace h2 { 
    color:#0066a1!important;
    font-size:22px;
}


.imgRight {
float:right;
margin: 0 0 0 10px;
}

p.ods strong {color:#00447b;}

ul.ctverecky {
	margin-left: 0px;
	padding-left:20px;
	margin-bottom:20px;
	//list-style-image:url(https://www.tv-akce.cz/Sport_voucher_promo_07_2021/css/li.jpg);
	line-height:18px;
	color:#00447B;
}


.itemList {
	margin:20px;	
	color:#00447B;
}

.itemList li {
	color:#00447B;
/*color:#00447b;*/
}

.itemList li a:link {
	color:#00447B;
	margin-bottom:20px;
}
.itemList li a:visited {
	color:#00447B;
	margin-bottom:20px;
}
.itemList li a:active {
	color:#00447B;
	margin-bottom:20px;
}
.itemList li a:hover {
	color:#00447B;
	margin-bottom:20px;
}

.itemList li strong {/*color:#00447b;*/}






#footer {
/*height:100px;	
line-height:100px;*/
padding-top:5px;
padding-bottom:35px;
text-align:center;
font-weight:normal;
color:#FFF;
}

#footer a {
font-size:13px; 
font-weight:normal;
text-decoration:none;
color:#FFF;
}

#footer a:HOVER {text-decoration:underline; color:#FFF;}

#footer p {
margin-top:20px;
display:block;
text-align:center;
color:#ffffff;
font-size:14px;
}


#uspesne_odeslani {
margin:20px 40px 20px 0;
background-color:#00447b;
padding:20px;
height:60px;	
line-height:60px;	
color:Red;
text-align:center;
}




#header {
	display:none;
}


#vizual {
	background-image: url(../pcs/pcs_layout/HR_akce_banner_smaller.jpg);
	background-size:100%;
	background-position: top center;
	background-repeat: no-repeat;
	padding-top:50%;
}


#topLinks {
position:absolute;
top:50px;
right:30px;
color:#ffffff;
font-size:23px;
}

#topLinks a {
color:#ffffff;
font-size:23px;
font-weight:bold;
text-decoration:none;
margin: 0 5px;
}

#topLinks a:HOVER {text-decoration:underline;}