/**
 *	!!! POZOR - soubor sdileny s vkladanim textovych prispevku 
 */


*/
/**
 *	Vzhled okna
 */
#contact-container{
	width:810px;
}
#contact-container .contact-content{
	background-color: transparent;
}

/* Obal dat (s rameckem) */
.obal{
	width: 769px;
	margin-left: 20px;
}

.obal .obal_top{
	width: 100%;
	height: 10px;
	background: url(../images/layout/youtube/box/top.gif) no-repeat;
	overflow: hidden;
	float: left;
	margin: 0px;
	padding: 0px;
}

.obal .obal_middle{
	width: 100%;
	background: url(../images/layout/youtube/box/middle.gif) repeat-y;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
}

.obal .obal_bottom{
	width: 100%;
	height: 10px;
	background: url(../images/layout/youtube/box/bottom.gif) no-repeat;
	overflow: hidden;
	float: left;
	margin: 0px;
	padding: 0px;
}

.obal .obal_middle #data_content{
	margin-top: 0px;	
	margin-left: 30px;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.obal_krok_1{
	margin-left: 0px;
}
.obal_krok_1 .obal_top{
	background: url();
}
.obal_krok_1 .obal_middle{
	background: url();
}
.obal_krok_1 .obal_middle #data_content{  
	margin-left: 0px;
}
.obal_krok_1 .obal_bottom{
	background: url();
}

.div_for_video_list{
	height: 150px;
	width: 100%;
	overflow-y: auto;
}

img.image_title{
	border: 0px;
	margin-left: 20px;
}

/**
 *	Krok 1
 */
.krok_1_button{
	font-size: 0px;
	text-decoration: none;
	display: block;
	width: 727px;
	height: 118px;
	float: left;
	border: 0px;	
	cursor: pointer;
}

.krok_1_vloz_svoje_video{
	height: 109px; 
	background: url(../images/layout/youtube/button_vloz_svoje_video.jpg) no-repeat 0px 0px;
}
.krok_1_vloz_svoje_video_selected{
	background: url(../images/layout/youtube/button_vloz_svoje_video.jpg) no-repeat 0px -110px !important;
}

.krok_1_prirad_svoje_video{
	background: url(../images/layout/youtube/button_prirad_z_youtube.jpg) no-repeat 0px 0px;
	position: relative;
	top: -5px;
}
.krok_1_prirad_svoje_video_selected{
	background: url(../images/layout/youtube/button_prirad_z_youtube.jpg) no-repeat 0px -118px !important;
}

/**
 * 	Stylovani prvku formulare
 */
div.input_1{
	width: 432px;
	height: 28px;
	position: relative;
	overflow: hidden;
	
}
div.input_1 .left{
	float: left;
	width: 9px;
	height: 28px;
	background: url(../images/layout/youtube/form/input_1/left.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	left: 0px;
}
div.input_1 input{ 
	width: 414px;
	height: 28px;
	border: 0px;
	background: url(../images/layout/youtube/form/input_1/middle.gif) repeat-x;
	color: rgb(255,255,255);
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 9px;
}
div.input_1 .right{
	float: left;
	width: 9px;
	height: 28px;
	background: url(../images/layout/youtube/form/input_1/right.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	left:423px;
}


div.input_2{
	width: 232px;
	height: 28px;
	overflow: hidden;
	position: relative;
}
div.input_2 .left{
	width: 9px;
	height: 28px;
	background: url(../images/layout/youtube/form/input_1/left.gif) no-repeat;
	position: absolute;
	left: 0px;
}
div.input_2 input{ 
	width: 214px;
	height: 28px;
	border: 0px;
	background: url(../images/layout/youtube/form/input_1/middle.gif) repeat-x;
	color: rgb(255,255,255);
	display: block;
	position: absolute;
	left: 9px;
}
div.input_2 .right{
	float: right;
	width: 9px;
	height: 28px;
	background: url(../images/layout/youtube/form/input_1/right.gif) no-repeat;
	position: absolute;
	left: 223px;
}


div.textarea_1{
	width: 708px;
	height: 237px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
div.textarea_1_smallHeight{
	height: 87px;	
}
div.textarea_1 .top{
	float: left;
	width: 100%;
	height: 11px;
	background: url(../images/layout/youtube/form/textarea_1/top.gif) no-repeat;
	margin-bottom: -1px;
}
div.textarea_1 textarea{ 
	width: 100%;
	height: 215px;
	border: 0px;
	background: url(../images/layout/youtube/form/textarea_1/middle.gif) repeat-y;
	color: rgb(255,255,255);
	float: left;
	display: block;
	padding-left: 10px;
}
div.textarea_1_smallHeight textarea{
	height: 65px;	
}
div.textarea_1 .bottom{
	float: left;
	width: 100%;
	height: 11px;
	background: url(../images/layout/youtube/form/textarea_1/bottom.gif) no-repeat;
	margin-top: -1px;
}

.input_label{
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 13px;
	display: block;
	margin-bottom: 4px;
}

.radio_label{
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 4px;
}

#contact-container .contact-content .message{
	color: rgb(255,255,255);
	font-weight: bold;
	font-size: 13px;
}

#contact-container .contact-content .error{
	color: rgb(255,169,68);
	font-size: 14px;
	font-weight: bold;
}

#contact-container .contact-content .warning{
	height: 34px;	
	position: relative;
	margin-bottom: 20px;
}
#contact-container .contact-content .warning .vykricnik{            
	width: 33px;
	height: 33px;
	background: url(../images/layout/youtube/form/warning_vykricnik.gif) no-repeat;
	position: absolute;
	left: 0px;
	display: block;
}
#contact-container .contact-content .warning .left{
	width: 11px;
	height: 34px;	
	background: url(../images/layout/youtube/form/warning_left.gif) no-repeat;
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}
#contact-container .contact-content .warning .right{
	width: 11px;
	height: 34px;	
	background: url(../images/layout/youtube/form/warning_right.gif) no-repeat;
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}
#contact-container .contact-content .warning .middle{
	width: 647px;
	height: 34px;	
	background: url(../images/layout/youtube/form/warning_middle.gif) repeat-x;
	float: left;
	margin: 0px;
	padding: 0px;
	color: rgb(255,255,255);
	font-size: 15px;
	font-weight: bold;
	padding-left: 40px;
	padding-top: 5px;
}

.btn_zpet{
	width: 72px;
	height: 49px;
	background: url(../images/layout/youtube/form/buttons/zpet.png) no-repeat 0px 6px;
	border: 0px;
	cursor: pointer;
}

.btn_pokracovat{
	width: 134px;
	height: 49px;
	background: url(../images/layout/youtube/form/buttons/pokracovat.png) no-repeat 0px 0px;
	border: 0px;
	cursor: pointer;
}

.btn_nahrat{
	width: 102px;
	height: 49px;
	background: url(../images/layout/youtube/form/buttons/nahrat.png) no-repeat 0px 0px;
	border: 0px;
	cursor: pointer;
}

.btn_close{
	width: 87px;
	height: 49px;
	background: url(../images/layout/youtube/form/buttons/zavrit.png) no-repeat 0px 0px;
	border: 0px;
	cursor: pointer;
}

.simplemodal-close{
	background: url(../images/layout/youtube/close_icon.gif) no-repeat !important;
	width: 21px !important;
	height: 21px !important;
	top: 85px !important;
	right: 8px !important;
}

#data_content form, #data_content .div_form{
	margin: 0px;
	padding: 0px;
	margin-bottom: 11px;
}