/* 
Author - Martin Mates 2008 (www.martin-mates.cz)
Pro pcblog.cz
verze: 2.0

*/

/* Klasicý CSS reset. Vynuluje hodnoty, které by mohly být ovlivněny implicitním 
   chováním internetových prohlížečů. */
/* [ CSS RERSET ] ----------------------------------------------------------- */
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
  margin: 0; 
  padding: 0;
}*/
 
table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}

fieldset,img {  
  border: 0; 
}

address,caption,cite,code,dfn,em,strong,th,var { 
  font-style: normal; 
  font-weight: normal; 
}

caption,th { 
  text-align: left; 
}

h1,h2,h3,h4,h5,h6 { 
  font-size: 100%; 
  font-weight: bold; 
}

q:before,q:after { 
  content: ''; 
}

abbr,acronym { 
  border: 0; 
}

/* -------------------------------------------------------------------------- */

/* Trik, který nám usnadní tvorbu plovoucích layoutů. Odpadá nutnost přidávání 
   přebytečných prvků s vlastností clear. Převzato z knihy CSS filtry, hacky a 
   pokročilé postupy (Andy Budd) */
/* [ CLEARFIX ] ------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.clear {
  clear: both;
}
/* -------------------------------------------------------------------------- */


/* Nastavení formuláře */
/* [ PCBLOG FORM ] ---------------------------------------------------------- */



/* NASTAVENÍ PÍSMA */
form#pcblogFORM, form#pcblogFORM input, 
form#pcblogFORM textarea, 
form#pcblogFORM select{
  font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #464646;
}

/* ŠÍŘKA FORMULÁŘE */
form#pcblogFORM, form#pcblogFORM fieldset, 
form#pcblogFORM fieldset legend {
  width: 500px;
}
/* OKRAJ FORMULÁŘE */
form#pcblogFORM fieldset {
  border:solid 1px #999999;
}

/* ŠÍŘKA LABELU */
form#pcblogFORM fieldset label {
  width: 70px;
}

/* MEZERA MEZI LABELEM A INPUTY */
form#pcblogFORM fieldset label {
  margin-right: 5px;
}

/* ŠÍŘKA TEXTOVÉHO INPUTU */
form#pcblogFORM fieldset input[type=text], 
form#pcblogFORM fieldset input[type=password], 
form#pcblogFORM fieldset select {
  width: 160px;
}

/* ŠÍŘKA DLOUHÉHO TEXTOVÉHO INPUTU + TEXTAREA */
/* mělo by být přes celý formulář 
(šířka labelu + šířka textového inputu * 2 + mezera mezi labelem a inputy + 2)*/
form#pcblogFORM fieldset input[type=text].long, 
form#pcblogFORM fieldset input[type=password].long, 
form#pcblogFORM fieldset textarea {
/*  width: 437px; /* (130 + 150*2 + 5 + 2) proč tam musí být +2 netuším ale vychází to */
  width: 300px; /* (130 + 150*2 + 5 + 2) proč tam musí být +2 netuším ale vychází to */
}
form#pcblogFORM fieldset textarea.servis {
/*  width: 437px; /* (130 + 150*2 + 5 + 2) proč tam musí být +2 netuším ale vychází to */
  width: 380px; /* (130 + 150*2 + 5 + 2) proč tam musí být +2 netuším ale vychází to */
}


/* VÝŠKA JEDNOHO ŘÁDKU A INPUTU */
form#pcblogFORM fieldset label, 
form#pcblogFORM fieldset input[type=text], 
form#pcblogFORM fieldset input[type=password], 
form#pcblogFORM fieldset select, 
form#pcblogFORM fieldset input[type=checkbox], 
form#pcblogFORM fieldset input[type=radio] {
  height: 20px;
}

form#pcblogFORM fieldset label {
  line-height: 20px; /* Nutné pro zarovnání textu v labelu na střed vertikálně */
}


/* MEZERA MEZI ŘÁDKY */
form#pcblogFORM fieldset div {
  margin-top: 5px;
}


/* NASTAVENÍ OHRANIČENÍ INPUTŮ */
form#pcblogFORM fieldset input[type=text], 
form#pcblogFORM fieldset textarea, 
form#pcblogFORM fieldset input[type=password], 
form#pcblogFORM fieldset select {
  border: 1px solid #9c9c9c;
}


/* NADPISY */
form#pcblogFORM fieldset legend {
  font-weight: bold;
  font-size: 25px;
  color: #005cb1;
  padding: 20px 0px 0px 0px;
  margin: 15px 0px 0px 0px;
}



/* MEZERA PRO div.space */
form#pcblogFORM fieldset div.space {
  margin-top: 20px;
}


/* ŠÍŘKA PRO CHECKBOX */
/* Ukázalo se, že Opera bere checkboxy o něco větší */
form#pcblogFORM fieldset input[type=checkbox] {
  width: 15px;
}

/* VÝŠKA PRO TEXTAREU */
form#pcblogFORM fieldset textarea {
  height: 120px;
}


/* SUBMIT TLAČÍTKO */
form#pcblogFORM fieldset input[type=submit] {
  width: 100px;
  height: 24px;
  position: relative;
  left: 70px;
  margin-top: 15px;
}

/* BARVA HVEZDIČKY */
form#pcblogFORM fieldset label span {
  color: #db2729;
}



/* -------------------------------------------------------------------------- */

/* [ NEMĚNNÉ ] -------------------------------------------------------------- */
form#pcblogFORM, form#pcblogFORM fieldset {
  margin: auto;
}

form#pcblogFORM fieldset div, form#pcblogFORM fieldset legend {
  display: block;
}

form#pcblogFORM fieldset label{
  display: block;
  float: left;
  text-align: right;
}

form#pcblogFORM fieldset input, 
form#pcblogFORM fieldset textarea, 
form#pcblogFORM fieldset select {
  float: left;
}
/* -------------------------------------------------------------------------- */


/* [ STYLY PRO CHYBOVÉ HLÁŠKY ] --------------------------------------------- */
body form#pcblogFORM	fieldset input.error, 
body form#pcblogFORM	fieldset select.error, 
body form#pcblogFORM	fieldset textarea.error { 
  border: 1px dashed #db2729; background: #ffe691;
}

body form#pcblogFORM	fieldset label.error {
		float: left;
		color: #db2729;
		width: auto;
		text-align: left;
		padding: 0px 10px 0px 10px;
	}
/* -------------------------------------------------------------------------- */