/*
	
	Soukromá podřipská střední odborná škola
	a střední odborné učiliště
	Roudnice nad Labem


*/

@import "menu.css";
@import "lb.css";

*{margin: 0; padding: 0;}	

body{
	background:#277129 url(../IMG/body_bg.gif) center repeat-y;
	color: #15391a;
	line-height: 1.4em;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-align:left;
	}

#page{
	width: 890px;
	margin:0 auto;
	min-height: 100%;
	background: url(../IMG/page.gif) center repeat-y;
	}

* html #page{height: 100%;}

#boky{
	background: url(../IMG/bok.gif) center 80px no-repeat;
	}

/* MISC */
.cleaner{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	}
	
.hidden{display:none}

#lang{
	width:100px; height:18px;
	display:block;
	position:relative; top:15px; right:75px;
	float:right;
	z-index:9;
	}

#de a{
	width:35px; height:18px;
	display:block;
	float:left;
	background: url(../IMG/de.gif) no-repeat;
	}
	
#en a{
	width:30px; height:18px;
	display:block;
	float:right;
	background: url(../IMG/en.gif) no-repeat;
	}

#cs a{
	width:35px; height:18px;
	display:block;
	float:left;
	background: url(../IMG/cs.gif) no-repeat;
	}

/* HEADER */
#head{
	position:relative; left:45px; top:30px;
	width:790px;
	height:180px;
	background: url(../IMG/head.jpg) bottom center no-repeat;
	}

#logo a{
	position:relative; left:20px; top:20px;
	width:500px; height:140px;
	display:block;
	float:left;
	}

#iso a{
	position:relative; top:118px;
	width:195px; height:70px;
	display:block;
	float:right;
	background: url(../IMG/iso.jpg) no-repeat;
	}

/* CONTENT */
#content{
	width:850px;
	margin: 0 auto;
	padding-bottom: 180px;
	}


/* LEFT */
#contentLeft{
	position:relative; top:57px;
	width:145px;
	display:block;
	float:left;
	padding:33px 0 0 60px;
	background:url(../IMG/leftmenu.jpg) top right no-repeat;
	overflow: hidden;
	}

/* MAIN */
#contentMain{
	position:relative; top:57px;
	width:545px;
	float:right;
	padding:0 50px 20px 50px;
	}


/* CSS footer */
html{height: 100%;}
body{height: 100%;}

#nonFooter{
	position: relative;
	min-height: 100%;
		
	}

* html #nonFooter{height: 100%;}

#footer{
	width:880px;
	position: relative;
	margin: -95px auto 0 auto;
	background: url(../IMG/futbg.gif) top center no-repeat;	
	}
* html #footer{margin-top: -95px;}

#futbg{
	width:805px; height:70px; 
	margin:0 auto;
	padding:25px 0 0 45px;
	display:block;
	}
	
/* f */
#foto{ 
	margin:0; padding:0;
	}
#foto ul{ margin:0; padding:0; }
	
#foto li{
	width: 115px;
	height: 85px;
	display: block;
	margin: 0 15px 15px 0;
	background: #c1e0c7;
	list-style:none;
	float:left;
	}

#foto li a{
	display: block;
	width: 115px;
	height: 85px;
	border: 1px solid #9dbda3;
	}

#foto li a:link, #foto li a:visited{
	display: block;
	width: 113px;
	height: 83px;
	border: 1px solid #9dbda3;
	}

#foto li a:hover, #foto li a:active{
	display: block;
	width: 113px;
	height: 83px;
	border: 1px solid #ea6005;
	background:#e19c63;
	}

#foto li img{
	margin: 0 auto;
	padding: 4px 0 0 0;
	display: block;
	border: 0;
	}



/* TYPO */

a{ text-decoration:none; color:#ea6005;}
a:hover{ text-decoration:underline; color:#000000;}

#contentMain {font-size:1.2em; line-height:1.4em;}
	
#contentMain p{ 
	text-align:justify;	
	padding:6px 0;
	}

#contentMain h1, #contentMain h3{color:#15361a;}

#contentMain h1{
	font-size:2.2em;
	line-height:1.2em;
	padding:20px 0 10px 0;
	font-weight:bold; 
	}

#contentMain h3{
	font-size:1.2em;
	padding:10px 0 2px 0;
	font-weight:bold; 
	}

#contentMain a img{border:0;}
	
div #foto h3{
	font-size:1.2em;
	padding:20px 0 10px 0;
	}
	
.seznam ul{ padding:10px 0 15px 0;}
.seznam li{	margin:0 0 0 20px; padding:5px 0;}

.seznam2 ul{ padding:3px 0 3px 0;}
.seznam2 li{ margin:0 0 0 20px; padding:2px 0; line-height:13px;}

ol.seznam li{ margin:0 0 0 27px;}
	
#contentLeft h2{
	font-size:1.4em;
	line-height:1.4em;
	padding:0 0 12px 0; 
	font-weight:bold; 
	color:#3e3e3e;
	}

#contentLeft p{
	font-size:1.1em;
	line-height:1.7em; 
	font-weight:bold; 
	color:#707070;
	}

#contentLeft p a{
	color:#3e3e3e;
	text-decoration:none;
	}

#contentLeft p a:hover{
	color:#ce5f00;
	text-decoration:underline;
	}
	
#futbg p{
	color:#f38925;
	font-size:0.85em;
	line-height:1.1em;
	}

/* TABLE */

.kat1{ width:500px;}

table{
	border:1;
	border-collapse:collapse;
	margin:20px 0px 10px 0px;
	}	

td{padding:5px 10px; border:1px #277129 solid;}
th{padding:5px 10px; border:1px #277129 solid; color:#277129;}
tr{margin:10px; }	

.darker{background:#4d924f; color:#FFFFFF; font-weight:bold;}


#counter{width:88px; height:60px; z-index:6; margin:30px 0 0 0;}