@import "reset.css";

body { font-family:Arial, Helvetica, sans-serif; font-size:75%; background:#fff; color:#000; line-height:1.7; }
p { margin:10px 0 15px 0; font-size:1.1em; }
hr { display:none; }
a { color:#ed1c24; text-decoration:underline; }
a:hover { color:#ed1c24; text-decoration:none; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:relative; width:220px; height:69px; left:23px; text-align:center; line-height:69px; font-size:2em; text-indent:-9999px; background:url(../design/logo.gif) 0 0 no-repeat; }
h1 span { width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1; background:url(../design/logo.gif) 0 0 no-repeat; cursor:pointer; }
h1 a { color:#fff; text-decoration:none; }
h1 a:active, h1 a:hover { color:#fff; text-decoration:underline; }

/* LAYOUT
------------------------------*/
#all { width:812px; margin:0 auto; position:relative; }
#top { position:relative; width:100%; height:230px; background:url(../design/top.gif) no-repeat; }
#topblok { height:157px; overflow:hidden; width:800px; padding:0 6px 1px 6px; position:absolute; top:72px; }
.bannery { height:157px; width:566px; }
.fl { width:231px; height:157px; overflow:hidden; position:absolute; top:0; right:6px; }
#container { width:812px; background:#fff url(../design/container-bg.gif) repeat-y; }
#wrapper { padding:0 6px; background:url(../design/container-top.gif) no-repeat; }
.clean { clear:both; height:1px; width:748px; font-size:0; }
#mapa { height:400px; width:530px; }

/* MENU
------------------------------*/
#sidebar { float:left; width:220px; overflow:hidden; padding:3px 0 0 0; }
#sub h2 { background:#e1f0fb url(../design/menu.gif) no-repeat; border-bottom:1px solid #cee5f5; }
#sub h2 a { height:27px; line-height:27px; color:#000000; text-decoration:none; font-weight:bold; width:185px; padding:0 0 0 35px; display:block; text-transform:uppercase; font-size:0.9em; }
#sub h2 a:hover, #sub .active h2 a { text-decoration:none; color:#fff; background:url(../design/menu.gif) 0 -27px no-repeat; outline:none; }
#sub h2.menu-top { background:url(../design/menu-top.gif) no-repeat; }
#sub h2.menu-top a:hover { background:url(../design/menu-top.gif) 0 -27px no-repeat; }
#sub h2.menu-bottom { background:url(../design/menu-bottom.gif) no-repeat; border:0; }
#sub h2.menu-bottom a:hover { background:url(../design/menu-bottom.gif) 0 -27px no-repeat; }
#sub ul { background:#fff url(../design/slide.gif) repeat-y; padding:5px 0; border-right:1px solid #cee5f5; list-style:none; }
#sub ul li { height:27px; list-style:none; }
#sub ul li a { width:184px; padding:0 0 0 35px; display:block; text-decoration:none; font-size:0.9em; line-height:27px; color:#000; font-weight:bold; }
#sub ul li a:hover, #sub ul li.active a { color:#ed1c24; text-decoration:underline; }
.box { background:url(../design/box.gif) no-repeat; margin-top:20px; }
.sponzoring { width:190px; padding:10px 15px 20px 15px; }
.sponzoring img { position:relative; padding-top:10px; }
#sidebar h3 { font-size:1.25em; font-weight:bold; padding:10px 15px 5px 15px; margin:0; color:#00548e; text-transform:uppercase; }
#sidebar p { padding:5px 15px; margin:0; }
.banner { width:190px; margin:0 auto; }
.banner img { margin-bottom:10px; display:block; clear:both; }

/* CONTENT
------------------------------*/	
#content { width:530px; padding:5px 25px 25px 25px; float:right; overflow:hidden; }
#content ul { margin:4px 0 15px 10px; padding:0; list-style:none; }
#content ul li { margin:0; padding:0 0 0 16px; font-size:1.1em; background:url(../design/li.gif) 0 7px no-repeat; }
#content h2 { color:#00548e; font-weight:normal; font-size:1.9em; padding:0; margin:10px 0 0 0; }
#content h3 { color:#00548e; font-weight:bold; font-size:1.3em; padding:0; margin:10px 0 0 0; }
#content h3.reference { color:#00548e; font-weight:bold; font-size:1.3em; padding:0; margin:10px 0 0 0; background:url(../design/li.gif) 0 9px no-repeat; padding:0 0 0 22px; }
#content h3.reference a { text-decoration:none; }
#content h3.reference a:hover { text-decoration:underline; }
#content h4 { font-size:1.1em; font-weight:bold; text-transform:none; padding:5px 0 0 0; margin:0; color:#000; border-bottom:1px solid #ccc; }
#content ul { margin:4px 0 15px 10px; padding:0; list-style:none; }
#content ul li { margin:0; padding:0 0 0 24px; font-size:1.1em; background:url(../design/li.gif) 0 7px no-repeat; }
#content ol { margin:5px 0 15px 34px; padding:0; list-style:decimal; }
#content ol li { margin:0; padding:0; font-size:1.1em; }
#content hr { display:block; height:1px; border:0; width:530px; background:#000; margin:15px 0; padding:0; clear:both; }
table.ref { width:100%; }
table.ref td { vertical-align:top; text-align:center; padding:5px 0 10px 0; }
.refbox { clear:both; padding-top:7px; }

/* LEFT + RIGHT
------------------------------*/	
.vlevo { float:left; margin:0 15px 15px 0; padding:4px; background-color:#FFFFFF; border:1px solid #cce0e6; z-index:1; }
.vpravo { float:right; margin:0 0 15px 15px; padding:4px; background-color:#FFFFFF; border:1px solid #cce0e6; z-index:1; clear:left; }
.vpravo-ref { float:right; margin:10px 0 5px 15px; padding:4px; background-color:#FFFFFF; border:1px solid #cce0e6; z-index:1; clear:left; }

/* FOOTER
------------------------------*/
#footer { width:812px; height:65px; position:relative; margin:0 auto; background:url(../design/footer.gif) no-repeat; }
#footer p { color:#ccc; margin:0; padding:25px 0 20px 20px; font-size:1em; line-height:1.8em; }
#footer a { color:#ccc; }
#footer a:hover { color:#ed1c24; }
#footer .web-art a { display:block; width:90px; height:35px; top:30px; right:10px; overflow:hidden; background:transparent url(../design/web-art.gif) 0 0 no-repeat; text-indent:-9999px; position:absolute; border:0; }

/* PAGES
------------------------------*/
#pages { width:530px; margin:0 auto; height:18px; position:relative; z-index:1000; padding:15px 0 0 0; }
#pages ul { height:18px; margin:0 !important; padding:0 !important; font-weight:bold; position:relative; list-style:none; color:#000; font-size:11px; }
#pages ul li { position:relative; height:18px; line-height:18px; width:22px; float:left; text-align:center; display:block; padding:0; margin:0; background:none !important; }
#pages ul li.first { width:70px; text-align:left; font-weight:bold; color:#000; }
#pages ul li.this a { background-color:#237cba; color:#fff; }
#pages ul li.this a:hover { background-color:#237cba; color:#fff; }
#pages ul li a { text-decoration:none; border:0; display:block; line-height:18px; height:18px; display:block; color:#000; }
#pages ul li a:hover { text-decoration:none; background-color:#ed1c24; color:#ffffff; }

/* 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%; }