/* Náš milý a roztomilý styl */

body {
background-image: url('vzhled/pozad.jpg');
background-position:left top;
background-repeat: repeat-x;
margin:0px;
padding:0px;
text-align: center; /*Tohle centruje celou stránku (#vse) v IE*/
}

/*Test centrování*/
#vse {
position: relative;
background-image: url('vzhled/mraky2.jpg');
background-position:left top;
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
width:1024px;
height:100%; 
text-align: left !important; /*(Tohle dělá to, aby to IE zase celé nepohnojil - on to jinak centruje všechno, viz předpředchozí poznámka)*/                
}

div {
padding:0px;
margin:0px;
}

h1, h2 {
font-size: 18px;
}

img {
margin:0px;
padding:0px;
border: 0px;
}

/*Obrázky ksichtu v Autorech*/
img.profil {
margin-right: 10px;
border: 2px #369 solid; 
}

a:link; a:active; a:visited, a {
text-decoration: none;
}

#panely a {
text-decoration: underline;
font-weight: bold;
color:#369;
}

#panely a:hover {
text-decoration: underline;
font-weight: bold;
color:#69c !important;
}

#panely a:visited {
text-decoration: underline;
font-weight: bold;
color:#369;
}


/*Zelený seznam v Pridej se*/
ul#pridej {
color: green;
}

ul#pridej li {
margin:5px 0px 5px 0px;
}

/*Div pod logy projektu*/
.infowebu {
position: relative;
bottom:3px;
font-family:arial;
font-size: 0.8em;
color:#369;
margin:0px;
padding:0px;
font-weight: bold;
}

.infowebu a, .infowebu a:link, .infowebu a:visited   {
font-weight:none;
text-decoration: none;
color:#036;
}

.infowebu a:hover {
text-decoration: none;
color:#69c;
} 

/*URL webu*/
.url {
font-style: italic;
font-family:arial;
font-size: 0.7em;
font-weight: normal;
color:#036;
}

/*Klikatelné logo CEPu*/
#logocep {
position:absolute;
/*left: 275px;
top: 89px;*/
left: 263px;
top: 105px;
width: 211px;/*211*/
height: 56px; /*56*/
/*background-image: url('vzhled/logo_cep.jpg');*/
/*background-image: url('vzhled/logo_cep2.jpg');*/
background-repeat: no-repeat;
margin:0px;
padding:0px;
}

/*Klikatelné logo Vlasti*/
#logovlast {
position:absolute;
left: 31px;
top: 217px;
width: 177px;
height: 64px;
background-image: url('vzhled/logo_vlast.jpg');
background-repeat: no-repeat;
margin:0px;
padding:0px;
}

/*Klikatelné logo V-Obchodu*/
#logovobchod {
position:absolute;
left: 495px;
top: 209px;
width: 269px;
height: 56px;
background-image: url('vzhled/logo_vobchod.jpg');
background-repeat: no-repeat;
margin:0px;
padding:0px;
}

/*Klikatelné logo Fóra*/
#logoforum {
position:absolute;
left: 477px;
/*top: 602px;*/
top:527px;
width: 201px;
height: 74px;
background-image: url('vzhled/logo_forum.jpg');
background-repeat: no-repeat;
margin:0px;
padding:0px;
}

/*Klikatelné logo Nové ceské vlajky*/
#logovlajka {
position:absolute;
left: 68px;
/*top: 611px;*/
top:522px; /*526*/
width: 242px; /*245*/
height: 75px;
/*background-image: url('vzhled/logo_vlajka.jpg');*/
background-repeat: no-repeat;
margin:0px;
padding:0px;
}

/*Kruh K CEMU?*/
#kruh2 {
position:absolute;
left: 234px;
top: 324px;
width: 284px;
height: 284px;
/*background-image: url('vzhled/krouzek.jpg');*/
background-repeat: no-repeat;
margin:0px;
padding:0px;
}  

/*Kruh menší test*/
#kruh {    
position:absolute;
left: 263px;
top: 317px;
width: 197px;
height: 198px;
/*background-image: url('vzhled/krouzek.jpg');*/
background-repeat: no-repeat;
margin:0px;
padding:0px;
}  

/*Menu*/
#menu {
position:absolute;
left: 52px;
top: 705px; /*885*/ /*815 nyní toto plus 115*/
width: 707px;
height: 48px;
margin:0px;
padding:0px 0px 0px 0px;
background: left top no-repeat url('vzhled/menu_panel.jpg');
}

/*Text v menu*/
#menutext {
width:312px;
height:21px;
position: absolute;
left:54px;
top:714px; /*894*/ /*824*/
z-index:100;
color: #EEE;
font-family: arial;
font-size: 12px;
text-align: center;
/*border: 1px solid black;*/
padding:0px;
margin:0px;
}

#menutext a:link, #menutext a:active, #menutext a:visited {
z-index:100;
color: #EEE;
font-family: arial;
font-size: 13px;
text-decoration: none;
}

