body {
	padding:0px;
	color:#454545;
	margin:0 auto;
	padding:10px 0px;
	background:#a3b0b6 url(/images/bg.gif) center repeat-y;
	font:12px Arial, "Trebuchet MS", Helvetica, sans-serif;
}

h1{
	color:#427687;
	font:bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin:0 0 5px;
	padding:0;
}

h2{
	color:#ff762a;
	font:bold 13px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin:0 0 10px;
	padding:0;
}

p {
	margin-top:0;
	line-height:15px;
}

img {
	margin:0 auto;
	padding:0;
}

.clear{
	clear:both;
}

/* @group Header */

#header {
	width:1020px;
	height:146px;
	background-color:#FFFFFF;  
	margin:0 auto;
}

#header_fondo{
	width:1017px;
	height:143px;			
	margin:1px 0 0 1px;
	padding:1px 0 1px 1px;
	background-image:url(../images/bck_header_info.jpg);
}

#header_logo{
	width:530px;
	height:124px;
	margin:0;
	padding:0;
	background-color:#9966CC;
	float:left;
	background:url(../images/logo_header.jpg) no-repeat;
}

#header_menuaux{
	width:205px;
	height:23px;
	margin:0;
	padding:8px 0 0 0;
	background-image:url(../images/menu_aux.png);
	float:right;
}

.boton_menuaux{
	height:22px;
	float:right;
}

.icon{
	width:12px;
	height:12px;
	margin:0 3px 0 0;
	float:left;
}

#icon_home{
	background:url(../images/icon_home.png) no-repeat;
}

#icon_email{
	background:url(../images/icon_email.png) no-repeat;
}

#icon_mapa{
	background:url(../images/icon_mapa.png) no-repeat;
}


.menuaux_texto{
	height:22px;
	color:#666666;
	font-size:10px;
	text-align:center;
	float:left;
	margin:0 5px 0 0;
}

.menuaux_texto a{
	color:#666666;
	font-size:10px;
	text-align:center;
	float:left;
	margin:0 5px 0 0;
	text-decoration:none;
}

.menuaux_texto a:hover{
	color:#666666;
	font-size:10px;
	text-align:center;
	text-decoration:underline;
	float:left;
	margin:0 5px 0 0;
}


#fecha {
	width:200px;
	text-align:center;
	margin:2px 0 0 0;
	float:right;
}



/* @end */

#wrapper{
	margin:0 auto;
	width:1020px;
	background:url(../images/bck_wrapper.jpg) center repeat-y;
}


#page{
	margin:0 auto;
/*	padding-left: 20px;
	padding-right: 20px;*/
}

#content{
	float:left;
	width:787px;
}

/* @group Home top */

#home_top{
	width:510px;
	height:161px;
	margin:0 0 0 10px;
	padding:20px;
	background:url(../images/sky-home.jpg) no-repeat;
}


#content_abonos_home{
	width:475px;
	height:159px;
	float:right;
	margin:0 9px 0 0;
}

#splash {
	width:397px;
	height:191px;
	float:left;
}

#abonos {
	width:100%;
	margin:0;
	padding:0 10px 10px 7px;
	
}

.abono {
	width:114px;
	height:77px;
	background-color:#ffffff;
	margin:0 0 3px 3px;
	padding:0;
	float:right;
}

.abono_left{
	width:114px;
	height:77px;
	background-color:#ffffff;
	margin:0 0 3px 3px;
	padding:0;
	float:left;
}

.abono_fondo{
	width:104px;
	height:68px;
	margin:0 1px;
	padding:4px;
	background:url(/images/bck_abonos.jpg) repeat-x;
}

#abonos h1 {
	color:#fff;
	font-weight:bold;
	font-size:12px;
}

#abonos h1 a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin:0;
}

#abonos h1 a:hover {
	text-decoration:underline;
	margin:0;
}

#abonos .precio {
	width:105px;
	height:37px;
	margin:0;
	padding:1px 0 0 0;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

#abonos .txt {
	color:#fff;
	float:left;
	width:114px;
	height:31px;
	margin:0;
}

#abonos .txt a {
	color:#dddddd;
	text-decoration:none;
	text-align:center;
	font-size:10px;
}

#abonos .txt a:hover {
	color:#FFFFFF;	
}

#abonos .precio strong {
	margin:0 3px 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
}

#abonos .precio b {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}



/* @end */

#main {
	width:570px;
	float:left;
	margin:10px 0 0 0;
}

#leftbar {
	width:250px;
	float:left;
}

#menu {
	width:230px;
	height:182px;
	margin:10px;
}

