/*
    Project: CrystalX
    URL: http://www.aupadeportiva.com
    
    Output device: screen, projection
    
    Author: Vit Dlouhy (vit.dlouhy@nuvio.cz); Nuvio (www.nuvio.cz) Modiificaciones Polito_II
    Last revision: 2006-12-05, 12:00 GMT+1

    Structure:
        display | position | float | overflow | width | height | border | margin | padding | background | align | font
*/
* {
min-height:1px;
}

body {
border:0;
background:#F2F5FE url("../design/bg.gif") 0 0 repeat-x;
font:70%/160% "verdana",sans-serif;
color:#192666;
_text-align:center;
margin:0;
padding:0;
}

a:hover {
color:#4F6AD7;
}

div {
display:block;
border:0;
margin:0;
padding:0;
}

h1,h2,h3,h4,h5 {
border:0;
font-weight:700;
margin:15px 0 10px;
padding:0;
}

h1 {
font-size:260%;
line-height:100%;
font-family:"georgia",serif;
font-weight:400;
}

h2 {
font-size:180%;
line-height:100%;
font-family:"georgia",serif;
font-weight:400;
}

h3 {
font-size:120%;
line-height:100%;
font-weight:700;
}

h4 {
font-size:120%;
}

h5 {
font-size:100%;
}

table {
display:table;
border-collapse:collapse;
border:1px solid #B7CAF6;
font-size:100%;
margin:15px 0;
padding:0;
}

tr {
display:table-row;
}

th,td {
display:table-cell;
border:1px solid #B7CAF6;
vertical-align:top;
text-align:left;
margin:0;
padding:5px;
}

th {
background:#E7ECFD;
text-align:center;
color:#192666;
font-weight:700;
}

ul,ol {
display:block;
border:0;
margin:15px 0 15px 40px;
padding:0;
}

ol {
list-style-type:decimal;
}

li {
display:list-item;
border:0;
_height:1px;
margin:0;
padding:0;
}

ul ul,ul ol,ol ol,ol ul {
margin:0 0 0 20px;
}

dt {
border:0;
font-weight:700;
margin:0;
padding:0;
}

dd {
border:0;
margin:0 0 0 30px;
padding:0;
}

fieldset {
border:1px solid #ccc;
margin:15px 0;
padding:10px;
}

legend {
margin-left:10px;
font-size:100%;
font-weight:700;
color:#008;
}

hr {
display:block;
height:1px;
background:#CCC;
border:0 solid #CCC;
color:#CCC;
margin:10px 0;
padding:0;
}

abbr,acronym {
border-bottom:1px dotted #CCC;
cursor:help;
}

del,.through {
text-decoration:line-through;
}

strong,.strong {
font-weight:700;
}

cite,em,q,var {
font-style:italic;
}

code,kbd,samp {
font-family:monospace;
font-size:110%;
}

.f-left {
float:left;
}

.f-right {
float:right;
}

.t-left {
text-align:left;
}

.t-center {
text-align:center;
}

.t-right {
text-align:right;
}

.va-middle {
vertical-align:middle;
}

.clear {
clear:both;
}

.box {
min-height:1px;
_height:1px;
}

.box:after {
content:".";
display:block;
line-height:0;
font-size:0;
visibility:hidden;
clear:both;
}

#main {
width:910px;
_text-align:left;
margin:50px auto 0;
}

#header {
position:relative;
width:910px;
height:150px;
background:#233C9B url("../design/header.jpg" ) 0 0 no-repeat;
color:#FFF;
margin:0;
padding:0;
}

#header #logo {
	position:absolute;
	top:77px;
	left:823px;
	width:79px;
	margin:0;
}

#header #logo a {
color:#FFF;
}

#header #logo a:hover {
color:#B5C4E3;
text-decoration:underline;
}

#header #search {
position:absolute;
top:35px;
right:20px;
}

#header #search form {
position:relative;
}

#header #search #search-input-out {
position:absolute;
top:0;
right:45px;
width:155px;
height:28px;
border:0;
background:url("../design/search_input.gif") 0 0 no-repeat;
font:bold 90%/100% "verdana",sans-serif;
color:#192666;
margin:0;
padding:0;
}

#header #search #search-input {
width:140px;
border:0;
background:#FFF;
font:bold 100%/100% "verdana",sans-serif;
color:#192666;
margin:5px 8px;
padding:3px 0;
}

#header #search #search-submit {
position:absolute;
top:0;
right:0;
}

#header #search fieldset {
border:0;
width:200px;
margin:0;
padding:0;
}

#tabs {
background:#192666;
_height:1px;
margin:0 5px;
padding:10px 0 0;
}

#tabs ul {
list-style:none;
margin:0 10px;
padding:0;
}

#tabs ul li {
float:left;
margin:0 5px 0 0;
padding:0;
}

