@charset "utf-8";
/* CSS Document */
/* #Font-Face
================================================== */

/*
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBC';
    src: url('../fonts/roboto-boldcondensed-webfont.eot');
    src: url('../fonts/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-boldcondensed-webfont.woff') format('woff'),
         url('../fonts/roboto-boldcondensed-webfont.ttf') format('truetype'),
         url('../fonts/roboto-boldcondensed-webfont.svg#roboto-boldcondensed-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoC';
    src: url('../fonts/roboto-condensed-webfont.eot');
    src: url('../fonts/roboto-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-condensed-webfont.woff') format('woff'),
         url('../fonts/roboto-condensed-webfont.ttf') format('truetype'),
         url('../fonts/roboto-condensed-webfont.svg#roboto-condensed-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

*/

body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 13px;
    letter-spacing: 0;
}

* {}

a {}

h1 {
    font-size: 24px;
}

p, ol, ul {
    line-height: 20px;
    color: #555;	
}

#header h1 {}

h3.title, h2.title, h2 {
    color: #0D2D6E;
    font-size: 24px;
	line-height:26px;
    font-family: 'RobotoC', Arial;
}

h3 {
    color: #333;
    font-size: 20px;
	font-family: 'RobotoBC', Arial;
	font-weight: normal;
}

h3 img {
    margin: 0 !important;
}

h3.black {
    color: #333;
}

#register-error h3 {
	color:#CC0000;
}

h4 {
    color: #333;
	font-size: 20px;
	font-family: 'RobotoBC', Arial;	
    font-weight: normal;	
}	

h4 a {
    color: #1063A5;
    font-size: inherit;
}

div.date {}

div.date span.day {
    font-size: 11px;
    font-weight: normal;
	line-height:18px;
}

div.date p {
    color: #333333;
    font-size: 22px;
	font-family: 'RobotoBC';
	font-weight: normal;
}

div.date span.month {
    color: white;
	line-height:18px;
    font-size: 11px;
    font-weight:bold;
    text-transform: uppercase;
}

p.venue-date {
    color: #000;
    font-family: 'RobotoC';
	font-size: 16px;
}

#payment-internet span,
#payment-sms span {
    font-size: 14px;
    font-weight:bold;
}

p.note {
    color: #999;
    font-size: 10px;
    line-height: 15px;
}

#sidebar-left p, #sidebar-left ol, #sidebar-left ul {

}

.destacados li p, .destacadosEliminatorias li p {

}

.destacados li a, .destacadosEliminatorias li a {
    font-size: 18px;
    font-family: 'RobotoBC';
	font-weight: normal;
}

#nav-top {
    font-size: 11px;
}

.bold {
	font-weight:bold;
}

.orange.bold {
	font-size:14px;
	color:#444;
}


.legend-style {
    font-size: 11px;
    font-weight: normal;
}

#wrapper {}

.page {}

/* --------------- cabezal paraguas --------------- */
#nav-top {
	font-size: 12px;
}

#nav-top #boton-nav-top {}

#nav-top #boton-nav-top a {}

#nav-top ul {}

#nav-top ul li a.nav-chat {}

#nav-top ul li {
	font-size: 12px;
}

#nav-top ul li:after {}

#nav-top ul li:last-child:after {}

#nav-top ul li {
    letter-spacing: 0;
}

/* --------------- cabezal --------------- */
#header {}

#header img {}

/* --------------- navegación --------------- */
#nav {
	font-family:'Roboto', Arial;
}

#nav ul {}

#nav ul li {}

#nav ul li a {
	font-size:19px;
	line-height:36px;
	text-decoration: none;
}

#main {}

/* --------------- navegacion lateral --------------- */
#sidebar-left {}

#sidebar-left .box-left {}

#sidebar-left .box-left p.box-title {
    font-size: 16px;
}

#sidebar-left .box-left .box-text {}

#sidebar-right {}

#sidebar-right  ul {}

#sidebar-right  ul li {}

#sidebar-right  ul li a {}

/* --------------- contenido --------------- */
#content {
}

/* --------------- caja --------------- */
.box {}

.box-info h4 a {}

.box .top, .box .bottom {}

.box .inner-top, .box .inner-bottom {}

.box .box-content {}

.box-content a {}

.box .box-content p {}

.box-content ul,
.box-content ol {}

.box-content ul ul {}

.box-content ul ul li {}

.box-content ul ul ul li {}

.box-content ul li {}

.box-content ul.alpha li {}

.box-content ul li a {}

#breadcrumb {
    font-size: 14px;
}

#breadcrumb ul {}

#breadcrumb ul li {}

#breadcrumb ul li:after {}

#breadcrumb ul li:last-child:after {}

#breadcrumb ul li a {}

/* --------------- pie --------------- */
#footer, #menu-footer ul li, #footer p {
    font-size: 11px;
}
#links-footer {}

#links-footer ul {}

#links-footer ul li {}

#links-footer ul li img {}

#datos-footer {}

#menu-footer {}

#menu-footer ul li:after {}

#menu-footer ul li:last-child:after {}

#menu-footer ul li a {
	font-size: 14px;
}

/* --------------- fin pie --------------- */



p.title {
    font-size: 22px;
	line-height:24px;
	margin-bottom:10px;
    color: #0D2D6E;
	font-family: 'RobotoBC';
    font-weight: normal;
}

.subtitle {
    font-size: 16px;
}

.strong {
    font-weight: bold;
}

#step-description p.title, .framed p.title {
    font-family:'Roboto', arial;
	font-size: 16px;
	line-height:28px;
	margin-bottom:0;
    color: #666;
}


div#note {
    font-size: 11px;
    color: #999;
}

#remaining-time {
    font-size: 12px;
}

#remaining-time p {
    font-size: 14px;
}

#remaining-time .min, #remaining-time .sec {
    font-size: 24px;
    font-family: 'RobotoBC';
    font-weight: normal;	
}

#remaining-time p.time {
    font-size: 30px;
    line-height: 30px;

}

#remaining-time.timeout {
    border-color: #CC0000;
    color: #CC0000;
}

.with-bullets {
    font-size: 14px;
}

/* --------------- CUSTOM MESSAGES */

.message-note {
    font-size: 11px !important;
}

#register-ok,
#register-error,
#register-warning {}

#register-ok p,
#register-error p,
#register-warning p {
	margin-top:6px;

}

.lista-funciones a {}


/* ----------------- nube de tags ----------------- */

a.tag1 {
	font-size:22px;
	color: #222;
}

a.tag2 {
	font-size:18px;
	color: #333;
}

a.tag3 {
	font-size:16px;
	color: #444;
}

a.tag4 {
	font-size:12px;
	color: #555;
}

a.tag5 {
	font-size:10px;
	color: #666;
}


/* ------------------ Costo de servicio en tablas --------------------- */

.td-service-charge {
	font-size:13px;
	color:#222;
	font-weight:normal;	
	}