/* @group Scroll */

/* scroll text */

.scroll_text{
	margin:0 0 0 10px;
	padding:15px;
	width:518px;
	height: 230px;
	position:relative;
	float:left;
	border:1px solid #c4c4c4;
}

.text_container{
	width:490px;
	font: normal 10px/14px Arial, Helvetica, sans-serif;
	overflow:hidden;
	float:left;
	padding:0 10px 0 0;
	margin:0;
	height:228px;
	text-align:left;
}

/* Scroll */

.flechas{
	height:226px;
	position:relative;
	float:left;
	width:15px;
}

.flecha_arriba{
	position:absolute;
	top:2px;
	margin:0;
	padding:0;
}

.flecha_abajo{
	position:absolute;
	bottom:2px;
}



/* @end */

/* @group Post */

/* @group Formularios */

.form_container{
	padding:5px;
	float:left;
}

.formulario{
	float:left;
	width:276px;
}

.form {
	margin:10px auto;
}

.form_txt {
	float:left;
	font-weight:bold;
	color:#636668;
	width:102px;
	padding-top:5px;
}

select.select {
	margin:0;
	padding:0;
	width:119px;
}

.formulario .form input {
	width:119px;
	height:17px;
	border:1px solid #c5c5c5;
	float:right;
}

#main div.post_seccion div.form_container div.formulario div.form input.btn_form {
	background-color: #dcdada;
	width:100px;
	height:20px;
	margin-right:12px;
	margin-top:24px;
	font-size:11px;
	color:#c07100;
	float:left;
}


/* @end */


/********************/

/*** FORM ***/

input, select, textarea {	
    border:#c5c5c5 1px solid;   
}

form.form input, select, textarea {
    //float:left;
}

form ul {
    padding-left:0px;
	margin:0;
    font-weight:bold;
    font-size:11px;
}

form li {
    font-weight:bold;
    list-style:none;
    //clear:both;
    line-height:28px;
}


li.separador{
	height:1px;
	background-color:#a7a4a4;	
	width:550px;
	margin:15px 0 15px -10px;
}

form.form ul.main {
    //padding-bottom:20px;
    height:auto;
}

form.form ul.main #info_estacion_actividad, #info_estacion_boca_exp, #info_estacion_bandera{
    width:260px;
}

input.btn {
	height:33px;
	width:499px;
	margin:0 0 10px 1px;
	padding:0 10px;
	background:url(../images/bck_btn.jpg) repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:16px;
	text-align:right;
	font-weight:bold;
	border:none;
	float:left;
}


.flecha_btn{
	width:30px;
	height:33px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../images/flecha_btn.png) center no-repeat;
	float:left;
}

form.form label {
	color:#636668;
    font-weight:bold;
    font-size:11px;
    width:150px;
    float:left;
}

form.form ul.error_list {
    margin-left:100px;
    width:350px;
    display:block;
}

form.form ul.main ul {
   padding-left:15px;
}

form div.help {
    font-size:11px;
}

ul.error_list {
    width:170px;
    color:#f21207;
    font-size:11px;
    list-style:none;
    margin-bottom:4px;
}

ul.error_list li {
    font-weight:bold;
    line-height:15px;
    padding-left:4px;
}

/********************/



/* @group Secciones */

.post_seccion {
	width:570px;
	float:left;
	margin:0;
}

.post_seccion p{
	width:530px;
	margin:10px 0;
}

.post_seccion .banners{
	width:550px;
	height:164px;
	margin:10px;
}

.post_seccion .banners .banner_left{
	width:360px;
	height:164px;
	float:left;
	background-color:#990000;
}

.post_seccion .banners .banner_rigth{
	width:180px;
	height:164px;
	float:left;
	background-color:#FF00FF;
	margin:0 0 0 10px;
}

.boton{
	width:501px;
	height:25px;
	background-color:#f5b240;
	margin:5px 0 0 0;
	padding:7px 10px 5px 5px;
	text-align:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	float:left;
}

.boton a{
	text-align:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

.boton_paso2{
	width:516px;
	height:37px;
	border:none;
	background-color:#f5b240;
	margin:5px 0 0 0;
	padding:3px 10px 5px 5px;
	text-align:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
}


#form_bg_{
	float:left;
	width:508px;
	background-color:#ebebeb;
	margin:21px 0 0 0;
	padding:4px;
}

#form_bg {
	float:left;
	width:530px;
	background-color:#ebebeb;
	margin:0 0 0 10px;
	padding:0 10px;
}

