/*
	GENERIC CSS
	
	(C)2009 Alexander Hulman
*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

html {
	height: 100%;
	min-height: 100%;
}
body {
	margin:0;
	padding:0;
	font: normal 14px Tahoma;
	background: url('../images/bg_body.png') center repeat-y #000000;
	color: #b0b0b0;
	height: 100%;
	min-height: 100%;
}
a {
 color: #6085e0;
}
a:hover {
	color: #90b0ff;
}

/* ROOT */
#root {
	line-height:150%;	
	background: url('../images/bg_root.png') center 0px repeat-x;
	text-align:center;
}
#root a img {
	border: 0;
}
#head {
	position:absolute;
	left:50%;
	margin-left:-480px;
	width:960px;
	height: 140px;
	background: url('../images/bg_head.png') center 0px no-repeat;
	text-align:left;
	z-index:99;
}
#logo {
	float:left;
	display:block;
	width:370px;
	margin-left:40px;
	height:110px;
	margin-top:15px;
}
#menuitems {
	white-space:nowrap;
	width:540px;
	height:50px;
	float:right;
	margin-top:12px;
}
#menuitems a {
	display: block;
	float: left;
	width: 90px;
	height: 50px;
	background: url('../images/menuitems.png') 0 -50px no-repeat;
}
a#mhome { background-position: 0px -50px; }
a#mhome:hover { background-position: 0px -0px; }
a#magency { background-position: -90px -50px}
a#magency:hover { background-position: -90px 0px;}
a#models { background-position: -180px -50px}
a#models:hover { background-position: -180px 0px;}
a#mmediabrowser { background-position: -270px -50px}
a#mmediabrowser:hover { background-position: -270px 0px;}
a#mwebshop { background-position: -360px -50px}
a#mwebshop:hover { background-position: -360px 0px;}
a#mcontact { background-position: -450px -50px}
a#mcontact:hover { background-position: -450px 0px;}

a#mediacatphoto, a#mediacatvideo {
	width:150px;
	height:35px;
	float:left;
}
a#mediacatphoto { background: url('../images/mediacategories.png') 0px -35px;}
a#mediacatphoto:hover { background: url('../images/mediacategories.png') 0px 0px;}
a#mediacatvideo { background: url('../images/mediacategories.png') 150px -35px;}
a#mediacatvideo:hover { background: url('../images/mediacategories.png') 150px 0px;}

#content {
	margin:0px auto;
	width:960px;
	text-align:left;
	padding-top:100px;
	padding-bottom:250px;
}
#textbox {
	padding:0px 25px 0px 25px;
}
	
#slideshowpanel {
	margin-left:-150px;
	text-align:right;
	width:640px;
	color: #505050;
	float:left;
}
#slideshowcontrols {
	margin-top:5px;
}

#slideshow {
	background: #000000;
}	
#banners {
	margin-left:165px;
	text-align:left;
}
#datepickerpanel {
	float: left;
	width: 50px;
	margin-top:20px;
}
#datepickerpanel a {
	display:block;
	text-decoration:none;
	padding-left: 10px;
}
#datepicker {
	display:block;
	background: url('../images/bg_bluepicker.png') top right no-repeat;
	height:12px;
	font: normal 11px Tahoma;
	color: #ffffff;
	padding:2px;
}
#datepickerrows {
	border: 1px solid #2b3232;
	border-bottom: 1px solid #2b3232;
	background: #202025;
}

#datepickerrows a, #archiveyearbox a{
	display:block;
	font: normal 12px Tahoma;
	color: #808080;
	padding: 5px 0px 3px 10px;
}
#datepickerrows a:hover, #archiveyearbox a:hover{
	color: #ffffff;
	background: #303035;
}


#mediapanel {
	padding:10px;
	border: 1px solid #2b3232;
	background: #000000 url('../images/bg_panelgradient.png') repeat-x;
	
	width:390px;
}
#mediascreen {
	background:#000000;
	border:2px solid #303030;
	width: 480px;
	height: 320px;
	overflow:hidden;
}
#mediascreen img {
	width:480px;
}
#mediatitle {
	font-weight: bold;
	color: #f0f0f0;
}
a.mediathumb {
	border:1px solid #c0c0c0;
	display:block;
	float:left;
	margin:1px 1px 0px 0px;
}
a.mediathumb:hover {
	border:1px solid #ffffff;
}
#archive {
	width:50px;
}
a.mediaarchive {
	display:block;
	color: #a0a0a0;
	padding:2px;
	margin:1px 0px;
}
a.mediaarchive:hover {
	background: #294a8b;
	color: #ffffff;
}
#archiveyearbox {
	width:50px;
	background: #202025;
	border: 1px solid #2b3232;
}
/* ********************************* MODELS module ***************************** */
#modelinfopanel {
	float:right;
	width: 600px;
}
#modellist {
	float:right; 
	width:620px;
	padding:10px;
	border: 1px solid #2b3232;
	background: #000000 url('../images/bg_panelgradient.png') repeat-x;
}
#modelcatpicker {
	float:left;
	width:170px;
}
#modelportrait {
	background:#000000;
	border:2px solid #303030;
	width: 275px;
	height: 400px;
	margin:0px 0px 20px 0px;
}
#modelmedia {
	padding:10px;
	border: 1px solid #2b3232;
	background: #000000 url('../images/bg_panelgradient.png') repeat-x;
	width:580px;
	margin-top:20px;
}
#modelinfo {
	width:500px;
	vertical-align:top;
	border: 1px solid #2b3232;
	background: #000000 url('../images/bg_panelgradient.png') repeat-x;
}
#modelinfo td {
	border:1px dotted #000000;
}
#modelinfo td:nth-child(3n){
	padding-left:30px;
	text-align:right;
}
.value {
	color: #e8e8e8;
}
a.modellink {
	display:block;
	border:2px solid #a0a0a0;
	float:left;
	margin:0px 1px 1px 0px;	
}
a.modellink:hover {
	border:2px solid #ffffff;
}
a.modellink img {
	display:block;
	width: 150px;
	height: 150px;
} 

