/**** HTML TAGS ****/
textarea:focus, input:focus, select:focus {border-color:#ffffff;}
a {color:#122B3A;text-decoration:none;}
a:hover {text-decoration:underline;}

a.event {
    border-left:#ffffff;
}
a.event:hover {
	background-color:#ffffff;
	color:#000000;
    border-color:#ffffff;
}

/**** CSS CLASSES ****/

.headerImageWidth {width:1000px;}
.headerImageHeight {height:360px;}

.link01 {color:#122B3A;text-decoration:none;}
.link02 {color:#000000;text-decoration:none;}
.link03 {color:#122B3A;text-decoration:none;}
.link01:hover {text-decoration:underline;}
.link02:hover {text-decoration:underline;}
.link03:hover {text-decoration:underline;}

.bgcolor01 {background-color:#ededed;}
.bgcolor02 {background-color:#c7c1b9;}
.bgcolor03 {background-color:#ffffff;}
.bgcolor04 {background-color:#ebebeb;}
.bgcolor05 {background-color:#ffffff;}
.bgcolor06 {background-color:#ffffff;}
.bgcolor07 {background-color:#EEEEEE;}
.bgcolor08 {background-color:#6035cc;}
.bgcolor09 {background-color:#ffffff;}
.bgcolor10 {background-color:#6035cc;}
.bgcolor11 {background-color:#6035cc;}
.bgcolor12 {background-color:#6035cc;}
.bgcolor13 {background-color:#6035cc;}
.bgcolor14 {background-color:#ffffff;}

.bcolor01 {border-color:#e3e3e3;}
.bcolor02 {border-color:#a6a8ad;}
.bcolor03 {border-color:#535353;}
.bcolor04 {border-color:#a6a8ad;}
.bcolor05 {border-color:#3C3F46;}
.bcolor06 {border-color:#adadad;}
.bcolor07 {border-color:#d1d1d1;}
.bcolor08 {border-color:#ffffff;}
.bcolor09 {border-color:#cccccc;}
.bcolor10 {border-color:#ffffff;}
.bcolor11 {border-color:#ffffff;}
.bcolor12 {border-color:#ffffff;}
.bcolor13 {border-color:#ffffff;}
.bcolor14 {border-color:#d1d1d1;}

.color01 {color:#a67ea6;}
.color02 {color:#3a3a3a;}
.color03 {color:#575757;}
.color04 {color:#464646;}
.color05 {color:#000000;}
.color06 {color:#464646;}
.color07 {color:#323232;}
.color08 {color:#ffffff;}
.color09 {color:#292929;}
.color10 {color:#ffffff;}
.color11 {color:#ffffff;}
.color12 {color:#ffffff;}
.color13 {color:#ffffff;}
.color14 {color:#464646;}

.font {font-family:verdana,arial,helvetica,trebuchet,sans;}
.font.nano {font-size:7pt;}
.font.small {font-size:8pt;}
.font.normal {font-size:9pt;}
.font.large {font-size:10pt;}
.font.big {font-size:12pt;}
.font.huge {font-size:15pt;}
.font.event {font-size:22pt;}
.font.bold {font-weight:bold;}
.font.italic {font-style:italic;}
.font.justify {text-align:justify;}
.font.thin { font-weight:normal;}

.center {margin-left:auto; margin-right:auto;}
.right {margin-left:auto; margin-right:0;}
.left {margin-left:0; margin-right:auto;}
.textright {text-align:right;}
.textleft {text-align:left;}
.textcenter {text-align:center;}
.fright {float:right;}
.fleft {float:left;}
.fnone {clear:both;}
.vtop {vertical-align:top}
.vmiddle {vertical-align:middle;}
.vbottom {vertical-align:bottom}
.nowrap {white-space: nowrap;}
.underline {text-decoration: underline;}
.inline {display:inline;}
.inlineblock {display:inline-block;}
.table { display: table; }
.tr { display: table-row; }
.td { display: table-cell; }
.hidden {visibility:hidden;display:none;}
.visible {visibility:visible;}

.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}

.sucess {color:green;}
.error {color:red;}
.required {font-weight:bold;} /* Zend_Form auto class required fields */
.doublebr {padding: 5px;} /* To use in Zend_Form decorators to put some whitespace between fields */
.errors {color: red;margin:0;padding:0;padding-left:2em;}
.link {cursor:pointer;}
.link:hover{}
.faded{opacity:.5;}

.box {border-width:1px;border-style:solid;}
.bright {border-right:1px solid}
.bleft {border-left:1px solid}
.btop {border-top:1px solid}
.bbottom {border-bottom:1px solid}

.ajaxLoadModal {background: transparent; background: rgba(40, 40, 40, 0.2); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33282828,endColorstr=#33282828)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33282828,endColorstr=#33282828); zoom: 1; z-index: 9999;}

/**** CSS CONTAINERS ****/

/**** LAYOUT CSS ****/
header { margin-top: 100px;background:transparent; }
header .container { width: 100%; margin: 0; background-position: center; background-size: 100% auto; background-repeat: no-repeat; padding-top: 0;padding-bottom: 0; margin-top: 0; }
headerTextPublic{padding-top:20px;}
footer{
	 position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
footer .fa-map-marker { font-size: 150%; }
footer .footer-above { background-color: transparent; }
footer .footer-below { background-color: transparent; }
table { border-collapse: separate; border-spacing: 2px; }
td, th { padding: 2px; }
label { margin-bottom: 0; font-weight: normal; }
section {padding: 80px 0; padding-bottom:65px;}
.navbar-custom .navbar-nav li.active a,.navbar-custom .navbar-nav li.active a:active,.navbar-custom .navbar-nav li.active a:focus,.navbar-custom .navbar-nav li.active a:hover { background: none; }
#formTd p { font-size: 100%; }
#page_emo_contact{padding-top:65px;}
#admeusPub { margin-top: -14px; color: #333; background-color: #FFFFFF; text-align: center; }
#mainNav{height:auto;}
#mainNav .container { width: 98%; margin: 0 auto; }
#mainmenu { margin-top: 15px; }
#mainmenu .subMenu { width: auto; display: none; position: absolute;	z-index: 999; opacity: 1; white-space: nowrap; }
#menuL i { font-size: 200%; }
#menuL i { font-size: 200%; }
#menuL a span { font-size: 70%; }
#menuL:after { clear: both; }
#menuL a:hover { opacity: 0.6; }
#menuLangs { position: relative; font-size: 120%; margin-left: 20px; margin-top: 40px; }
#otherLangs { width: 100%; position: absolute; top: 90%; left: 0; }
#otherLangs div { width: 100%; }
#otherLangs a { display: block; width: 100%; line-height: 180%; }
#page_emo_area { padding: 0; }
#page_emo_area .container {  width: 100%; padding: 0; }
#page_emo_area .container #modalDetails {  width: 100%; height: 100%; margin: 0; padding: 0; }
#page_emo_area .container #modalDetails #detailsDiv {  width: 900px; padding: 0; margin: auto; padding-top: 50px; padding-bottom: 50px; }
#page_emo_area .container #modalDetails_load {  padding-top: 50px; }
#page_emo_area .container #modalDetails #streamList { margin-top: 10px; width: 100%; }
#messenger {
    background-color: #fddede;
    border: 1px solid #ca6a6a;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), 0 -1px 1px 0 rgba(255, 255, 255, 0.4) inset;
    color: #7e4a4a;
    height: 70px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: -120px;
    width: 25%;
    z-index: 9999;
}
#messenger.sucess_bg {
    background-color: #d4f8d9;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    border: 1px solid #89c491;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.4);
    color: #4d6550;
}
#formLogin input[type="text"], #formLogin input[type="password"], #formLogin input[type="email"] { height: auto; vertical-align: bottom; }

.navbar-custom { padding: 10px 0; }
.navbar-custom.affix { padding: 2px 0; }
.navbar-toggle { float: left; }
.fa-power-off { color: #FF0000; }
.active { opacity: 1; }
/*loginForm*/


#formLogin #password-label{
    display:none;
}
#formLogin #email-element i,
#formLogin #password-element i{
    vertical-align:baseline;
}

/* lostPass*/
#formLogin{
     background-image: none !important;
     width: 425px !important;
	border-radius: 0 !important;
}
.fa-6x{
    font-size:6em;
}
#formLogin #email-label{
    display:none;
}
#formLogin span{
    font-size: 18px;
    font-weight: bold;
}
#formLogin .text {
    /*height: 30px;*/
	
     width: 80% !important;
	box-shadow: none !important;
	font-weight: 400 !important;
	border-radius: 0 !important;
	font-size: 110% !important;
}
#formLogin .submit {
	padding: 10px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border-width: 1px !important;
	font-weight: 400 !important;
	cursor: pointer !important;
}
#formLogin .submit:hover {
	opacity: 0.8 !important;
}
#formLogin .link02 {
	font-size: 9pt !important;
	text-decoration: underline !important;
}
#formLogin .fa-envelope{
    vertical-align:middle;
}
#formLogin .warning_msg {
	min-height: 20px;
	color: red;
	width: 80%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: justify;
}
/*Contact form*/
#contact_title { font-size: 12pt; text-transform: uppercase; font-weight: 400; }
#formContact {
	width: 100% !important;
	border-radius: 0 !important;
}
#formContact table, #formContact tbody, #formContact tr, #formContact td {
     display: block !important;
     text-align: center;
     width: 100% !important;
}
#formContact table>tbody>tr>td:first-child { display: none !important; }
#formContact #row_captcha{
	/*display:table-caption;*/
     display: block !important;
     margin-top: 10px;
}
#formContact #captcha-input{
     width:200px !important;
}
#formContact #row_SendToUser td {
     width: 49% !important;
     text-align: left;
     display: inline-block !important;
}
#formContact #row_SendToUser td:first-child {
     text-align: right;
}
#formContact #row_submit td {
     display: block !important;
}

#formContact input[type="text"], #formContact textarea {
     width: 80% !important;
	box-shadow: none !important;
	font-weight: 400 !important;
	border-radius: 0 !important;
	font-size: 110% !important;
}
#formContact #submit {
    padding: 10px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	border-width: 1px !important;
	font-weight: 400 !important;
	cursor: pointer !important;
     margin-top: 20px;
}
#formContact #submit:hover {
     opacity: 0.8;
}

@media only screen and (max-width : 1280px) {
    body { font-size: 12px; }
    header { margin-top: 90px; }
    #menuL i { font-size: 160%; }
    #menuL a span { font-size: 70%; }
    #menuLangs { min-width: 50px; font-size: 80%; margin-left: 10px; margin-top: 20px; }
    #otherLangs a { min-width: 50px; min-height: 30px; line-height: 280%; }
}
@media only screen and (max-width : 1024px) {
    body { font-size: 10px; }
    #messenger {width: 50%;}
}
@media only screen and (max-width : 2768px) {
    body { font-size: 12px; }
    .navbar-custom .navbar-toggle { font-size: 120%; }
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-left: 0; margin-right: 0; }
    .navbar-header { position: relative; width: 98%; margin-left: auto; margin-right: auto; }
    .navbar-header .container { padding-left: 0 !important; padding-right: 0 !important; }
    .navbar-nav { margin: 7.5px 0; }
    .navbar-right { float: right !important; }
    .navbar-right > li { float: left !important; }
    .navbar-toggle { margin-top: 20px; }
    #maimenu:before { clear: both; }
    #maimenu a { font-size: 80%; }
    #menuL { margin-right: 5px;}
    #menuL a span { font-size: 100%; }
    #menuLangs { font-size: 80%; }
    #menuLangs a { font-size: 120%; }
    .subMenu { position: relative !important; display: block !important;  padding-left: 5%; }
    .navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover {
    opacity: 0.7;
}
#messenger {width: 50%;}
}
@media only screen and (max-width : 767px){
   /*Contact Form*/
    #formContact tr {
        display:table;
    }
    #contact {
    width: 100% !important;
    }
    #contact_title,
    #formContact #contactForm_SendToUser{
        font-size: 110% !important;
    }
    #formContact #subject,
    #formContact #name,
    #formContact #email,
    #formContact #message{
        width:90%;
        height:auto;
        font-size:2em;
    }
     #formContact textarea{
        width:90%;
        font-size:2em;
     }
    .fa-2x{
        width:auto;
        font-size:2em;
        margin-top:26px;

    }
	
    #formContact #captcha-element img {
        height: 100px;
    }
    #formContact #submit-element #submit{
        text-align:center;
    }
	#formContact #row_SendToUser{
	padding-left: 10%;
	}
	#formContact #captcha-element{
		padding-left: 30%;
	}
}
@media only screen and (max-width : 620px) {
    #menuL i { font-size: 300%; }
    #menuL a span { display: none; }
}
@media only screen and (max-width : 500px) {
    /*.font.normal { font-size: 6px; }
    .font.small { font-size: 4px; }*/
    #formTd .registerRightTd input { padding: 10px 2px; }
    #formTd .registerRightTd label { display: block; font-size: 3.7em; }
    #formTd .registerRightTd input[type="checkbox"] { height: 50px; width: 50px; min-width: 0; margin-right: 10px; }
    #formTd .registerRightTd input[type="radio"] { height: 50px; width: 50px; min-width: 0; margin-right: 10px; }
    #formTd .secondTd input { font-size: 0.9em; padding-bottom: 10px; padding-top: 10px; }
    #formTd .secondTd .noEnterSubmit { padding-bottom: 10px; padding-top: 10px; }
    #formTd input[type="checkbox"] { height: 50px; width: 50px; min-width: 0; margin-right: 10px; }
    #formTd .lodgerTableTop input { padding: 10px 2px; min-width: 50px; }
    #formTd .hotelObservationsTr textarea { padding: 10px 2px; min-width: 50px; }
    #formTd .payerObservationsDiv textarea { padding: 10px 2px; font-size: 1em; }
    #formTd .payerObservationsDiv .obsLimit { font-size: 3em; }
    #formTd .payerTable input[type="radio"] { height: 50px; width: 50px; margin-right: 10px; }
    #status_ok { white-space: normal !important; }
	

}