@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;

	clear: none;
	width: 900px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanels7 {
	margin: 0px;
	padding: 0px;

	clear: none;
	width: 700px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanels8 {
	margin-left: 0px;
	padding-left: 45px;

	clear: none;
	width: 800px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanels2 {
	margin: 0px;
	padding: 0px;

	clear: none;
	width: 890px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: 10px verdana;
	background-color: #EBEBEB;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabRed {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: 10px verdana;
	background-color: #CC0000;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabIMG {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 30px 4px 10px;
	margin: 0px 1px 0px 0px;
	font: 10px verdana;
	background-color: #EBEBEB;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabIMG img {
	position: absolute;
	top: 2px;
	padding-right: 10px;
	padding-left: 4px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}
.TabbedPanelsTab2 {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: 10px verdana;
	background-color: #EBEBEB;
	list-style: none;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #999;
	border-top: solid 0px #999;
	border-right: solid 0px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #FFFFFF;
	border-bottom: 1px solid #EEE;
	font: bold 10px verdana;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #FFFFFF;
}
.TabbedPanelsContentGroup2 {
	clear: both;
	border-left: solid 0px #CCC;
	border-bottom: solid 0px #CCC;
	border-top: solid 0px #999;
	border-right: solid 0px #999;
	background-color: #FFFFFF;
}
/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* TESXT na stronach bemo */
.opis {
font-family:Verdana;
font-size:10px;

}
.opis a{
	color:#000000;
	font: bold 10px Verdana;
	text-decoration: none;
}
.opistabela {
	font-family:Verdana;
	font-size:10px;
	border-color: #EBEBEB;
}

.opisiodstep {
font-family:Verdana;
font-size:10px;
text-indent: 10px;
}

.opisbialy {
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
}  

/* odstęp */
.odstep{
	position:relative;
	top: -5px;
	left:25px;
	padding-bottom:0px;
	width: 900px;
}

.tlo{
	background-color:#006699;
	color: #FFFFFF;
	font-family: Verdana;
}

.tlo2{
	background-color:#006699;
	color: #FFFFFF;
	font-family: Verdana;
	text-indent: 12px;
}

/* strona promocja */

.ofspec			{border-bottom: 1px solid #E0E0E0; width: 100%; margin-top: 15px; }
.ofspec .samochod {width:400px; font-family: Verdana; font-size: 10px; color: #000000; margin-left: 320px;  }
.ofspec	.foto		{float: left;margin-top: 0px; margin-left:10px;}			
.ofspec	.cenawg {width:250px; font-family: Verdana; font-size: 10px; color:#000000; margin-left: 320px; margin-top: 15px; }
.ofspec	.cenaspec {width:250px; font-family: Verdana; font-size: 12px; color:#FF0000; margin-left: 320px; margin-top:10px; }
.ofspec	.adres		{
	height: 100px;
	font-family: Verdana;
	font-size: 10px;
	background-image: url(../obrazki/ramka_doadresu.png);
	background-repeat: no-repeat;
	padding-top: 23px;
	padding-left: 60px;
	margin-top: 18px;
	margin-left: 315px;
}
.ofspec	.cenazaw		{
	height: 50px;
	font-family: Verdana;
	font-size: 10px;
	background-image: url(../obrazki/ramka_doadresu.png);
	background-repeat: no-repeat;
	padding-top: 23px;
	padding-left: 60px;
	margin-top: 18px;
	margin-left: 315px;
}
.ofspec	.promocja2{
    margin-right: 20px;
}



/*FORMULARZE*/
.button 	{color: #FFFFFF; text-align: center; width: 150px; border: 0px outset #979797; height: 20px;}

.tf			{width: 405px}
.tf100		{width: 545px;}
.tf .cl		{text-align: right; width: 50%;}
.tf .cl100	{text-align: right; width: 100px;}
.tf .ci		{text-align: left; width: 50%;}

.tf thead		{background: #979797;}
.tf thead td 	{color: #FFFFFF; font-weight: bold; text-align: left; padding: 2px 2px 2px 10px;}
.tf tbody		{}
.tf caption,
.tf tbody th	{background: #a7a7a7; color: #FFFFFF; font-weight: normal; text-align: left; padding: 2px 2px 2px 10px;}
.tf tbody td	{border: solid silver; border-width: 0px 1px 1px 0px;}
.tf tbody .cl	{}
.tf tbody .ci	{}
.tf tbody .cl2	{text-align: left; border: solid silver; border-width: 0px 1px 1px 1px;}
.tf tbody .ci2	{text-align: left; border: solid silver; border-width: 0px 1px 1px 1px;}
.tf tbody td textarea	{width: 100%}
.tf tbody td input	{width: 100%}
.tf tbody td select	{width: 100%}
.tf tbody td .rb	{width: 25px !important;}
.tf tbody td .cb	{width: 25px !important;}
.tf tfoot td		{font-weight: bold;	height: 24px;}	
.tf tfoot .cn		{font-weight: bold; font-size: 13px; color: #2952A5; text-align: right;}
.tf tfoot td .button {width: 110px; margin-top: 15px;}	
/*END FORMULARZE*/

/* Oferta specjalna na nowe */
.podpromocja {background-repeat: repeat-x; background-image:url(../../uimages/micro/podpromocje.png)}
.promocja			{margin: 0 0 10px 0; padding: 0 0 10px 65px; background-repeat: no-repeat;  background-position: 575px 0px; font-family:Verdana; }
.promocja .foto		{float: right; margin-right:30px;}			
.promocja .cn1,.promocja .cn2	{width: 250px; padding: 0px 20px 20px 20px; }
.promocja .cn1,.promocja .cn1 strong	{color: #000; font-weight: normal; font-size: 10px;}
.promocja .cn2,.promocja .cn2 strong	{color: #B00009; font-weight: bold; font-size: 12px;}

.promocja .adres		{width: 250px; border: 1px solid #D7D7D7; background-color: #fff; text-transform : uppercase; padding: 10px 20px 10px 20px; font-family:Verdana; font-size:10px;}
.promocja .cenazaw		{width: 250px; border: 1px solid #D7D7D7; background-color: #fff; padding: 10px 20px 10px 20px; margin-top:5px; font-family:Verdana; font-size:10px; float:left;}
.promocja .dodatkowo		{
    float:right;
	position:relative;
	margin-right:50px;
	margin-top:10px;
}
.promocja .homologacja		{
    float:right;
	position:relative;
	margin-right:38px;
	margin-top:10px;
}
.promocja .adres h2		{font-weight: normal; font-size: 10px; background-color: #fff; border: none; color: #000; margin: 0 0 5px 0;}	
.promocja .cenazaw h2		{font-weight: bold; font-size: 10px; background-color: #fff; text-decoration:underline; border: none; color: #000; margin: 0 0 5px 0;}	
.promocja .adres img	{margin-right: 5px}
.promocja .adres p		{margin: 0 0 5px 0;}
.promocja .adres p  strong	{font-weight: normal; font-size: 10px;}
.promocja .adres a		{
	text-transform : none;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.promocja .opis			{padding-left: 20px;width: 600px;} 

.promocja .mdot			{position: absolute;top: -200px; left: 500px;} 

#promocja			{border-bottom: 1px solid #E0E0E0; margin-left:100px; padding: 0 0 10px 65px; background-repeat: no-repeat;  background-position: 575px 0px; font-family:Verdana; width:700px; }
#foto		{
	position: static;
	margin-top:0px;
	margin-left:305px;
}			
#cn1 {
	width: 250px;
	padding: 0px 20px 20px 20px;
	position:static;
	margin-top: -195px;
}
 #cn2	{
	width: 250px;
	padding: 0px 20px 20px 20px;
	position:static;
}
#cn1, #cn1 strong	{color: #000; font-weight: normal; font-size: 10px;}
#cn2, #cn2 strong	{color: #B00009; font-weight: bold; font-size: 12px;}

#adres		{
	width: 250px;
	border: 1px solid #D7D7D7;
	background-color: #fff;
	text-transform : uppercase;
	padding: 10px 20px 10px 20px;
	font-family:Verdana;
	font-size:11px;
	position:static;
}
#cenazaw		{
	width: 250px;
	border: 1px solid #D7D7D7;
	background-color: #fff;
	padding: 10px 20px 10px 20px;
	margin-top:5px;
	font-family:Verdana;
	font-size:10px;
	position:static;
}
#dodatkowo		{
	position: static;
	margin-top:-100px;
	margin-left:305px;
}
#adres h2		{font-weight: normal; font-size: 10px; background-color: #fff; border: none; color: #000; margin: 0 0 5px 0;}	
#cenazaw h2		{font-weight: bold; font-size: 10px; background-color: #fff; text-decoration:underline; border: none; color: #000; margin: 0 0 5px 0;}	
#adres img	{margin-right: 5px}
#adres p		{margin: 0 0 5px 0;}
#adres p  strong	{font-weight: normal; font-size: 10px;}
#adres a		{
	text-transform : none;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
#opis			{padding-left: 20px;width: 600px;} 

h1,
h1 strong	{font-size: 12px; color: #B00009 !important;}

h2,			
h2 strong	{font-weight: bold; font-size: 12px; color: #000000; padding: 0px 0px 0px 0px; margin: 0;}

h3,			
h3 strong	{font-weight: bold; font-size: 11px; color: #000000; padding: 0px 0px 0px 0px; margin: 0;}

h4,			
h4 strong	{font-weight: bold; font-size: 11px; color: #000000; padding: 0px 0px 0px 0px; margin: 0;}

h5,			
h5 strong	{font-weight: bold; font-size: 10px; color: #000000; padding: 0px 0px 0px 0px; margin: 0;}

h6,			
h6 strong	{font-weight: bold; font-size: 10px; color: #000000; padding: 0px 0px 0px 0px; margin: 0;}
/* KONIEC Oferta specjalna na nowe */

.hand {
cursor:pointer;
}

#ncap {width:850px; height:220px; margin-left:25px; border:#CCCCCC solid 1px;}
#logo_ncap {margin-left:11px; margin-top:14px;}
#gwiazdki_ncap {margin-left:14px; margin-top:35px;}
#tabela_ncap {margin-left:280px; margin-top:-125px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

.tabela_ {border-bottom-width:1px; border-bottom-color:#999999; border-bottom-style:solid}