/* content by blazsak.pl for EVEgroup - biocol */


/**************************
 * CSS RESET 
 */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1.3;
	font-family: inherit;
  font-size: inherit;
	text-align: inherit;
	vertical-align: baseline;
  background:transparent;
  color: inherit;
  
}
em{  font-style:italic; }
strong {font-weight:bold;}

textarea{	overflow: auto;;}
a img, :link img, :visited img {border: 0;}
table {	border-spacing: 0;}
  td{ vertical-align: middle; }
ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
:focus {outline: 0;}



.hid {margin-top:-5000px; position:absolute;}
a {text-decoration:none; color: #fff;  }
a:hover{ text-decoration: none;}


/********************************
 * Struktura podstawowowa
 */
html {background:#000 url(/gfx/site/bg.jpg) no-repeat 0 0;  color: #fff; font-size:11px; font-family:  Tahoma, Verdana,Arial,Helvetica,sans-serif;}
body{   text-align: left;  width: 1200px; height: 100%;  }

img {margin:0px; border:0; vertical-align: middle;}
input,textarea {font-size: 11px; margin:0 2px; padding:2px 3px; color: #fff; border:1px solid #000;}
input.submit {background: #000; border:1px solid #000; width: auto; padding:2px 10px; }
button { }
label{}


/********************************
 * MAIN
 */
#container{ z-index: 200; border: 1px solid green;  }

#matrix{ z-index: 105; width: 1080px;}
#flashBG{top: 0px; left: 0px; position: absolute; z-index:-1; width:1100px; height:760px; border:0px solid red; overflow: hidden; }
#flashBG div.flash {   }

/********************************
 * TOP
 */
#top{margin-top: 25px;}
#logo {position: absolute; top:0; left:0; margin: 55px 900px; z-index: 1000;}


/********************************
 * MAINMENU
 */
#mainmenu{ z-index: 2000;
  height: 35px;
 /* background: url(/gfx/temp_mm.gif) no-repeat 0 0;*/
}

#mainmenu ul{ float: left; padding: 0 0 0 140px; background:  #000;}
#mainmenu ul li {
  float: left;
  background: #000;
  height: 35px;
}
#mainmenu ul li.first {  }

#mainmenu ul li a { 
  display: block;
  color: #aaa;
  float: left; 
  line-height: 35px;
}

#mainmenu ul li a:hover{ color: #fff; }
#mainmenu ul li a.active { color: #fff;}

/********************************
 * CONTENT & ADDON
 */
#title {margin-top: 40px; padding-left: 200px; height: 75px;  width: 500px; font-size: 15px; font-family: "Trebuchet MS", Arial; font-weight: bold; }
#title img { vertical-align: text-bottom;}
#title { }
#subtitle {position: absolute; left:0 ; top:0; margin: 175px 755px;}

/********************************
 * PAGE
 */
.page{ background: transparent; color: #fff; padding: 20px 0 0 200px; width: 470px; border-right: 0px solid red; }



.page p {text-align: justify; padding: 5px 0; clear: left;}
.page ul {padding: 5px 20px; list-style: outside disc }
.page ol {padding: 5px 20px; list-style: outside decimal}
.page a {text-decoration: none; font-weight: normal; color:#bf00bf}
  .page a:hover { text-decoration: underline; }

.page h1 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; font-family: Verdana; color:#DE0000; }
.page h2 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; text-transform: uppercase; font-family: Verdana; color:#DE0000; }
.page h3 {margin:5px 0 5px 0; font-weight: normal; font-size: 13px; font-family: Verdana; color:#89B5C6;  }
.page h4 {margin:5px 0 5px 0; vertical-align: middle; font-weight: normal; font-size: 18px; font-family: Verdana; color:#89B5C6; border-bottom: 1px solid #1f3036;  }
.page h5 {}
.page h5 img {border:0;}

.page h1,.page h2,.page h3,.page h4 {font-family: "Trebuchet MS"; font-style: italic;;}


.page img {margin:5px 10px; border: 1px solid #fff}
.page img.title { }
.page img.prawa {float:right;}
.page img.lewa {float:left;}
.page div.iframe {margin:5px 10px; background:#000000 url(/gfx/site/img_bg.png) repeat-x 0 0 ; padding: 10px; border: 1px solid #1f3036; text-align: center;}

.page table{ background: #000 url(/gfx/site/img_bg.png) top left repeat-x; margin: 5px 0 25px 0; border:1px solid #1f3036; border-left: 0; border-top:0; font-size: inherit; }
.page td , .page th{ padding: 5px; border: 1px solid #1f3036; border-right:0; border-bottom: 0;  }
.page th { color: #fff; text-align: left; font-weight: normal;}




/********************************
 */
#foot {position: absolute; top:700px;z-index: 105;height: 40px; width: 1200px; background: url(/gfx/site/bg_foot.png) top right repeat-y;  }
#eve {left:0;  position: absolute; margin: 0 990px; }
#footmenu{ margin-left: 200px; }
#footmenu li {float: left;margin-top:10px;  padding:0 15px; border-left: 1px solid #fff;}
#footmenu li.first { border:0;}
#footmenu li a {}
#footmenu li a:hover { text-decoration: underline; }

/********************************
 * NEWS
 */
#news { border: 0px solid blue;}
#newslist{ width: 590px; margin-top: 40px;  border: 0px solid pink; }
#newslist h2 { margin-left: 160px;}
#newslist ul.news-holder { margin-left: 145px; list-style:none outside; }
#newslist li.news-element {padding:5px 80px 5px 45px; background: url(/gfx/site/news_li_bg.png) left bottom no-repeat;border-bottom:1px solid #3e3e3e;  }
html>body #newslist li.news-element { border-bottom: 0;}
#newslist li.news-element label { margin-left: -30px;  font-weight: bold; color: #A62584; clear: both; background: url(/gfx/site/news_li.gif) 0 0 no-repeat; }
#newslist li.news-element label span {margin-left: 30px;}

#latest {padding:0; margin:180px 50px 0 0; padding:0; width:400px; height: 140px; border: 0px solid red; float: right;}
html>body #latest {margin:180px 90px 0 0;}
#latest-container{ width: 360px; height: 80px; background: #1d1d1d; border: 1px solid #313131;}

/********************************
 * MODELE / MODELKI
 */
.modelslist {background: transparent; padding: 20px 0 0 160px;  height: 480px; width: 580px;}
  .studio { height: auto; width: auto;}
.modelslist ul { list-style: none outside; clear: both;}
.modelslist ul li {height: 178px; width: 109px; text-align: center; overflow: hidden; background: #fff; float: left; padding: 2px 0; margin:14px 10px;}
.modelslist ul li.studio-fotograficzne{ height: 150px;}
.modelslist ul li:hover {background: #A52383;}
.modelslist a img {border: 0px solid #fff; clear: both;}
.modelslist ul li a span {clear: both; display: block; float: none;  color: #000; font-weight: bold; text-align: center;   padding: 5px 2px; ;}

.listnav { text-align: right; margin-right: 70px;}
.listnav a { margin:0 5px; color: #fff;}
.listnav a:hover {  color: #da4eb7; text-decoration: none;}
.listnav a.active {margin:0 5px;color: #A52383; }

.modelki {padding-left: 150px;  height: 480px; width: auto;}
  .modelki p {padding-left: 5px;}
  .model-dane { padding:5px 10px;}

.back{ position: absolute; margin-left: 650px;}
.back a {color:#A52383; }
.back a:hover { text-decoration: underline;}

#dane-lewa { width: 215px; float: left;}
#gallery { float: left; }
#navigation { margin-left: 215px;}
#imagePreview {}

.fotograf{}
.fotograf ul {padding: 20px 0 10px 200px; list-style: none outside;}
.fotograf ul li { font-size: 13px;}
.fotograf ul li span {color: #921f75; font-weight: bold;}

/********************************
 * DETAILS
 */
#latest-container {}
#latest-container li { margin: 2px 7px; float: left; width: 75px; height: 75px; overflow: hidden;}


/********************************
 * FORM
 */

#form {margin:20px  0 0 200px; }
#form div {margin: 5px;}
#form input,#form textarea,#form select{ width: 200px; background:#111;  border: 1px solid #242424; color: #fff;}
#form textarea {  height: 100px;}
#form select{ font-size: 11px;}
#form label{ float: left; width: 100px; text-align: right; margin-right: 10px;}
#form input.button { background: #7d007d; color:#aaa; width: 150px;}
#form input.button:hover { background: #c600c6; color:#fff;}
#form h4 {}
#miniform {margin-right: 215px;
  float: right;
}

#form div.short input {width: 50px;}
#form div.short input.button{width: 100px;}
/********************************
 * CASTING
 */
span.file_bg
{
    width: 100px;
    height: 21px;
    background: url(/gfx/temp/file.png) 0 0 no-repeat;

    display: block;
    overflow: hidden;
    cursor: default;
}

span.file_val { position: absolute; margin:5px 110px; font-size: 9px;}

input.upfile
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
   /* filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
}

/********************************
 * KONTAKT
 */


/********************************
 * OTHERS
 */
.ui-tabs-hide { display: none; }


#debug{text-align: left; margin-top:200px; display: block; width: 100%; } 
  #debug pre {background: #111; color: #ddd;  font-size: 11px;  font-family: Tahoma;}
  #debug label { font-weight: bold; color: #d90000; margin-right: 10px;}
  .debug-title {border-top:1px solid #000;border-bottom:1px dotted #ccc;}
  .debug-hr { height: 1px; font-size:1px; line-height: 1px; border-top: 1px dotted #333;}

.error404{ text-align: center; font-weight: bold; padding:20px;}
  p.error404 {height: 300px;}
.rinfo {color: #BD0909; font-weight: bold; font-size: 10px;}
.ginfo {color: #009900; font-weight: bold; font-size: 10px;}
.yinfo {color: #343434; font-weight: bold; font-size: 10px;}
.clear {clear: both; }
.center{ text-align: center;}