
/* ___| CSS document |_____________________ */

body { 
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: .73em;
	color: #fff;
	background: #001722 url("../img/bg.jpg") no-repeat center top;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4 {
	margin: 20px 0 10px 0;
	padding: 0;
	}
p {
	margin: 10px 0 10px 0;
	padding: 0;
	}
h2 {
	font-size: 1.8em;
	color: #fb2a01;
	}
h3 {
	color: #f36f21;
	display: block;
	padding: 3px;
	width: 400px;
	background: #002638;
	border-bottom: 1px solid #f36f21;
	}
	
.none {
	display: none;
	}
.hidden {
	visibility: hidden;
	}

#content a:link, #content a:active, #content a:visited {
	color: #a6c8d3;
	text-decoration: none;
	}
#content a:hover {
	color: #c1dde6;
	text-decoration: underline;
	}
/* ___| container |_____________________ */


#container {
	margin: 0 auto 0 auto;
	width: 970px;
	}
	
	
/* ___| head |_____________________ */


#head {
	margin: 0;
	width: 970px;
	height: 170px;
	background: url("../img/bg_head.png") repeat;
	}
#logo {
	margin: 0px 0 0 20px;
	width: 210px;
	height: 93px;
	background: url("../img/ypf-logo.png") no-repeat;
	float: left;
	}
#logo h1 a {
	text-decoration: none;
	width: 210px;
	height: 93px;
	display: block;
	position: relative;
	}

#motto {
	margin: 30px 0 0 80px;
	width: 630px;
	height: 67px;
	background: url("../img/bg_motto.png") no-repeat;
	float: left;
	}

/* ___| menu CZE |_____________________ */


menu {
	margin: 30px 0 0 0;
	padding: 0;
	width: 970px;
	height: 39px;
	background: url("../img/bg_menu.png") repeat-x;
	float: left;
	clear: both;
	position: relative;
	z-index: 20;
	}
menu li {
	margin: 0 0 0 2px;
	width: 145px;
	text-align: center;
	list-style: none;
	line-height: 39px;
	vertical-align: middle;
	text-transform: uppercase;
	float: left;
	clear: right;
	}
menu li a {
	width: 145px;
	height: 37px;
	color: #ccc;
	display: block;
	text-decoration: none;
	background: #002e44;
	border-bottom: 2px solid #00557e;
	}
menu li a:hover {
	color: #fff;
	border-bottom: 2px solid #0792d6;
	}
	
	
/* ___| content |_____________________ */


#content {
	margin: 0;
	padding: 0 0 40px 0;
	width: 970px;
	background: url("../img/bg_content.png") repeat;
	clear: both;
	}
	
#news-block {
	margin: 40px 0px 5px 5px;
	width: 635px;
	height: 252px;
	float: left;
	background: url("../img/news-block.png") no-repeat;
	background-position: 0 0;
	font-size: 1.2em;
	overflow: hidden;
	}
#contact-block {
	margin: 40px 0px 5px 0px;
	width: 300px;
	height: 252px;
	float: right;
	background: url("../img/contact-block.png") no-repeat;
	background-position: 0 0;
	font-size: 1.2em;
	}
.events {
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: .73em;
	color: #fff;
	background: none;
	text-transform: none;
	border: none;
	font-weight: normal; 
	}
.events tr td {
		margin: 5px;
		padding: 5px;
		border: 1px solid #0792d6;
	}
.events thead td {
	margin: 5px;
	padding: 5px;
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;	
	}	
table.events {
  font-size: 100%;
  text-align: left;
}

.events tr td {
border:1px solid #0792D6;
text-align: left;
margin:5px;
padding:5px;
}

ul#col_blue {
	margin: 0;
	padding: 37px 0 0 0;
	width: 183px;
	min-height: 55px;
	background: url("../img/bg_shadow_blue.png") no-repeat center top;
	}
