/****************************************************
#####################################################
##-------------------------------------------------##
## RY SIMPLE - Version 1.0.0 ##
##-------------------------------------------------##
## Copyright = Raya Web Design - 2010 ##
## Date = 28 October 2010 ##
## License = free template ##
## Author = Heri siswanto ##
## Websites = http://www.rayawebdesign.com ##
## ##
#####################################################
****************************************************/
/* Eric Meyer's CSS Tools: Reset CSS (Modified by Hieu Nguyen)
-------------------------------------------------------------*/
/* 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%;
background: transparent;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}
ul {
list-style: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
/* Clearfix
-------------------------------------------------------------*/
* html .clearfix {
height: 1%; /* IE5-6 */
}
html[xmlns] .clearfix { /* O */
display: block;
}
.clearfix:after { /* FF, O, etc. */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Generic Styles
-------------------------------------------------------------*/
.clear, .divider {clear: both;}
.no-display {display: none !important;}
.nowrap,.nobr {white-space: nowrap !important;}
.no-border {
border: 0 !important;
}
.no-padding {padding: 0 !important}
.no-margin {margin: 0 !important;}
/*Alignment---*/
.v-top {vertical-align: top;}
.v-middle {vertical-align: middle;}
.v-bottom {vertical-align: bottom;}
.a-left {text-align: left;}
.a-center {text-align: center;}
.a-right {text-align: right;}
.left {float: left;}
.right {float: right;}
.auto-width {width: auto;}/****************************************************
#####################################################
##-------------------------------------------------##
## RY SIMPLE - Version 1.0.0 ##
##-------------------------------------------------##
## Copyright = Raya Web Design - 2010 ##
## Date = 28 October 2010 ##
## License = free template ##
## Author = Heri siswanto ##
## Websites = http://www.rayawebdesign.com ##
## ##
#####################################################
****************************************************/
.main { width: 965px; margin:0 auto; background: #fff }
#header, #top, #container,
#footer { margin:0; padding: 0; }
#top { height: 50px; color:#fff; }
#header { height: 230px; clear: both; background: #fff;}
#container { background: #ededed; }
#system-message {display: none !important;}
/****************************************************
#####################################################
##-------------------------------------------------##
## RY SIMPLE - Version 1.0.0 ##
##-------------------------------------------------##
## Copyright = Raya Web Design - 2010 ##
## Date = 28 October 2010 ##
## License = free template ##
## Author = Heri siswanto ##
## Websites = http://www.rayawebdesign.com ##
## ##
#####################################################
****************************************************/
.contentpaneopen_edit {display: none;}
* {
padding: 0;
margin: 0;
}
body {
background: #ededed;
line-height: 1.5;
font-family: Arial;
color: #495677;
}
body.fs1 { font-size: 11px; }
body.fs2 { font-size: 12px; }
body.fs3 { font-size: 13px; }
body.fs4 { font-size: 14px; }
body.fs5 { font-size: 15px; }
a { color:#495677; text-decoration: none; font-weight:bold; }
.moduletabletop a {font-weight:normal; }
a:hover { text-decoration: underline;}
.moduletable_menu a { color:#495677; font-weight:normal; text-decoration:underline; }
a.readon { border:1px solid #D8D6C5; padding: 1px 4px; }
a.readon span { color:#495677; }
ul { padding-bottom: 10px; margin-left:13px; list-style: disc outside;}
ul.latestnews { padding-bottom: 10px; list-style: none; margin-left:12px; margin-top:11px; background-color:#ededed;padding-top:4px; padding-left:4px;}
ol { padding-bottom: 10px; list-style: decimal inside;}
li { padding: 2px 0px 0px 0px; line-height: 19px; color: #666; font-size:13px; }
/* Title text */
.contentheading, .componentheading strong, h1, h2, h3, h4 {
font-family: Arial;
color:#495677;
margin-bottom:5px;
}
.componentheading, .contact-name {
color:#495677;
font-size: 130%;
font-family:Arial;
font-weight:bold;
padding-bottom: 10px;
}
/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
color: #bbb;
font-size: 92%;
}
/* Heading */
h1 { font-size: 130%; font-family:Arial;}
h2 { font-size: 130%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; text-transform: uppercase; }
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
padding: 0;
}
p { margin:0; font-family:Arial; font-size:110%; text-align:justify;}
th { padding: 5px; font-weight: bold; text-align: left; }
fieldset { border: none; padding: 10px 5px; }
fieldset a { font-weight: bold; }
hr {
border-top: 1px solid #CCCCCC;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}
td, div { font-size: 100%; }
img { border: none; margin: 0px; margin-top:5px; margin-bottom:5px; }
div.img_caption { margin: 3px 10px; }
img.caption { background: #fff; margin: 0; padding-bottom: 2px; }
p.img_caption { background: #E8E5D1; padding: 1px 5px; margin: 0; line-height: 1.4em; text-align: center; color: #444; }
/* FORM
--------------------------------------------------------- */
form {
margin: 0;
padding: 0;
}
form label {
cursor: pointer;
}
input, select, textarea, .inputbox {
padding: 3px 5px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
}
.button {
padding: 3px 5px;
border: none;
color: #fff;
font-size: 85%;
text-transform: uppercase;
background: #436284;
}
.button:hover, .button:focus {
border: 1px solid #333;
background: #4a3832;
color: #fff;
}
.inputbox {
background: #f0f0f0;
border: 1px solid #D8D6C5;
color: #444;
}
.inputbox:hover, .inputbox:focus { }
/** RAYA LAYOUT **/
/** PATHWAY **/
.path {
width: 60%;
float: left;
margin: 20px 0 10px;
background: url(../images/home.png) no-repeat left 1px;
padding: 2px 0 2px 20px;
}
.path strong { margin-right: 5px; }
.path img { margin: 1px 5px; }
/** RY SEARCH **/
.search {
width: 25%;
float:right;
margin: 15px 0;
text-align: right;
}
.search .inputbox {
color: #ccc;
width: 200px;
background: url(../images/search.png) no-repeat 5px center #453029;
padding-left: 25px;
border: 1px solid #644d46;
}
/** HEADER **/
#header { background: url(../images/crta.png) repeat-x 50% 56px #ededed; }
#header .main { position: relative;}
/** LOGO **/
#header-logo { position: absolute; top: 0px; left: 0px; }
h1.logo, div.logo {
width: 965px;
height: 230px;
z-index: 1;
background: #fff;
}
h1.logo a, div.logo a {
position: absolute;
display: block;
z-index: 1;
}
#crta {position: absolute; top: 54px; background: url(../images/crta2.png) no-repeat; z-index: 2; width:965px; height: 5px;}
#tc {position: absolute; top: 24px; left: 13px; background: url(../images/logo.png) no-repeat; z-index: 2; width:83px; height: 83px;}
#tctext {position: absolute; top: 36px; left: 100px; background: url(../images/tehnocenter.png) no-repeat; z-index: 2; width:273px; height: 14px;}
#um {position: absolute; top: 10px; right: 140px; background: url(../images/logoUM.png) no-repeat; z-index: 2; width:89px; height: 51px;}
#razum {position: absolute; top: 10px; right: 11px; background: url(../images/logoRAZUM.png) no-repeat; z-index: 2; width:104px; height: 51px;}
#slikeshow {position: absolute; top: 107px; left: 6px; z-index: 1; border:0;}
#slikeshow img { margin:0; padding:0; border:0; }
/** Linki **/
.cssmodra a, .cssrumena a, .csszelena a {text-decoration:none;}
.cssmodra { position: absolute; background: url(../images/modra1.png) no-repeat; white-space: nowrap; display: block; top: 69px; left: 96px; width: 278px; height: 34px; margin: 0; padding: 0; font-weight: bold; }
.cssmodra { display: block; color: #000000; font-size: 11px; width: 278px; height: 34px; display: block; float: left; color: black; text-decoration: none; }
.cssmodra img { width: 278px; height: 34px; border: 0; margin:0; padding:0; }
* html a:hover { visibility:visible }
.cssmodra a:hover img { visibility:hidden }
.cssmodra span { position: absolute; left:0px; top: 0px; margin: 0px; padding-left: 60px; padding-top: 5px; width: 279px; cursor: pointer; color:#fff;}
.cssrumena { position: absolute; background: url(../images/rumena1.png) no-repeat; white-space: nowrap; display: block; top: 69px; right: 300px; width: 283px; height: 34px; margin: 0; padding: 0; font-weight: bold; }
.cssrumena { display: block; color: #000000; font-size: 11px; width: 283px; height: 34px; display: block; float: left; color: black; text-decoration: none; }
.cssrumena img { width: 283px; height: 34px; border: 0; margin:0; padding:0; }
.cssrumena a:hover img { visibility:hidden }
.cssrumena span { position: absolute; left:0px; top: 0px; padding-left: 80px; padding-top: 5px; margin: 0px; width:283px; cursor: pointer; color:#fff;}
.csszelena { position: absolute; background: url(../images/zelena1.png) no-repeat; white-space: nowrap; display: block; top: 69px; right: 9px; width: 283px; height: 34px; margin: 0; padding: 0; font-weight: bold; }
.csszelena { display: block; color: #000000; font-size: 11px; width: 283px; height: 34px; display: block; float: left; color: black; text-decoration: none; }
.csszelena img { width: 283px; height: 34px; border: 0; margin:0; padding:0; }
.csszelena a:hover img { visibility:hidden }
.csszelena span { position: absolute; left:0px; top: 0px; padding-left: 80px; padding-top: 5px; margin: 0px; width:283px; cursor: pointer; color:#fff;}
h1.logo a span, div.logo a span{
position: absolute;
top: -10000px;
}
/** CONTAINER **/
.main-content { float: left; width:748px;}
.right { float: left; margin-right:10px; margin-top:15px; margin-bottom:20px; border-right:1px solid #b8b8b8; width:194px;}
div.article_column, div.article_content, div.leading, .main-comp {
border:none;
background: #fff;
color:#666;
margin:0 0 10px;
padding:10px 10px 0px;
}
.article-tools { border-bottom: none }
.article-meta { width: 75%; float: left; }
.buttonheading { text-align: right; }
.buttonheading img { margin: 0; }
.article-content { padding: 10px 0; }
.modifydate { color:#ccc; font-style: italic; font-size: 10px; float:right; }
.contentpaneopen {
clear: both;
padding-bottom: 5px;
margin-left:0px;
margin-top:0px;
border-bottom:1px solid #b8b8b8;
}
.blog_more { margin: 5px 10px 10px 10px; }
.blog_more li { list-style: none; margin:0; padding:0; margin-left:-12px;}
.blog_more h2 {
color:#444;
margin-bottom:5px;
font-family:Arial;
font-size:12px;
font-weight:normal;
}
/** PAGINATION **/
ul.pagination { width: 75%; float: left; }
ul.pagination li { display: inline; }
ul.pagination li {
border:none;
padding: 2px;
margin:0 8px 0 0;
}
.counter { width: 20%; float: right; text-align: right; color: #bbb; }
/** MENU TOP **/
div.moduletabletop {
margin-left:46px;
text-transform: uppercase;
font-size:9px;
width:110px;
}
div.moduletabletop a:hover { text-decoration:underline;}
div.moduletabletop a { padding-right:15px; color:#666;}
/** MODULE LOGIN **/
#form-login { }
#form-login .inputbox { border: 1px solid #e6e6e6; padding-left: 25px; color: #444; }
#form-login-username .inputbox { background:url(../images/User.png) no-repeat 3px center #fcfcfc; }
#form-login-password .inputbox { background:url(../images/Key.png) no-repeat 3px center #fcfcfc; }
#form-login li { border: none; }
#form-login-remember { margin-top: 2px; }
/** MOD BANNER **/
.bannerheader, .banneritem_text { margin-bottom: 5px; }
.banneritem_text a { font-weight: bold; }
.bannerfooter_text { text-align: right; }
/** TAB STYLE **/
.moduletab, .moduletab_menu, .moduletab_text { padding:5px 5px 10px; }
.moduletab h3, .moduletab_menu h3, .moduletab_text h3 {
padding:0 0 5px;
border-bottom:1px solid #D6D6D6;
color:#222;
margin-bottom: 10px;
}
/** RY TAB **/
.right-tab { margin-bottom:10px; }
dl.tabs {
float:left;
margin:0px 0 -1px 0;
z-index:50;
}
dl.tabs dt {
float:left;
width:auto;
height:auto;
line-height:1em;
color:#222;
text-align:center;
margin-right:2px;
padding: 7px 10px;
background: #fff;
border:1px solid #D8D6C5;
}
dl.tabs dt.open { z-index: 100; border-bottom:1px solid #fff; }
dl.tabs dt.closed { z-index: 100; background: #eee; }
div.current {
clear:both;
width:260px;
min-height:200px;
border:1px solid #D8D6C5;
padding:10px 10px;
background:#fff;
}
div.current dd { padding:0; margin:0; }
/** FOOTER **/
#footer .main {
padding-top: 10px;
height: 25px;
background: #fff url(../images/crtaSpodaj.png) no-repeat top;
}
#footer .main p{ padding-top:4px; margin-right:6px;text-align:right;font-size:10px;font-weight:bold;color: #495677; }
/** CONTACT FORM **/
.form-validate { padding-top: 10px; margin-top: 10px; padding-bottom: 10px; }
.contact_email { margin-bottom: 5px; }
.contact_email .inputbox { background: #fcfcfc; border: 1px solid #D8D6C5; color: #444; }
.contact_email label { width: 30%; float: left; }
.contact_email_checkbox { padding-left: 30%; }
.form-validate .button { margin-left: 30%; }
/** MAIN MENU **/
.moduletable_menu {margin-top:15px;margin-bottom:10px;}
.right .moduletable th {
height: 27px;
line-height: 27px;
background-color: #fff;
color: #FFFFFF;
font-family: Arial;
font-size: 14px;
font-weight: bold;
padding-left: 10px;
margin-bottom: 10px;
text-align: left;
width: 162px;
}
.right .moduletable td {
}
.right a.mainlevel:link, .right a.mainlevel:visited {
background: url(../images/desno.png) no-repeat right center;
color: #495677; width:172px;
height: 21px;
line-height: 20px;
font-family: Arial;
display: block;
text-decoration: none;
font-weight:bold;
padding-right:22px;
text-align:right;
height: auto;
}
.right a.mainlevel:hover, .right a.mainlevel#active_menu {
background: url(../images/desno1.png) no-repeat right center;
color: #495677; width:172px; height:auto;
}
.right a.sublevel{} /* this styling is for menu items that HAS A PARENT */
.right a.sublevel:link, .right a.sublevel:visited {
height: 17px;
line-height: 17px;
margin: 2px 0px;
display: block;
color: #495677;
text-decoration: none;
text-align:right;
text-transform: uppercase;
width:172px;
font-size:11px;
height:auto;
}
.right a.sublevel:hover, #active_menu {
color: #495677; width: 186px;
text-decoration: underline;
width:172px;
height:auto;
}
a.button1 {
float:right;
display: block;
width: 8px;
height: 11px;
background-image: url(../images/pd.png);
}
a.button1:hover {
background-image: url(../images/pd2.png);
}
a.button2 {
float:left;
display: block;
width: 8px;
height: 11px;
background-image: url(../images/pl.png);
}
a.button2:hover {
background-image: url(../images/pl2.png);
}
a .alt { display: none; }
.next2 {padding:0; margin:0; padding-top:4px;}
.btt {width:130px; border:1px solid #ccc; background:#f7f7f7; text-align:center; padding:5px; position:fixed; bottom:10px; right:10px; cursor:pointer; color:#333; font-family:verdana; font-size:11px; }
.tabs {
position: relative;
min-height: 320px; /* This part sucks */
clear: both;
margin: 25px 0;
font-size: 100%;
}
.tabs .tab .content p {font-size: 100%;}
.tabs .tab .content a {font-weight: normal;}
.tab {
float: left;
}
.tab label {
background: #eee;
padding: 10px;
border: 1px solid #ccc;
margin-left: -1px;
position: relative;
left: 1px;
}
.tab [type=radio] {
display: none;
}
.content {
position: absolute;
top: 28px;
left: 0;
background: white;
right: 0;
bottom: 0;
padding: 20px;
border: 1px solid #ccc;
overflow: hidden;
}
.content > * {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
[type=radio]:checked ~ label {
background: white;
border-bottom: 1px solid white;
z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
z-index: 1;
}
[type=radio]:checked ~ label ~ .content > * {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
.fortimg {display: inline-block; width: 165px; height: 46px; position: relative; z-index: 999; left: 563px; margin-top: -60px;}
#ie {display: none;}
.checkabccheck {display: inline-block;}
.abcpolje {width: 91px; padding-right: 6px;}
.checkabccheck input {margin: 5px 5px 0 0;}
#abcime, #abcinsti, #abcmail {margin: 5px 0; width: 450px;}
#abcposlji {margin-top: 10px;}
/** SGR 2013 - POSLOVNA SREČANJA */
.inputbox .CustomFields_578_165 {width: 400px;}
/** POPRAVEK **/
.moduletable_menu a.mainlevel {text-transform: uppercase !important; font-size:11px !important; padding-top: 4px; padding-bottom: 3px; line-height: 155% !important; }
.moduletable_menu a.sublevel {text-transform:none !important;}
.mod_placehere a.mainlevel {text-transform: uppercase !important; font-size:11px !important; padding-top: 4px; padding-bottom: 3px; line-height: 155% !important; }
.mod_placehere a.sublevel {text-transform:none !important;}
.mod_placehere_leading table tr td img {display: none;}
.prijava {position: absolute; top: 230px; margin-left:508px;z-index: 999; display: inline-block; width: 240px;}
.sprijava {position: relative; width: 239px; height: 100px; float: right; display: block;z-index: 0;}
.readerpng {margin-top:16px !important; margin-right: 82px !important;}
.readertxt {margin-top: 10px; margin-right: 8px; font-style: italic; font-size: 90%;}
.message {display: none !important;}
.upload {height: 30px;}
#Email, #email {width: 350px;}
#submit {margin-top: 10px;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.submit:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}.submit:active {
position:relative;
top:1px;
}
.moduletable_menu table{
border-right: solid 1px #B8B8B8;
}
div.mod_placehere div {overflow: hidden !important; }
.mod_placehere table {margin-top: 5px; margin-bottom: 5px;}
#header {height:219px !important;}
/****************************************************
#####################################################
##-------------------------------------------------##
## RY SIMPLE - Version 1.0.0 ##
##-------------------------------------------------##
## Copyright = Raya Web Design - 2010 ##
## Date = 28 October 2010 ##
## License = free template ##
## Author = Heri siswanto ##
## Websites = http://www.rayawebdesign.com ##
## ##
#####################################################
****************************************************/
.dropcap {
color: #333;
display: block;
float: left;
font: 40px/20px Georgia, Times, serif;
padding: 7px 8px 0 0;
}
p.error, p.message, p.tips, p.tag, p.phone {
padding-left: 25px;
position: relative;
}
p.error span.icon, p.message span.icon, p.tips span.icon,
p.tag span.icon, p.phone span.icon {
background-image: url(../images/icon-typo.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
display: block;
position: absolute;
top: 2px;
left: 0;
}
p.error { color: #e94d08; }
p.message {color: #72A2CD; }
p.tips { color: #e58c00; }
p.message span.icon { background-position: left -18px; }
p.tips span.icon { background-position: left -36px; }
p.tag span.icon { background-position: left -54px; }
p.phone span.icon { background-position: left -72px; }
.sticky, .download {
margin: 15px 0;
padding: 10px !important;
border: 3px solid #ddd;
}
.sticky {
background: url(../images/sticky-big.png) no-repeat 10px center #fff;
padding-left: 50px !important;
border-color: #d2d2b6;
}
.download {
background: url(../images/download-big.png) no-repeat 10px center #fff;
padding-left: 50px !important;
border-color: #d6e9f3;
}