body { margin:0px; }
#loginpie{
	margin-top:10px;
	float:left;
	width:100%;
	height:100px;
	background-color:#fff;
	margin-left:0;
	margin-right:0;
	padding:0;
}
#barratitulomenu{
	width:100%;
	height:40px;
	background-color:#37454D;
}
#selagencia{
	width:400px;
	height:120px;
	margin-left:50px;
	float:left;
	border:1px solid #424242;
}
.flatcito {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 10px 25px;
  font-size: 12px;
  font-family: "Bitter",serif;
  line-height: 1.8;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  color: #fff;
  background-color: #086A87;
  border: none;
}

.flatcito:focus {
  outline: none
}
#divusuarios{
	width:210px;
	height:350px;
	margin-left:10px;
	float:left;
	border:1px solid #848484;
}
#loginpiemenu{
    width:100%;
	height:4px;
	background-color:#2E2E2E;
}
#divbotnportada{
    width:12vw;
	height:200px;
	margin-left:4vw;
	float:left;
	border:1px solid #F2F2F2;
	background-color:#FFFFFF;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
#divbotnportadainsideuno{
    width:100%;
	height:calc(100%-20px);
	height:calc-(100%-20px);
	float:left;
}
#divbotnportadainside{
    width:100%;
	height:20px;
	margin-bottom:0px;
	float:left;
	background-color:#585858;
}
#divportada{
	width:18%;
	max-height:400px;
	margin-left:1%;
	float:left;
	border:1px solid #848484;
	overflow:scroll;
}
#divportadados{
	width:75%;
	height:400px;
	margin-left:1%;
	float:left;
	padding-bottom:10px;
	border-bottom:1px solid #01A9DB;
}
#divhoteles{
	width:210px;
	height:500px;
	margin-left:10px;
	float:left;
	border:1px solid #848484;
}
#divtraslados{
	width:210px;
	height:350px;
	margin-left:10px;
	float:left;
	border:1px solid #848484;
}
#divservicios{
	width:210px;
	height:350px;
	margin-left:10px;
	float:left;
	border:1px solid #848484;
}
#divpaquetes{
	width:210px;
	height:350px;
	margin-left:10px;
	float:left;
	border:1px solid #848484;
}
#divasistencia{
	width:210px;
	height:350px;
	margin-left:15px;
	float:left;
	border:1px solid #848484;
}
#loginpie-firma{
	width:100%;
	height:50px;
	background-color:#37454D;
	margin-left:0;
	margin-right:0;
	margin-top:0px;
}
#loginpie1{
	width:30%;
	height:50%;
	float:left;
	vertical-align:top;
	padding:0;
}
#loginpie2{
	width:100%;
	height:50%;
	float:left;
	padding:0;
	vertical-align:top;
}
#loginpie21{
	width:55%;
	float:left;
}
#loginpie22{
	width:35%;
	float:left;
}


#loginpie3{
	width:70%;
	height:50%;
	float:left;
	padding:0;
	vertical-align:top;
}
#loginpie31{
	width:30%;
	float:left;
}
#loginpie32{
	width:35%;
	float:left;
}
#loginpie33{
	width:35%;
	float:left;
}
.letrarobotothinpie{
color:#424242;
font-family: "Roboto", sans serif;
font-weight: 300;
font-size:15px;
padding-left:1px;
}
.letrarobotothinpiewhite{
color:#fff;
font-family: "Roboto", sans serif;
font-weight:300;
line-height:30px;
font-size:15px;
padding-left:1px;
}
/*style confirmation***************************************/
#contienefile{
	width:600px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#file{
	width:280px;
	height:80px;
	float:left;
    background-color:#FF4000;
}
.imprimefile{
	width:80px;
	height:80px;
	float:left;
    background-color:#0B3861;
	border:1px solid gray;  
	text-decoration: none;
    display: inline-block;
}
.agregafile{
	width:80px;
	height:80px;
	float:left;
    background-color:#0B615E;
	border:1px solid gray;  
	text-decoration: none;
    display: inline-block;
}
.modificafile{
	width:80px;
	height:80px;
	float:left;
    background-color:#B18904;
	border:1px solid gray;  
	text-decoration: none;
    display: inline-block;
}
.cancelafile{
	width:80px;
	height:80px;
	float:left;
    background-color:#B43104;
	border:1px solid gray;  
	text-decoration: none;
    display: inline-block;
}
#suconfirmacion{
	width:100%;
	height:80px;
	float:left;
	border:1px solid #0B615E;
    background-color:#FFFFFF;
}
/*style confirmation***************************************/
#superior{
	width:100%;
	height:40px;
	background-color:#0489B1;
	margin-left:0px;
	margin-right:0px;
    background-image: url("../img/123123.jpg");
    background-repeat: repeat-x;
}
#cuerpo{
	width:100%;
	height:-webkit-calc(100% - 176px);
	height:webkit-calc(100% - 176px);
	height:-calc(100% - 176px);
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
}

#loggin{
	width:360px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid gray;
	border-radius: 5px 5px 5px 5px;
	margin-top:0
}