#form_bg_ .titulo_form{
	width:504px;
	color:#2d677a;
	margin:2px 0 0 2px;
	font-size:13px;
	font-weight:bold;
	border-bottom:solid 1px #2d677a;
}

.nota{
	color:#538191;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	margin:8px 0 4px 0;
}

.paso{
	width:540px;
	height:29px;
	margin:2px 0 10px 10px;
	padding:6px 0 0 8px;
	background:url(../images/pasos.jpg) repeat-x;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
}

div .n_titulo {
	float:left;
	width:562px;
}

div.numero {
	float:left;
}

.n_titulo .titulo {
/*
	margin-top:48px;
	margin-bottom:0;
	margin-left:94px;
*/
}

#detalle {
	float:left;
	background-color:#ffffff;
	width:548px;
	margin:0 0 15px 10px;
}

#detalle_fondo {
	float:left;
	padding:6px 15px 15px 15px;
	background:#eb860d url(../images/bck_compra.jpg) repeat-x 0 top;
	width:516px;
	margin:1px;
}

#detalle_fondo_paso2{
	float:left;
	padding:6px 15px 15px 15px;
	background:#eb860d url(../images/bck_compra2.jpg) repeat-x 0 top;
	width:516px;
	margin:1px;
}

.titulo_detalle_abono{
	margin:0 0 10px;
	padding: 0;
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

.detalle_precio {
	width:120px;
	height:35px;
	padding:15px;
	background:url(../images/linea_precio.png) right no-repeat;
	color:#ffffff;
	font-weight:bold;
	font-size:28px;
/*	letter-spacing:-1px;*/
	text-align:center;
	float:left;
}

.detalle_precio .precio{
	float:left;
}

.detalle_precio .xmes{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:10px 0 0 5px;
	float:left;
}


.abono_descripcion{
	width:354px;
	color:#ffffff;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:14px;
	padding:12px 0 0 12px;
	float:left;
}

.post_seccion strong {
	color:#ff762a;
	font-size:12px;
}

.continuar {
	float:right;
	margin-top:15px;
	padding-top:15px;
	font-weight:bold;
	font-size:13px;
	padding-left:10px;
}

.continuar a{
	text-decoration:none;
	color:#617D8D;	
}

/* @group Staff */

#staff_container {
	width:550px;
	float: left;
	margin:0 10px;
}

.titulo_staff{
	width:438px;
	margin:0px 0 4px 0;
	padding:0px;
	color:#2d677a;
	font:bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	list-style-position:inside;
	display:block;
	list-style-image:url(/images/titulo-bullet.gif);
/*	border-bottom:1px solid #2d677a;*/
}

#e div.post_seccion div.staff {
	width:562px;
	border-bottom:4px solid #c4c4c4;
	padding-bottom:20px;
}

.staff_box ul {
	margin:0;
	padding:0 0 0 13px;
}

#main div.post_seccion div.staff div.staff_box {
	width:auto;
}

#main div.post_seccion div.staff div.staff_box div.titulo {
	width:443px;
}

.staff_desarrollo {
	float:left;
	width:550px;
	margin:10px;
}


.staff {
	float:left;
	width:550px;
	margin:0 0 10px 0;
/*	background-color:#993399;*/
}

.staff_foto {
	float:left;
}

.staff_box {
	width:420px;
	float:left;
	margin-left:10px;
	padding:10px;
	line-height:15px;
	background-color:#e9e9e9;
	border:solid 1px #CCCCCC; 
}

.staff_box .titulo {
	color:#2d677a;
	width:420px;
/*	border-bottom:4px solid #c4c4c4;*/
	background-image: none;
/*	padding:0 0 5px;*/
	margin:0 0 10px 0;
}

.staff_box strong {
	color:#ff762a;
	font-weight:normal;
	font-style:normal;
}

.staff_box a {
	color:#7d7d7d;
	text-decoration:none;
	font-weight:bold;
	margin:-8px 5px 0 0;
	float:right;
}

.staff_box a:hover {
	text-decoration:underline;
	font-weight:bold;
	margin:-8px 5px 0 0;
	float:right;
}



/* @end */

.titulo_noticias{
	width:100%;
	margin:0px;
	padding:0px;
	color:#2d677a;
	font:bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	list-style-position:inside;
	display:block;
	list-style-image:url(/images/titulo-bullet.gif);
	border-bottom:1px solid #2d677a;
}

/* @end */

.titulo {
	width:548px;
	height:20px;
	margin:10px;
	padding:0px;
	color:#2d677a;
	font:bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	list-style-position:inside;
	display:block;
	list-style-image:url(/images/titulo-bullet.gif);
	border-bottom:1px solid #2d677a;
}

