@charset "utf-8";
/* 
CSS Document - ORL Centar
CSS - BigCat Design Studio - Jovan Petrović
*/

body { margin: 0; padding: 0; background: #fff; font: 12pt Arial, Helvetica, sans-serif; }
textarea, input, select, option, optgroup, button { font: 0.9em Arial, Helvetica, sans-serif; }

fieldset, img { border: none; }

form{clear:both;}
br.clear {clear: both; height:1px;}

.inner960 {width: 960px; margin: 0 auto;}
.positionR {position: relative;}

/*  header */
#header {height: 87px; background: url(headerBG.png) top left repeat-x; width: 100%; position: relative; z-index: 10;}
#logo {width: 135px; height: 82px; position: absolute; top: 0; left: 0; }

#menu {position: absolute; top: 0; right: 0; width: 600px; margin: 0; color: #999; text-transform:uppercase; font-size:16pt; }
#menu ul { float: right; list-style: none; margin: 0 10px 0 0; }
#menu li { display: inline; float: left; margin: 0; padding: 0 0 0 25px; font-weight: bold; line-height: 87px;}
#menu li a:link, #menu li a:visited { color: #999; text-decoration: none; display:block;}
#menu li a:hover, #menu li a:focus, #menu li a.active { color: #0054a6; text-decoration: none; }

#ddmn {margin: 0; padding: 0;}
#ddmn li ul	{margin: 0!important; padding: 10px 0; position: absolute; top: 86px; display:none; background-color: #eeefee; z-index:100; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#ddmn li ul li {float: none; font-size: 12pt; padding: 0!important; margin: 0!important; line-height:45px!important;}
#ddmn li ul li a {padding: 0 10px;}

/* Intro */

#intro {height: 250px; position: relative;}
#intro-shadow {position: absolute; top: 0; height: 250px; background: transparent url(intro-shadow250.png) repeat-x top left; width: 100%; z-index:5;}
#intro-shadow .text {margin: 0 0 0 25px; width: 455px; padding: 0;}
#intro-shadow h1 {margin: 20px 0 0; padding: 0; font-size: 24pt;}
#intro-shadow  p {color: #0054a6; margin: 0; padding: 15px 0 0; font-size: 10pt; line-height: 14pt;}
.boldiran {font-weight: bold;}

/* main content */
#main {padding: 0; margin: 0; position:relative; width: 100%; background: #fff url(mainBG.png) top left repeat-x;}
.text3 {padding: 5px 25px 10px; color: #0054a6; font-size: 0.8em; line-height: 1.6em;}
.text3 p{margin: 0; padding: 5px 0 10px;}
.text3 h2 {margin: 8px 0; padding: 0 0 0 65px; font-size: 18pt; line-height:50px;}
.text3 .onama { background: transparent url(o-nama.png) 0 0 no-repeat;}
.text3 .terapija { background: transparent url(lekovi.png) 0 0 no-repeat;}
.text3 .srednje-uvo { background: transparent url(uvo.png) 0 0 no-repeat;}
.text3 .ispitivanje-sluha { background: transparent url(ispitivanje.png) 0 0 no-repeat;}
.text3 .nagluvost { background: transparent url(report.png) 0 0 no-repeat;}
.text3 .vrtoglavica { background: transparent url(vrtoglavica.png) 0 0 no-repeat;}
.text3 .kontakt { background: transparent url(kontakt.png) 0 0 no-repeat;}
.text3 ul {margin: 10px 0 15px 40px; padding: 0}
.text3 ul ul {margin: 0px 0 10px 40px; padding: 0}
.text3 li {margin: 0; padding: 0;}
.text3 p.important {padding: 10px 15px!important; margin: 10px 0; background-color:#fff; border: 1px solid #0054a6;}
.text3 a {color: #27aae1; text-decoration:none;}
.text3 a:hover {color:#27aae1; text-decoration:underline; }

.text3 .onecol {width: 445px; float:left;}

#colholder {width: 940px; margin: 0 10px; padding: 0;}
.mr20 {margin: 0 20px 0 0;}
.column {width: 270px; float: left; padding: 0 15px; background: transparent url(col-bg.png) 0 0 no-repeat;}
.column h4 {margin: 0; padding: 0; font-size: 12pt; line-height:30px; color: #0054a6;}
.column p {margin: 0; padding: 0;}
.t10 {margin: 10px 0 0 0;}

#kadar {width: 940px; margin: 0 10px; padding: 10px 0;}
.colpic {width: 140px; float: left; padding: 0; text-align:center; font-size:12px;}
.colpic p {margin: 0; padding: 0;}

.tooltipContent h5 {font-size: 14px; font-weight: bold; margin: 10px 0 0 0; padding: 0;}
.tooltipContent .profesija {font-size:12px!important}

#colholder #radno-vreme { background: transparent url(sat.png) top left no-repeat; padding: 0 0 0 56px; margin: 10px 0; color: #999; font-size:12px;}
.radnovreme {font-size: 16px; font-weight:bold;}
hr.colone {width: 100%; border-top: 1px solid #d7d7d7; border-left: none; border-right:none; border-bottom: 1px solid #fff;}

#colholder #telefon {background: transparent url(telefon.png) 0 0 no-repeat; padding: 0 0 0 56px; margin: 10px 0; color:#0054a6; font-size: 26px; font-weight: bold; line-height: 44px;}
#colholder #adresa {background: transparent url(zgrada.png) 0 0 no-repeat; padding: 0 0 0 56px; margin: 10px 0; color: #999; font-size:12px;}
#colholder blockquote {margin: 0 0 15px 0; padding: 0;}
#colholder a {color: #27aae1; text-decoration:none;}
#colholder a:hover {color:#27aae1; text-decoration:underline; }
#colholder #konsultacije {background: transparent url(stetoskop.png) 0 0 no-repeat; padding: 0 0 0 56px; margin: 10px 0; color: #999; font-size:12px;}

/************ Validation ************/

.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {	display: none; }
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {display: block; color: #cc0033; background-color: #fff; padding: 1px 5px; margin: 5px 1px 0 1px; font-size: 0.85em; max-width: 298px; border: 1px solid #cc0033; }
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg {display:none;}
.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg { display: block; color: #cc0033; background-color: #fff; padding: 1px 5px; margin: 5px 1px 0 1px; font-size: 0.85em; max-width: 298px; border: 1px solid #cc0033;  }
.textareaFlashState textarea, textarea.textareaFlashState{ } /* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{/* color: #f47920 !important;*/}

/*******************kontakt forma*********************/
form.a { width: 100%; margin: 0 0 15px; padding: 0; }
form.a p { position: relative; margin: 0; padding: 10px 0 10px 175px; border-top: 1px solid #d7d7d7;  }
 
form.a p label { position: absolute; left: 0; top: 12px; width: 170px; font-weight: bold; }
form.a p input { width: 260px; padding: 2px 3px; border: 1px solid #0054a6; background-clor: #fff; color: #0054a6; }
form.a p textarea { overflow: auto; width: 260px; height: 120px; padding: 2px 3px; border: 1px solid #0054a6; background-color: #fff; color: #0054a6; }
form.a p img { padding: 0;}
p.submit input {width: 103px!important; height: 25px!important; line-height: 25px; background: url(sendBT.png) 0 0 no-repeat!important; border: none!important; cursor:pointer; color: #fff!important; font-weight: bold; font-size:0.95em}
p.infotext {font-size: 0.8em!important; color: #999!important; border: none!important; padding-top: 0!important; line-height: 14px!important;}
.infoform {display:block; font-size:0.8em; color:#666;}

/************ tooltip ****************/
.tipsy { padding: 5px; font-size: 11px; background-repeat: no-repeat;  background-image: url(tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #0054a6; color: white; max-width: 170px; text-align: left; }
.tipsy-inner { -moz-border-radius:4px; -webkit-border-radius:4px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

.iframeTooltip{	position: absolute;	z-index: 8000;	filter:alpha(opacity:0.1); }
.tooltipContent{padding: 5px 15px; font-size: 11px; background-color: #0054a6; color: white; max-width: 300px; text-align: left; -moz-border-radius:4px; -webkit-border-radius:4px;}

/************** footer ***************/

#footer {border-top: 1px solid #d7d7d7; margin: 10px; padding: 15px; color: #999; font-size:11px; position:relative; }
.copyright {width: 640px; float: left;}
.design {width: 270px; float: right; text-align: right;}
.design a {color: #27aae1; text-decoration:none;}
.design a:hover {color:#27aae1; text-decoration:underline; }


/*********** utisci ***************/
.utisci {margin: 10px 0; padding: 10px 0 0; border-top: 1px solid #d7d7d7;}
.utisci p.utisak {padding: 0 15px 0 0;}