* html, body {margin: 0; padding: 0;}
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; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1; font-family:Arial, Helvetica, sans-serif; font-size:.8em; background-color: #ddd;}
ol, ul {list-style: none;}
a { text-decoration:none; color:#666;}
a:hover { color:#be1922;}
a[href$=".pdf"] {background: url(../images/pdfLink.gif) no-repeat left top;padding-left: 25px;}
a[href$=".doc"] {background: url(../images/wordLink.gif) no-repeat left top;padding-left: 25px;}
.cleared {clear:both; padding-bottom:15px;}
.rosu {color:#be1922;}
.color1 {color: rgb(102, 51, 255);}
.color2 {color: rgb(102, 102, 204);}
.color3 {color: rgb(51, 102, 255);}
.italic {font-style: italic;}
.center {text-align: center;}
.normal {font-weight: normal !important;}
.bulets {list-style-type: square;list-style-position: inside;}
table { font-size:.9em;line-height:1.3em; text-align:center; vertical-align:middle; margin: 0 auto;}
table h3 {font-size: 1.1em;}
th {background-color: #666; border: solid 1pt #fff; vertical-align:middle; padding: 2px 0; color: #fff;}
tr, td { border: solid 1pt #fff; vertical-align:middle;}
#transport tr, #transport td {vertical-align:top!important; border:0!important; text-align:left!important;}
.even {background-color: #ddd;}
.odd {background-color: #bbb;}
td#border-rgt-gros, th#border-rgt-gros {border-right: solid 5pt #fff; }
td#border-rgt-gray, th#border-rgt-gray {border-right: solid 1pt #ccc; }
td#border-btm-gray, th#border-btm-gray {border-bottom: solid 1pt #ccc; }
td#border-rgt-gray-gros, th#border-rgt-gray-gros {border-right: solid 5pt #ccc; }
h2 {color: #be1922; text-align:center; margin-bottom: 10px; text-transform:uppercase;}
/*h3 {color: #be1922;padding: 5px;display:block; width: 200px;float:left;}*/
h5 {color: #be1922; text-align:center; margin-bottom: 10px; text-transform:uppercase;}
h6 { font-weight:bold; display:block; width: 200px; color: #be1922; padding: 5px 5px 0 5px; float:left;}
#programe li {min-height:50px; }
#programe li p {padding: 5px 5px 5px 0; display:block; margin-left: 240px;}
#programe h3 {color: #be1922;padding: 5px;display:block; width: 200px;float:left;}
#alte-activitati { list-style-type:square!important; }
#alte-activitati li {padding:5px; margin-left: 20px;}

#container {margin: 0 auto; width:750px; background-color: #f3f3f3; border: solid 1pt #999; border-top:0; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; position:relative;}
#contact-menu {padding-bottom:20px; float:left;}
#contact-menu ul { margin-left:20px; height:20px; line-height: 20px; }
#contact-menu ul li { display:block; width:53px; height: 20px; float:left; text-align:center; padding-right:5px; font-size: 11px;}
#contact-menu ul li a { text-decoration:none; color:#666;display:block; font-size: 11px; }
#contact-menu ul li a:hover { background:url(../images/btn-small.png) 0 0 no-repeat; color:#be1922;}
#contact-menu ul li a:active { background:url(../images/btn-small.png) 0 -20px no-repeat; color: #fff;}
.contact-selected { background:url(../images/btn-small.png) 0 -20px no-repeat; color: #fff!important; cursor:default; }

#header {height: 155px; background-color: #fff; }
#billboard { position:absolute; left: 150px; height: 155px; overflow: hidden;}
#header h1 {display:block; width:110px; height:95px;text-indent: -9999px; background:url(../images/logo-scoala-197.png) no-repeat; margin: 0 0 0 20px; float:left; clear:both;}
#navigation {height:45px; background:url(../images/navigation-repeat-x.png) repeat-x; overflow:hidden;}
#content {min-height:350px; background: url(../images/content-top.png) repeat-x;}

#navigation ul li { float: left; }
#navigation ul li strong {display:block; font-weight:bold; color:#eee;}
#navigation ul li a {display:block;font-size:12px; color:#fff;text-decoration:none;padding: 10px 20px; }
#navigation ul li a:hover {background: url(../images/navigation-hover.png) repeat-x;}
#navigation ul li a:active {background: url(../images/navigation-active.png) repeat-x;}
.separator { display:block; width:1px; height:45px;background: url(../images/navigation-separator.png) no-repeat;}
.nav-selected {display:block;font-size:12px; color:#fff;text-decoration:none;padding: 10px 20px; background: url(../images/navigation-active.png) repeat-x; cursor:default;}

#infobox {float:left; width:540px; padding: 15px 20px 20px; line-height: 20px; }
#infobox p, em { font-size: 1em;}
#infobox img {padding-right: 10px; float:left;}
#infobox hr {border: 0;background-color: #ccc;height: 1px;width: 100%;text-align: left; margin: 20px 0;}
#sidebox {float:right;width:170px; margin-top:10px;}
#tur-virtual { width:519px; height:319px; background:url(../images/tur-virtual.png) no-repeat; padding-left:15px; padding-top:15px;}

#sus {line-height: 18px;}
#sus a {display: block; width:100px; height:20px; background: url(../images/sus.jpg) no-repeat; margin: 0 auto; text-align:center;}

#avizier-nou {background: url(../images/avizier-repeat-y.png) repeat-y; height:100%;}
#avizier-nou p {padding: 0 20px 0;}
#avizier-nou h3 {padding: 20px 20px 10px;}
#avizier-nou img {float: none !important; margin: 0 auto !important; display: block; padding-right: 0 !important;}
#avizier-top {background: url(../images/avizier-top.png) no-repeat; height:100%;}
#avizier-top hr {width: 500px;margin: 10px auto; background-color: #be1922;text-align: center;}
#avizier-bottom {height: 20px; background: url(../images/avizier-bottom.png) no-repeat;}

#breadcrumbs {font-size: 11px; display:block; padding-bottom:20px; line-height:normal;}
#breadcrumbs li {display:inline; }
#breadcrumbs li a {color: #808080; text-decoration:none;}
#breadcrumbs li a:hover {color: #be1922;}
#breadcrumbs li span {color: #ccc;}
.breadcrumbs-active {color:#be1922;}

.box { width:170px !important; width:130px; padding-top:5px;}
.box h4 {height: 20px; background:url(../images/sidebox-top.png) no-repeat; padding: 17px 30px 0; color:#999; text-transform:uppercase; text-align: center;}
.box_body {background:url(../images/sidebox-repeat-y.png) repeat-y; height: 100%;}
.box_bottom {height:15px;background:url(../images/sidebox-bottom.png) no-repeat;}
.box a {text-decoration:none; color:#666; font-size:11px; display:block; width:112px; margin:0 auto; padding: 10px 8px; border-top:#ccc solid 1pt;}
.box a:hover {background-color: #f7f7f7;}
.box a span:hover { color:#be1922;}
#fara-link li {text-decoration:none; color:#666; font-size:11px; display:block; width:112px; margin:0 auto; padding: 10px 8px; border-top:#ccc solid 1pt;}

.secnav { width:146px !important; width:130px; margin-left: 593px; padding-top:11px; }
.secnav_top { height:15px; background:url(../images/secnav-top.png) no-repeat; }
.secnav_body {background:url(../images/secnav-repeat-y.png) repeat-y; height: 100%;}
.secnav_bottom {height:15px;background:url(../images/secnav-bottom.png) no-repeat;}
.secnav a {text-decoration:none; color:#666; display:block; width:112px; margin:0 auto; padding: 6px 8px; border-bottom:#ccc solid 1pt; }
.secnav a:hover { background:url(../images/secnav-hover.png) 0 5px repeat-x;}
.secnav a span:hover { color:#be1922;}
.secnav-selected { background:url(../images/secnav-active.png) repeat-x; color: #fff!important; cursor:default; width:112px; margin:0 auto; padding: 6px 8px; border-bottom:#ccc solid 1pt; }

#citate {background:url(../images/footer-citat.png) no-repeat; height:68px; color:#999; text-align:center; }
blockquote {background:url(../images/footer-citat.png) no-repeat 50% 0%; display:block;padding-top: 15px; width: 500px;text-align:center; }
.citateslideshow { margin: 0 auto;}
#citate small { font-style:italic; padding-top: 8px; display:block;}

#copyright {background:url(../images/footer.png) repeat-x; height:20px; text-align: center; color:#fff; font-size:11px; padding-top: 23px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;}

dl {width: 129px;float: left;margin-left: 38px;}
dt {display: block;width: 145px;border-bottom: 1px solid #f8100f;font-weight: bold;}
dl.last {margin-left: 160px;text-align: center;}
dl.last dt {width: 212px;margin: 0 auto;}
dd {display: block;margin-left: 26px;width: 138px;}

/* ------- ORAR ---------*/
#orar { width:560px; }
ul.tabs li { display:block; float:left; }
ul.tabs li a { display:block; float:left;padding: 3px 20px; background: url(../images/zile-orar-repeat-x.png) repeat-x; color: #fff; margin: 0 5px; }
ul.tabs li a:hover { background: url(../images/zile-orar-hover.png) repeat-x;}
.selected { background: url(../images/zile-orar-active.png) repeat-x!important; cursor:default;}
.tab-content { clear:both; padding:5px;}