#info_home{
	float:left;
}

.post {
	width:540px;
	float:left;
	margin-bottom:10px;
	padding-top:11px;
}

.modulos_home {
	width:550px;
	margin:0 10px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.post_relleno{
	width:255px;
	background-color:#cecece;
	padding:5px;
}

.modulos_home .post2{
	width:253px;
	padding:5px;
	background-color:#d0d0d0;
	border:solid 1px #bdbcbc;
	float:left;
}

.modulos_home .post3{
	width:263px;
	margin:0 0 0 10px;
	padding:5px;
	float:left;
	background-color:#d0d0d0;
	border:solid 1px #bdbcbc;
}

.modulos_home .titulohome{
	width:255px;
	height:20px;
	margin:0 0 8px 0;
	float:left;
	border-bottom:solid 1px #2D677A;
	font-size:14px;
}

.modulos_home .titulohome .title{
	margin:1px 0 0 0;
	font-weight:bold;
	color:#2D677A;
}

.modulos_home .titulohome .title a{
	margin:6px 0 0 16px;
	font-weight:bold;
	color:#2D677A;
	text-decoration:none;
}

.icon_item{
	width:9px;
	height:20px;
	background:url(../images/icon_item.png) center no-repeat;
	float:left;
}
.post2 ul {
	color:#f58220;
	padding-left:14px;
	margin-bottom:10px;
	margin-top:0;
	margin-left:0;
}

.post2 ul li {
	margin-left:1px;
	padding-left:1px;
}

.post2 ul li a {
	color:#f58220;
	text-decoration:none;
	font-weight:bold;
}

.post2 ul li a:hover {
	text-decoration:underline;
}

.titulo2 {
	color:#ff9300;
	font:bold 14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	list-style-position:inside;
	opacity:1;
	padding-left:16px;
	display:block;
	list-style-image:url(/images/titulo-bullet.gif);
	border-bottom:1px solid #ff9300;
	margin-bottom:14px;
	background:url(/images/titulo-bullet.gif) no-repeat left center;
}

.titulo2 a {
	color:#941100;
	text-decoration:none;
}

.post2 ul li a:hover {
	text-decoration:underline;
}

.fotito{
	border:2px solid #021e92;
	margin:0 10px 0 0;
	float:left;
	width:auto;
	height:auto;
	padding:0;
}

.fotito_right{
	padding:0;
	border-bottom-style:none;
	margin-top:0;
	margin-bottom:10px;
	margin-left:10px;
	float:right;
	border:1px solid #8598ff;
}

.noticia .entry p a {
	color:#f58220;
	text-decoration:none;
}

.noticia .entry p a:hover {
	text-decoration:underline;
}

.titulo a {
	color:#2d677a;
	text-decoration:none;
}

div.noticia {
	float:left;
}



/* @end */

/* @group News */

#columna_noticias {
	float:left;
	width:230px;
	margin:0 10px;
}

#news {
	float:left;
	width:208px;
	margin-right:5px;
	padding:10px;
	border:1px solid #a8bdc8;
	margin-bottom:15px;	
	background-color:#D0D0D0;
}

.highlights {	
	overflow-x:hidden;
	overflow:hidden;	
}	

#news p a {
	color:#255B77;
	font-weight:bold;
	text-decoration:underline;
}

#news p a:hover {
	color:#366c99;
}

#news .entry {
	margin-bottom:6px;
	padding-top:6px;
	border-top:1px dotted #a8bdc8;
	border-bottom:1px dotted #a8bdc8;
}

p.meta {
	margin:0 0 3px;
	color:#f58220;
	font-weight: bold;
}



/* @end */

/* @group Sidebar */

#sidebar {
	width:200px;
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#login {
	width:180px;
	height:235px;		
	margin:10px;
	padding:0px;
	background:url(/images/login.jpg) no-repeat;
}

#usuario {
	width:170px;
	height:68px;
	background:#2F8429 url(/images/login_usuario.jpg) no-repeat;
	padding:23px 5px 5px;
	margin:10px 0 10px 10px;
}

#detalles_abonos {
	width:170px;	
	background:#374e5c;
	padding:5px;
	margin:0 0 10px 10px;
	color:#CCCCCC;
	font-size:10px;
}

#detalles_abonos strong{	
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
}

#detalles_abonos b{	
	color:#FFFFFF;
	font-weight:bold;
}

