/* Common */

body { font: 85% "Trebuchet MS", Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #666; background: transparent url("./images/body.png") top left repeat; }

div, h1, h2, h3, h4, h5, h6, p, form { margin: 0; padding 0; }

img { border: none; }

.block-clear { clear: both; }

.messages { margin-bottom: 1em; clear: both; padding: 0.3em; }

.messages.error { border: 1px solid red; color: red; }

.messages.status { border: 1px solid green; color: green; }

/*
** Layout 
*/

#shadow { background: transparent url("./images/shadow.png") center top no-repeat; }

#wrapper { margin: 0 auto; width: 984px; text-align: left; }

#header { position: relative; height: 371px; background: transparent url("./images/header.png") top left no-repeat; }

h1 { position: absolute; top: 0; left: 0; width: 115px; height: 90px; z-index: 1; }

h1 a { display: block; width: 115px; height: 90px; background: transparent url("./images/logo_styleweb.png") top left no-repeat; }

h1 span { display: none; } 

#wrapper-bars { background: transparent url("./images/wrapper_bars.png") top left repeat-y; }

#bar-main { padding: 30px; min-height: 450px; }

#clients { background: transparent url("./images/clients.png") top left no-repeat; width: 984px; height: 80px; font-size: 85%; }

#clients .content { padding: 15px 30px; }

#footer { position: relative; height: 180px; background: transparent url("./images/footer.png") top left no-repeat; color: #ccc; font-size: 85%; }

#footer .contact { position: absolute; top: 15px; left: 30px; height: 135px; width: 328px; z-index: 1; }

#footer .service { position: absolute; top: 15px; left: 358px; height: 135px; width: 328px; z-index: 1; }

#footer .service a { color: #ccc; float: left; margin: 0 10px 0.3em 0; padding: 1px 5px; text-decoration: none; background-color: black; 
  border-radius: 3px; 
  transition: background-color 1s, color 1s;
 -moz-transition: background-color 1s, color 1s; /* Firefox 4 */
 -webkit-transition: background-color 1s, color 1s; /* Safari and Chrome */
 -o-transition: background-color 1s, color 1s; /* Opera */ 
}

/* Social networks */

#footer .social { position: absolute; top: 15px; left: 686px; height: 135px; width: 328px; z-index: 1; color: #ccc; }

#footer .social a { color: #ccc; display: block; float: left; padding: 5px 0 5px 30px; }

#footer .social a.facebook { background: transparent url("./images/facebook.png") center left no-repeat;  }

#footer .social a.twitter { background: transparent url("./images/twitter.png") center left no-repeat;  }

#footer .copyright { position: absolute; top: 140px; left: 0; height: 40px; width: 954px; z-index: 1; text-align: right; line-height: 40px; padding-right: 30px; color: #666; }

#footer .copyright a { color: #666; }

/* Order */

#order { position: fixed; right: 0; top: 200px; z-index: 1; }

/*
** Language 
*/

/* 
** Search
*/

.block-search { position: absolute; top: 30px; right: 30px; height: 30px; width: 205px; z-index: 1; background: transparent url("./images/search.png") top left no-repeat; }

.block-search .title { display: none; }

.block-search label { display: none; }

.block-search .form-text { position: absolute; top: 0; right: 30px; width: 170px; height: 30px; border: none; background: none; color: #666; z-index: 1; }

.block-search .form-submit { position: absolute; top: 0; right: 0; z-index: 1; width: 30px; height: 30px; border: none; background: transparent url("./images/search_butt.png") top left no-repeat; cursor: pointer; text-indent: line-height: 0; font-size: 0; color: transparent; }

.search-results dt { margin: 0; padding: 0 0 0.5em 0; }

.search-results dd { margin: 0; padding: 0 0 0.5em 2em; margin: 0 0 0.5em 0; background: transparent url("./images/h2.png") bottom left repeat-x; }

.search-results .search-info { display: none; }

/*
** Quick links
*/

#quick-links { position: absolute; top: 35px; left: 350px; }

#quick-links a { float: left; display: block; color: #666; font-size: 85%; margin: 0 15px 0 0; padding: 0 0 0 15px; line-height: 20px; }

#quick-links .home { background: transparent url("./images/icon_home.png") center left no-repeat; }

#quick-links .site-map { background: transparent url("./images/icon_site_map.png") center left no-repeat; }

#quick-links .contact { background: transparent url("./images/icon_contact.png") center left no-repeat; }

/*
** Buttons
*/

/*
** Primary links
*/

#header .primary-links { position: absolute; top: 90px; right: 30px; width: 924px; height: 50px; z-index: 1; }

#header .primary-links ul { margin: 0; padding: 0; list-style: none; float: right; }

#header .primary-links li { margin: 0; padding: 0 10px 0 0; position: relative; float: left; }

#header .primary-links a { display: block; color: #666; text-transform: uppercase; width: 110px; margin: 0; text-align: center; line-height: 50px; text-decoration: none;
  background: transparent url("./images/prim_links_1.png") 110px 0 no-repeat;
  -webkit-transition: background-position .5s ease, color 1s ease;
  -moz-transition: background-position .5s ease, color 1s ease;
	-o-transition: background-position .5s ease, color 1s ease;
	transition: background-position .5s ease, color 1s ease;
}