ul#col_blue li {
	margin: 0 0 0 3px;
	padding: 0 0 0 14px;
	line-height: 1.9em;
	list-style: none;
	background: url("../img/bg_item_b.png") no-repeat left .5em;
	/* ?prava VH 190607 */
	/* font-size: 0.9em; */
	}
.block-text {
	margin: 40px 10px 10px 10px;
	padding: 0 0 0 14px;
	line-height: 1.9em;
	}

.hline {
	margin: 5px 0 10px 0;
	width: 605px;
	height: 2px;
	border: 0;
	background: url("../img/bg_hr.png") no-repeat center;
	float: left;
	clear: both;
	}
.hline-small {
	margin: 5px 0 20px 0;
	width: 366px;
	height: 2px;
	border: 0;
	background: #fff url("../img/bg_hr_small.png") no-repeat center;
	float: left;
	clear: both;
	}
	
#partners-block {
	margin: 40px 0 0 0;
	width: 970px;
	height: 140px;
	float: left;
	background: url("../img/partners-block.png") no-repeat;
	background-position: 0 0;
	}
#partners-block .block-text img {
	margin: 20px 10px 20px 10px;
	}	
#footer-block {
	margin: 0px 0 20px 0;
	width: 970px;
	height: 70px;
	float: left;
	background: #001119;
	border-bottom: 2px solid #0e4a66;
	}
.footer-text {
	margin: 15px 10px 10px 10px;
	line-height: 1.9em;
	}
#footer-block .footer-text .left {
	float: left;
	width: 450px;
	line-height: 1.9em;
	color: #99bdcf;
	}
#footer-block .footer-text .right {
	float: right;
	text-align: right;
	width: 450px;
	line-height: 1.9em;
	}
#footer-block .footer-text a {
	color: #d2e3ec;
	text-decoration: none;
	background: none;
	}
#footer-block .footer-text a:hover {
	color: #fff;
	text-decoration: none;
	background: #031b26;
	}
.next-event {
	margin: 15px 10px 10px 10px;
	}
.next-event  h3 {
	font-size: 1.1em;
	color: #99ca3c;
	border: 0;
	display: block;
	background: none;
	margin: 20px 0 0 0;
	}
.next-event .left {
	font-size: 1.3em;
	float: left;
	width: 450px;
	line-height: 1.7em;
	}
.next-event .right {
	font-size: 1.5em;
	font-weight: bold;
	float: right;
	text-align: left;
	width: 450px;
	line-height: 1.9em;
	text-transform: uppercase;
	color: #699418;
	}
.next-event .right p {
	margin: 0 0 0 0; 
	position: relative;
	top: -10px;
	}
.right-normal {
	font-size: 1.3em;
	float: right;
	width: 410px;
	line-height: 1.7em;
	}
#content .pics-slideshow img {
	margin: 2px;
	border: 1px solid #0c83fb;
	}
/* ___| textpage |_____________________ */

.partner-panel {
	width: 420px;
	height: 150px;
	background: #001018;
	margin-bottom: 20px;
	}
.partner-panel img {
	margin: 10px ;
	}
.partner-panel p {
	margin: 10px;
	padding-bottom: 20px;
	}
#left {
	margin: 35px 0 0 15px;
	width: 180px;
	float: left;
	}
.intro {
	margin: 20px 50px 0px 50px;
	/* text-indent: 1em; */
	font-size: 1.4em;
	font-weight: bold;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	color: #c0edf6;
	text-align: center;
	}
.intro a {
	text-decoration: none;
	color: #d6f3f9;
	}
.intro a:hover {
	color: #fff;
	background: #005177;
	text-decoration: none;
	}
#textpage-block {
	margin: 20px 50px 0px 50px;
	font-size: 1.2em;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	color: #fff;
	}
#textpage-block a {
	text-decoration: none;
	color: #d6f3f9;
	}
