/* 
    Document   : formCSS
    Created on : 20-feb-2013, 13:41:07
    Author     : Niten to Chibikko
    Description: Hoja de estilos para el form
*/

#formBook{
    position: relative;
    width: 249px;
    height: 185px;
    border: solid 6px #FFBF00;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#formBook .fondoFalso{
    position: absolute;
    left:0;
    top:0;
    height:185px;
    width: 249px;
    opacity: 0.70;
    filter:alpha(opacity=70);
    background-color: #FFF;
}
#formBook h3{
    font-family: 'Source Sans Pro', Arial;
    font-size: 50px;
    color:#006DD9;
    margin: 0 0 27px -5px;
    font-weight: 400;
    line-height: 44px
}
@media screen and (max-width:260px){
    #frmBooking{
        position: relative;
        float: left;
        height:185px;
        width: 249px;
        padding: 0
    }
}
@media screen and (min-width:261px){
    #frmBooking{
        position: relative;
        float: left;
        height:185px;
        width: 249px;
        padding: 15px 0 0 15px
    }
}

#frmBooking fieldset{
    position: relative;
    width: 210px;
    height: 30px;
    float: left;
    border:none;
    padding: 0;
    margin: 0 0 13px 6px
}

#frmBooking label{
    position: relative;
    float: left;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px

}

.calendario{
    position: relative;
    float: right;
    width: 109px;
    height: 30px;
    background: url('../images/bgTBox.png') no-repeat center center transparent;
    z-index: 9999;
    border:none
}


#btnPromoSubmit{
    position: relative;
    float: left;
    width: 208px;
    height: 49px;
    background: url('../images/bgBtnPromo.png') no-repeat center center transparent;
    border:none;
    cursor: pointer
}

.txtBox{
    position: relative;
    float: right;
    width: 109px;
    height: 30px;
    background: url('../images/bgTBox.png') no-repeat center center transparent;
    border:none
}
.cBCorto{width: 100px}
.cBLargo{width: 210px}
.der{float:right}
.izq{float:left}
.UlSelectize{margin: 0}
.inputTxt{
    font-family: 'Source Sans Pro', Arial;
    font-size: 12px;
    color:#fff;
    padding: 0 0 0 10px;
    font-weight: normal;
    line-height: 20px
}

/*-- Form de suscripción --*/

#formOpt{
    position: relative;
    width: 249px;
    height: 193px;
    border: solid 6px #FFBF00;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#formBook{
	position: relative;
	width: 249px;
	height: 305px;
	border: solid 6px #FFBF00;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
}

#formOpt .fondoFalsoOpt{
    position: absolute;
    left:0;
    top:0;
    height:193px;
    width: 249px;
    opacity: 0.70;
    filter:alpha(opacity=70);
    background-color: #FFF;
}

#formOpt .fondoFalsoBook{
    position: absolute;
    left:0;
    top:0;
    height:305px;
    width: 249px;
    background-color: #FFF;
}

#btnOptSubmit{
    position: relative;
    float: left;
    width: 208px;
    height: 49px;
    background: url('../images/bgBtnOpt.png') no-repeat center center transparent;
    border:none;
    cursor: pointer
}