#tabs ul li a {
display:block;
position:relative;
border:0;
background:url("../design/tab_link.gif") 0 0 repeat-x;
color:#B5C4E3;
font-weight:700;
text-decoration:none;
cursor:pointer;
padding:7px 15px;
}

#tabs ul li a span.tab-l,#tabs ul li a:hover span.tab-l {
position:absolute;
top:0;
left:0;
_left:-15px;
width:8px;
height:8px;
background:url("../design/tab_link_l.gif") 0 0 no-repeat;
}

#tabs ul li a span.tab-r,#tabs ul li a:hover span.tab-r {
position:absolute;
top:0;
right:0;
_right:-1px;
width:8px;
height:8px;
background:url("../design/tab_link_r.gif") 100% 0 no-repeat;
}

#tabs ul li a:hover {
background:url("../design/tab_hover.gif") 0 0 repeat-x;
color:#FFF;
}

#tabs ul li a:hover span.tab-l {
background:url("../design/tab_hover_l.gif") 0 0 no-repeat;
}

#tabs ul li a:hover span.tab-r {
background:url("../design/tab_hover_r.gif") 100% 0 no-repeat;
}

#tabs ul li#active a {
background:#FFF;
color:#FF9000;
}

#tabs ul li#active a span.tab-l {
position:absolute;
top:0;
left:0;
_left:-15px;
width:8px;
height:8px;
background:url("../design/tab_active_l.gif") 0 0 no-repeat;
}

#tabs ul li#active a span.tab-r {
position:absolute;
top:0;
right:0;
width:8px;
height:8px;
background:url("../design/tab_active_r.gif") 100% 0 no-repeat;
}

#page {
width:910px;
min-height:1px;
background:#FFF url("../design/bg_page.gif") 0 0 repeat-y;
_height:1px;
}

#page-in {
min-height:1px;
background:url("../design/bg_page_in.jpg") 0 0 no-repeat;
_height:1px;
padding:10px 0;
}

#strip {
position:relative;
clear:both;
color:#6182D1;
padding:3px 20px 10px;
}

#strip a {
color:#6182D1;
}

#strip #breadcrumbs {
width:520px;
margin:0;
padding:0;
}

#strip #rss {
float:right;
width:175px;
_width:200px;
padding-left:25px;
background:url("../design/ico_rss.gif") 0 50% no-repeat;
margin:0;
}

#content {
float:left;
width:670px;
_width:690px;
margin:0;
padding:0 0 0 20px;
}

#content .article {
clear:both;
background:url("../design/content_article_bg.jpg") 0 0 no-repeat;
margin:0;
padding:20px;
}

#content .article h2 {
background:#DEE5FD url("../design/content_title_bg.gif") 0 0 repeat-y;
color:#192666;
margin:0 -20px;
padding:10px;
}

#content .article h2 span {
background:url("../design/ico_list.gif") 0 50% no-repeat;
padding-left:25px;
}

#content .article p {
text-align:justify;
}

#content .info {
padding-bottom:8px;
border-bottom:1px solid #DEE5FD;
color:#6685CC;
margin:10px 0;
}

#content .info a:hover {
color:#FF9000;
}

#content .info span.date,#content .info span.cat,#content .info span.user,#content .info span.comments {
padding-left:15px;
}

#content .info span.date {
background:url("../design/ico_date.gif") 0 50% no-repeat;
}

#content .info span.cat {
background:url("../design/ico_cat.gif") 0 50% no-repeat;
margin-left:8px;
}

#content .info span.user {
background:url("../design/ico_user.gif") 0 50% no-repeat;
margin-left:8px;
}

#content .info span.comments {
background:url("../design/ico_comments.gif") 0 50% no-repeat;
margin-left:8px;
}

#content .btn-more {
border:0;
position:relative;
margin:0 0 15px;
padding:0;
}

#content .btn-more a {
display:block;
position:absolute;
top:0;
right:0;
width:67px;
_width:95px;
height:21px;
background:url("../design/btn_more.gif") 0 0 no-repeat;
color:#FFF;
text-decoration:none;
margin:0;
padding:0 0 0 28px;
}

#content .btn-more a:hover {
background:url("../design/btn_more.gif") -95px 0 no-repeat;
}

#col {
float:left;
width:200px;
background:#CEDBF9 url("../design/col_bg.gif") 0 0 repeat-y;
margin:0;
padding:0;
}

#col-in {
background:url("../design/col_top.gif") 0 0 no-repeat;
padding:20px 10px;
}

#col h3 {
background:#A0B9F3 url("../design/col_title_bg.gif") 0 0 repeat-y;
color:#192666;
margin:0 -10px 15px;
padding:13px 15px 14px;
}

#col #about-me {
margin-bottom:15px;
line-height:130%;
}

#col #about-me #me {
float:left;
width:54px;
height:58px;
margin-right:7px;
}