#textpage-block a:hover {
	color: #fff;
	background: #005177;
	text-decoration: none;
	}
#textpage-block .left {
	margin: 10px 10px 10px 10px;
	width: 400px;
	float: left;
	}
#textpage-block .right {
	margin: 10px 10px 10px 10px;
	width: 400px;
	float: right;
	}
.highlight {
	color: #e1faff;
	}
#content #right a:link, #content #right a:active, #content #right a:visited, .engbody a:link, .engbody a:active, .engbody a:visited {
	color: #a6c8d3;
	text-decoration: none;
	}
#content #right a:hover, .engbody a:hover {
	color: #c1dde6;
	text-decoration: underline;
	}
#right {
	margin: 35px 0 0 35px;
	width: 345px;
	float: left;
	}
	
.engbody {
	margin: 15px 0 0 35px;
	width: 530px;
	float: left;
	}
#engpartner {
	float:right;
	width:250px;
	min-height: 15px;
	background: #00131a url("../img/bg_bboxbl_t2.png") no-repeat top;
	padding: 10px 10px 0 26px;
	color: #b9b9b9;
	}	
#right h2, .engbody h2 {
   margin: 0 0 1em 0;
	font-size: 1.5em;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-weight: normal;
	color: #fff;
	}
#right h2 span {
	font-size: .7em;
	color: #0099cc;
	font-weight: bold;
	}
#right h2 div {
	font-size: .7em;
	color: #0099cc;
	font-weight: bold;
	}
#right h3 {
	margin: 0 0 .4em 0;
	/* text-indent: 1em; */
	font-size: 1.3em;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	color: #017ca4;
	}
#right h4 {
	margin: 0 0 0 0;
	font-size: 1.1em;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	color: #a27d46;
	}
#right h5 {
	margin: 0 0 .4em 0;
	text-indent: 0;
	font-size: 1.1em;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	color: #017ca4;
	}
#ref h2 {
   margin: 1em 0 1em 0;
	font-size: 1.5em;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	}
#right p {
	margin: 0 0 1.7em 0;
/* text-indent: 1.2em; */
	text-align: left;
	}
#right .nonindent {
	text-indent: 0;
	}
#right .list, .engbody .list {
	margin: 0 0 1.4em 0;
	padding: 0;
	}
#right .list li, .engbody .list li {
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 22px;
	list-style: none;
	background: url("../img/bg_item_right.png") no-repeat left center;
	color: #b9b9b9;
	}
#right .list li a:link, #right .list li a:active, #right .list li a:visited {
	color: #5590a3;
	text-decoration: none;
	font-weight: bold;
	}
#right ul li a:hover {
	color: #a6c8d3;
	text-decoration: underline;
	}	
.foto_l, .foto_r {
	margin: 2px 15px 3px 0;
	text-align: center;
	float: left;
	}
#right .foto_r {
	margin: 2px 0 3px 15px;
	float: right;
	}
#right .foto_photo {
	margin: 0;
	/* border: 1px solid #505152; */
	}
	
	
/* ___| footer |_____________________ */


#footer {
	margin: 0;
	padding: 7px 7px 20px 7px;
	width: 591px;
	min-height: 104px;
	border-top: 3px solid #314a4a;
	background: url("../img/bg_footer.png") no-repeat;
	float: left;
	clear: both;
	}



#footer p {
	font-size: .9em;
	color: #636666;
	line-height: 1.3em;
	text-align: justify;
	}
#footer p a {
	text-decoration: none;
	color: #636666;
	}
#footer p a:hover {
	color: #989898;
	}
#footer p#foot {
	margin: 7px 0 7px 0;
	color: #283c3c;
	}
#footer p#foot a {
	color: #283c3c;
	text-decoration: underline;
	}
#footer p#foot a:hover {
	color: #636666;
	}
#footer form {
	margin: 7px 0 0 0;
	padding: 0;
	width: 280px;
	float: right;
	}
