BODY {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #666;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

img { border: 0px; }
.right { float: right; }
.left { float: left; }
a { color: #06F; text-decoration: none; }

.clear { clear: both; }

.container { width: 980px; margin: auto; text-align: center; }

.menu { width: 980px; margin-top: 10px; float: left; }

.menu_01 a { width: 121px; height: 40px; float: left; display: block; background-image: url(img/menu_01.jpg); }
.menu_01 a:hover { width: 121px; height: 40px; float: left; display: block; background-image: url(img/menua_01.jpg); }

.menu_02 a { width: 196px; height: 40px; float: left; display: block; background-image: url(img/menu_02.jpg); }
.menu_02 a:hover { width: 196px; height: 40px; float: left; display: block; background-image: url(img/menua_02.jpg); }

.menu_03 a { width: 240px; height: 40px; float: left; display: block; background-image: url(img/menu_03.jpg); }
.menu_03 a:hover { width: 240px; height: 40px; float: left; display: block; background-image: url(img/menua_03.jpg); }

.menu_04 a { width: 222px; height: 40px; float: left; display: block; background-image: url(img/menu_04.jpg); }
.menu_04 a:hover { width: 222px; height: 40px; float: left; display: block; background-image: url(img/menua_04.jpg); }

.menu_05 a { width: 201px; height: 40px; float: left; display: block; background-image: url(img/menu_05.jpg); }
.menu_05 a:hover { width: 201px; height: 40px; float: left; display: block; background-image: url(img/menua_05.jpg); }

.content { width: 980px; background:url(img/content_02.gif) repeat-y top center; float: left; }
.contento { width: 980px; float: left; }
.contentc { width: 980px; background:url(img/content_04.gif) repeat-y top center; background-position: bottom; float: left; }
.contenta { width: 980px; background:url(img/content_05.gif) repeat-y top center; float: left; margin-top: 10px; }
.contentz { width: 980px; background:url(img/content_06.gif) repeat-y top center; float: left; margin-top: 10px; }

.zoom a { width: 556px; height: 230px; display: block; z-index: 100; }
.zoom a:hover { background-image: url(img/zoom.gif); width: 556px; height: 230px; display: block; z-index: 100; }


div.photo-list {
	list-style:none;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	height: 230px;
	display: block;
}


ul.photo-list li a {
	display:block;
	height:230px;
	weight:556px;
	float: left;
	margin: 0;
	padding: 0;
}

.footer { margin-top: 10px; }
.footerleft { float: left; margin-bottom: 20px; line-height: 40px }
.footerleft a { color: #06F; text-decoration: none; }
.footerright { float: right; margin-bottom: 20px; line-height: 40px; }
.footerright a { color: #06F; text-decoration: none; }

.tablekontakt { margin-top: 20px; margin-left: 20px; float: left; text-align: left; }
.tablekontakt a { color: #06F; text-decoration: none; }

ul.photo-list li a img {
	position:absolute;
	margin: 0;
	padding: 0;
	float: left;
}

ul.photo-list li span {
	/* background:url("images/span-bg.png") no-repeat center center; */
	height: 230px;
	width: 556px;
	position:absolute;
	z-index:2;
	margin: 0;
	padding: 0;
	float: left;
}

.p {
	/* background:url("images/span-bg.png") no-repeat center center; */
	height: 230px;
	width: 556px;
	position:absolute;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}


.rollover {
	background: transparent url(images/zoom_small.png) no-repeat 0 0;
	display:none;
	height:230px;
	position:absolute;
	float: left;
	width:556px; top: -230px;}

.loading_gallery {
	background:transparent url(images/ajax-loader.gif) no-repeat scroll center center;
	height:32px;
	top:73px;
	width:32px;
	float: left;
	position: absolute;}

.gallery_set .load_img { 
	display:inline-block; overflow:hidden; padding:0 0 4px 0; position:relative; width:100%; }
.gallery_set .one_fourth .load_img {
	background:url(images/slider_loader.gif) no-repeat scroll 86px 50px transparent; height:128px; }
.gallery_set .one_third .load_img {
	background:url(images/slider_loader.gif) no-repeat scroll 121px 78px transparent; height:174px; }
.gallery_set .one_half .load_img {
	background:url(images/slider_loader.gif) no-repeat scroll 208px 124px transparent; height:276px; }
.gallery_set .two_third .load_img {
	background:url(images/slider_loader.gif) no-repeat scroll 290px 176px transparent; height:372px; }
.portfolio_full_item{
	margin-bottom:20px;width:900px;}
.portfolio_full_item .load_img{
	background:url(images/slider_loader.gif) no-repeat scroll 50% 50% transparent; height:534px; }
	
	/* ------- 1. Preloaders ------- */
.gallery_set .load_img { 
	display:inline-block; overflow:hidden; padding:0 0 4px 0; position:relative; width:100%; }
.gallery_set .one_fourth .load_img {
	background:url(images/slider_loader.gif) no-repeat scroll 86px 50px transparent; height:128px; }
.gallery_set .one_third .load_img {
	background:url(images/slider_loader.gif) no-repeat scroll 121px 78px transparent; height:174px; }
.gallery_set .one_half .load_img {
	background:url(images/slider_loader.gif) no-repeat scroll 208px 124px transparent; height:276px; }
.gallery_set .two_third .load_img {
	background:url(images/slider_loader.gif) no-repeat scroll 290px 176px transparent; height:372px; }
.portfolio_full_item{
	margin-bottom:20px;width:900px;}
.portfolio_full_item .load_img{
	background:url(images/slider_loader.gif) no-repeat scroll 50% 50% transparent; height:534px; }

/* ------- 2. Hovers ------- */
.portfolio_item{ background: url(images/zoom.png) 50% 50% no-repeat; }
.portfolio_item.one_half{ background-position:50% 95px; }
.portfolio_item.one_third{ background-position:50% 42px; }
.portfolio_item.one_fourth{ background-position:50% 18px; }
.portfolio_item_media{ background: url(images/play.png) 50% 50% no-repeat; }
.portfolio_item_media.one_half{ background-position:50% 95px; }
.portfolio_item_media.one_third{ background-position:50% 42px; }
.portfolio_item_media.one_fourth{ background-position:50% 18px; }



.tdt { background: url(img/td_00.gif); background-position: bottom; background-repeat: repeat-x; height: 50px; text-align: left; padding-left: 20px; padding-top: 5px; font-size: 12px;}
.tdo { background: url(img/td_01.gif); height: 35px; line-height: 35px; text-align: center; }

.contentc p { text-align: left; display: block; margin: 0; padding: 0; float: left; margin-left: 80px; width: 100%; clear: both;}

.captport { width: 965px; height: 40px; float: left; background-image: url(img/belt_01.gif); padding-left: 15px; font-size: 12px; line-height: 38px; text-align: left; margin-top: 10px; }
.captabout { width: 965px; height: 40px; float: left; background-image: url(img/belt_08.gif); padding-left: 15px; font-size: 12px; line-height: 38px; text-align: left; margin-top: 10px; }
.captzam { width: 965px; height: 40px; float: left; background-image: url(img/belt_07.gif); padding-left: 15px; font-size: 12px; line-height: 38px; text-align: left; margin-top: 10px; }
.captcontact { width: 965px; height: 40px; float: left; background-image: url(img/belt_02.gif); padding-left: 15px; font-size: 12px; line-height: 38px; text-align: left; margin-top: 10px; }
.captcontacta { width: 965px; height: 40px; float: left; background-image: url(img/belt_02.gif); padding-left: 15px; font-size: 12px; line-height: 38px; text-align: left; margin-top: 10px; margin-bottom: 30px; }
.captoffer{ width: 965px; height: 40px; float: left; background-image: url(img/belt_06.gif); padding-left: 15px; font-size: 12px; line-height: 38px; text-align: left; margin-top: 10px; }

.bgport { width: 950px; float: left; margin-top: 1px; padding-left: 15px; padding-right: 15px; background-position:  }
.portright { float: left; width: 370px; margin-top: 20px; text-align: left; height: 230px; font-size: 13px; line-height: 18px;}
.portleft { float: left; width: 556px; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; }
.porttitle { font-size: 18px; font-weight: bold; }
.portdesc { height: 200px; float: left; width: 100%; }

.formcontact { padding-left: 50px; margin-bottom: 20px; }
.formcontact input { float: left; clear: both; }
.formcontact input[type="text"] { width: 350px; float: left; clear: both; }
.formcontact input[type="submit"] { margin: 0; padding: 0; border: none; width: 147px; height: 27px; float: right; clear: both; background-image: url('img/wyslijwiadomosc.gif'); display: block; margin-top: 10px; margin-right: 0px;}
.formcontact label { float: left; clear: both; margin-top: 10px; margin-bottom: 6px;  }
.formcontact select { float: left; clear: both; width: 350px; }
.formcontact textarea { float: left; clear: both; width: 350px; }

.formzamow { padding-left: 40px; margin-bottom: 20px; }
.formzamow input { float: left; clear: both; }
.formzamow input[type="text"] { width: 490px; float: left; clear: both; }
.formzamow input[type="submit"] { margin: 0; padding: 0; border: none; width: 147px; height: 27px; float: right; clear: both; background-image: url('img/wyslijwiadomosc.gif'); display: block; margin-top: 10px; margin-right: 30px;}
.formzamow label { float: left; clear: both; margin-top: 10px; margin-bottom: 6px;  }
.formzamow select { float: left; clear: both; width: 490px; }
.formzamow textarea { float: left; clear: both; width: 490px; }

.offer { width: 980px; height: 267px; background-image: url(img/bgoffer.jpg); background-position: bottom; background-repeat: no-repeat; display: block; margin: auto; clear: both; }

.label { clear: both; }

.listsp { float: right; margin-top: 20px; width: 305px; text-align: right; margin-bottom: 10px; }
.listpa a { float: left; display: block; width: 22px; height: 20px; line-height: 19px; font-size: 11px; color: #FFF; background-color: #666; border: 1px solid #666; text-align: center; margin-left: 5px; }
.listp a { float: left; display: block; width: 22px; height: 20px; line-height: 19px; font-size: 11px; color: #333; background-color: #FFF; border: 1px solid #CCC; text-align: center; margin-left: 5px; }
.listp a:hover { float: left; display: block; width: 22px; height: 20px; line-height: 19px; font-size: 11px; color: #FFF; background-color: #666; border: 1px solid #666; text-align: center; margin-left: 5px; }
.listss { float: left; line-height: 21px; }

.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.undo-margin { margin-top: -.8em; }
.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

.hide { position: absolute; left: -999em; top: -999em; }

button, input.radio, input.checkbox, label, select { cursor: pointer; }

label { font-weight: 700; }
label.checkbox { font-weight: 400; }
label em { color: #888; font-weight: 400; font-style: normal; }

/*
** content
*/
.content-parent { border-bottom: 1px solid #EFEFEF; background: #FFF; }
.content h1 { padding: 1em 19px 1.5ex; color: #000; font-size: 2em; font-weight: 700; line-height: 1; }
.content h1.after-tabs { clear: both; border-top: 1px solid #efefef; }
.content h3 { padding: 0 0 1ex; color: #000; font-size: 1.5em; font-weight: 400; line-height: 1; }
.content h3 a { background: transparent; color: #000; }
.content h3 a:hover { color: #F47F20; }
.content hr { height: 4px; margin-top: 3em; border: none; background: #EFEFEF; }
.content hr.special { height: 1px; clear: both; margin-top: 0; }


/*
** location bar/breadcrumbs
*/
p.location { padding: 1em 19px; border-bottom: 4px solid #EFEFEF; color: #888; font-size: .917em; line-height: 1.1; word-spacing: .5ex; }
p.location a { background: transparent; color: #888; word-spacing: normal; }
p.location a:hover { color: #000; text-decoration: underline; }
p.location strong { color: #F47F20; word-spacing: normal; }


/*
** tabs
*/
ul.tabs { float: right; clear: both; list-style: none; margin: 0 0 -1px; padding: 12px 19px 0 0; line-height: 1; }
ul.tabs li { float: left; }
ul.tabs a { float: left; padding: 0 0 0 20px; background: transparent url("../images/tab.png") no-repeat 0 0; color: #000; }
ul.tabs a.selected,
ul.tabs a:hover { background-color: #EFEFEF; background-position: 0 -200px; color: #000; }
ul.tabs span { float: left; padding: 1em 20px 1em 0; background: transparent url("../images/tab.png") no-repeat 100% 0; }
ul.tabs a.selected span,
ul.tabs a:hover span { background-position: 100% -200px; }
ul.tabs a.selected { color: #F47F20; font-weight: 700; }


/*
** submenu
*/
ul.submenu { list-style: none; margin: 1em 0 0; padding: 0; border-bottom: 1px solid #EFEFEF; line-height: 1.25; }
ul.submenu li { padding: 1ex 0 1ex 22px; border-top: 1px solid #EFEFEF; background: transparent url("../images/bullet_08.png") no-repeat 9px 1em; }
ul.submenu a { background: transparent; }
ul.submenu a em { font-size: .917em; }
ul.submenu a.selected,
ul.submenu a:hover { color: #000; }

p.after-submenu {  padding: 0 0 3ex; line-height: 1; }
p.after-submenu a { float: right; padding: 1ex 1.5ex; border: 1px solid #EFEFEF; border-top: none; background: transparent; color: #888; font-size: .833em; text-transform: uppercase; }
p.after-submenu a:hover { color: #000; }


/*
** contact form
*/
.contact h4 { padding: 0 0 1em; color: #000; font-size: 1.083em; line-height: 1; }

.address { padding: 24px 25px 35px 29px; }
.address h3 { padding: 0; color: #000; font-size: 1.167em; text-transform: uppercase; }
.address address { padding-bottom: 1ex; }
.address p { padding-bottom: 0; }
.address .contact-options { padding: 1em 0 0; }
.address .contact-options h4,
.address .contact-options p { padding-bottom: 1ex; }
.address .icon { padding-top: 1.2em; padding-left: 64px; }
.address .icon p { padding-bottom: .75ex; }

form.write {  }
form.write .left { width: 225px; padding: 0 0 1em; }
form.write .right { width: 300px; padding: 0 0 1em; }
form.write h4 { margin: 0 0 2em; border-bottom: 1px solid #EFEFEF; }
form.write p {  clear: both; }
form.write p.text-right { padding: 1em 0 0; }
form.write textarea,
form.write input.text { display: block; margin: .5ex 0 0; }
form.write .left input.text { width: 220px; }
form.write .right textarea { width: 295px; height: 15em; }
form.write label.checkbox { float: right; width: 525px; color: #888; font-size: .917em; font-weight: 400; }
form.write input.checkbox { float: left; }

form.quote {  }
form.quote .left { width: 300px; padding: 0 0 1em; }
form.quote .right { width: 225px; padding: 0 0 1em; }
form.quote h4 { margin: 0 0 2em; border-bottom: 1px solid #EFEFEF; }
form.quote p {  clear: both; }
form.quote p.type strong { clear: both; display: block; }
form.quote select,
form.quote textarea,
form.quote input.text { display: block; margin: .5ex 0 0; }
form.quote input.checkbox { float: left; clear: left; }
form.quote p.type input { float: left; clear: left; margin-top: .5ex; cursor: pointer; }
form.quote p.type label { float: left; clear: right; margin-top: .5ex; margin-left: 5px; font-weight: 400; }
form.quote .left input.text { width: 295px; }
form.quote .left textarea { width: 295px; }
form.quote .left select { width: 300px; }
form.quote .right input.text { width: 220px; }
form.quote .right input.file { width: 225px; }
form.quote label.checkbox { float: right; width: 525px; color: #888; font-size: .917em; font-weight: 400; }


/*
 * note
 */
.note { margin: 3ex 0 3ex -3ex; padding: 3ex 2em 2ex 80px; border: 1px solid #e6e7e6; background: #f6f8f8 url("../images/icon_21.png") no-repeat 22px 3ex; font-style: italic; }
.note p { padding: 0 0 1ex; }
.note input.text { margin: 0 1ex; vertical-align: middle; }
.note button { vertical-align: middle; }


/*
** Google map
*/
.google-map { height: 290px; }
.google-map #_overview > div { background-color: #FFF !important; }
.google-map p { padding: 0; }
.google-map a { color: #F47F20 !important; }
.google-map a:hover { color: #555 !important; }

.js .google-map { height: 288px; border: 1px solid #C2C2C2; }

.js form.google-directions { padding: 1em 0 0; border-top: 1px solid #EFEFEF; }
.js form.google-directions p.first { padding-left: 35px; background: transparent url("../images/icon_00.png") no-repeat 0 0; line-height: 25px; }

.js form.google-directions p.error { display: none; }
.js form.google-directions label { font-weight: 400; }
.js form.google-directions label em { font-size: .833em; }
.js form.google-directions input { width: 220px; margin-left: 1ex; margin-right: .5ex; }
.js form.google-directions input,
.js form.google-directions button { vertical-align: middle; }

ul.two-columns {  list-style: none; margin: 0; padding: 0; }

.content ul.two-columns { clear: both; border-top: 1px solid #EFEFEF; }
.content ul.two-columns li.left { width: 320px; }
.content ul.two-columns li.right { width: 550px; padding: 25px 19px 0 0; line-height: 1.4; }
.content ul.two-columns li.right h3 { padding-top: 1ex; padding-bottom: 1ex; }
.content ul.two-columns li.right h4 { padding-bottom: 1em; }
.content ul.two-columns h1 { padding-left: 0; padding-top: 0; }

.content ul.two-columns-alt {  padding: 2em 19px 0; border-top: none; }
.content ul.two-columns-alt li.left { width: 425px; margin-right: -1px; padding: 0 30px 0 0; border-right: 1px solid #efefef; }
.content ul.two-columns-alt li.right { width: 424px; margin-left: -1px; padding: 0 0 0 30px; border-left: 1px solid #efefef; }
.content ul.two-columns-alt h3 { padding-top: 0; }
.content ul.two-columns-alt .icon { margin-left: -6px; }


/*
** three columns/what do we do box
*/
ul.three-columns { top: 30px;  list-style: none; margin: 0 0 30px; padding: 0 15px 0; background: transparent url("../images/three_columns_background.png") repeat-y 315px 0; }
ul.three-columns li { width: 285px; padding-bottom: 38px; }
ul.three-columns-offer li { padding-bottom: 0; }
ul.three-columns li ul { padding-top: 3ex; color: #F47D20; }
ul.three-columns li li { width: auto; padding-top: 1ex; }
ul.three-columns li li a { background: transparent; color: #3B5E73; }
ul.three-columns li li a:hover { color: #F47D20; }
ul.three-columns li.left { padding-right: 15px; border-right: 1px solid #EDEDED; }
ul.three-columns li.left p.first { background: transparent none no-repeat 0 1em; }
ul.three-columns li.middle { float: left; margin: 0 -1px; padding: 0 15px; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; }
ul.three-columns li.middle p.first { background: transparent none no-repeat 0 1em; }
ul.three-columns li.right { width: 286px; padding-left: 15px; border-left: 1px solid #EDEDED; }
ul.three-columns li.right p.first { background: transparent none no-repeat 0 1em; }
ul.three-columns h4 { padding: 0 0 .5ex; color: #000; font-size: 1.583em; font-weight: 400; text-transform: lowercase; line-height: 1; }
ul.three-columns h4.sifr { font-size: 1.8em; }
ul.three-columns p {  padding: 1em 5px 0 76px; }
ul.three-columns p.first { min-height: 64px; line-height: 1.4; }
ul.three-columns p.last { position: absolute; bottom: 5px; padding-top: 0; }

ul.three-columns-footer { top: 0; width: 950px; margin: 25px auto 0; padding: 0; background-position: 316px 0; color: #888; font-size: .917em; line-height: 1.2; }
ul.three-columns-footer li { min-height: 60px; padding-bottom: 0; }
ul.three-columns-footer li.left { width: 186px; padding-left: 120px; padding-right: 10px; }
ul.three-columns-footer li.middle { width: 185px; padding-left: 120px; padding-right: 10px; }
ul.three-columns-footer li.right { width: 186px; padding-left: 131px; }
ul.three-columns-footer p { padding: 0; }
ul.three-columns-footer p.image { float: left; width: 120px; margin-left: -120px; text-align: center; }
ul.three-columns-footer a { background: transparent; color: #3B5E73; font-size: 1.091em; font-weight: 700; }
ul.three-columns-footer a:hover { text-decoration: underline; }

/* Features */
#features {
	font-size: 11px;
	line-height: 1.64;
	overflow: hidden;
	margin: 0;
	padding: 10px 0 0;
	margin-top: 10px;
}
#features li {
	float: left;
	width: 220px;
	height: 140px;
	margin: 0;
	padding: 0 27px 0 59px;
	background-repeat: no-repeat;
	background-position: left top;
	list-style: none;
	text-align: left;
	margin-left: 20px;
}
#features h2 {
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 7px;
	color: #ff6900;
	text-transform: uppercase;
}
#f_security {background-image: url(http://pyrocms.com/third_party/themes/pyrocms.com_v2/img/f_security.png)}
#f_speed {background-image: url(http://pyrocms.com/third_party/themes/pyrocms.com_v2/img/f_speed.png)}
#f_interface {background-image: url(http://pyrocms.com/third_party/themes/pyrocms.com_v2/img/f_interface.png)}
#f_themes {background-image: url(http://pyrocms.com/third_party/themes/pyrocms.com_v2/img/f_themes.png)}
#f_language {background-image: url(http://pyrocms.com/third_party/themes/pyrocms.com_v2/img/f_language.png)}
#f_web {background-image: url(http://pyrocms.com/third_party/themes/pyrocms.com_v2/img/f_web.png)}

/* Module content */
ul#photos {
	float:left;
	width:200px;
	display: block;
	text-align: left;
}

ul#photos li {
	float:left;
	height:150px;
	width:230px;
	display: block;
	text-align: left;
}

.titletxt 	{ 
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 7px;
	color: #ff6900;
}

.ce_text pre,.comment_default pre,.comment_default blockquote{margin-right:1em;margin-left:1em;padding:9px;background-color:#f9f9f9;border:2px solid #ddd; text-align: left; }
.ce_text p img,.ce_image .image_container{margin:3px 1em 0 1em;  text-align: left;}
.ce_list ol,.ce_text ol,.toc ol{margin-left:3em;  text-align: left; }
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12{float:left;display:inline;margin-right:10px;margin-left:10px;  text-align: left;}
.g6{width:460px;  text-align: left; margin-left: 20px;}
.g1 .block,.g2 .block,.g3 .block,.g4 .block,.g5 .block,.g6 .block,.g7 .block,.g8 .block,.g9 .block,.g10 .block,.g11 .block,.g12 .block{margin-right:0; margin-left: 20px; }

#icon-demo h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/demo-trans.png") left center no-repeat;}
#icon-documentation h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/documentation-trans.png") left center no-repeat;}
#icon-extensions h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/extensions-trans.png") left center no-repeat;}
#icon-templates h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/templates-trans.png") left center no-repeat;}
#icon-team h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/team-trans.png") left center no-repeat;}
#icon-partners h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/partners-trans.png") left center no-repeat;}
#icon-editing h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/editing-trans.png") left center no-repeat;}
#icon-structure h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/structure-trans.png") left center no-repeat;}
#icon-permissions h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/permissions-trans.png") left center no-repeat;}
#icon-forms h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/forms-trans.png") left center no-repeat;}
#icon-search h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/search-trans.png") left center no-repeat;}
#icon-css h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/css-trans.png") left center no-repeat;}
#icon-files h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/files-trans.png") left center no-repeat;}
#icon-news h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/news-trans.png") left center no-repeat;}
#icon-calendar h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/calendar-trans.png") left center no-repeat;}
#icon-newsletter h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/newsletter-trans.png") left center no-repeat;}
#icon-accessibility h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/accessibility-trans.png") left center no-repeat;}
#icon-liveupdate h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/liveupdate-trans.png") left center no-repeat;}
#icon-php5 h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/php5-trans.png") left center no-repeat;}
#icon-dev h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/devguide-trans.png") left center no-repeat;}
#icon-facebook h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/facebook-big-trans.png") left center no-repeat;}
#icon-twitter h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/twitter-trans.png") left center no-repeat;}
#icon-community h2{padding-left:60px;background:url("http://www.contao.org/tl_files/images/icons/community-trans.png") left center no-repeat;}