#detalles_abonos h2{	
	font-weight:bold;	
	font-size:11px;
	text-align:right;
	margin-bottom:3px;
	color:#d4dade;
}

#detalles_abonos .active_purchase{	
	color:#9BD53D;
	font-size:11px;
	font-weight:bold;	
}

#detalles_abonos .inactive_purchase{	
	color:#BC8585;
	font-size:11px;
	font-weight:bold;	
}

#detalles_abonos .inactive_purchase a{	
	color:#BC8585;
	font-size:11px;
	font-weight:bold;	
}

.login_form {
	width:180px;
	margin:0px;	
	color:#033402;
	font-size:10px;
	text-align:right;
}


.login_form a{
	float:left;
	color:#fff;
	text-decoration:none;
}

.login_form a:hover{
	color:#ffffff;	
	text-decoration:underline;
}

.login_form .ingresar {
	width:82px;
	height:16px;
	float:left;
	background:url(/images/btn-naranja.png) no-repeat;
	border-style:none;
	color:#fff;
	text-shadow:#b54a06 0 1px 0;
	margin:0 0 0 15px;
	padding:0 0 3px 0;
	font-size:11px;
	font-weight:bold;
}

.login_form #login_ingresar{
	width:180px;
	height:47px;
	padding:18px 0 0 8px;
/*	background-color:#006633;*/
}


.login_form #registrarse {
	width:70px;
	height:16px;
	background:url(/images/btn-naranja.png) no-repeat;
/*	background-color:#00FF33;*/
	border-style:none;	
	margin:0 8px 0 90px;
	padding:0 0 0 12px;
	font-weight:bold;
	clear:both;
}

.login_form #registrarse a{	
	color:#fff;
	text-shadow:#b54a06 0 1px 0;	
	font-size:11px;
	float:left;
	margin:0px;
	font-weight:bold;	
	text-decoration:none;
}

.login_txt2 {
	color:#fff;
	font-size:11px;
	margin:-2px 8px 10px 0;
	width:125px;
	text-align:right;
	float:right;
}


.login_txt2 a{
	color:#fff;
	text-decoration:none;
}


.lform_txt {
	color:#fff;
	font-size:11px;
	width:40px;
	height:42px;
	margin:0;
	padding:47px 12px 0 0;	
	line-height:19px;
	float:left;
}

.lform {
	width:120px;
	height:30px;
	margin:0;
	padding:47px 0 0 0;
	float:left;
}

.lform input {
	width:120px;
	height:16px;
	margin-bottom:4px;
	background:#fff none 0;
	border-style:none;
	color:#000;
	font-size:11px;
	font-weight:bold;
	opacity:1;
	text-shadow:none;
}

/* @end */

/* @group footer */

#footer {
	height:70px;
	background:url(/images/footer_bg.jpg) repeat-x;
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	border-top-style:none;
	width:1018px;
	clear:both;
	padding:0;
	margin:0 auto;
}

#footer p {
	margin:0;
	text-align:center;
	color:#444444;
	padding:1px 0 0 40px;
}

p #links{
}

#links a{
	color:#fff;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

#links a:hover {
	color:#ffc700;
}


#footer_logo {
	float:right;
	margin:18px 30px 0 0;
}

p#legal {
	float:left;
	margin:20px 0 0 0;
}



/* @end */	

ul.menu_profile li {
	font-weight:bold;
    list-style:none;
}

ul.menu_profile li a{
	color:#454545;
	text-decoration:none;
}

ul.menu_profile li a:hover{
	color:#2D677A;
	text-decoration:none;
}


/* access boxes*/

.user_box {
	text-align:center;
	font-size:14px;
	color:#545151;
	border:solid 1px #c0c0c0;
	float:left;
	width:486px;
	margin:10px;
}

.box_header {
	padding:10px;
	border-bottom:solid 1px #c0c0c0;
	background-color:#ffffff;
}
.box_message {	
}


#chat_button{
	margin:40px;
	width:100px;
	float:left;
	background-color:#AECB6E;
}

#chat_button div{	
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}







#detalle_fondo_paso2 ul{margin:5px; padding:0;}

#detalle_fondo_paso2 li{list-style:none; margin:0;}

#detalle_fondo_paso2 #white {width:474px; text-align:right; height:36px;}

#detalle_fondo_paso2 .flecha_btn{height:36px; }

#detalle_fondo_paso2 .link{padding:8px 0 0 0; color:#FFFFFF; font-weight:bold;}

#detalle_fondo_paso2 .link a{color:#FFFFFF; text-decoration:none;}

#detalle_fondo_paso2 .link{color:#FFFFFF;}
						
