/*
Tickets republic
*/

/* =Containers
--------------------------------------------------------------------------------*/
/*FUENTES*/

.main
{
	margin-left: auto;
	margin-right: auto;
	width: 970px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g159, .g228, .g318, .g477, .g636, .g636-mini, .g795, .g954 {
	display: inline;
	float: left;
	margin-left: 16px;
}

/* =Grid >> 6 Columns
--------------------------------------------------------------------------------*/
.g159{width:143px;}
.g228{width:212px;}
.g318{width:302px;}
.g477{width:461px;}
.g636{width:620px;}
.g795{width:779px;}
.g954{width:938px;}


/* =Grid >> 6 Columns - no left margin
--------------------------------------------------------------------------------*/
.ml159{margin-left:175px;}
.ml318{margin-left:334px;}
.ml477{margin-left:493px;}
.ml636{margin-left:652px;}
.ml795{margin-left:811px;}
.ml954{margin-left:970px;}


.inside{margin-left:0;}
.outside { margin-right:16px;}
.no-margin { margin:0 !important;}
.no-izquierdo { margin-left:0 !important;}
.no-derecho { margin-right:0 !important;}
.interior { margin:13px 20px 0 13px}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.half  { width:49.5%; }
.half .half  { width:42%;}
.full { width:100%; }
.tercio {width:30%;}
.absolute { position: absolute}
.relative { position:relative;}
.centrado { text-align: center;}
.limpiar { clear: both;}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.overflow { overflow: hidden; _height:1%;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
.hidden { display: none}
.lfloat { float: left !important}
.rfloat { float: right}
.clear { clear:both;}
.vip { color:#CC3300;}
.vipt {color: #CC0000}
.sutil { color:#ccc}
.sutil-fuerte, .sutil-fuerte a { color: #666}
.fuerte {font-size:1.2em !important}
.alto { font-size:1.3em !important}
.muy-alto { font-size:1.7em !important; line-height:120%}
.bajito, small { font-size:.9em}
.derecha { text-align: right}
.izquierda { text-align: left}
.borde-left { border-left: 1px solid #ccc}
.borde-right { border-right: 1px solid #ccc}
.borde-top { border-top: 1px solid #ccc}
.borde-bottom { border-bottom: 1px solid #ccc}
.sup5 { margin-top:5px !important}
.sup10 { margin-top:10px !important}
.sup15 { margin-top:15px !important}
.sup20 { margin-top:20px !important}
.sup30 { margin-top:30px !important}
.inf10 { margin-bottom:10px !important}
.inf20 { margin-bottom:20px !important}
.inf30 { margin-bottom:30px !important}
.pinf30 { padding-bottom:30px !important}
.l20 { margin-left:20px !important}
.l10 { margin-left:10px !important}