/* -=-=-=-=-=-=-=-=-=-=-=-=-= global definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

BODY, DIV, TABLE, CAPTION, UL, LI, ADRESS, IMG, H1, H2, H3, H4, P, HR {
  border: none 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;	
}

.toLeft {
  float: left;
}

.toRight {
  float: right;
}

.myHidden {
	display: none;
}

.cleaner {
	display: block;
	height: 1px;
	clear: both;
	float: none;
	font-size: 1pt:
}

.leftClear {
	clear: left;
}

.rightClear {
	clear: right;
}

.center {
	text-align: center;
}

.bothClear {
	clear: both;
}


.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

P.error {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Courier New", Courier, monospace;
	color: #FF0000;
}



/* -=-=-=-=-=-=-=-=-=-=-=-=-= base layout definitions =-=-=-=-=-=-=-=-=-=-=-=-=-*/

BODY {
	text-align: center;
	background-color: #FFF;
	font: normal 10pt Arial, Helvetica, sans-serif;
	padding-bottom: 30px;
}

#leftSidePattern {
	width: 830px;
	margin: 0px auto 0px auto;
	background: url(../_img/pattern-left.jpg) repeat-y top left;
}

#rightSidePattern {
	width: 830px;
	background: url(../_img/pattern-right.jpg) repeat-y top right;
}

#topPattern {
	width: 830px;
	background: url(../_img/pattern-top.jpg) no-repeat top left;
}

#bottomPattern {
	width: 830px;
	margin: 0;
	background: url(../_img/pattern-bottom.jpg) no-repeat bottom left;
}

#layout {
	padding: 30px;
}

#layoutIn {
	width: 770px;
	position: relative;
	border: 1px solid #4C5356;	
	background-color: #FFFFFF;
	text-align: left;
}




/* -=-=-=-=-=-=-=-=-=-=-=-=-= head definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

#myHead {
	width: 100%;
	height: 288px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #CAE8FC url(../_img/main-motive.jpg) no-repeat left;
}

#myHead H1 {
	width: 500px;
	height: 90px;
	float: right;
	position: relative;
	top: 110px;
	right: 20px;
	font-weight: normal;
	font-size: 1.83em;
	text-align: right;
}

#myHead H1 A {
	text-decoration: none;
	color: #000;
}

#myHead ADDRESS {
	display: block;
	width: 525px;
	height: 60px;
	float: right;
	position: relative;
	top: 125px;
	right: 20px;
	text-align: right;
	line-height: 1.5;
	font-style: normal;
	font-size: 0.9em;
	color: #4C5356;
}

#myHead ADDRESS A {
	color: #254EA4;	
}
#myHead ADDRESS A:hover {
	text-decoration: none;
}


#myHead #logo {
	display: block;
	width: 176px;
	height: 55px;
	position: absolute;
	top: 25px;
	right: 20px;
	background: url(../_img/montego-cz-logo.gif);
}



/* -=-=-=-=-=-=-=-=-=-=-=-=-= menu1st definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

#menu1st LI {
	display: block;
	width: 385px;
	height: 180px;
	position: relative;
	float: left;
	list-style-type: none;
	border-top: 1px solid #F06C00;
	background: url(../_img/pattern-menu1st.jpg) repeat-x;
}

#menu1st .even {
	width: 384px;
	border-left: 1px solid #F06C00;	
}

#menu1st LI .dataBox {
	height: 180px;
}

#menu1st LI .dataBox H2 {
	padding: 10px 0px 4px 103px; 
	font-size: 1.5em;
	font-weight: bold;
	color: #203C77;
}

#menu1st LI .dataBox P {
	padding: 0px 10px 0px 103px;
}

#menu1st LI#sekcni .dataBox {
	background: url(../_img/sekcni-garazova-vrata.jpg) no-repeat left;
}

#menu1st LI#rolovaci .dataBox {
	background: url(../_img/rolovaci-garazova-vrata.jpg) no-repeat left;	
}

#menu1st LI#vyklopna .dataBox {
	background: url(../_img/vyklopna-garazova-vrata.jpg) no-repeat left;	
}

#menu1st LI#kridlova .dataBox {
	background: url(../_img/kridlova-garazova-vrata.jpg) no-repeat left;	
}

#menu1st LI#posuvna .dataBox {
	background: url(../_img/posuvna-garazova-vrata.jpg) no-repeat left;	
}

#menu1st LI#prumyslova .dataBox {
	background: url(../_img/sekcni-prumyslova-vrata.jpg) no-repeat left;	
}

#menu1st LI#pohony .dataBox {
	background: url(../_img/pohony-garazova-prumyslova-vrata.jpg) no-repeat left;	
}

#menu1st LI#eshop .dataBox {
	background: url(../_img/eshop-montego-cz.jpg) no-repeat left;	
}

#menu1st LI#pohony .dataBox H2 {
	font-size: 1.35em;
	padding-top: 5px;
}

#menu1st LI#pohony .dataBox .text {
	height: 85px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.2em;
	font-size: 0.9em;
}

#menu1st LI .dataBox .link {
	display: block;
	width: 250px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	font-size: 0.9em;
	color: #999;
}

#menu1st LI .dataBox .link A {
	color: #999;
}
#menu1st LI .dataBox .link A:hover {
	text-decoration: none;
}

#menu1st LI .dataBox .link A.more {
	position: absolute;
	top: -1px;
	left: 90px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none; 
	color: #F06C00;
}

#menu1st LI .dataBox .link A.more:hover {
	text-decoration: underline;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-= myBody / DataBox definitions =-=-=-=-=-=-=-=-=-=-=-=-=-*/

#layout #hr {
	display: block;
	border: 0;
	width: 100%;
	height: 40px;
	background: #F06C00 url(../_img/pattern-orange-dots-line.jpg) repeat-x;
}


#myBody {
	background-color: #203C77;
}

#myBody P {
	padding: 30px;
	color: #EEE;
	font-size: 1.15em;
	line-height: 1.5;
}

#myBody P A {
	color: #FFF;
}
#myBody P A:hover {
	text-decoration: none;
}


/* -=-=-=-=-=-=-=-=-=-=-=-=-= myFoot definitions =-=-=-=-=-=-=-=-=-=-=-=-=-*/

#myFoot {
	height: 30px;
	float: none;
	clear: both;
	line-height: 30px;
	background: #F06C00 url(../_img/pattern-orange-line.jpg) repeat-x;
	color: #FFF;
}

#myFoot A {
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	color: #FFF;
}
#myFoot A:hover {
	text-decoration: underline;
}

#myFoot .toLeft {
  padding-left: 20px;	
}

#myFoot .toRight {
  padding-right: 20px;	
}