@charset "utf-8";
/*   
Theme Name: RASTER.si
Theme URL: http://www.raster.si
Description: //
Author: 2flies
Author URL: //
Version: 1.0
*/

*{ margin:0; padding:0; }
header,footer,article,section,hgroup,nav,figure{ display:block; }
body{ margin:0 !important; padding:0 !important; cursor:default !important; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:9pt; background:#FFF; }

/* page classes */
.width{ width:960px; height:auto; margin:0 auto; text-align:center !important; }
.clear:after{ content: "."; display:block; height:0; clear:both; visibility:hidden; }

/* hyperlinks */
a, a:visited, a:hover{ text-decoration:none; outline:none; }
a img{ border:none; }

/* headings */
p{ color:#4a4a4a; line-height:2em; padding-bottom:1em; text-align:left; }
h3{ color:#000; font-size:12pt; font-weight:normal; }

#page{ width:960px; margin:0 auto !important; padding:0 !important; }

/* header */
header{ width:960px; height:160px !important; padding:0 !important; margin:0 !important; text-align:left; }
#logo{ width:310px; height:115px; margin:35px 0 10px 0; float:left; }

/* navigation */
nav{ float:right; height:38px; margin:112px 15px 0 0; padding:0; }
nav ul{ display:inline; }
nav ul li{ height:38px; float:left; list-style:none; }
nav ul li.aktiven{ background:#e4e4e4; }
nav ul li:hover{ background:#e4e4e4; }
nav ul li a{ display:block; color:#000; text-align:center; font-size:8pt; font-family:Arial, Helvetica, sans-serif; letter-spacing:0; line-height:18px; font-weight:bold; border-left:#e4e4e4 solid 1px; padding:10px 12px 10px 4px; cursor:pointer; }
/* --- 2nd level nav --- */
nav ul li ul{ position:absolute; margin-left:-100px; }
nav ul li ul li{ height:28px; float:left !important; margin-top:0; padding:0; border:none; z-index:100; }
nav ul li ul li a{ display:block; padding:5px; line-height:18px; color:#444; font-size:8pt; }
nav ul li ul li:hover a{ background:#F7F7F7; }
nav ul li ul.fallback{ display:block; }
nav ul li:hover ul.fallback{ display:block; }

/* articles */
#sidebar{ width:129px; margin-top:186px; float:left; }
article{ width:784px; padding:20px; float:right; margin:10px 0; }

#prijava_novice{ position:absolute; width:129px; margin-top:0; }

#lang{ width:129px; height:24px; text-align:center; }
#lang a{ text-align:center; color:#828282; text-transform:uppercase; font-size:12pt; font-weight:bold; line-height:24px; letter-spacing:0; cursor:pointer; }
#lang a.active{ color:#1f1a17; }
#lang a:hover{ color:#1f1a17; }
#lang a.active:hover{ color:#828282; }

#social_f{ width:23px; height:23px; margin:65px 53px 10px 53px; }
#social_f :hover{ opacity:.6; }
#social_t{ width:23px; height:23px; margin:0 53px 0 53px; }
#social_t :hover{ opacity:.6; }

#kontejner{ width:784px; height:421px; }
#kontejner_top{ width:784px; height:26px; background:url(images/photo_container/1.png) no-repeat; }
#kontejner_left{ width:14px; height:380px; background:url(images/photo_container/2.png) no-repeat; float:left; }
#kontejner_right{ width:14px; height:380px; background:url(images/photo_container/3.png) no-repeat; float:left; }
#kontejner_bottom{ width:784px; height:30px; background:url(images/photo_container/4.png) no-repeat; }
#kontejner_ponudba{ width:784px; height:auto; min-height:380px; float:left; background:url(images/photo_container/photo_cont.png) no-repeat; }

#container{ width:742px; height:366px; float:left; border:#d5202d solid 7px; }
#container_index{ width:742px; height:auto; float:left; border:#d5202d solid 7px; margin:0 14px; }
#container_ponudba{ width:742px; height:auto; min-height:366px; float:left; border:#d5202d solid 7px; margin:0 14px; }
#container_galerija{ width:742px; height:auto; float:left; border:#d5202d solid 7px; margin:0 14px; }

/* prva stran 4p */
#kvadrat4p{ width:171px; float:left; border-left:#e4e4e4 solid 1px; padding:4px 12px; }/* 196-1-12-12 */
#kvadrat4p p{ padding-bottom:0; }
#kvadrat4p a{ color:#000; font-size:12pt; font-weight:normal; text-decoration:none; }
#kvadrat3p{ width:220px; float:left; border-left:#e4e4e4 solid 1px; padding:4px 20px; }/* 261-1-20-20 */
#kvadrat3p p{ padding-bottom:0; }
#kvadrat3p a{ color:#000; font-size:12pt; font-weight:normal; text-decoration:none; }

/* ponudba */
#ponudba{ width:300px; padding:35px 40px 0 20px; float:left; }
#ponudba2{ width:600px; padding:35px 40px 0 20px; float:left; }
#ponudba_full{ width:702px; padding:35px 20px 20px 20px; float:left; }
#ponudba_img{ width:320px; height:160px; margin:20px 20px 20px 0; border:#e4e4e4 solid 1px; float:right; }
#ponudba_youtube{ width:320px; height:180px; margin:20px 20px 20px 0; border:#e4e4e4 solid 1px; float:right; }
#podjetje_img{ width:320px; height:470px; margin:60px 20px 20px 0; border:#e4e4e4 solid 1px; float:right; }
#konst_sistemi_img{ width:320px; margin:78px 20px 20px 0; border:#e4e4e4 solid 1px; float:right; }
#ponudba_divider{ width:702px; height:1px; margin:0 20px; background:#e4e4e4; }
#ponudba_divider_small{ width:322px; height:1px; background:#e4e4e4; margin: 0 20px 0 0; float:right; }
#ponudba h3 a{ color:#000; }
#ponudba_sistemi{ width:360px; padding:35px 20px 0 20px; float:left; }
#ponudba p a{ color:#d5202d; }
#ponudba_skajp{ padding-left:20px; margin-left:60px; }
#ponudba_teamviewer{ float:left; width:120px; height:60px; margin-left:-7px; margin-top:-9px; }
#ponudba_teamview_text{ float:left; padding-left:20px; }
#ponudba2 p a{ color:#d5202d; }
#ponudba_sistemi table{ color:#4a4a4a; border-bottom:#e4e4e4 solid 1px; }
#ponudba_sistemi td.tr_right{ text-align:right; }

/* skype btn */
#skypebtn{ position:absolute; width:80px; height:40px; margin-left:-20px; margin-top:-8px;  }

#ponudba a.sw_support{ color:#FFF; background-color: #d5202d; padding:5px 20px;}
#ponudba a.sw_support2{ color:#FFF; background-color: #d5202d; padding:5px 20px; margin-left:17px; }
#support { float:left; width:341px; margin:20px 0 20px 20px; }
#support_youtube-text{ width:341px; float:left; }
#support_youtube{ width:339px; height:191px; margin:0; border:#e4e4e4 solid 1px; float:left; }

/* galerija */
#galerija{ width:700px; padding:21px; }
#galerija_container{ width:700px; }
#galerija_img{ width:220px; float:left; height:109px; border:none; }
#galerija_img a:hover{ opacity:.6; }
#galerija_empty{ width:218px; float:left; height:107px; border:#e4e4e4 solid 1px; }
#galerija_spacer{ width:20px; height:79px; float:left; }
#galerija_line{ width:700px; height:1px; background:#e4e4e4; margin-left:21px; }

#backtotop{ position:fixed; bottom:118px; margin-left:794px; text-align:left; display: none; }
a.backtotop{ text-align:left; color:#333; margin:0; padding:0; line-height:20px; }
#backtoprev{ position:fixed; width:90px; bottom:118px; margin-left:-110px; text-align:right; display: none; }
a.backtoprev{ text-align:left; color:#333; margin:0; padding:0; line-height:20px; }

#kontakt_container{ width:300px; margin-top:40px; float:left; }
#kontakt_container p{ padding-bottom:0 !important; line-height:20px; }
#kontakt_container p a{ color:#4a4a4a; }

#kontakt_form{ float:right; width:360px; height:auto; margin:96px 20px 0 0; }
input, textarea{ padding:8px; border:solid 1px #e4e4e4; font:normal 8pt Verdana, Geneva, sans-serif; width:200px; margin:0; }
textarea{ width:342px; max-width:342px; height:120px; line-height:150%; }
label{ margin-left:20px; color:#4a4a4a; }
.gumb{ width:auto; padding:8px 20px; background:#fff; font-size:7pt; color:#4a4a4a; cursor:pointer; letter-spacing:1px; border:#e4e4e4 solid 1px; margin-bottom:20px; right:0; float:right; }
.gumb:hover{ background:#e4e4e4; color:#000; }
#kontakt_hvala{ position:absolute; margin-top:-12px !important; }
#kontakt_hvala p{ color:#d5202d; padding:2px 20px; border:#e4e4e4 solid 1px; }

/* footer */
footer{ width:960px; margin-top:30px; }
#footer_divider{ width:940px; height:1px; margin:0 10px; background:#e4e4e4; }
#footer_info{ width:960px; height:48px; }
#footer_info p{ color:#4a4a4a; text-align:center; font-size:8pt; line-height:24px; }
#footer_info a{ color:#4a4a4a; font-size:8pt; line-height:24px; text-decoration:none; }

#social_like{ position:absolute; width:200px; height:21px; text-align:center; margin:14px 0 0 -55px; }

#footer_copy{ width:960px; height:20px; }
#footer_copy p{ text-align:center; color:#4a4a4a; font-size:7pt; line-height:20px; }