@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

*{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

element.flex {
	display: flex;
}

body {margin:0}

h1{
	font-family: 'Lato', sans-serif;
	font-size: 400%;
	color: white;
	font-weight: 300;
	text-shadow: 4px 4px 10px #000000;
 
	top: 50%;
	-webkit-transform: translateY(-50%); 
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	width: 100%;
	position: absolute;
}

h2{
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	color: #0D6068;
	font-weight: 300;
	min-width: 200px; 
	display:inline-block;
	text-align: center;
	padding-top: 2.5%;
	padding-bottom: 3%;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0;
	}
	
	h3{
	font-family: 'Lato', sans-serif;
	font-size:100%;;
	color:#434041;
	font-weight: 700;
	min-width: 200px; 
	display:inline-block;

	padding-bottom: 1%;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 0.5;
	text-align:center;
	vertical-align:top;
	margin-bottom:0%;
	padding-top: 3%;

	}
	h4{
	font-family: 'Lato', sans-serif;
	font-size:100%;;
	color:#0D6068;
	font-weight: 700;
	min-width: 220px; 
	display:inline-block;

	padding-left: 30px;
	padding-right: 30px;
	line-height: 0.5;
	text-align:left;
	vertical-align:top;
	font-weight: 300;
	margin:0px;
		}

h5{
	font-family: 'Lato', sans-serif;
	font-size:100%;
	color:#FFF;
	font-weight: 700;
	min-width: 200px; 
	display:inline-block;

	padding-bottom: 2%;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 0.5;
	text-align:center;
	vertical-align:central;
	font-weight: 300;
	margin-bottom:0%;
	padding-top: 2%;
	}


.header {
	/*width: 21%;
	max-width: 210px;*/
	margin-left: 5vw;
	margin-top: 2vw;
	margin-bottom: 2vw;
}

.portada {
	position: relative;
	
	
}
.img-portada{
	position: relative; 
	color: #FFF;
	min-width: 200px;
}
.title-port{
	width:100%;
}
@media only screen and (max-width: 1110px) {
    .title-port h1{
        font-family: 'Lato', sans-serif;
		font-size: 300%;
		color: white;
		font-weight: 300;
    }
    
    .header div{
        font-size: 90%;
    }
	
}
@media only screen and (max-width: 830px) {
    .title-port h1{
        font-family: 'Lato', sans-serif;
		font-size: 200%;
		color: white;
		font-weight: 300;
    }
	
    .header div{
        font-size: 80%;
    }
}
@media only screen and (max-width: 560px) {
    .title-port h1{
        font-family: 'Lato', sans-serif;
		font-size: 100%;
		color: white;
		font-weight: 300;
    }
    
    .header div{
        font-size: 70%;
    }
}

@media only screen and (max-width: 500px) {
    .title-port h1{
        font-family: 'Lato', sans-serif;
		font-size: 50%;
		color: white;
		font-weight: 300;
    }
    
    .header div{
        font-size: 50%;
    }
}

.foto-portada {
	max-width: 100%;
	height: auto;
}

.servicios {
	max-width: 70%;
}

.products {
	width: 100%;
	background-color: #EEEEEE;
	font-weight: 300;
    padding-bottom: 5%;
}

.icon {
	margin-bottom:15%;
	width: 100px;
    display: block;/* se agrrgo display y margin-left para poder centrar la imagen y el trxto*/
    margin-left: 35px;
}

.title{
	font-family: 'Lato', sans-serif;
	font-size: 300%;
	color:#434041;
	font-weight: 300;
	padding-top: 5%;

	
	
	}
	.title-contact{
	font-family: 'Lato', sans-serif;
	font-size: 300%;
	color:#375868;
	padding-top: 5%;
	font-weight: 300;
    padding-bottom: 1%;
	}

#fondo-div {background-image:url(../images/fondo-team-02.jpg);
}
#tile1{
	font-family: 'Lato', sans-serif;
	font-size: 370%;
	color:#FFF;
	border-left-color: #FFF;
	vertical-align:center;
	height:1px;
	border-right-style: solid;
	border-right-width:1px;	
	text-height:5cm;
	}
	#tile2{
	font-family: 'Lato', sans-serif;
	font-size: 300%;
	color:#FFF;
	font-weight: 300;
	padding-top: 5%;
    padding-bottom: 1%;
	}
	#aling{
		text-align:left;
		}
.float{
	margin-bottom:2cm;
	margin-top:0.2cm;/*de 1.7 a 0.2*/
	float:right;
	text-align:left;
	font-family: 'Lato', sans-serif;
	color: white;
	}
			
.contacttextform{
	width:100%;
	padding:6px 4% 6px 4%;
	border:1pt solid #C7C7C7;
	color:#000;
	font-size:12pt;
	font-family: 'Lato', sans-serif;
	margin-bottom:3px;
}
.contacttextform2{
	width:100%;
	border:0px solid #d5d5d5;
	color:#000;
	font-size:12pt;
	font-family: 'Lato', sans-serif;
	margin-bottom:3px;
}

.contactformbutton{
	background-color: #E2E2E2;
	margin-bottom:3px;
	padding:6px 4% 6px 4%;
	font-family: 'Lato', sans-serif;
	font-size: 12pt;
	float: right;
	width:2.1cm;
	border: 0px;
	color: #000;
}
.contactformbutton:hover{
	background-color:#A8A7A7;
	padding:6px 4% 6px 4%;
	font-size: 12pt;
	float:right;
	border:0px;
	color:#000;
	margin-bottom:3px;
}


.contacttextboxes{
	display:inline-block;
	float:center;
	padding: 50px 10px 10px -20px;
	font-family: 'Lato', sans-serif;
	font-size:100%;;
	color:#0D6068;
	font-weight: 700;
	/*min-width: 230px; */
	display:inline-block;
	text-align: center;
	padding-bottom: 2%;
	line-height: 0.5;
	text-align:left;
	vertical-align:central;
	font-weight: 300;
	margin-bottom:2%;
}
.contacttextboxes .item{
	padding:0px 0px 5px 0px;
	margin:0px;
	border:0px;
    width:100%;
}

.infoConfirm{
    width: 70%; 
    height: 34px; 
    background-color: #fff;
    text-align: center;
    line-height: 30px;
    display:none;
    color: green;
    float: left;
}

.linkLogin {
    font-family: 'Lato', sans-serif;
    font-size: 100%;
    color: #fff;
    font-weight: 300;
    min-width: 35px;
    cursor: pointer;
    float: right;
    line-height: 40px;
    margin-right: 1px;    
    padding: 0px 10px 0px 10px;     
    background-image: url(../images/foto-portada.jpg);
}

.loginForm{
    color:#375868;
	font-size:12pt;
	font-family: 'Lato', sans-serif;
}

.fieldlist {
	margin: 0 0 -2em;
	padding: 0;
}
	
.fieldlist li {
	white-space: normal;
	list-style: none;		
	margin: 5px;	
}

.k-window-titlebar {
   text-align: center;   
   font-family: 'Lato', sans-serif;
}

span.k-widget.k-tooltip-validation {
  display: inline-block;
  text-align: left;
  border: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  color: orangered;
  /*font-size: 12px;*/
  font-size: 100%;
  font-weight: 300;
  margin: 0px;
  width: 100%;
  position: relative;
  left: 0;
}

.k-tooltip-validation .k-warning {
  display: none;
}

.k-window-content { 
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}