/*language bar*/
.spanish{ font-style: italic; font-weight: lighter;}
.lang-select{position: absolute; text-align: right; width:90%; padding:5px 5% 0;}
.lang-select p{font-size:.8em; text-align:right; color:gray; }
.lang-select a{ text-decoration: none; position: relative; width:auto;}
.lang-select a:hover{ color:black; text-decoration: underline;}

/*corporate color background*/
.yellow{background-color:#FFC844; color: white; padding: 20px;}
.blue{background-color:#0069A7; color: white; padding: 20px;}
.orange{background-color:#F18A00; color: white; padding: 20px;}
.lines{background-image:url(../images/background-lines.png); background-size: 20%; font-weight:500; font-size:.9em;}

.logorama{margin-top:40px;}
.logorama span{width:170px; height: 80px; display: inline-block;}
.logorama img{vertical-align:middle;}

/*header container spanish
#header{width: 450px; height:350px; margin:0 auto; position:relative; }*/

/*footer*/
.left{float:left; width:50%;}
.left a{text-decoration: none; color:gray; padding-left: 10px; font-size:.8em; margin-bottom:7px; display: inline-block;}
.left p{margin:0;}
.right{float:left; width:50%;}
.right p{margin:0;}
.cloud{background:url('../images/element-cloud.svg'); background-size: 300px 200px; width: 300px; height: 200px; display: block; position: relative; padding: 12px 30px; margin-left:55px}
.cloud p{color:#fff !important; margin-bottom: 10px; background:url('../images/element-cloud.svg'); background-size: 300px 200px;}
.copyright{margin-top:50px; display: inline-block; position: relative; font-size:.8em;}

input[type="button"]{margin-top:10px; padding: 3px 5px;}

.footer{
	padding: 20px 20%;
}

.cbp-fwslider {
	position: relative;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0 0 40px;
	height:380px;
}

.cbp-fwslider ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
}

.cbp-fwslider ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div {
	display: block;
	text-align: center;
	outline: none;
}

.cbp-fwslider ul li > a img {
	border: none;
	display: block;
	margin: 0 auto;
	width: 100%; /* works ok with max-width:75% */
}

.cbp-fwslider nav span {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 100px;
	background: #47a3da;
	color: #fff;
	font-size: 50px;
	text-align: center;
	margin-top: -50px;
	line-height: 100px;
	cursor: pointer;
	font-weight: normal;
}

.cbp-fwslider nav span:hover {
	background: #378fc3;
}

.cbp-fwslider nav span.cbp-fwnext {
	right: 0px;
}

.cbp-fwslider nav span.cbp-fwprev {
	left: 0px;
}

.cbp-fwdots {
	position: absolute;
	bottom: 0px;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}

.cbp-fwdots span {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #ddd;
	margin: 4px;
	border-radius: 50%;
	cursor: pointer;
}

.cbp-fwdots span:hover {
	background: #999;
}

.cbp-fwdots span.cbp-fwcurrent {
	background: #47a3da;
	box-shadow: 0 0 0 2px #47a3da;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

@media only screen and (max-width: 400px) {
    /* For phones: */
	.cbp-fwslider ul li > a img {max-width: 100%;}
	.left, .right{ width:100%;}
	.right{margin:0; padding: 0;}
	.cloud{padding:12px 30px; margin-left:0;}
	.footer{padding: 20px 0;}
	/*#header {zoom:0.7; -moz-transform: scale(0.7);}*/
}


*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100vh;
	padding: 0; margin: 0;

}

body {
  font-family: 'Open Sans', sans-serif;
	font-size: .9em;
  color: #555;
}

h1 {
  padding: 50px 0;
  font-weight: 400;
  text-align: center;
}

p {
  margin: 0 0 20px;
  line-height: 2;
	text-align: left;
	font-weight: normal;
}

main {
  min-width: 320px;
  max-width: 100%;
  padding: 50px;
  margin: 0 auto;
  background: #fff;
}

textarea {resize: none; padding:5px;}

textarea::-webkit-input-placeholder {
color: gray;
line-height: 1.5;
font-style:italic;
	padding:5px;
}

textarea:-moz-placeholder { /* Firefox 18- */
color: gray;
line-height: 1.5;
font-style:italic;
	padding:5px;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
color: gray;
line-height: 1.5;
font-style:italic;
	padding:5px;
}

textarea:-ms-input-placeholder {
color: gray;
line-height: 1.5;
font-style:italic;
	padding:5px;
}