#menutext a:hover {
z-index:100;
color: #FFF;
font-family: arial;
font-size: 13px;
text-decoration: underline;
}

/*Obsah dolního panelu*/
#obsah {
position: relative;
top: 48px;
width: 707px;
margin:0px;
padding:0px;
background: left top repeat-y url('vzhled/menu_panel_pozadi.jpg');
}

#obsah .boxtext {
width:676px;
font-weight: normal;
text-align: left;
font-size: 13px;
font-family: arial;
}

/*At to nekurví první rádek*/
#obsah .boxtext:first-line {
font-weight: normal;
text-align: left;
font-size: 13px;
font-family: arial;
}



/*Naše logo*/
#logovlastenci {
position:absolute;
left: 53px;
top: 743px; /*813*/
width: 400px;
height: 72px;
background-image: url('vzhled/logo_vlastenci.jpg');
background-repeat: no-repeat;
margin:0px;
padding:0px;
} 

/*Naše logo vlevo nahore*/
#logovlastenci2 {
position:absolute;
left: 0px;
top: 5px; 
width: 279px; /*358px; pro 2.jpg*/
height: 73px;
background-image: url('vzhled/logo_vlastenci3.jpg');
background-repeat: no-repeat;
margin:0px;
padding:0px;
} 


/*Šipky*/
#sipka1 {
position:absolute;
left: 186px;
top: 317px;
width: 100px;
height: 71px;
/*background-image: url('vzhled/s1.jpg');*/
background-repeat: no-repeat;
margin:0px;
padding:0px;
}

/*Šipky*/
#sipka2 {
position:absolute;
left: 343px;
top: 221px;
width: 40px;
height: 109px;
/*background-image: url('vzhled/s2.jpg');*/
background-repeat: no-repeat;
margin:0px;
padding:0px;
}   

/*Šipky*/
#sipka3 {
position:absolute;
left: 435px;
top: 309px;
width: 82px;
height: 67px;
/*background-image: url('vzhled/s3.jpg');*/
background-repeat: no-repeat;
margin:0px;
padding:0px;
}   

/*Šipky*/
#sipka4 {
position:absolute;
left: 443px;
top: 467px;
width: 74px;
height: 60px;
/*background-image: url('vzhled/s4.jpg');*/
background-repeat: no-repeat;
margin:0px;
padding:0px;
}   

/*Šipky*/
#sipka5 {
position:absolute;
left: 193px;
top: 452px;
width: 90px;
height: 76px;
/*background-image: url('vzhled/s5.jpg');*/
background-repeat: no-repeat;
margin:0px;
padding:0px;
}       

/*Cást boxu novinek*/
/* Má se to takto: 
je box novinky, který má bežné pozadí (vysoké 1px, takové to nekonecné), v nem je obrázek
s "nadpisem" novinek. za ním to pozadí není videt. V nem je další box s trídou .box,
protože padding zle fungoval (ach jo, co na to IE?).
ten má pozadí boxu a mraku, to se natahuje donekonecna. Jakmile skoncí, pokracuje pozadí
toho boxu výše (novinek), takže vlastne jde psát donekonecna, což je fajn.
Problém je, že je pak znovu obrázek "konce" boxu a jakmile je text moc krátký, tak
je poznat, že je ten konec pridaný, protože na nem už nejsou mraky. Proto ho
dám asi PNG, což není moc dobré.
boxtext je kvuli písmu, protože písmo samo melo problém s tím paddingem
*/
/*To srovnov jsem pridal proto, že ten PNG konec mel za sebou videt to pozadí novinek, takže za tím již není... no je to maglajz*/
#srov {
position:absolute;
left: 773px;
top: 65px;
width: 212px;
margin:0px;
padding:0px 0px 0px 0px;
margin-left: auto;    /*MOŽNÁÁÁÁ!*/
margin-right: auto; /*MOŽNÁÁÁÁ*/
}

#novinky {
width: 212px;
background-image: url('vzhled/facebook_pozadi.jpg');
background-position: left top;
background-repeat: repeat-y;
margin:0px;
padding:0px 0px 0px 0px; 
}

/*Pozazdí a obsah stredu pravých boxu*/
.box {
width: 212px;
background-image: url('vzhled/novinky_pozad1.jpg');
background-position: left top;
background-repeat: no-repeat;
margin:0px;
padding:0px;
text-align: left;  
color:#369;
/*border-width: 1px; border-style: solid; border-color: red;*/
}

.boxtext {
position: relative;
left: 15px;
color:#369;
font-family:arial;
font-size:10px;
text-align: left;
width: 182px; 
font-weight: normal;
/*border-width: 1px; border-style: solid; border-color: blue;*/
}

/*Datum v novinkách (tj. první rádek!*/
.boxtext:first-line {
font-weight: bold;
color:#369;
text-align: left;
font-size: 12px;
font-family: arial;
}

