@charset "utf-8";
/* CSS Document */
body{
/* background: url("../images/background.jpg") #0A080F !important; */
/* background-color: #0A080F; */
/*
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
background-attachment: fixed;
background-color: #0A080F; 
background-image: url("../images/background.jpg");*/
}
#dvLogin,#dvMain,#dvCompleteInfo,#dvCompleteInfo2, #dvOffline {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
#dvItinerary,
#dvFlight,
#dvHotel,
#dvCtsNet,
#dvScheduleDetail,
#dvWelcome,
#dvCoCreation,
#dvEventPoll,
#dvEventPollDetail,
#dvMaps,
#dvCtsNetDetail,
#dvGrpAdmin,
#dvCoCreation,
#dvItinerary,
#dvChallenge
{
	text-align:center
}
#dvChallenge label
{
	text-align:left
}

#dvIdeaDesc,
#dvIdeaClaro{
	text-align:justify;
	font-size:12px; 
	padding:5px;
}

#dvLogin,#dvCompleteInfo,#dvCompleteInfo2 {
	margin-top:5%;
}
#dvOffline{
	/*margin-top:10%;*/
}
label.error {
	color: red;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	margin-top: 0.5em;
	width: 100%;
	float: none;
	background:url(../images/icon_error.gif) no-repeat no-repeat 0px 0px;
	padding-left: 18px;
	text-align: left;
	
}

.logoCvn {
	float: left;
	width: 226px;	
	margin-top: 6px;
}
.loginCvn {
	float: right;
	padding: 14px;
}
#dvWelcome, #dvItinerary,#dvCoCreation{
/*	width: 60%;*/
	margin-left: auto;
	margin-right: auto;
/*	margin-top: 6%;*/
}

.ui-bar {
	opacity: 0.9;
	filter: alpha(opacity=60);
	padding: 20px !important
}
#dvWelcome a.ui-link {
	text-decoration: none;
}
.ulNav  {
    list-style-type: none;
    margin: 0;
    padding: 0;
	text-shadow:0  1px  0  #000  !important;
}
.ulNav li {
    float: left;
	border-left: 1px solid gray;
	padding-left: 12px;
	text-align:center;
	width: 70px;
}

.ulNav a {
    display: block; 
    width: 60px;
	color:#FFF;
	text-decoration:none;
}
.ulNav a:active {
	color:#FFF;
	text-decoration:underline;
}
li.user {
	padding-top: 13px;
	padding-bottom: 13px;
	padding-right: 8px;
	border-left: none;
	width: 420px;
text-align: right;
}
.tabSchedule .ui-content {
padding: 0;
}
.line {
border-left: 1.5px dashed #000;
width: 29px;
height: 102px;
/* float: right; */
position: absolute;
right: 0;
bottom: 0;
}
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
#curSlide {
width: 40px;
}
.pnlOptions .ui-panel-inner{	
	padding-left: 0px !important;
	padding-right: 0px !important;
}
/*
@media screen and (max-width: 400px) {*/
	#dvWelcome .ui-block-a,#dvItinerary .ui-block-a,#dvCoCreation .ui-block-a,
	#dvWelcome  .ui-block-b,#dvItinerary  .ui-block-b,#dvCoCreation  .ui-block-b,
	#dvWelcome  .ui-block-c,#dvItinerary  .ui-block-c,#dvCoCreation  .ui-block-c,
	#dvWelcome  .ui-block-d, #dvItinerary  .ui-block-d,#dvCoCreation  .ui-block-d,
	#dvWelcome  .ui-block-e, #dvItinerary  .ui-block-e , #dvCoCreation  .ui-block-e 
	{
		/*width: 100% !important;
		float: none;
		*/
		padding:5px;
	}
/*}*/

@media screen and (min-width: 500px) {
	#dvWelcome,#dvCoCreation,#dvItinerary,#dvCoCreation  {
		/*width: 100% !important;
		float: none;
		*/
		width: 60%;
	}
}
@media screen and (max-width: 501px) {
#dvWelcome,#dvCoCreation,#dvItinerary,#dvCoCreation  {
		/*width: 100% !important;
		float: none;
		*/
		width: 95%;
	}
}
.wrap {
    white-space: normal !important;
	font-size:0.8em;
	text-align:justify  !important;
}
 #map-canvas { 
	width: 100%;	
	padding: 0;
	color:#000;
	/*box-shadow: 0 0 0 4px #999, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);*/
	/*box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 1);*/
 }
.ui-body-g{
	border:0px  !important;
}
#codeAuth{
  font-size: 1.6em !important;
  border: 1px dashed;
  background: #333;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  font-weight:bold;
  padding:3px;
  text-shadow:2px 2px 0 #000 !important;
 
}
#pgMap .ui-select {
  margin: 0 !important;
}
/*#pgMap .ui-content {
  padding: 0 !important;
}*/

#imgEjecContainer, #imgEjecContainerMap {
	height: 180px;
	line-height:180px;
}
#imgEjecContainer, #imgEjecContainerMap  {
    display: none;
    width: 100%;    
    overflow: hidden;
    text-align:center;
    
}
#imgEjecContainer img, #imgEjecContainerMap img {
    min-width: 100%;
    vertical-align:middle;
    margin:-50% -100%;
}
.liImg{
	padding:0px !important;
}
#slPoint-button{
	border-top-right-radius: 0  !important; 
	border-top-left-radius: 0  !important;
	border-bottom-right-radius: 0  !important;
	border-bottom-left-radius: 0 !important;
}

.footer{
text-align:center;

}
.ui-footer{
border:0px !important	
}



.dvGreetz {
    background: url('../images/bgGrettz.jpg') no-repeat scroll top center / 100% auto;
    width: 100%;
    /* border: 1px solid red; 
    height: 409px;*/
}

.dvGreetz h3{
	
    margin: 0;
    padding-top: 70px;
    text-align: center;

}
#userGreetz{
	text-align: center;
    
}

#userGreetz h2{
	margin-bottom: 0px;
}
#userGreetz p{
	margin-top: 0px;
}
div#dvCopyGreetz {
    padding: 2em;
    text-align: center;
}
#dvCopyGreetz {
    padding: 2em;
    text-align: center;
}
#dvCopyGreetz > img {
    margin-top: 10px;
}

.controlgroup-textinput{
/*    padding-top:.22em;
    padding-bottom:.22em;*/
    padding: .22em !important

}
.search{
	width: 100% !important;
}
#imgIdeaContainer, #imgEjecContainer, #imgIdeaViewContainer, #imgIdeaViewContainerRead {
	height: 180px;
	line-height:180px;
}
#imgIdeaContainer, #imgEjecContainer , #imgIdeaViewContainer, #imgIdeaViewContainerRead {
  /*  display: none;*/
    width: 100%;    
    overflow: hidden;
    text-align:center;
    
}
#imgIdeaContainer img, #imgEjecContainer img, #imgIdeaViewContainer img, #imgIdeaViewContainerRead img{
    min-width: 100%;
    vertical-align:middle;
    margin:-50% -100%;
}

em.error {
color: red;
/* float: left; */
background: lightyellow;
width: 100%;
display: block;
text-align: left;
}
label.error {
	color: red;
	
}