* {
	margin:0;
	padding:0;
}
body {
	
}
#cabecera{

	color: white;
	height:auto;
	width: 100%;
  	text-align: center;
  	margin-top: 30px;
  	padding-bottom: 2%;
  	font-family: arial;

}

#cabecera h1{
	font-size: 3.2vw;
	padding-top: 4vw;
	background-color: #018C96;
	padding-bottom: 1vw;

}
#cabecera p{

	background-color: #018C96;
	font-size: 1.5vw;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-style: italic;
	padding-right:6%; 
	padding-left: 6%;
	padding-bottom: 2%;
	padding-top: 2%;
}

#contenedor{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: arial;
}

#datosEmp{
	width: 50%;
	margin-left: 10%;
	margin-right: 3%;

}
#datosEmp div{
	margin-bottom: 3.5%;
}

#conEmp{
	width: 50%;
	margin-left: 2%;

}

#contenedor p{
	margin-top: 15%;
	font-size: 2vw;
	font-weight: 100;
	font-style: italic; 
}
#datosEmp pre{
	font-size:1.2vw;
	font-weight: 100;
	font-family: arial;
	margin-top: -11.2%;
}
#datosEmp p{
	margin-top: 17.2%;
}


#conEmp pre{
	margin-left: 25%;
	font-size:1.2vw;
	font-weight: 100;
	margin-top: 7%;
	font-family: arial;
}

b{
	margin-left: 10%;
	font-size:1.5vw;
font-family: arial;
}

iframe{
	width: 95%;
	height: 15.5vw;
	border:0;
	margin-top: -5%;
}


i{
	font-size:.88vw;
	font-weight: bold;
}

hr {
	margin-top: 1%;
  height: .5vw;
  background-color: #018C96;
  width: 21%;
  border: none;
}
#mis hr {
  width: 15%;
}
#vis hr {
  width: 14%;
}
#com hr {
  width: 28%;
}
#conEmp hr {
  width: 50%;
}
#mapa hr {
  width: 22%;
}

b span{
	color: #018C96;
	margin-right: 3%;
}

#dc1{
	margin-top: -5%;
	margin-bottom: 9%;
}

#dc2{
	margin-bottom: 9%;
}
#pcc{
	margin-top: -10%;
}













@media screen and (max-width:800px ) {
	#cabecera h1{
	padding-top: 5vw;
}

#contenedor{
	display: block;
	margin-left: 5%;
}

#datosEmp{
	width: 98%;
	margin-left: 2%;

}
#conEmp{
	width: 98%;
	margin-left: 2%;
}
	
#contenedor p{
	font-size: 5vw;
}
#datosEmp pre{
	font-size:3vw;
}
#conEmp pre{
	font-size:3vw;
}

b{
	font-size:4vw;
}

iframe{
	width: 98%;
	height: 150pt;
}
i{
	font-size:1.9vw;
}
hr {
  height: 1vw;
  width: 24%;
}
#mis hr {
  width: 17%;
}
#vis hr {
  width: 15%;
}
#com hr {
  width: 30%;
}
#dc hr {
  width: 55%;
}
#mapa hr {
  width: 25%;
}


}



