@charset "utf-8";
/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#505050; line-height:22px; }
h1{ font-size:24px; color:#da115d; font-weight:normal; border-bottom:2px solid #f0f0f0; padding-bottom:7px; }
h1 span{ display:none; }
.vis{ visibility:hidden; position:absolute; }
h2{ font-size:18px; font-weight:normal; margin:15px 0 0 0; padding:0; }
.h2{ color:#da115d; font-size:18px; font-weight:normal; margin:15px 0 0 0; padding:0; }
h3{ font-size:11px; font-weight:normal; margin:0; padding:0; }

a{ color:#1f9eaf; text-decoration:none; }
a:hover{ text-decoration:underline; }

img{ border:none; }

.clear{ clear:both; }
.hr{ border-top:2px solid #f0f0f0; margin-top:7px; font-size:9px; padding:0; line-height:7px; }
hr.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; }

table{ padding:0; margin:0; border-collapse:collapse; }
th{ text-align:left; }
td{ padding:0; }

form{ padding:0; margin:0;}

.skype{ color:#FFFFFF; padding:0; margin:0; font-size:9px; width:0; visibility:collapse; outline:solid 1px; }

#page{ width:960px; margin:auto; }

/* header */
#header{ padding-top:20px; margin-bottom:30px; border-bottom:2px solid #f0f0f0; }
#logo{ float:left; }
#top_menu{ float:right; width:715px; margin:18px 0 15px 0; background-color:#eeeeee; line-height:35px; }
#top_menu a{ color:#333333; padding:10px 15px 10px 15px; }
#top_menu a:hover{ color:#FFFFFF; text-decoration:none; background-color:#333333; }
#top_menu a.active{ background-color:#333333; color:#FFFFFF; }


/* banner */
#banner{ margin-bottom:15px; }
.b_uvod{ width:960px; height:230px; background:#FFFFFF url('/banner/banner-uvod.jpg') no-repeat; }
.b_sluzby{ width:960px; height:230px; background:#FFFFFF url('/banner/banner-sluzby.jpg') no-repeat; }
.b_kontakt{ width:960px; height:230px; background:#FFFFFF url('/banner/banner-kontakt.jpg') no-repeat; }
.b_webdesign{ width:960px; height:230px; background:#FFFFFF url('/banner/banner-webdesign.jpg') no-repeat; }
.b_eshopy{ width:960px; height:230px; background:#FFFFFF url('/banner/banner-eshopy.jpg') no-repeat; }
.b_efektivny_web{ width:960px; height:320px; /*background:#FFFFFF url('/banner/banner-uvod.jpg') no-repeat;*/ }
.b_referencie{ width:960px; height:230px; background:#FFFFFF url('/banner/banner-referencie.jpg') no-repeat; }

/* content banner */
.cbanner{ width:470px; height:130px; }
.cbanner.magenta{ float:left; background:#be0b66 url('/banner/banner-viditelne-riesenia.gif') no-repeat; }
.cbanner.cyan{ float:right; background:#0779a9 url('/banner/banner-cenova-kalkulacia.gif') no-repeat; }
.cbanner input{ display:block; background-color:#333333; color:#FFFFFF; font-weight:bold; border:none; font-size:12px; height:30px; float:right; margin:90px 10px 0 0; cursor:hand; }
.cbanner input:hover{ background-color:#4c4c4c; }

/* content */
#main{ margin-bottom:20px; }

/* uvod */
#main_3c{ margin-bottom:20px; background:#FFFFFF url('/img/bg_3c.gif') repeat-y; }
#main_3c .col{ float:left; width:279px; margin-right:30px; padding-right:30px; }

/* webdesign */
#main_3c2{ margin-bottom:20px; }
#main_3c2 .col{ float:left; width:300px; margin-right:25px; padding-right:25px; }
#main_3c2 h2{ color:#666666; }
#main_3c2 ul{ margin-left:15px; padding-left:0; }
#main_3c2 li{ margin-left:0; padding-left:0; }
#main_3c2 input{ display:block; background-color:#333333; color:#FFFFFF; font-weight:bold; border:none; width:100%; font-size:12px; height:30px; cursor:hand; }
#main_3c2 input:hover{ background-color:#4c4c4c; }

/* referencie */
#main_2c{ margin-bottom:20px; background:#FFFFFF url('/img/bg_2c.gif') repeat-y; }
#main_2c .col{ float:left; width:217px; }
#main_2c .ref_item{ float:left; width:200px; margin-right:40px; margin-bottom:30px; }
#main_2c .img_border{ border:10px solid #e9e9e9; }
#main_2c .thumb a{color:#666666;}
#main_2c .thumb a:hover{text-decoration:none;}
#main_2c .summary{ background-color:#f8f8f8; padding:5px 10px 5px 0; }
#main_2c .summary p{ padding-left:10px; }
#main_2c .summary table{ margin-left:10px; border:solid 1px #e3e3e3; }
#main_2c .summary th{  padding:3px; }
#main_2c .summary td{ padding:3px; }

/* kontakt */
.col_contact{ float:left; width:250px; }
.col_contact .col{ float:left; padding:0; margin:0; }
.col_contact_form{ float:right; width:640px; padding:0 20px 0 30px; background-color:#f8f8f8; }
.input_text{ width:47%; border:1px solid #999999; color:#666666; padding:5px; margin-bottom:17px; }
.light{ color:#b8b8b8; }
.input_textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #999999; color:#666666; padding:5px; display:block; clear:both; width:98%; height:170px; }
.checkbox_radio label{ display: block; float: left; white-space: nowrap; }
.checkbox_radio input{ vertical-align: middle; }
.checkbox_radio label span{ vertical-align: middle; }

.arrow{ width:123px; height:79px; margin:0 0 0 20px; padding:0; position:absolute; }
.typ_cp{ visibility:hidden; position:absolute; width:220px; }

.p_firemna{ visibility:hidden; position:absolute; width:220px; margin-top:120px; }
.p_e_shop{ visibility:hidden; position:absolute; width:220px; margin-top:120px; }
.p_portal{ visibility:hidden; position:absolute; width:220px; margin-top:120px; }
.p_e_marketing{ visibility:hidden; position:absolute; width:220px; margin-top:120px; }


#error{ float:right; width:670px; padding:20px 20px 0 0; background-color:#f3d1de; margin-bottom:15px; color:#cc0000; }
#info{ float:right; width:670px; padding:20px 20px 10px 0; background-color:#d1eef3; margin-bottom:15px; color:#1f9eaf; }


/* footer */
#footer{ height:40px; background-color:#eeeeee; padding:20px; color:#999999; font-size:11px; line-height:13px; margin-top:10px; }
#footer a{ color:#999999; } 
#flogo{ width:315px; float:left; }
#faddress{ width:150px; float:left; }
#fcontact{ width:300px; float:left; }
#fmenu{ width:145px; float:left; }

/* rozpocet */
#rozpocet{ width:900px; height:5px; color:#FFFFFF; line-height:normal; position:absolute; }
#rozpocet h1{ color:#FFF; padding:0; margin:0; float:left; border:none; }
#rozpocet td{ border-bottom: 1px solid #ee538a; padding:3px 0 3px 0; }
#rozpocet #price{ text-align:right; padding:15px; background:#e7115d; position:fixed; width:350px; top:0; border-top:15px solid #FFFFFF; border-bottom: 1px solid #ee538a; z-index:1000; }
#rozpocet #kalkulacka{ width:380px; background:#e7115d; float:right; z-index:100; }
#rozpocet .polozky{ padding:15px; margin-top:65px; background:#e7115d; position:fixed; width:350px; }

/* formular CK */
#form_ck td{ padding:2px; }
#form_ck .tr_hover:hover{ background:#efefef; }