/*YouTUBE
#videa {
position: relative;
top:10px;
width:205px;
height:175px;
background-image: url('vzhled/ytb.png');
background-repeat: no-repeat; 
text-align: center;
margin-left: auto;
margin-right: auto;
}  */

#facebook {
width: 212px;
background-image: url('vzhled/facebook_pozadi.png');
background-position: left top;
background-repeat: repeat-y;
margin:0px;
padding:0px 0px 0px 0px; 
}

/*Pro to FB udelátko*/
.fbsracka {
position: relative;
left: 11px;
}

div.fbsracka {
width:188px; /*o 2 méne u obou*/
height:265px;
overflow:hidden;
}

div.fbsracka iframe {
margin:-1px;
}

#twitter {
width: 212px;
background-image: url('vzhled/facebook_pozadi.jpg');
background-position: left top;
background-repeat: repeat-y;
margin:0px;
padding:0px 0px 0px 0px; 
font-weight: normal;
color:#369;
text-align: left;
font-size: 10px;
font-family: arial;
}

#twitter .boxtext:first-line {
font-weight: normal;
text-align: left;
font-size: 10px;
font-family: arial;
width:212px;
}

/*Přímo pro twíťu*/
#twitter .boxtext {
width:182px !important;
margin: 0px;
padding:0px;
overflow:hidden !important;
/*word-break: break-all;*/
}

/*Pro tabulku dole v novinkách*/
.boxtext td {
vertical-align: top;
border: 0px;
}

.boxtext table {
border: 0px;
margin-left: auto;
margin-right: auto;
}

/*trochu k tabulce*/
#novinkydole {
width: 666px;
position: relative;
left: 7px; /*Nevim proč, prostě bude víc uprostřed :D*/

}


/*Text nad výpisy z RSS v novinkách dole*/
#vnovinkach {
position: relative;
left: 20px;
}

/*SAMURAJ*/

div.RSSwindow {
	font-size: 11px;
	overflow: hidden;
	text-align: center;
	padding: 2px 0px;
	border: 0px;
}

div.RSSwindow a {
	text-decoration: none;
	background-image: none;
	font-weight: normal;
}

div.RSSwindow ul {
	margin: 0px 2px 2px 2px;
	padding: 0px;
	list-style-type: disc !important;
	text-align: left;
}
div.RSSwindow li a {
	color: #039;
	text-decoration: none;
	padding-left: 15px;
	list-style-type: disc !important;
}
div.RSSwindow li a:hover { 
	text-decoration:underline;
	list-style-type: disc !important;
}
div.RSSwindow li {
	padding:5px 2px 2px 2px;
	list-style-type: disc !important;
	
}

/*RSS tabulky v novinkách dole - zrušeno*/
#RSSvlast {

}

#RSSCEP {

}

#RSSVlajka {

}

#RSSVobchod {

}

/*Třída pro ty mrdky modrý dole*/
.Modro {

}
               
.Modro li a {
padding:0px !important;
color: #FFF !important;
}

.Modro ul {
padding: 4px !important;
}

/*Bannery ostatních projektu*/
#bannery {
position: relative;
font-size: 9px;
color: #666;
font-family: arial;
height: 25px;/*má být 25 px*/
padding-top: 40px; /*bylo 40 px*/
z-index: 100;
}

/*Patička, né asi*/

#paticka {
position: relative;
padding-top: 100px; /*bylo 40 px*/
font-size: 9px;
color: #666;
font-family: arial;
height: 25px;/*má být 25 px*/
}



#paticka a, #paticka a:active, #paticka a:visited, #paticka a:link {
font-size: 9px;
color: #666;
font-family: arial;
text-decoration: none;
}

#paticka a:hover {
color: #AAA;
text-decoration: underline;
}

/*div s ikonkami FB, YTB, TWT a RSS*/
#buttony {
position: absolute;
left: 600px;
top: 700px; 
width:143px; /*271 pri 64x64*/
height: 64px;
z-index: 100;
}

#menun {
position: relative;
left:54px;
top:744px;
width: 707px;
margin:0px;
padding:0px 0px 0px 0px;
}

#panely /*Jde o div, který je v tom ajaxovém obsahu dole, bude v tom manifest a tak, upravuje hlavě šířku a barvu písma*/
{
color:#369;
width:645px; /*676*/
font-weight: normal;
text-align: left;
font-size: 13px;
font-family: arial;
}



#panely p /*Jde o div, který je v tom ajaxovém obsahu dole, bude v tom manifest a tka*/
{
color:#369;
font-weight: normal;
text-align: left;
font-size: 13px;
font-family: arial;
}    

/*Pro text ve vyskakovacch oknech info o projektech*/
.oprojektu {
color:#369;
font-weight: normal;
text-align: left;
font-size: 13px;
font-family: arial;
}

/*© Vlastenci.cz 2011 */