.pickerbox {
	border: 1px solid #2b3232;
	border-bottom: 1px solid #2b3232;
	background: #202025;
}
.pickerbox .pickeritemgroup {
	font: bold 12px Tahoma;
	color: #e8e8e8;
	margin-top:10px;
}

a.pickeritem{
	display:block;
	font: normal 12px Tahoma;
	color: #808080;
	padding: 5px 0px 3px 10px;
}
a.pickeritem:hover {
	color: #ffffff;
	background: #303035;
}
/* ************************ LOGIN ******************** */
#logintools {
	padding:10px;
	float:right;
	border: 1px solid #2b3232;
	background: #000000 url('../images/bg_panelgradient.png') repeat-x;	
}
#loginform {
	position: absolute;
	top:20px;
	left:100%;
	margin-left:-220px;
	padding:10px;
	border: 1px solid #2b3232;
	background: #000000 url('../images/bg_panelgradient.png') repeat-x;	
	width:200px;
}
#loginform input {
	width:120px;
}
#loginlink {
	display:block;
	padding:10px;
	float:right;
	border: 1px solid #2b3232;
	background: #000000 url('../images/bg_panelgradient.png') repeat-x;
	
}

/* ********************************************* GENERAL ************************ */

.picker {
	display:block;
	background: url('../images/bg_bluepicker.png') top right no-repeat;
	height:12px;
	font: normal 11px Tahoma;
	color: #ffffff;
	padding:2px;
}
.notfound {
	width:50%;
	padding:30px;
	margin:10px auto;
	border:3px solid #c04040;
	background: #a05050;
}


.nobr {
	white-space:nowrap;
}
#footer {
	background: url('../images/bg_footer.png') center top repeat-x;
	width: 100%;
	text-align:center;
	color: #a0a0a0;
}
#footercontent {
	background: url('../images/bg_footercontent.png') center 0px no-repeat;
	height:230px;
	width:960px;
	padding-top:20px;
	margin:0px auto;
	text-align:left;
}
#footerbuttons {
	float:left;
	width:350px;
	margin-right:20px;
}
#footermenu {
	text-align:right;
	margin-bottom:20px;
}

#footer a {
	color: #d0d0d0;
}
#footer a:hover {
	color: #c0caff;
}
.lfloat {
	float:left;
	margin: 0px 10px 10px 0px;
}
.rfloat {
	float:right;
	margin: 0px 0px 10px 10px;
}
.center {
	text-align:center;
}
.home {
	padding-left:10px;
	float:left;
	width:400px;
}
.home h1 {
	margin: 20px auto !important;
}
.hr {
	height:15px;
	background: url('../images/catrin_hr.png') repeat-x;
	margin:10px 0px 15px 0px;
}
/*
	CONTENT ELEMENTS
*/
p {
	margin:20px 0px;
}
hr {
	height:1px;
	border:0;
	border-top: 2px solid #e0e0e0;
}
ul {
	margin-left:30px;
}
li {
	list-style-type: square;
}

h1 {
	font-size: 36px;
	font-weight: normal;
	color: #e0e0e0;
	margin: 40px 0px;
	font-variant:normal;
}
h2 {
	font-size:14px;
	color: #ffffff;
	margin:10px 0px 5px;
}
.notfound h1 {
	color: #ffffff;
}
td {
	vertical-align:top;
}
/* MESSAGES */
.info {
	margin: 20px auto;
	padding: 20px;
	width:400px;
	border-top: 2px solid #308030;
	border-bottom: 2px solid #308030;
	background: #e0ffe0;
	color: #80a080;
	font: normal 18px Tahoma;
	
}
.alert {
	margin: 20px;
	padding: 20px;
	border-top: 2px solid #f0a0a0;
	border-bottom: 2px solid #f0a0a0;
	background: #ffffff;
	color: #805050;
}
.alert h1 {
	color: #d08080;
	margin: 5px auto;
	padding:0;
	font-size:18px;
}
.note {
	margin: 20px;
	padding: 10px 20px;
	border-top: 2px solid #ffa000;
	border-bottom: 2px solid #ffa000;
	background: #302000;
	color: #f0f0f0;
}
.note h1 {
	margin: 0;
	padding:0;
	font-size:18px;
}
.status_message {
	margin:5px;
	border: 1px solid #d0d0d0;
	background: #f0f0f0;
	padding:5px;
}

/*
	DOCUMENT CONTENT
*/
.dolava {
	float:left;
	margin-right: 5px;
}
.doprava {
	float:right;
	margin-left: 5px;
}
.stred {
	margin: 1px auto;
}
.zlom {
	clear:both;
}
.inline {
	vertical-align:middle;
	padding:0;
	margin:0;
}
.hidden {
	display:none;
}
.clear {
	clear:both;
}
/*
	INPUTS
*/
input, select , textarea{
	border:1px solid #505050;
	background: #202020;
	color: #e0e0e0;
	font: normal 18px Tahoma;
}

fieldset {
	border:1px solid #505050;
	background: #202020;
	color: #e0e0e0;
	font: normal 8px Tahoma;
	margin-bottom:20px;
}
legend {
	padding: 3px 4px;
	font: normal 16px Tahoma;
	color: #e0e0e0;
}
#uploader {
	display:block;
	margin:10px;
}