/*****************************
*  www.afi.cz - layout.css   *
******************************/

/* CONTENT RULES */
@import url("content.css");

/* BASIC RULES */
.br { clear: both; }
*> .br { height: 1px;}
.vspace { font-size: 1px; height: 1px; padding: 6px 0; margin: 8px 0; }
.bold { font-weight: bold; }
.small, #footer, #main-menu div a, #search input, .popup, #history, #writeus, #online-maps { font-size: 92%; }
.zero-ul, #main-menu ul, #new-menu ul, #crossroad, .sitemap ul, #content-menu, #toplinks ul, #rollBox ul, #partners, ul.ico { margin: 0; padding: 0; list-style: none; }
hr, .hidden { display: none; }
.out, #history span{ position: absolute; top: -2000px; left: -2000px; }
.clear { clear: both; }
.break {height: 1px; font-size: 1px; clear: both; overflow:hidden; visibility: hidden; display:block; margin:0 !important; padding:0 !important; width:100% !important;}

/* FORMAT RULES */
body { background: white; color: #01305F; font-size: 75%; text-align: center; margin: 0; padding: 0 0 1em 0; }
h2 { margin-left: -10px; }
h3 a { background: url("/img/arrow-red.gif") no-repeat 0 0.3em; padding-left: 11px; }
input, select, textarea { font-size: 100%; }
form, fieldset { margin: 0; padding: 0; }
form p { margin: 0 0 0.5em 0; }
fieldset { border: 0px solid transparent; }
input { margin: 0; vertical-align: middle; }
label { font-weight: bold; }
img.no-border { border: none; }

/* LAYOUT STYLES */
#header, #mother { text-align: left; width: 64.5em; min-width: 775px; margin: 0 auto; position: relative; }

#header { height: 6.82em; min-height: 70px; position: relative; z-index: 1; }
#header #logo { position: absolute; top: 0.3em; left: 15px; }
#header h1 { color: #033260; font-size: 18px; font-weight: normal; width: 50%; margin: 0 0 0 20%; position: relative; top: 32px; left: -5px; }
#header img { border:none; }
#header h1 span { background: url("/img/afi-association.gif") no-repeat; display: block; height: 2.5em; width: 100%; position: absolute; top: 0; left: 0; z-index: 2;}

#toplinks { background: #AE2433 url("/img/corner-red-bottomleft.gif") no-repeat left bottom; color: white; width: 30%; position: absolute; top: 0; right: 0; }
#toplinks ul { background: url("/img/corner-red-bottomright.gif") no-repeat right bottom; text-align: center; padding: 0.3em 1em 0.5em; }
#toplinks li { display: inline; }
#toplinks a { background: url("/img/arrow-pink.gif") no-repeat 100% 0.35em; color: white; font-weight: bold; text-decoration: none; padding-right: 13px; margin-right: 1em; }
#toplinks a:hover { color: #D4D2D3;}

#main-menu-stripe { background: #AE2433 url("/img/stripe-head-topleft.gif") no-repeat top left; font-size:0; width: 70%; border-bottom: 1px solid #EBC8CC; }
#main-menu-stripe span { background: url("/img/stripe-head-topright.gif") no-repeat top right; display: block; height: 7px; }
#new-menu { background: #5A7998 url("/img/mainmenu-bg-grad.gif") repeat-x top left; float: left; width: 64.5em; margin: 0; margin-bottom: 5px; }
#new-menu .radius { background: #0C3966 url("/img/subhead-radius-bottomright.gif") no-repeat bottom right; clear: both; }
#new-menu .radius span { background: url("/img/subhead-radius-bottomleft.gif") no-repeat bottom left; width: 10px; display: block; height: 2.8em; }
#new-menu a { background: transparent url("/img/arrow-lightblue.gif") no-repeat 87% 1.4em; color: #FFF; text-decoration: none; font-weight: bold; display: block; padding: 1.1em 30px 0.8em 15px; border-right: 1px solid #3B5676; }
#new-menu ul { background: url("/img/stripe-radius-topright.gif") no-repeat top right; float: left; width: 100%; margin: 0; padding: 0; }
#new-menu ul li { float: left; border-right: 1px solid #55789A; position: relative; width: 7em; /*\*/width: auto;/**/}
#new-menu li.menuon div { visibility: visible; }
#new-menu li.menuoff div { visibility: hidden;  }
#new-menu a:hover { color: #ddd; }
#new-menu a.active { background-color: #0C3966; }
#new-menu li div { position: relative; visibility: hidden; }
#new-menu li div ul { background: #DCE3E9 none; padding: 0.3em 0 0.5em; border: 1px solid white; width: 12em; position: absolute; top: 0em; left: 0; z-index: 45; }
#new-menu li div ul li {border: none; padding: 0.2em 1em; }
#new-menu li div a { background: none; color: #AE2433; text-decoration: underline; display: inline; padding: 0; border: none; }
#new-menu li div a:hover { color: #2C5279; }
#new-menu li#submenu { position: static; }
#new-menu li#submenu div { position: absolute; top: 4.7em; left: 0; width: 64.5em; visibility: visible; }
#new-menu li#submenu ul { background: #0C3966; color: #B4C7D8; font-weight: bold; position: static; margin: 0 0 0 17px; padding: 0; float: none; width: auto; border: none; position: static; }
#new-menu li#submenu li { display: inline; padding: 0 0.6em 0 0; margin-right: 0.6em; height: 1.2em; float: none; border-right: 1px solid white; white-space: nowrap;}
#new-menu li#submenu li a { color: white; font-weight: normal; white-space: nowrap; text-decoration: none; display: inline; float: none; }
#new-menu li#submenu li.last { border: none; }

#history { clear: both; text-align: right; margin: 0; padding: 0.2em 13px 0.3em; }

#content { background: #fafbfb url("/img/col-bg-grad.gif") repeat-x top left; line-height: 1.4em; clear: both; }
#content>.br { height: 1px; }
#content img { float: left; margin: 0 10px 10px 0; }
#content img.right { float: right; margin: 0 0 10px 10px; }
#content .radius { background: url("/img/content-radius-topleft.gif") no-repeat top left; width: 100%; }
#content-spc { background: url("/img/content-radius-topright.gif") no-repeat top right; padding: 20px 35px 3em; min-height: 310px; }
#content hr { height: 1px; font-size: 1px; border-bottom: 1px solid #B9C9DA; }
#content .popup { line-height: normal;}

#annot { background: url("/img/quote.gif") no-repeat left top; color: #2A5279;font-weight: bold; padding: 0; margin-left: 0px; float: left; width: 100%; margin-bottom: 1.5em; }
#annot p { background: url("/img/quote02.gif") no-repeat right bottom; padding-bottom: 2px; padding-right: 30px; margin: 0 30px; margin-bottom: 0.5em; float: left;  display: inline; }

#content-menu { padding-bottom: 15em; }
#content-menu li { background: url("/img/ico-contmenu-link.gif") no-repeat 0 0.8em; padding: 0.3em 0 0.3em 11px; }
#content-menu { font-weight: bold; font-size: 14px; }

#footer { background: #0F3B68 url("/img/footer-bg-grad.gif") repeat-x bottom left; color: white; width: 100%; }
#footer p { padding: 0.5em 0;margin: 0; border-left: 1px solid #55789A; border-right: 1px solid #3B5676; }
#footer a { color: white; }
#footer .col-a {  width: 27%; border-left: 0;}
#footer .col-b { width: 46%; padding-left: 10px; }
#footer .col-c { padding-left: 0px; width: 14%; float: left; border-right: none; }
#footer .cor-l { background: url("/img/footer-radius-bottomleft.gif") no-repeat bottom left; }
#footer .cor-r { background: url("/img/footer-radius-bottomright.gif") no-repeat bottom right; padding: 0.4em 10px 0.4em 20px; }

#col-a, #col-b, .col-a, .col-b { float: left; }
#col-a { width: 47%; padding:2px; margin: 5px;}
#col-b { width: 47%; padding:2px; margin: 5px;}
#col-c { background: #FAFBFB url("/img/col-a-bg-grad.gif") repeat-x top left; float: right; width: 31%; }
#col-c .center img {border: none;}

#col-ab .spc {  float: left; background: url("/img/col-a-radius.gif") no-repeat top left; }
#col-c .spc { background: url("/img/col-c-radius.gif") no-repeat top right;	padding: 20px 10px; }
#col-ab { background: #FAFBFB url("/img/col-a-bg-grad.gif") repeat-x top left; width: 69%; float: left; overflow:hidden;}
.col-third { float: left; width: 32%; }
.col-third-2x { float: right; width: 66%; }
.col-third.a { margin-right: 2%; }
.col-third.c { float: right; margin: 0;}
.spc { padding: 20px 35px; }
.col-activities { float: right; margin: 0 0 20px 30px; padding-left: 30px; border-left: 1px dotted #D5DDE5; width: 32%;  }

#search { position: absolute; top: -4em; right: 0; width: 26%; padding: 0 2%; z-index: 4; }
#search h2 { font: bold 100% Arial, sans-serif; color: #103B69; margin: 0; }

/* Crossroad */
#crossroad{ float: left; width:100%; padding-bottom: 0.5em; }
#crossroad h3 { margin-top: 0; }
#crossroad li { width: 100%; float: left; margin-bottom: 1em; }
#crossroad p { margin: 0 0 0 6.5em; border-left: 1px dotted #01305F; padding-left: 0.5em; }
#crossroad.date p.date { color: #666; font-weight: bold; font-size: 92%; text-align: right; width: 6.5em; margin-left: 0; padding: 0; border: none; float: left; }


#crossroad2{  border-left: 1px solid rgb(203,213,223);padding:0px; /*width:100%;*/ padding-bottom: 0.0em; list-style: none;}
#crossroad2 h3 { padding-left: 0.4em; margin-top: 0; }
#crossroad2_ li { width: 100%; float: left; margin-bottom: 0em; }
#crossroad2 p { padding-left: 0.7em; padding-right: 0.0em; }
#crossroad2.date span.date { color: #666; font-weight: bold; font-size: 92%; 
					  margin-left: 0; padding: 0; border: none; float: left; }



#attached { padding: 1.5em 0; margin-top: 1.5em; border-top: 1px solid #B9C9DA; }
#attached h3 { background: none; padding: 0; margin-left: 0; }

/* Partners */
#partners { margin-top: 2em; }
#partners li { clear: both; margin-bottom: 2em; }
#partners img { float: none; border: none; }
#partners h4 { float: left; width: 10em; margin: 0; }
#partners p { margin-left: 12em; padding-left: 1em; border-left: 1px dotted #01305F; }
#partners img { vertical-align: middle; }

/* Sizes */
.sfull { width: 100%;}
.s80pr { width: 80%; }
input.sfull, textarea.sfull { width: 96%; }

/* MISC RULES */
#member { border-bottom: 1px solid #D5DDE5; padding-bottom: 1em; margin-bottom: 2em; }
#writeus { margin-bottom: 1em; padding-top: 1em; }
#online-maps ul { margin-top: 0.5em ; }
#org p { margin-bottom: 1.5em; }
.error { color: red; }

#member h3 { margin: 0; }

.img-l { float: left; margin-right: 1.2em; margin-bottom: 1em; display: inline; }
.img-l img { float: none !important; margin: 0 !important; }
.img-l a.popup { display: block; width: 105px; }
p.marg-b { margin-bottom: 2.5em; }


/* File icons */
.ico, ul.ico li{ background-repeat: no-repeat; }
ul.ico { margin-bottom: 1.2em; }
ul.ico li { padding-left: 20px; height: 1.7em; }
.ai { background-image: url("/img/fileico/fileico_small-ai.gif"); }
.avi { background-image: url("/img/fileico/fileico_small-avi.gif"); }
.bmp { background-image: url("/img/fileico/fileico_small-bmp.gif"); }
.cdr { background-image: url("/img/fileico/fileico_small-cdr.gif"); }
.doc { background-image: url("/img/fileico/fileico_small-doc.gif"); }
.dxf { background-image: url("/img/fileico/fileico_small-dxf.gif"); }
.exe { background-image: url("/img/fileico/fileico_small-exe.gif"); }
.gif { background-image: url("/img/fileico/fileico_small-gif.gif"); }
.html { background-image: url("/img/fileico/fileico_small-html.gif"); }
.jpg { background-image: url("/img/fileico/fileico_small-jpg.gif"); }
.mp3 { background-image: url("/img/fileico/fileico_small-mp3.gif"); }
.pdf { background-image: url("/img/fileico/fileico_small-pdf.gif"); }
.png { background-image: url("/img/fileico/fileico_small-png.gif"); }
.ppt { background-image: url("/img/fileico/fileico_small-ppt.gif"); }
.psd { background-image: url("/img/fileico/fileico_small-psd.gif"); }
.qt { background-image: url("/img/fileico/fileico_small-qt.gif"); }
.ra { background-image: url("/img/fileico/fileico_small-ra.gif"); }
.swf { background-image: url("/img/fileico/fileico_small-swf.gif"); }
.tif { background-image: url("/img/fileico/fileico_small-tif.gif"); }
.txt { background-image: url("/img/fileico/fileico_small-txt.gif"); }
.xls { background-image: url("/img/fileico/fileico_small-xls.gif"); }
.zip { background-image: url("/img/fileico/fileico_small-zip.gif"); }
.unknown { background-image: url("/img/fileico/fileico_small-unknown.gif"); }

/* FOR IE ONLY */
* html .spc, * html form p, * html #subhead, * html #crossroad li { /*\*/height: 1px;/**/ }
* html #content-spc { /*\*/height: 310px;/**/ }
* html #new-menu { float: none; }
* html #col-c .spc { height: 300px; }
* html #new-menu ul li { z-index: 2; }
* html #member { height: 1px; }