#header .primary-links li.active-trail { }

#header .primary-links li.active-trail a { color: white; background: transparent url("./images/prim_links_1.png") -110px 0; no-repeat;  }

#header .primary-links a:hover { background-position: 0 0; color: white; }

#header .primary-links li.active-trail a:hover { }

/*
** Primary links / sublinks
*/

#header .primary-links ul ul { display: none; position: absolute; top: 45; left: 0; width: 200px; z-index: 1; }

#header .primary-links ul ul ul { top: 0; left: 200px; }

#header .primary-links ul ul li { width: 200px; margin: 0; padding: 0; }

#header .primary-links ul ul a { padding: 10px; background: #666; margin: 0; line-height: 1em; color: white; }

#header .primary-links li.active-trail ul a { color: white; background: #666; }

#header .primary-links ul ul a:hover { background: black; color: white; }

#header .primary-links ul ul li:hover ul ul { display: none; } 

/*
** Secondary links
*/

/* 
** Admin blocks 
*/

#blocks { clear: both; }

#wrapper-bars #blocks input[type=text], #wrapper-bars #blocks input[type=password], #wrapper-bars #blocks textarea, #wrapper-bars #blocks select { width: 150px; }

/* 
** Blocks 
*/

.block-contacts { float: left; width: 467px; margin-right: 25px; }

#webform-client-form-1 { float: right; width: 430px; } /* Contact form */

.block-contact { float: left; width: 200px; margin: 0 30px 0 0; min-height: 150px; }

/* 
** Boxes 
*/

/* 
** Page 
*/

