.content-serwis { background-color:#ffffff }
.content-serwis div.left { float:left; width:292px }
.content-serwis div.right { float:right; width:877px }

.content-serwis div.menu-1 { width:290px; border:1px solid #cccccc; border-bottom:0px }
.content-serwis div.menu-2 { width:292px; background:url('./images/strzalka-2.png') 239px 0px no-repeat #ed1847 }
.content-serwis div.menu-3 { width:290px; border:1px solid #cccccc; border-top:0px; background:url('./images/strzalka-3.png') 258px 16px no-repeat }

.cm-menu-1 { margin:18px 12px 0 19px; font-weight:800; font-size:18px; color:#999999; text-transform:uppercase }
.cm-menu-1 p { padding-left:9px }
.cm-menu-1 ul { padding:10px 0 5px 0; list-style-type:none; font-weight:300; font-size:14px; color:#666666 }
.cm-menu-1 ul a { color:#666666; text-decoration:none }
.cm-menu-1 ul a:hover { color:#ed1847; text-decoration:none }
.cm-menu-1 li { border-bottom:1px solid #cccccc; padding:6px 0px 9px 9px; background:url('./images/strzalka.png') 241px 11px no-repeat }
.cm-menu-1 li:hover { background-image:url('./images/strzalka-on.png') }
.cm-menu-1 li:last-child { border:0px }
.cm-menu-2 { margin:0 12px 0 19px; padding:21px 0 4px 0; font-weight:700; font-size:14px; color:#ffffff; text-transform:uppercase }
.cm-menu-3 { margin:0 12px 0 19px; padding:0 0 35px 0; font-weight:300; font-size:14px; color:#ffffff; text-transform:uppercase; line-height:20px }
.cm-menu-4 { margin:0 28px 0 28px; padding:8px 0 11px 0; font-weight:800; font-size:18px; color:#666666; text-transform:uppercase }
.cm-menu-4 a { color:#666666; text-decoration:none }
.cm-menu-4 a:hover { color:#ed1847; text-decoration:none }

.content-serwis div.banner { width:100%; height:246px; background-color:#663333; position:relative }
.content-default div.banner-img { position:absolute; left:0px; top:0px; z-index:10}
.content-default div.banner-img img { border:0 }
.cm-banner { position:absolute; left:0px; top:0px; z-index:20; background-color:#333333; font-weight:300; font-size:27px; color:#ffffff; text-transform:uppercase; padding:25px 46px 25px 38px }

.content-serwis div.clear { clear:both; overflow:auto; padding-bottom:40px }

.cm-content { margin:70px 30px 40px 0; font-weight:300; font-size:14px; color:#333333; line-height:20px }
.cm-content-2 { float:left; width:262px; margin-right:30px; font-weight:300; font-size:14px; color:#333333; line-height:20px  }
.cm-content-3 { margin:0px 30px 70px 0 }
#CM_content_1_3,
#CM_content_2_3 { margin-right:0 }

.content-bannery { background-color:#ffffff; font-size:0px; line-height:0px }
.content-bannery div.banner-1 { float:left; width:50% }
.content-bannery div.banner-2 { float:right; width:50%; text-align:right }
.content-bannery div.banner-1 img,
.content-bannery div.banner-2 img { border:0 }

/**
 * formularz "umow sie na serwsi"
 */
div.formularz div.dowod-bg { width:877px; height:423px; background:url('./images/dowod-bg.jpg') no-repeat; clear:both }
div.formularz div.left { flaot:left; width:175px; margin:133px 0 0 112px; border:0px solid red }
div.formularz div.center { float:left; width:290px; margin:20px 0 0 0; border:0px solid red }
div.formularz div.right { float:left; width:290px; margin:260px 0 0 0; border:0px solid red }
div.formularz div.text { float:left; color:#021637; font-size:11px; text-transform:uppercase; font-weight:bold }
div.formularz div.input { float:left; background-color:#ffffff; text-align:center }
div.formularz input.in,
div.formularz textarea.in { font-family:"Open Sans"; font-size:13px; color:#021637; border:0 }
div.formularz div.text-1 { width:63px; line-height:11px }
div.formularz div.input-1 { width:90px; height:22px }
div.formularz input.in-1 { width:80px; margin-top:2px }
div.formularz div.text-2 { width:85px; line-height:28px; text-align:right }
div.formularz div.input-2 { width:174px; height:28px; margin:0 0 5px 10px }
div.formularz input.in-2 { width:164px; margin-top:5px }
div.formularz div.text-3 { width:104px; line-height:28px; text-align:right }
div.formularz div.input-3 { width:160px; height:28px; margin:0 0 5px 10px}
div.formularz input.in-3 { width:150px; margin-top:5px }
div.formularz div.text-4 { width:104px; line-height:22px; text-align:right; margin-top:10px }
div.formularz div.input-4 { width:160px; height:22px; margin:10px 0 5px 10px}
div.formularz input.in-4 { width:150px; margin-top:2px }
div.formularz div.clear { clear:both; overflow:visible; padding:0 }
div.formularz div.data-text { float:left; width:194px; text-align:right; line-height:35px }
div.formularz div.data-input { float:left; width:190px; height:33px; border:1px solid #cccccc; margin-left:15px; text-align:center }
div.formularz input.in-data { width:180px; margin-top:7px }
div.formularz div.temat-text { float:left; width:218px; text-align:right; line-height:35px }
div.formularz div.temat-select { float:left; width:190px; margin-left:15px }
div.formularz select.se-temat { width:190px }
div.formularz div.opis-text { float:left; width:194px; text-align:right; margin-top:30px }
div.formularz div.opis-textarea { float:left; width:408px; height:80px; border:1px solid #cccccc; text-align:center; margin:10px 0 0 15px }
div.formularz textarea.te-opis { width:398px; height:70px; margin-top:5px }
div.formularz div.button { float:left; margin:30px 0 0 15px }
div.formularz input.button {
	width:225px; height:36px; background-color:#ed1847; cursor:pointer; border:0;
	line-height:36px; font-size:15px; color:#ffffff; text-align:center; text-transform:uppercase; font-weight:600;
}

@media(max-width:1200px){
	.content-serwis div.left { float:none; width:100%; text-align:center }
	.content-serwis div.right { float:none; width:100% }
	
	.content-serwis div.menu-1 { margin:0 auto; text-align:left }
	.content-serwis div.menu-2 { margin:0 auto; text-align:left }
	.content-serwis div.menu-3 { margin:0 auto; margin-bottom:30px; text-align:left }
	
	.content-serwis div.banner { overflow:hidden; height:168px }
	.content-serwis div.banner-img img { width:600px }
	.cm-banner { font-size:25px; padding:15px 35px 15px 28px }
	.content-serwis div.clear { padding-bottom:10px; margin-bottom:0; margin-left:10px; margin-right:10px }
	
	.cm-content { margin:30px 10px 30px 10px }
	.cm-content-2 { /*width:262px;*/ margin-right:10px }
	.cm-content-3 { margin:0px 10px 30px 10px }
	#CM_content_1_1,
	#CM_content_1_2,
	#CM_content_1_3 { padding-bottom:20px }
	
	.content-bannery div.banner-1,
	.content-bannery div.banner-2 { float:none; width:100%; text-align:center }
	.content-bannery div.banner-2 { margin-top:25px }
	.content-bannery div.banner-1 img,
	.content-bannery div.banner-2 img { width:600px }
	
	div.formularz div.dowod-bg { width:580px; height:auto; background:none }
	div.formularz div.left,
	div.formularz div.center,
	div.formularz div.right { float:none; width:560px; margin:0 auto; overflow:auto }
	div.formularz div.text { color:#333333; font-size:14px; text-transform:none; font-weight:300 }
	div.formularz div.input { float:left; width:300px; height:33px; border:1px solid #cccccc; margin-left:15px; text-align:center }
	div.formularz div.text-1 { width:200px; line-height:33px; text-align:right }
	div.formularz div.input-1 { width:250px; height:33px; margin:0 0 5px 10px }
	div.formularz input.in-1 { width:240px; margin-top:7px }
	div.formularz div.text-2 { width:200px; line-height:33px; text-align:right }
	div.formularz div.input-2 { width:250px; height:33px; margin:0 0 5px 10px }
	div.formularz input.in-2 { width:240px; margin-top:7px }
	div.formularz div.text-3 { width:200px; line-height:33px; text-align:right }
	div.formularz div.input-3 { width:250px; height:33px; margin:0 0 5px 10px}
	div.formularz input.in-3 { width:240px; margin-top:7px }
	div.formularz div.text-4 { width:200px; line-height:33px; text-align:right; margin-top:0px }
	div.formularz div.input-4 { width:250px; height:33px; margin:0px 0 5px 10px}
	div.formularz input.in-4 { width:240px; margin-top:7px }
	div.formularz div.data-text { width:200px; text-align:right; line-height:33px }
	div.formularz div.data-input { width:250px; margin:0 0 5px 10px }
	div.formularz input.in-data { width:240px }
	div.formularz div.temat-text { width:200px; text-align:right; line-height:33px }
	div.formularz div.temat-select { width:250px; margin-left:10px }
	div.formularz select.se-temat { width:217px }
	div.formularz div.opis-text { width:200px; text-align:right; margin-top:10px; }
	div.formularz div.opis-textarea { width:350px; height:100px; border:1px solid #cccccc; text-align:center; margin:10px 0 0 10px }
	div.formularz textarea.te-opis { width:340px; height:90px; margin-top:5px }
	div.formularz div.button { margin:30px 0 0 210px }
}

@media(max-width:600px){
	.content-serwis div.banner { height:90px }
	.content-serwis div.banner-img img { width:320px }
	.cm-banner { font-size:18px; padding:10px 20px 10px 20px }
	
	.content-bannery div.banner-1 img,
	.content-bannery div.banner-2 img { width:320px }
	
	div.formularz div.dowod-bg { width:300px }
	div.formularz div.left,
	div.formularz div.center,
	div.formularz div.right { width:300px }
	div.formularz div.text-1 { text-align:left; margin-left:10px }
	div.formularz div.text-2 { text-align:left; margin-left:10px }
	div.formularz div.text-3 { text-align:left; margin-left:10px }
	div.formularz div.text-4 { text-align:left; margin-left:10px }
	div.formularz div.data-text { text-align:left }
	div.formularz div.data-input { width:250px; margin:0 0 5px 0px }
	div.formularz div.temat-text { text-align:left }
	div.formularz div.temat-select { margin-left:0px }
	div.formularz div.opis-text { text-align:left }
	div.formularz div.opis-textarea { width:300px; margin:10px 0 0 0px }
	div.formularz textarea.te-opis { width:290px }
	div.formularz div.button { margin:30px 0 0 0px }
}