#col ul#category li a {
display:block;
background:url("../design/ico_archive.gif") 5px 6px no-repeat;
text-decoration:none;
padding:3px 0 3px 22px;
}

#col ul#category li#category-active a {
background:#E0E8FA url("../design/ico_archive2.gif") 5px 50% no-repeat;
font-weight:700;
}

#col ul#archive li a {
display:block;
background:url("../design/ico_archive.gif") 5px 50% no-repeat;
text-decoration:none;
padding:3px 0 3px 22px;
}

#col ul#archive li#archive-active a {
background:#E0E8FA url("../design/ico_archive2.gif") 5px 6px no-repeat;
font-weight:700;
}

#col ul#links li a {
display:block;
background:url("../design/ico_links.gif") 5px 6px no-repeat;
text-decoration:none;
padding:3px 0 3px 22px;
}

#footer {
position:relative;
clear:both;
width:910px;
height:60px;
margin-bottom:50px;
background:url("../design/footer.jpg") 0 0 no-repeat;
color:#6685CC;
}

#top {
position:absolute;
top:55px;
left:550px;
}

#top p {
position:relative;
width:30px;
height:25px;
overflow:hidden;
margin:0;
}

#top p span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:30px;
height:25px;
background:url("../design/ico_top.gif") 0 0 no-repeat;
cursor:pointer;
}

#top a:hover span {
background:url("../design/ico_top.gif") -30px 0 no-repeat;
}

#footer p#copyright {
position:absolute;
top:10px;
left:40px;
margin:0;
}

#createdby {
position:absolute;
top:10px;
left:562px;
color:#8CA3D8;
margin:0;
}

#createdby a {
color:#8CA3D8;
}

.sdp {
font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFF;
color:#03C;
}

.visitante {
font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFF;
color:red;
}

.sdptabla {
font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#a0b9f3;
color:#192666;
}

.ascenso {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#369;
color:#FFF;
}

.descenso {
font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:red;
color:#FFF;
}

.titular {
font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#fff;
color:#039;
}

.templado {
font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#F60;
color:#000;
}

.GAganado {
font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#090;
color:#000;
}

.GAperdido {
font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:red;
color:#000;
}

.general {
font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFF;
color:#036;
text-align:justify;
}

.boton {
border:1px solid;
background:#026abf;
font:bold 10px Georgia,Verdana,sans-serif;
color:#FFF;
text-decoration:none;
border-color:#006;
margin:4px;
padding:0 3px;
}

a.boton:link,a.boton:active {
border:1px solid;
background:#026abf;
font:bold 10px Georgia,Verdana, sans-serif;
color:#FFF;
text-decoration:none;
border-color:#006;
margin:2px;
padding:0 3px;
}

a.boton:hover,a.boton:active {
border:1px solid;
background:#FFF;
font:bold 10px Georgia,Verdana, sans-serif;
color:#006;
text-decoration:none;
background-color:#FFF;
border-color:#006;
margin:2px;
padding:0 3px;
}

.impar {
font-family:Georgia,Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#CCC;
color:#000;
}

.graph .bar {
display:block;
position:relative;
background-color:#71acea;
background-image:url(../imgs/fnd-c2.gif);
background-repeat:repeat;
background-attachment:scroll;
background-position:0 0;
text-align:left;
color:#002e5e;
height:1.5em;
line-height:1.5em;
padding-left:5px;
}

.e1 .graph .bar {
text-align:right;
float:right;
color:#143a00;
padding-right:5px;
background-color:#82cd5b;
background-image:url(../imgs/fnd-c1.gif);
background-repeat:repeat;
background-attachment:scroll;
background-position:0 0;
}

.imagenesizq {
display:block;
float:left;
margin:15px;
}

.imagenesdere {
display:block;
float:right;
margin:15px;
}

.trans {
background-color:#036;
color:#FFF;
position:absolute;
text-align:center;
top:50px;
left:450px;
font-size:18px;
font-weight:700;
width:300px;
padding:65px;
}

a,#strip a:hover,#footer a:hover {
color:#192666;
}

p,dl {
border:0;
margin:15px 0;
padding:0;
}

form,a,img,span {
border:0;
margin:0;
padding:0;
}

.nom,#strip p,#col #about-me p {
margin:0;
}

.noscreen,#header #search legend {
display:none;
}

#content .info a,#footer a {
color:#6685CC;
}

#col ul#category,#col ul#archive,#col ul#links {
list-style:none;
margin:15px 0;
padding:0;
}

#col ul#category li,#col ul#archive li,#col ul#links li {
border-bottom:1px solid #E0E8FA;
margin:0;
padding:0;
}

#col ul#category li a:hover,#col ul#archive li a:hover,#col ul#links li a:hover {
background-color:#D3DFF8;
color:#192666;
}