@CHARSET "UTF-8";

/*
-------------------------------
-------------------------------
----------------------GENERALES
-------------------------------
-------------------------------
-------------------------------
*/

.hidden_elem{
	display: none;
}

.ui-autocomplete-loading {background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat !important;}

#main{
	background-color:#F7F7FA!important;
	background-image:url(../images/bg-noise.png);
}

#myaccount {
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}

#myaccount .header{
    margin: 0;
    padding: 20px 0 20px 55px;
    display: block;
	text-align:left!important;
}

#myaccount .header .title{
	font-weight:normal;
    font-size: 32px;
	padding:0;
	margin:0;
	color:#000;
}

#myaccount .header .welcome{
	font-size:13px;
	font-weight:600;
	margin-top:15px;
}

#myaccount .bg_misdatos{
	background-image:url(../images/ico_micuenta.png);
	background-repeat:no-repeat;
	background-position:0 35%;
}

#myaccount .bg_misreservas{
	background-image:url(../images/ico_reservas.png);
	background-repeat:no-repeat;
	background-position:0 50%;
}

#myaccount .bg_misamigos{
	background-image:url(../images/ico_amigos.png);
	background-repeat:no-repeat;
	background-position:0 50%;
}

#myaccount .bg_misestadisticas{
	background-image:url(../images/ico_scoring.png);
	background-repeat:no-repeat;
	background-position:0 35%;
}

#myaccount .bg_faq{
	background-image:url(../images/ico_faq.png);
	background-repeat:no-repeat;
	background-position:0 50%;
}

#myaccount .panel{
	display: block;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    margin: 0 0 10px 0;
}

#myaccount .panel-content{
	padding:60px;
}

#myaccount .panel_white{
	background-color:#FFF;
}

#myaccount .panelheader{
	background-color:#f1f1f1;
    border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #DDD;
    padding: 10px;
	line-height:18px;
}

#myaccount .panelbody{
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.15) inset;
    padding: 10px;
}

#myaccount .subpanel{
    padding: 0;
    width: 33%;
}

#myaccount .subpanel .title{
	padding-bottom:3px;
}

#myaccount h2{
    font-weight: bold;
    font-size: 14px;
	margin:0;
}

#myaccount h3{
	margin: 10px;
    font-weight: bold;
    font-size: 14px;
}

#myaccount p{
	margin:0;
}

#myaccount .box{
	background: none repeat scroll 0 0 white;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
	margin-bottom: 10px;
    padding: 10px;
	color:#000;
	min-height:0px!important;
}

#myaccount .section-info{
	margin-top:10px;
}

#mis_reservas .smallbtn {
	align-items: center;
	border-radius: 0;
	display: flex;
	justify-content: center;
	padding: 8px;
}

#mis_reservas .smallbtn.button_inscripcion {
	min-width: 132px;
}

#mis_reservas .bigbtn {
	min-width: 110px;
}

/*
-------------------------------
-------------------------------
-------------------------------
-----------------ACCOUNT-PERFIL
-------------------------------
-------------------------------
-------------------------------
-------------------------------
*/

#myaccount .header p{
    color: #4c4c4c;
    font-size:18px;
    line-height:24px;
	margin:0;
	padding:0;
}

#myaccount #label-direccion{
	margin-right:10px;
}

/*
-------------------------------
-------------------------------
-------------------------------
-----------------ACCOUNT-BUBBLE
-------------------------------
-------------------------------
-------------------------------
-------------------------------
*/

.bubble {
	padding:15px;
}

.bubble .first{
	margin-top:0!important;
}

.bubble-main{
	margin-top:15px;
}

.bubble .bubble-butnav{
	border-top: 1px solid #E3E3E3;
    margin:10px 0 20px;
    padding-top: 20px;
    text-align: right;
}

.bubble-main .accountbox{
	padding:15px;
}

.bubble-main .title {
    padding: 30px;
	font-size: 22px!important;
}

.bubble-main .col1{
	width:240px;
	padding:30px;
}

.bubble-main .col2{
	width:600px;
	padding:30px;
}

.bubble-main h2{
	color: #333333;
    font-size: 20px;
    font-weight: 100;
    line-height: 1.4;
    margin-bottom:10px;
}

.bubble-main .intro{
    color: #888888;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
}

.bubble-main .subtitle{
	font-weight:bold!important;
	font-size:14px!important;
}

.bubble-main .bgcheckbok{
    padding: 2px;
}

.bubble-main .bgcombobox{
    padding: 3px;
}

.bubble-main input.checkbox{
    width:auto!important;	
}

.bubble-main .month{
    margin-right:5px;
}

.bubble-main .days{
    margin-right:5px;
}

.bubble-main .month select{
	width:120px;
}

.bubble-main .days select{
	width:70px;
}

.bubble-main .years select{
	width:90px;
}

.bubble-main .text_s1{
	line-height:18px!important;
    color: #4C4C4C!important;
	margin-bottom:20px!important;
}

.bubbleinfo{
	padding:10px;
}

.bubbleinfo p{
	font-size:12px;
	color:#000;
	margin:0;
	padding:0;
}

/*	JQUERY UI	*/

.ui-widget-overlay{
	opacity: 0.85!important;
	background: url("../images/bg_noactive.jpg");
}

.ui-widget-header{
	background: none!important;
	border: none!important;
	color: #4c4c4c!important;
	font-size: 18px!important;
	font-weight: normal;
}

.ui-dialog {
    border: 1px solid #CCCCCC!important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6)!important;
}