.page .date { font-size: 85%; color: #c00; margin: 0 0 1em 0; }

.page .button-back { margin: 0 0 1em 0; cursor: pointer; }

.page .field { margin: 0 0 1em 0; clear: both; }

.page .field-type-filefield { margin: 0 0 1em 0; }

.page .field-field-photos .field-item  { float: left; margin: 0; width: 150px; height: 150px; background: transparent url("./images/photos_1.png") top left no-repeat; }

.page .field-field-photos img { margin: 25px 0 0 25px; }

.page .field-field-photos .field-item:hover { background: transparent url("./images/photos_2.png") top left no-repeat; }

.page .field-field-uploads .field-item  { margin: 0 0 0.5em 0; }

.page .field-field-uploads img { margin-right: 5px; }

/* 
** Taxonomy
*/

.taxonomy-term-description { margin: 0 0 1em 0; font-size: 120%; font-style: italic; }

/* 
** Story 
*/

.story { float: left; width: 320px; min-height: 250px; background: transparent url("./images/story.png") bottom right no-repeat; }

.story.odd { margin: 0 80px 0 55px; }

.story.even { margin-right: 0; }

.story .date { padding: 0.5em 0 0.5em 0; color: #c00; font-size: 85%; }

#wrapper-bars .story .content p { min-height: 90px; font-size: 85%; text-align: justify; }

.story .field-field-photos { float: left; margin: 0 1em 1em 0; }

#wrapper-bars .story h3 { font-size: 130%; padding: 0; margin: 0; min-height: 60px; }

#wrapper-bars .story h3 a { color: #666; text-decoration: none; }

.story .button-more { float: right; }

/* 
** Views / story 
*/

/* 
** Views / services 
*/

.view-services .views-row { float: left; width: 308px; padding: 0; min-height: 100px; }

.view-services .views-field-title { margin: 0 0 0.5em 0; color: #333; text-shadow1: 1px 1px 1px white; }

.view-services .views-field-title a { display: block; color: #666; padding: 0 30px 0 65px; width: 213px; font-size: 115%; text-decoration: none; text-transform: uppercase; height: 50px; 
  background: transparent url("./images/service.png") 0 -50px no-repeat;
  -webkit-transition: background-position .5s ease, color 1s ease;
  -moz-transition: background-position .5s ease, color 1s ease;
	-o-transition: background-position .5s ease, color 1s ease;
	transition: background-position .5s ease, color 1s ease; 
}

.view-services .views-field-title a:hover { background-position: 0 0; color: black; background-color: none; }

.view-services .views-field-teaser { font-size: 85%; padding: 0 15px 0 0; margin: 0 0 0 65px; }

.view-services .views-field-teaser { font-size: 85%; padding: 0 15px 0 0; }

#wrapper-bars .views-field-teaser p { line-height: 1.5em; } 

/* 
** Views / portfolio
*/

.view-reference { margin: 0 -30px 0 0; }

.view-reference .views-row { position: relative; float: left; width: 288px; height: 250px; margin: 0 30px 30px 0; background: transparent url("./images/portfolio_1.png") top left no-repeat; }

.view-reference .views-field-field-photos-fid { margin: 15px 0 0 15px; }

.view-reference .views-field-teaser { position: absolute; top: 169px; left: 0; width: 288px; height: 55px; background: transparent url("./images/portfolio_2.png") top left no-repeat; display: none; color: black; }

#wrapper .view-reference .views-field-teaser .field-content { padding: 5px 0 0 0; }

#wrapper .view-reference .views-field-teaser .field-content p { text-align: center; }

.view-reference .views-field-teaser .field-content a { color: #f00; }

.view-reference .views-field-teaser .field-content a:hover { text-decoration: none; }


/*
** Views / slider 
*/

.view-slider { position: absolute; top: 141px; left: 0; width: 984px; height: 230px; z-index: 1; }

.view-slider .views-field-field-image-fid { position: relative; top: 0; left: 0; }

.view-slider .views-slideshow-controls-bottom { position: absolute; top: 0; left: 0; width: 984px; z-index: 1000; }

.view-slider .views_slideshow_pause { display: none; }

.view-slider .views_slideshow_next { display: block; width: 50px; height: 50px; position: absolute; top: 90px; right: 0; z-index: 1; background: transparent url("./images/slider_next.png") top left no-repeat; text-indent: line-height: 0; font-size: 0; color: transparent; }

.view-slider .views_slideshow_previous { display: block; width: 50px; height: 50px; position: absolute; top: 90px; left: 0; z-index: 1; background: transparent url("./images/slider_previous.png") top left no-repeat; line-height: 0; font-size: 0; color: transparent; }

/* 
** Pager 
*/

.pager { margin: 0 25px 0 0; padding: 0; list-style: none; float: right; clear: both; font-size: 85%; }

.pager li { margin: 0 0 1em 1em; float: left; list-style-image: none; }

.pager a { display: block; padding: 0.3em 1em; background: rgb(220,220,220); box-shadow: inset 1px 1px #999, 1px 1px #ccc; border-radius: 3px 3px 3px 3px; color: black; text-decoration: none; }

.pager-current { display: block; padding: 0.3em 1em; color: white; 
  border-radius: 3px; 
  box-shadow: 1px 1px #333; 
  background: #f00; /* Pre prehliadače bez podpory CSS*/
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#c00)); /* Safari, Chrome */
  background: -moz-linear-gradient(top, #f00, #c00); /* Firefox 3.6+ */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00', endColorstr='#c00'); /* IE */
  }

/* 
** Tabs 
*/

.tabs { margin: 0; padding: 0; list-style: none; height: 29px; border-bottom: 1px solid white; }

.tabs li { margin: 0 1px 1em 0; float: left; background: transparent url("./images/tabs_1.png") top left no-repeat; }

.tabs a { display: block; padding: 0 15px; color: white; background: transparent url("./images/tabs_2.png") top right no-repeat; line-height: 30px; text-decoration: none; }

.tabs li.active { background: transparent url("./images/tabs_3.png") top left no-repeat; }

.tabs .active { color: black; font-weight: bold; background: transparent url("./images/tabs_4.png") top right no-repeat; }

/* 
** Typography 
*/

#wrapper-bars h2 { color: #999; text-transform: uppercase; text-shadow: 1px 1px rgb(250,250,250); font-size: 180%; margin-bottom: 1em; font-weight: normal; padding: 0 0 10px 0; background: transparent url("./images/h2.png") bottom left repeat-x; }

#wrapper-bars h3 { color: #999; text-transform: uppercase; text-shadow: 1px 1px rgb(250,250,250); margin: 0 0 1em 0; padding: 0 0 0 25px; font-size: 140%; font-weight: normal; background: transparent url("./images/h3.png") center left no-repeat; }

#footer h3, #clients h3 { margin: 0 0 0.5em 0; color: white; text-transform: uppercase; }

#wrapper-bars p { margin-bottom: 1em; line-height: 2em; text-align: left; }

#wrapper-bars ul { list-style-image: url("./images/li.png"); }

#wrapper-bars ul li { line-height: 2em; }

#wrapper-bars strong  { color: black; }

#wrapper-bars em  { color: #f00; font-size: 100%; }

#wrapper-bars blockquote { color: black; font-size: 120%; font-style: italic; margin: 0 0 1em 1em; border-left: 5px solid #c00; padding: 0 0 0 1em; }

abbr { color: #f00; border-bottom: 1px dashed #f00; }


/* Tables */

/* Images */

/* Breadcrumb */

.breadcrumb { margin-bottom: 1em; color: #666; font-size: 85%; }

.breadcrumb a { color: #999; }

/* Links */

.page a { 
  text-decoration: underline; color: #f00; 
  padding: 1px 5px; 
  border-radius: 3px;
  transition: background-color .5s ease, color 1s;
 -moz-transition: background-color .5s ease, color 1s; /* Firefox 4 */
 -webkit-transition: background-color .5s ease, color 1s; /* Safari and Chrome */
 -o-transition: background-color .5s ease, color 1s; /* Opera */ 
}

.page a:hover, #footer .service a:hover { background-color: #f00; border-radius: 3px; color: white; text-decoration: none; }

/* 
** Forms
*/

#wrapper-bars form { margin-bottom: 1em; }

#wrapper-bars fieldset { border: none; border-top: 1px solid #ccc; margin-bottom: 1em; padding: 1em 0 0 0; }

#wrapper-bars legend { color: #c00; font-size: 120%; font-weight: normal; }

#wrapper-bars .form-item { padding-bottom: 0.3em; clear: both; }

#wrapper-bars .form-radios .form-item, #wrapper-bars .form-checkboxes .form-item { padding-bottom: 0; }

#wrapper-bars label { padding-bottom: 0.3em; display: block; font-weight: normal; color: #666; }

#wrapper-bars input[type=text], #wrapper-bars input[type=email], #wrapper-bars input[type=password], #wrapper-bars textarea, #wrapper-bars select { font: 85% Trebuchet MS, Verdana, Arial, sans-serif; padding: 0.3em; width: 400px; background: rgb(220,220,220); border: none; font-size: 100%; color: black; box-shadow: inset 1px 1px #999, 1px 1px #ccc; border-radius: 3px 3px 3px 3px; }

input.error, textarea.error, select.error { border: 1px solid red; }

#wrapper-bars input[type=text]:focus, #wrapper-bars input[type=password]:focus, #wrapper-bars textarea:focus { background: #ddd; }

#wrapper-bars input.error:focus, #wrapper-bars textarea.error:focus, #wrapper-bars select.error:focus { }

/* Image submit */

/*
#wrapper-bars .form-submit { width: 150px; height: 30px;	border: 0; background: transparent url("./images/submit.png") no-repeat; display: block; color: white; cursor: pointer !important; cursor: hand; font-size: 100%; }

#wrapper-bars .form-submit:hover { background-position: 0 -30px; }
*/

/* Css submit */

#wrapper-bars .form-submit { width: 150px; height: 30px;	border: 0; color: white; cursor: pointer !important; cursor: hand; font-size: 100%; background-color: black; border-radius: 3px;
  box-shadow: 1px 1px #333;
  background: #999; /* Pre prehliadače bez podpory CSS */
  background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666)); /* Safari, Chrome */
  background: -moz-linear-gradient(top,  #999,  #666); /* Firefox 3.6+ */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666'); /* IE */
  transition: background-color .5s ease;
 -moz-transition: background-color .5s ease; /* Firefox 4 */
 -webkit-transition: background-color .5s ease; /* Safari and Chrome */
 -o-transition: background-color .5s ease; /* Opera */ 
}

#wrapper-bars .form-submit:hover { 
  background: #f00; /* Pre prehliadače bez podpory CSS */
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#c00)); /* Safari, Chrome */
  background: -moz-linear-gradient(top,  #f00,  #c00); /* Firefox 3.6+ */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00', endColorstr='#c00'); /* IE */
}

.webform-confirmation p { padding: 0; }

.form-required { color: red; } /* Basic form */ 

.description { font-size: 85%; padding-top: 0.3em; } /* Basic form */

/* Errors */

.error { color: red; }