#footer form fieldset {
	border: none;
	}
#footer form fieldset legend {
	font-size: .9em;
	color: #334c4c;
	}
#footer form fieldset input {
	margin: 0 4px 0 1px;
	padding: 1px 3px 1px 3px;
	width: 100px;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: .93em;
	color: #8d9393;
	border: 1px solid #334c4c;
	background: #1a2626;
	}
#footer form fieldset input#butt {
	margin: 0 3px 2px 0;
	padding: 1px 3px 1px 3px;
	width: 19px;
	height: 19px;
	font-size: 0;
	text-align: center;
	color: #8d9393;
	border: 1px solid #2d3131;
	background: #090c0c url("../img/bg_input.png") no-repeat center;
	}
	
	/* On-line kalkulace */
#right #steps {margin: 0 0 15px 0; text-align: center; overflow: auto;}
#right #steps img {margin: 0;}
#right #steps .arrow {margin: 0 5px 15px 5px;}
#right .comment {
	font-size: .90em;
	color: #65798b;
	text-transform: uppercase;
	}
#right .question {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	}
#right .choice {
	margin-right: 15px;
	position: relative;
	top: 2px;
	}
#right .question-nr {
	
	display:block;
	border: 1px solid #017ca4;
	text-align: center;
	height: 20px;
	width: 20px;
	margin-top: 20px;
	}



/**
 * Basic definitions for the editing area.
 */

/**
 * Core styles.
 */

.Bold
{
	font-weight: bold;
}

.Italic
{
	font-style: italic;
}

.Underline
{
	text-decoration: underline;
}

.StrikeThrough
{
	text-decoration: line-through;
}

.Subscript
{
	vertical-align: sub;
	font-size: smaller;
}

.Superscript
{
	vertical-align: super;
	font-size: smaller;
}

/**
 * Font faces.
 */

.FontComic
{
	font-family: 'Comic Sans MS';
}

.FontCourier
{
	font-family: 'Courier New';
}

.FontTimes
{
	font-family: 'Times New Roman';
}

/**
 * Font sizes.
 */

.FontSmaller
{
	font-size: smaller;
}

.FontLarger
{
	font-size: larger;
}

.FontSmall
{
	font-size: 8pt;
}

.FontBig
{
	font-size: 14pt;
}

.FontDouble
{
	font-size: 200%;
}

/**
 * Font colors.
 */
.FontColor1
{
	color: #ff9900;
}

.FontColor2
{
	color: #0066cc;
}

.FontColor3
{
	color: #ff0000;
}

.FontColor1BG
{
	background-color: #ff9900;
}

.FontColor2BG
{
	background-color: #0066cc;
}

.FontColor3BG
{
	background-color: #ff0000;
}

/**
 * Indentation.
 */

.Indent1
{
	margin-left: 40px;
}

.Indent2
{
	margin-left: 80px;
}

.Indent3
{
	margin-left: 120px;
}

/**
 * Alignment.
 */

.JustifyLeft
{
	text-align: left;
}

.JustifyRight
{
	text-align: right;
}

.JustifyCenter
{
	text-align: center;
}

.JustifyFull
{
	text-align: justify;
}

/**
 * Other.
 */

code
{
	font-family: courier, monospace;
	background-color: #eeeeee;
	padding-left: 1px;
	padding-right: 1px;
	border: #c0c0c0 1px solid;
}

kbd
{
	padding: 0px 1px 0px 1px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
}

blockquote
{
	color: #808080;
}
ul#partners {
  position:relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size:75%;
	background: transparent;
	top: 2em;
}
#partners li {
    display: inline;
    padding-left: 10px;
}

#partners li a {
color: #fff;
opacity: 0.5; 
filter: alpha(opacity=50);
text-decoration: none;
}
#partners li a:hover {
opacity: 100; 
filter: alpha(opacity=100);
text-decoration: underline;
}
