/* babyportal.cz - layout */


/* main elements
--------------------------------------------------------- */
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; background: #8E8E8E; min-width: 790px; }
.hidden { display: none; }
.rss { padding-left: 15px; background: url("/img/ico-rss.gif") no-repeat 0 50%; }


/* skip navigation
--------------------------------------------------------- */
#nav-skip { font-weight: bold; text-align: left; text-decoration: none; display: block; position: absolute; top: 0; left: -2000px; width: 300px; }
#nav-skip a:focus, #nav-skip a:active {position: absolute; left: 2000px; top: 0px; height: 1.5em; display: block; width: 20em;}


/* first + main div
--------------------------------------------------------- */
#wrapper {
	width: 770px;
	margin: 0 auto;
	background-color: #FFFFFF;	
}


/* header + logo + branding
--------------------------------------------------------- */
#header { margin-bottom: 20px; }
#logo { float: left; }
#logo img {
	border: 0;
	margin: 0;
	padding: 15px 0px 0px 20px;
	background: transparent;
	position: relative;
	z-index: 4;
}
#logo-right { float: right;	padding: 20px 20px 0 0; }
#header-content {
	height: 11.7em;
	padding: 0;
  background: #FF661A url(/img/foto-theme.jpg) no-repeat top right;
	border-bottom: 16px solid #FFDFCC;
}
#branding-text {
	position: relative;
	width: 527px;
	padding-bottom: 16px;
}
#branding-text-en {
	position: relative;
	width: 527px;
	padding-bottom: 8px;
}
#branding-text p { color: white; padding: 0 20px; padding-top: 27px; }
#branding-text-en p { color: white; padding: 0 20px; padding-top: 20px; }

/* main menu
--------------------------------------------------------- */
#main-menu {
	padding: 7px 10px 9px 10px;
	width: 507px;
 	height: 1.2em;
  background-color: #4B4B4B;
}
#main-menu li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#main-menu a {
	float: left;
	line-height: 14px;
	padding: 0 10px 0px 10px;
	color: white;
	text-decoration: none;
}
#main-menu a.active { color: #FF661A; }
#main-menu a:hover { text-decoration: underline; }


/* sub menu
--------------------------------------------------------- */
#submenu {
  width: 220px;
	float: left;
	margin: 0 0 0 11px;
}
#submenu h3:first-child { margin: 0em 0 0.3em 0; }

#submenu ul {
	margin: 0px 0 1em 0px;
	padding: 0;
	list-style: none;
}
#submenu ul li {
	margin: 0 0 0.3em 0;
	padding: 1px 0 3px 13px;
	background: url("/img/bullet-submenu.gif") no-repeat 0.4em 0.6em;
}
#submenu li.active {
	color: #FFFFFF;
	background: #FF661A url("/img/bullet-submenu-active.gif") no-repeat 0.4em 0.6em;
}
#submenu a {
	color: #4B4B4B;
	text-decoration: none;
}
#submenu a:hover {
	color: #4B4B4B;
	text-decoration: underline;
}


/* content
--------------------------------------------------------- */
#content {
  width: 489px;
	float: left;
	margin: 0;
	padding: 0px 19px;
	/*background: #FF99FF url(/img/bg-main.gif) repeat-y top left;*/
	background-color: white;
}
#content h3:first-child { margin: 0em 0 0.3em 0; }


#branding {
  margin: 0;
  padding: 0;
  background: white url(/img/bg-main.gif) repeat-y top left;
}

/* footer
--------------------------------------------------------- */
#footer {
	color: #FFFFFF;
	clear: both;
	background-color: #FF661A;
}
#footer p {
	color: #FFFFFF;
	padding: 10px 20px;
	margin: 0px;
	background-color: #FF661A;
}
#footer p a {
	color: #FFFFFF;
}
#footer p a:hover {
	color: #666666;
}

/* forms
--------------------------------------------------------- */
form { margin: 0; padding: 0; }
input, select, textarea { font-family: Tahoma, Arial, sans-serif; font-size: 100%; }
/*.btn-submit { background: #C40086 url("../img/bg-button.png") repeat-x 0 0; color: white; font-weight: bold; border: 1px solid #AEBFD6; padding: 1px 10px; text-align: center; cursor: pointer; }
.btn-submit.blue { background: #3C587C url("/img/bg-button-blue.png") repeat-x 0 0; padding: 1px 2px; }*/

/* ams login form
--------------------------------------------------------- */
#ams-login label {
}
#ams-login input {
	width: 100px;
	margin-right: 4px;
}
#ams-login p {
  margin: 2px 0;
	padding: 0px;
}
#ams-login a#forgoten-password {
	color: #FF661A;
	text-decoration: underline;
	vertical-align: middle;
}
#ams-login a:hover#forgoten-password {
	color: #4B4B4B;
}
/* contact form
--------------------------------------------------------- */
#contact-form {
	width: 400px;
}
#contact-form .require {
	font-weight: bold;
}
#contact-form input, #contact-form textarea {
	width: 100%;
  /*background: url(../img/bullet-submenu.gif) no-repeat 35.8em 0.5em;*/
	background: url(/img/recuire-input.gif) repeat-y left;
  padding-left: 5px;
	/*border: 1px solid #666666;*/
}
#contact-form p {
  margin: 4px 0;
	padding: 0px;
}
#contact-form .btn-submit {
	width: 100px;
	background-color: #FF661A;
	color: white;
	font-weight: bold;
	border: 1px solid #AEBFD6;
	padding: 1px 10px;
	text-align: center;
	cursor: pointer;
}