*{margin:0px; padding:0px;}

@font-face{
	font-family:SegoeBold;
	src:url(../fonts/SegoeUISemibold.ttf);
}

.logo{
	float:left;
	margin-top: -44px;
	padding-left: 12px;
	padding-top: 1px;
	width:250px;
}

.menu_bar {
	display:none;
}

header {
	width: 100%;
	height: 61px;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#259A92;
}

header nav {
	background:#fff;
	z-index:1000;
	max-width: 1050px;
	width:90%;
	margin-left:auto;
}
 
header nav ul {
	margin-top: 60px;
	list-style:none;
}
 
header nav ul li {
	display:inline-block;
	position: relative;
	margin-right: -3px;
}
 
header nav ul li:hover {
	background:#259A92;
	color: #FFF;
	border-radius: 15px 15px 0px 0px;
}

header nav ul li:hover a{
	color: #FFF;

}
 
header nav ul li a {
	color:#000;
	font-family: SegoeBold;
	font-size: 16px;
	border-radius:15px 15px 0px 0px;
	display:block;
	text-decoration:none;
	padding: 20px;
}
 
header nav ul li a span {
	margin-right: 4px;
}
 
header nav ul li:hover .children {
	display:block;
}
 
header nav ul li .children {
	display: none;
	background:#23635D;
	border-radius: 0px;
	position: absolute;
	width: 130%;
	top: 1px;
	padding-left: 0;
	z-index:1000;
}

 
header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
	border-radius: 0px;
}
 
header nav ul li .children li a {
	display: block;
}
 
header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}


.contenido{
	background:url("../img/ejemplo.jpg");
	width:100%;
	height:530px;
	overflow:hidden;
	animation:fade 1s ease 1;
}

/*-----------------------------------------------------------*/

#inicioContenido{
	background:-webkit-linear-gradient(top,rgba(255,255,255,.5),#259A92);
	background:-moz-linear-gradient(top,rgba(255,255,255,.5),#259A92);
	background:-o-linear-gradient(top,rgba(255,255,255,.5),#259A92);
	background:-ms-linear-gradient(top,rgba(255,255,255,.5),#259A92);
	overflow:hidden;
	height:100%;
}

.veinte{
	width:25%;
	height:220px;
	overflow:hidden;
	padding:0px;
	float:left;
	animation:scale .8s ease 1;
	
	transition:all ease .6s;
	-moz-transition:all ease .6s;
	-webkit-transition:all ease .6s;
	-o-transition:all ease .6s;
}

.veinte:hover{
	opacity:.8;
}

.veinte img{
	width:100%;
	height:100%;
	overflow:hidden;
}

.cincuenta{
	font-family: SegoeBold;
	width:50%;
	height:220px;
	overflow:hidden;
	padding:0px;
	float:left;
	text-align:center;
	font-size:1.2em;
	color:#333;
	
	
	transition:all ease .6s;
	-moz-transition:all ease .6s;
	-webkit-transition:all ease .6s;
	-o-transition:all ease .6s;
}

.cincuenta h2,p{
	padding:7px;
}


#dona{
	background:#f19700;
	color:white;
	width:190px;
	height:60px;
	border:2px solid transparent;
	font-size:1.1em;
	
	transition:all ease .6s;
	-moz-transition:all ease .6s;
	-webkit-transition:all ease .6s;
	-o-transition:all ease .6s;
	-webkit-box-shadow: 4px 4px 10px 2px rgba(191,185,191,1);
	}

#dona:hover{
	cursor:pointer;
	border:2px solid rgba(0,0,0,.1);
}

/*-----------------------*/

.iconCincuenta{
	width:50px;
	height:50px;
	margin:10px;
	margin-top:40px;
	
	transition:all ease .5s;
}

.iconCincuenta:hover{
	opacity:.9;
	cursor:pointer;
}

#cincuentaIcons{
	background:url(../img/colorfooter.jpg));
	color:white;
}

#cincuentaIcons h3{
	margin-top:20px;
	margin-bottom:20px;
	text-shadow:1px 2px 10px rgba(0,0,0,.7);
}

#cincuentaIcons p{
	text-shadow:1px 2px 10px rgba(0,0,0,.7);
	font-size:1em;
	margin-top:20px;
}

#info{
	background:white;
	border-radius:10px;
	border:1px solid rgba(0,0,0,.5);
	padding:20px;
	float:right;
	width:500px;
	margin-top:20px;
	margin-right:20px;
	animation:move 1s ease 1;
}

#info h2{
	text-align:center;
	font-size:2em;
	color:#259a92;
}

.contenido p{
	padding:10px;
	font-size:2em;
	color:#444;
}
	
.logmenu2{
display:none;
}

@keyframes fade{
	from{opacity:0;}
	to{opacity:1;}
}

@keyframes move{
	from{transform:translateX(500px);}
	to{}
}

@keyframes scale{
	from{transform:scale(0);}
	to{}
}

@media screen and (max-width:1265px ) {

	body{
		padding-top: 80px;
	}

	header .logo{
		display:none;
	}

	.logmenu2{
		display:block;
		margin-left:15%;
		margin-top:25px;
		width:30%;
		min-width:150px;
		z-index:2;
	}

	#info{
		margin:0 auto;
		float:none;
		margin-top:14px;
		width:90%;
	}
	

	.menu_bar{
		display: block;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: #024959;
	}

	.menu_bar .bt-menu{
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-family: SegoeBold;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span{
		float: right;
		font-size: 40px;
	}

	header{
		height: 0px;
	}

	header nav{
		top: 80px;
		width: 80%;
		height: calc(100% - 80px);
		background-color: #186560;
		position: fixed;
		right: 100%;
		margin: 0;
		overflow: scroll;

	}

	header nav ul{
		margin-top: 0;
		padding: 0;
	}

	header nav ul li{
		display: block;
		border-bottom: 1px solid rgba(255,255,255,.5);
	}

	header nav ul li a{
		display: block;
		border-radius: 0;
		color: #fff;
	}

	header nav ul li:hover .children{
		display: none;
	}

	header nav ul li .children{
		width: 100%;
		position: relative;
		background-color: #074A44;
		display: none;
	}

	header nav ul li:hover {
		border-radius: 0px;
	}

	header nav ul li .children li a{
		margin-left: 20px;
	}

	header nav ul li .caret{
		float: right;
	}

}

@media only screen and (max-width:1070px){
	
	.cincuenta{
		font-size:.95em;
	}
	
	#dona{
		margin-top:10px;
	}
	
}

@media only screen and (max-width:700px){
	
	.veinte{
		width:100%;
	}
	
	.cincuenta{
		width:100%;
	}
	
	.cincuenta{
		font-size:.95em;
	}
	
	#dona{
		margin-top:10px;
	}
	
	#call{
		font-size:.8em;
	}
	
}