/* CSS Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, small, strike, sub, sup, dl, dt, dd, ol, ul, li, acronym, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;  font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
/* CSS Reset - end */

html {height: 101%; margin-bottom: 1px;}
body {background: #ccc url(../images/brushed_metal.jpg) 0 0 ;font-family:/*"Trebuchet MS",*/Arial,Helvetica,sans-serif; font-size:12px; line-height: 17px; text-align:left; color:#404040;}
a, img {border: 0; text-decoration: none;}
a {color:#888; text-decoration:underline;}
a:hover {color:#404040;}
.clear {width: 0; height: 0; overflow: hidden; clear: both;}
.invisible {display: none;}
acronym {border-bottom: 1px dotted #404040; cursor: help;}

#wrapper {margin: 0 auto; padding: 60px 0 30px; width: 770px;}
#wrapper h1, #wrapper div#logo {background: url(../images/ivo_ivan_infomedia_logo.png) bottom left no-repeat; margin: 8px 0 8px 25px; width: 240px; height: 22px; position: relative; float: left; display: inline;}
#wrapper h1 a, #wrapper div#logo a {width: 240px; height: 22px; display: block; text-indent: -9999px;}
/*#wrapper h1 span {background: url(../images/ivo_ivan_infomedia_logo.png) bottom left no-repeat; position: absolute; width: 100%;	height: 100%;}*/

/* MENU */
ul#menu {width:240px; height:19px; list-style:none; margin: 12px 0 0 240px; float: left; display: inline;}
ul#menu li {display: inline;}
ul#menu li a {display:block; float: left; height: 19px; background-image: url(../images/new-menu.png); text-indent: -9999px;}

ul#menu li.uvod a {background-position: 0 0; width: 57px;}
ul#menu li.portfolio  a{background-position: -57px 0; width: 98px;}
ul#menu li.kontakt a {background-position: -155px 0; width: 85px;}
ul#menu li.uvod a:hover, ul#menu li a.uvod:focus, ul#menu li.uvod a#selected {background-position: 0 -19px; width: 57px;}
ul#menu li.portfolio a:hover, ul#menu li a.portfolio:focus, ul#menu li.portfolio a#selected {background-position: -57px -19px; width: 98px;}
ul#menu li.kontakt a:hover, ul#menu li a.kontakt:focus, ul#menu li.kontakt a#selected {background-position: -155px -19px; width: 85px;}


/* SLIDER */

#header {margin: 50px auto 0 auto; width: 770px; height: 285px;}
#sliderwrappertop {margin: 50px auto 0 auto; width:846px; height:310px;}
.leftbtn a, .rightbtn  a {float:left; display: inline; width:28px; height: 28px; text-indent: -9999px; background: url(../images/menu.png) no-repeat 0 100%;}
.leftbtn a {margin:120px 10px 0 0; background-position: 0 -108px;}
.leftbtn a:hover{background-position: 0px -136px;} 
.rightbtn a {margin:120px 0 0 10px; background-position: -28px -108px;}
.rightbtn a:hover{background-position: -28px -136px;} 
/* SLIDER content*/
#sliderwrapper {float:left; display: inline; position:relative; overflow: auto; width:770px; height:310px; background: /*#666*/url(../images/xheader.png) no-repeat 0 0;}
#sliderwrapper ul {position:absolute; list-style:none; top:0; left:0}
#sliderwrapper li {float:left; width:770px; height:288px;}
#sliderreplace {margin: 0 auto; width:770px; height:288px; background: url(../images/xheader.png) no-repeat 0 0;}
#promo1, #promo2 {/*width: 770px; height: 288px;*/padding: 30px 0 5px 30px; width: 740px; height: 253px; position: relative;}
h1.promo {font: 58px/58px Arial Black, Arial, sans-serif; letter-spacing: -2px; color: #ddd;}
h1.dvadsat {margin-left: 60px; font-size: 50px; line-height: 50px; color: #ddd;}
.odsadenie1 {margin-left: 90px; font: italic bold 21px/30px Verdana, Tahoma, Arial, sans-serif; color: #999; text-shadow: #444 1px 1px;  }
.odsadenie2 {margin: 32px 0 0 8px; font: 16px/20px Arial Black, Tahoma, sans-serif;color: #ddd; text-shadow: #505050 1px 1px;}
			
.inline {font: 64px/1em Tahoma, Arial, sans-serif; position:absolute; top: 22px; color: #ddd;}			
.inline2 {font: normal 25px/1em Arial Black, Arial, sans-serif;	position:absolute; top: 26px; left: 160px; color: #ddd;}			
#promo2 ul {margin: 105px 0 0 36px; font: 17px/18px Arial Black, Arial, sans-serif; color: #e3e3e3; text-shadow: #505050 1px 1px;}
#promo2 ul li {padding-left: 36px; background: transparent url(../images/blue-tick.gif) no-repeat 0 0; height: 26px;}
.safari {padding: 19px 0 6px 0; width: 324px; height: 216px; background: #fff url(../images/safari.gif) no-repeat 0 0; position: absolute; top: 24px; left: 420px; box-shadow: 3px 3px 14px #333; -webkit-box-shadow: 3px 3px 14px #333; -moz-box-shadow: 3px 3px 14px #333;}
.odsadenie3 {margin: 198px 0 0 40px; /*ont: italic 16px/1em Arial Black, Arial, sans-serif; color: #cac9c9; text-shadow: #505050 1px 1px;*/}
.sliderpagination {margin-left: 330px; font-size: 30px; list-style:none; height: 48px;}
.sliderpagination li {float:left; display: inline; cursor:pointer;  margin-right: 4px; text-align:center; color:#999;} /* POKUS display */
.sliderpagination li:hover {color:#35b9f7;}
li.current {color: #35b9f7;}
/*  SLIDER - end */

/* CONTENT */
#content, #indexcontent {margin: 0 auto; padding: 30px 25px 30px 25px; width: 720px; background-color: #f7f7f7; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}
#content p, #indexcontent p {font-size:12px;line-height:21px; margin:0 0 20px;}
#content p.intro{color:#444; font-size:13px; /*font-style:italic;*/ font-weight: bold; line-height:20px; margin: 20px 30px 30ox; text-align:justify;}
#content p strong, strong {color:#333; font-weight: bold;}
#content p.weblink {margin: 6px 0 0 0;}
.contentleft p, #indexcontent .contentleft p {margin: 1em 0; font-size: 13px;}
#content h1, #indexcontent h2 {font-family: Arial,Helvetica,sans-serif; font-weight: normal; color:#0099CC; font-size:18px; margin: 10px 0 20px;}
#content h1 span, #indexcontent h2 span {font-size:17px; color:#666;}
#content h2 {border-bottom:1px solid #DDD; color:#0099CC; font-size:15px; font-weight:normal; line-height:26px; margin: 18px 0 8px;}
#content h2 span {margin-bottom: 10px; font-size: 15px; color:#666; text-transform:lowercase;}

#content h3 {color:#09c; font-size:14px; font-weight:normal; line-height:22px; margin: 30px 0 10px;}
#content h3 span {color:#666;}
#content h5 {margin-bottom: 10px; padding: 6px 10px; font-size:15px; font-weight:bolder; background-color: #f3f3f3; color: #00B7EB; text-align: right; border: 1px solid #f0f0f0; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#content h6 {margin-bottom: 4px; font-size:14px; font-weight:bold; color:#666;}
#content h6 span {text-align: right; font-size:10px; font-weight:bolder; color:#666;}
.sk {padding-left: 36px; background: transparent url(../images/sk.gif) no-repeat 0 -1px;}
.en {padding-left: 36px; background: transparent url(../images/en.gif) no-repeat 0 -1px;}

blockquote {font-size: 1.1em; color:#222; border-left:3px solid #0099CC; background-color: #fff; font-style: italic; margin: 0 20px 15px; padding: 8px 30px 8px 25px; line-height:19px;}
/*#content ul {list-style-type:square;}
#content ul li {line-height:21px;}*/

#accordion {margin-top: 28px;}

.contentleft {color: #333; float:left; display: inline; width:370px;  padding-right: 25px;}
.contentleftshort {color: #333; float:left; display: inline; width:340px;  padding-right: 50px;}
.contentright {color: #333; float:left; display: inline; width: 325px;}

#contentrightlist {width:278px; height: 197px; padding: 13px 21px 30px 25px; background: url(../images/rightcontent.jpg) no-repeat 0 0;}
#contentrightlist h3 {margin: 12px 0 12px 0; font-size:16px; color:#09c; border-bottom:0;}

#content ul, .contentleft ul, .contentleftshort ul, #contentrightlist ul {margin: 10px 0 20px;}
#indexcontent ul li {padding:2px 0 2px 20px; background: url(../images/bullet.gif) no-repeat scroll 0 7px; list-style-position:outside; list-style-type:none; line-height: 1.6em;} /* POKUS color */
.textright {text-align: right;}
.buttonright {margin-right: 20px; text-align: right;}

.robim {width: 356px; height: 46px; padding: 44px 0 0 14px; margin-bottom: 30px!important; background: #666 url(../images/bannery/banner_robim.jpg) no-repeat 0 0; font:14px/19px Arial Black,Tahoma,sans-serif; color: #f4f4f4; text-shadow:1px 1px #505050;}
.banner {margin-bottom: 20px;}

/* SUBPAGE menu*/ 
#subpagemenu {margin: 0 auto; width: 770px; /*padding-top: 18px;*/	/*background: #7d7d7d url(../images/gradient.png) repeat-x 0 -80px; */ line-height: 100%;  position:relative; z-index:0;}
#subpagemenu li {margin-right: 4px; float: left; position: relative; list-style: none;}
/* main level link */
#subpagemenu a {font-size: 14px; /*font-weight: bold;*/ color: #666; text-decoration: none;	display: block; border: none; padding: 14px 20px 11px 20px;	margin: 0; border-top-left-radius: 5px; border-top-right-radius: 5px;	-moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;/*text-shadow: 0 1px 1px rgba(0,0,0, .3);*/}
#subpagemenu a:hover {background-color: #F7F7F7;color: #09C; border: none;}
/* main level link hover */
#subpagemenu li a {background-color: #eee; border-bottom: 1px solid #e4e4e4; color: #999; text-shadow: 1px 1px 1px #f2f2f2;  -moz-box-shadow: 3px -2px 3px rgba(153, 153, 153, 0.2); -webkit-box-shadow: 3px -2px 3px rgba(153, 153, 153, 0.2);	box-shadow: 3px -2px 3px rgba(153, 153, 153, 0.2);}
#subpagemenu .subpagemenucurrent a, #subpagemenu li:hover a {background-color: #F7F7F7; border-bottom: 1px solid #F7F7F7; color: #09c; -moz-box-shadow: 3px -2px 3px rgba(51, 51, 51, 0.2); -webkit-box-shadow: 3px -2px 3px rgba(51, 51, 51, 0.2); box-shadow: 3px -2px 3px rgba(51, 51, 51, 0.2);/*box-shadow: 10px 10px 5px #888;*/}
/* sub levels hover */
#subpagemenu ul li:hover a, #subpagemenu li:hover li a {background: none;	border: none;	color: #666; -webkit-box-shadow: none; -moz-box-shadow: none;}
#subpagemenu ul a:hover {background: #0078ff /*url(../images/gradient.png) repeat-x 0 -100px !important*/; color: #fff !important; text-shadow: 0 1px 1px rgba(0,0,0, .1); /*-webkit-border-radius: 0;	-moz-border-radius: 0;*/}
/* dropdown */
#subpagemenu li:hover > ul {display: block;}
/* level 2 list */
#subpagemenu ul {display: none;	width: 185px;	position: absolute;	top: 35px; left: 0;	background: #ddd /*url(../images/gradient.png) repeat-x 0 0*/; border: solid 1px #b4b4b4; -webkit-border-radius: 6px;	-moz-border-radius: 6px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);	box-shadow: 0 1px 3px rgba(0,0,0, .3);}
#subpagemenu ul li {float: none; margin: 0;	padding: 0;}
#subpagemenu ul a {font-weight: normal;}
/* level 3+ list */
#subpagemenu ul ul {left: 181px; top: -3px;}
/* rounded corners of first and last link */
#subpagemenu ul li:first-child > a {webkit-border-top-left-radius: 5px;	-moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px;}
#subpagemenu ul li:last-child > a {-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px;	-moz-border-radius-bottomright: 5px;}
/* clearfix */
#subpagemenu:after {content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0;}
#subpagemenu {display: inline-block;} 
html[xmlns] #subpagemenu {display: block;}
* html #subpagemenu {height: 1%;}

/* LANGUAGES menu*/
#languagesmenu {display: none;} 



.slidetrigger {cursor: pointer;}
.slidecontent {margin-top: 30px; text-align: justify;} /* POKUS text */
/*.slidecontent p {text-align: justify;}*/
.seo {margin-top: 10px; padding-left: 226px; width: 490px; height: 31px; line-height: 30px; background: #f7f7f7 url(../images/seo_header_bg.gif) no-repeat 0 0;}
.seo2 {margin-top: 10px; padding-left: 220px; width: 496px; height: 31px; line-height: 30px; background: #f7f7f7 url(../images/seo_header_bg.gif) no-repeat 0 0;}

.freebies {/*float: right; margin: 0 0 20px 30px; width: 344px*/ margin: 20px 0 30px; padding-left: 20px;}
.freebies img {/*float: left;*/ width: 64px; height: 64px; display: inline; margin: 0 4px 4px 0; padding: 6px; background-color: #fff; border: 1px solid #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0px 2px 4px rgba(51, 51, 51, 0.1)} /* POKUS display */ 
.imgleft {float: left; display: inline; width: 315px; margin: 0 20px 20px 0; padding: 6px; background-color: #fff; border: 1px solid #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px;} /* POKUS display */
.imgright {float: right;  display: inline; width: 315px; margin: 0 0px 20px 30px; padding: 6px; background-color: #fff; border: 1px solid #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

/* PORTFOLIO */
.ramik {padding: 3px; background: #fff; width: 420px; height: 150px; margin-right:30px; border:1px solid #ddd; position:relative;}
.portfolioitem {float: left; display: inline; margin: 6px 12px 10px 6px; padding: 7px; background-color: #fff; border: 1px solid #f1f1f1; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0px 2px 8px rgba(51, 51, 51, 0.2)}
.portfolioitem a {text-decoration: none;}

.boxgrid{width: 326px; height: 218px; overflow: hidden; position: relative;}
.boxgrid img{position: absolute; top: 0; left: 0; border: 0; border: 1px solid #eee;}
.boxgrid p{margin: -1em 0; padding: 0 10px; color:#afafaf; font-weight:bold;}
.boxgrid p span {color: #555;}
.weblink {margin: 6px 0 0 0; padding-left: 10px;}
.weblink a {font-size: 15px; color: #999; font-weight: bold; line-height: 22px;}
.weblink a:hover {color: #666;}	
.weblink a span {color: #999; font-size: 15px; font-weight: bold}				
.weblink a:hover span {color: #00B7EB;}	




#footer {margin: 0 auto; padding: 16px 0 40px; width:770px; height:14px; line-height: 14px;  color: #888; font-size: 11px; text-align: center; background: transparent url(../images/footer.png) no-repeat 50% 0;}  /* POKUS % */
#footer a:link, #footer a:visited {color: #888; text-decoration: none;/*border-bottom: 1px dotted #888;*/}
#footer a:hover {color:#666;/*border-bottom: 1px solid #666;*/}  
 
a#facebook {display:inline-block; padding-left: 18px; line-height: 14px; height: 14px; background: url(../images/menu.png) no-repeat -54px -108px; text-decoration: none;}
a:hover#facebook {padding-left: 18px; background: url(../images/menu.png) no-repeat -54px -122px;} /* POKUS % */

/* CSS galleries */
ul#cssgalleries {width: 720px; height:65px; margin: 30px 0 0 0; padding: 0;}
ul#cssgalleries li {float: left; margin: 0; padding: 0; list-style-type: 0; background: 0 none;}
ul#cssgalleries li a {display: block; float: left; height: 65px; background-image: url(../images/cssgalleries_sprite.png); text-indent: -9999px;}
ul#cssgalleries li a.cssbased {width: 148px; background-position: 0 0;}
ul#cssgalleries li a.cssbased:hover {background-position: 0 -65px;}
ul#cssgalleries li a.designshack {width: 179px; margin-left: 35px; background-position: -183px 0;}
ul#cssgalleries li a.designshack:hover {background-position: -183px -65px;}
ul#cssgalleries li a.csswebsite {width: 155px; margin-left: 39px; background-position: -401px 0;}
ul#cssgalleries li a.csswebsite:hover {background-position: -401px -65px;}
ul#cssgalleries li a.cssleak {width: 125px; margin-left: 39px; background-position: -595px 0;}
ul#cssgalleries li a.cssleak:hover {background-position: -595px -65px;}
/* END CSS galleries */



/* CONTACT form */

/* CONTACT form */
.contactform {float:left; margin-top: 12px; width: 324px; margin-bottom: 10px; color:#404040;}
/*.contactform label { float: left;}*/

.contactform div { clear: both; } /* VYMAZAT */

.smallinput input {width: 267px; height: 18px; margin: 6px 0; padding:11px 11px 11px 46px; background: url(../images/contactform_bg.png) no-repeat top left; border: 0 none; color:#404040;}
.form_name input {background-position:0 0; }
.form_name input:hover {background-position:0 -40px;}
.form_email input {background-position:0 -80px;}
.form_email input:hover {background-position:0 -120px;}

#form_message {background:transparent; border:0 none; width:300px; height:100px; margin-top:5px; padding:9px 12px 11px 12px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; overflow: auto; color:#404040;}
#message {background: url(../images/contactform_bg.png) no-repeat 0 -160px; width:324px; height:132px; margin-top:6px;}
#message:hover {background-position: 0 -292px;}

.contactform button{margin:12px 0 0 6px; text-indent:-9999px;	overflow:hidden; width:120px; height:28px;	border:none;	background: url(../images/contactform_bg.png) no-repeat 0 -424px; cursor:pointer;	text-align:left;}		
.contactform button:hover{margin:12px 0 0 6px; text-indent:-9999px;	overflow:hidden; width:120px; height:28px;	border:none;	background: url(../images/contactform_bg.png) no-repeat -120px -424px; cursor:pointer; text-align:left;}		


.notification_error{float:left; clear:both; margin:10px 0px -20px 0px;}
.notification_ok {margin-bottom:236px;}
div.container {display: none}
#content .contactform h4 {font-size:1.1em; font-weight: bold; color: #c12d06;}
#content .contactform .container ul li {padding:2px 0 2px 20px; background: url(../images/error.gif) no-repeat scroll 0 6px; list-style-position:outside; list-style-type:none; line-height: 1.6em;}



/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* ColorBox example user style */
#cboxOverlay{background:#060606;}
#cboxContent{/*margin-top:20px;*/}
#cboxLoadedContent{background:#000; /*padding:5px;*/}
#cboxTitle{display: none; position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{display: none; position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:0px; margin-top:-32px; background:url(../images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:0px; margin-top:-32px; background:url(../images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
#cboxClose{display: none; /*display:block;*/ position:absolute; top:11px; right:10px; background:url(../images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}

img#cboxPhoto {padding: 11px; border: 1px solid #1f1f1f; background-color: #181818;}
#content .cgallery img {padding: 4px; border: 1px solid #1f1f1f; background-color: #181818; margin: 8px;}