/*	--------------------------------------------------------------
	Termocommerce prijava STYLES
	Created:	18.10.2009.
	Modified:	18.10.2009.
	-------------------------------------------------------------- */

	/* http://meyerweb.com/eric/tools/css/reset/ */
	/* v1.0 | 20080212 */
	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td				{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;	}
	body														{ font: 62.5%/24px "Trebuchet MS", Geneva, Arial, sans-serif; color: #fff; background: #858587; }
	ol, ul														{ list-style: none;	}
	blockquote, q												{ quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after											{ content: ''; content: none; }
	:focus														{ outline: 0; }
	table														{ border-collapse: collapse; border-spacing: 0;	}
	
/*	=defaults
	-------------------------------------------------------------- */
	html, body                                                  { margin: 0; padding: 0; }
    li					                                        { margin: 0 0 15px 0; }
    label					                                    { font-size: 1.3em; margin: 0 0 5px 0; display: block; }
    input					                                    { font-size: 1.3em; }
    input,
    textarea				                                    { background: #f0f0f0; color: #707275; border: 1px solid #f0f0f0; padding: 6px 4px; }
    input:focus,
    textarea:focus		                                        { border: 1px solid #c0c0c0; }
    button				                                        { background: #6C6F70; color: #fff; border: none; height: 30px; text-transform: uppercase; line-height: 1;}
    img                                                         { float: left; }
    
/*	=wrap
	-------------------------------------------------------------- */
	#wrap                                                       { width: 560px; overflow: hidden; }
	.pob, .mjesto                                               { }
	.pob                                                        { float: left; }
	.mjesto                                                     { float: right; margin-right: 20px; }
	.pretplata                                                  { clear: both; position: relative; padding-top: 1em; }
	#signupForm .pretplata label                                { width: 210px; float: right; margin-right: 10px; display: inline; /*position: relative; left: 35px;*/ }
	.pretplata input                                            { float: left; position: relative; top: .25em; }
    #signupForm                                                 { width: 250px; margin: 20px 0 0 0; float: right; display: inline; }
    #signupForm fieldset,
    #signupForm ul,
    #signupForm li                                              { width: 250px; overflow: hidden; }
    #signupForm input                                           { width: 220px; }
    #signupForm #ssubscribe                                     { width: auto; margin: 0; padding: 0; background: transparent; border: 0; }
    #signupForm .spam                                                       { display: block; clear: both; float: none; overflow: hidden; }
    #signupForm .spam label                                                 { width: 33%; float: left; }
    #signupForm .spam input                                                 { width: 120px; margin-right: 20px; float: right; }
    #signupForm .pob                                                        { width: 80px; }
    #signupForm .pob input                                                 { width: 70px; }
    #signupForm .mjesto                                                    { width: 130px; display: inline; }
    #signupForm .mjesto input,
    #signupForm .mjesto label                                               { width: 120px; }
    #signupForm .posalji input                                             { width: 70px; padding: 5px 10px; margin-right: 20px; float: right; display: inline; overflow: visible; background: #727272; color: #fff; text-transform: uppercase; border: 0px solid transparent; font-size: 10px; }

    .inner { width:  560px; height: 275; overflow: hidden; border: 1px solid #fff ; border-bottom: 0; border-top: 0; background: #858587; color: #fff; overflow: hidden; position: relative; }
    .inner img { float: left; }
    .inner h1 { width: 248px; height: 38px; position: absolute; left: 294px; top: 50px; background: #858587 url(../images/kupaonice-iz-snova.gif) no-repeat 0 0; text-indent: -9999em; }
    .inner .prijava { width: 70px; height: 30px; overflow: hidden; position: absolute; left: 294px; top: 96px; background: #727272 url(../images/naruci.gif) no-repeat 0 0; color: #fff; text-indent: -9999em; }
    .inner .messages { width: 234px; position: absolute; left: 294px; top: 154px; font-size: 1.2em; text-transform: uppercase; color: #fff; }
        .messages a:link, .messages a:visited, .messages a:active { text-decoration: none; color: #bb0b1f; }
        .messages a:hover, .messages a:focus { color: #fff; }