/* INDEX.CSS */

#hlavni-pole	{/*background: url("../img/hlavni-pole.png") top center repeat-y; width: 100%; text-align: left;*/
		_background: #ffffff url("../ig/hlavni-pole.png"); _width: 920px; _margin-left: 0px; _padding-left: 10px}
		
#vypln		{margin-left: 50px; padding-top: 10px; _margin-left: 0px;}

#obrazky-index		{width: 900px; height: 304px; /*margin-top: -33px; _position: relative; _top: -11px;*/
			position:relative; top: -11px; left: 0; _height: 335px}


#intro		{width: 900px; float: left; margin: 50px 0 0 10px; height: 335px; color: #ffffff; _margin-left: 10px}
.sloupec, .sloupec2 {float: left; width: 220px; height: 135px;}
.sloupec	{margin-right: 18px}
#intro p	{text-indent: 10px}

#povidani	{width: 900px; height: 270px; background: #484747 url("../img/index-aktuality.gif") top left no-repeat;
		margin: 10px 0; _margin-top: -20px}
#povidani-text		{float:left; width: 580px; margin-right: 10px}
#povidani-text h1	{font-size: 24px; color: #ffffff; margin: 15px 0 0 15px}
#povidani-text p	{text-align: justify; text-indent: 0px; color: #ffffff; margin: 15px 0 0 15px;}

#loga		{float:left; width: 570px; height: 55px; background-color: #ffffff; margin: 10px;}
#loga ul	{list-style: none; float: left; margin-left: 10px; color: #000000}
#loga ul li	{font: bold 13px/58px Arial, sans-serif;}
#loga img	{margin: 7px 10px; _margin: 7px 5px}


#aktuality	{float: left; margin: 15px 0 0 30px; width: 270px; }
#aktuality h2	{margin: 0px; color: #ffffff; font-size: 15px;}
#aktuality ul	{margin-top: 10px; color: #ffffff; list-style: none;}
#aktuality ul li	{background: url("../img/li-aktuality.gif") top left no-repeat; font-size: 12px; padding-left: 18px; margin-top: 6px}
#aktuality a	{color: #cccccc; text-decoration: none;font-size: 12px; line-height: 15px}
#aktuality a:hover	{text-decoration: underline; color: #ffffff}
.bold		{font-weight: bold; color: #ffffff}



#bile-hlavni	{width: 900px; height: 335px; background: #ffffff url("../img/punta.gif") top right repeat-y; margin-top: 5px}


.tretina, .tretina2	{background: #ffffff url("../img/punta.gif") top left repeat-y; float: left; 
		width: 300px; height: 335px;}
.tretina2	{width: 298px; _width: 294px;}
#iwebdesign	{background: #ffffff url("../img/webdesign.jpg") bottom right no-repeat;}
#igrafika	{background: #ffffff url("../img/grafika.jpg") bottom right no-repeat;}
#ikontakt	{background: #ffffff url("../img/ikontakt.jpg") bottom right no-repeat;}
#iwebdesign, #igrafika, #ikontakt	{width: 298px; height: 335px; margin-left: 2px}
#ikontakt	{width: 296px; _width: 294px; height: 335px; margin-left: 2px}

.obr		{height: 170px}
.odkazy		{clear: left; margin-left: 10px}
.odkazy ul	{float: left; display: block; list-style: none; margin-top: 0px;}
.odkazy ul li	{font: normal 13px/20px Arial, sans-serif; height: 20px; width: 216px; _margin-top: -3px}
.odkazy ul li a	{color: #373535; display: block; text-decoration: none; float: left; padding: 0px; border: none;
		width: 180px; padding-left: 36px; _width: 216px; background: url("../img/li-webdesign.gif") bottom left no-repeat;}
.odkazy ul li a:hover {background: #9b0202 url("../img/li-hover.gif") bottom left no-repeat; color: #ffffff;}		

#laptop		{margin: 20px 0 0 48px; float: left; _margin-left: 24px}
#fotak		{margin: 20px 0 0 48px; float: left; _margin-left: 24px}
#mobil		{margin: 20px 0 0 48px; float: left; _margin-left: 24px}

ul#nohref		{float: left; display: block; list-style: url("../img/li-webdesign2.gif"); margin: 4px 0 0 10px}
ul#nohref li		{font: normal 13px/20px Arial, sans-serif; height: 20px; width: 216px; _margin-top: -3px; padding-left: 8px;
			margin-left: 18px}
ul#nohref li a		{display: inline; text-decoration: none; width: 50px; padding: 0; margin: 0; background: url("../imgr.gif")}
ul#nohref li a:hover 	{background: #9b0202 url("../img/li-hover.gif") bottom left no-repeat; color: #ffffff;}

#barvicky	{width: 900px; clear: both; margin: 10px 0 0 50px; _margin-left: 0px}
#jedna, #dva, #tri, #ctyri, #pet, #sest
		{width: 150px; height: 20px; float: left;overflow: hidden}
#jedna		{background-color: #9b0202}
#dva		{background-color: #f16305}
#tri		{background-color: #ecc904}
#ctyri		{background-color: #00c00e}
#pet		{background-color: #037ade}
#sest		{background-color: #a703a9}


#barvicky h2	{text-align: center; color: #ffffff; margin: 0; font: 12px/20px normal Arial, sans-serif}

#zapati		{_clear: both; _margin: 0px 0 0 0px}
#zapaticko	{text-align: center; _margin: none}