@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

 
body {
	background-image: url("../imagenes/inicio.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
	font-family: 'Open Sans', sans-serif;
}


.imageco_logo {
	display: flex;
	width: 100%;
	height: auto;
	padding: 40px;

}

.tbl_inicio{
	background-image: url("../imagenes/inicio_cuadro.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
	/*padding: 10px 0px;*/
	padding-top: 50px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 80px;
	width: 70%;
}

.tbl_izq{
	width: 15%;
}
.tbl_der{
	width: 15%;
}

.container_imagenco {
  position: relative;
  width: 70%;
  height: 100%; 
 /* border: 3px solid darkblue;*/
}

.containerfondo{
  position: relative;
  width: 70%;
  height: 220px; 
 /* border: 3px solid darkblue;*/
}

section {
	width:100%;
	margin-bottom:10px;
}

.contenedor{
	width:98%;
	margin:auto;
	text-align:center;
}

.contenedor h4{
	color:#1F4E78;
}

#centro{
	margin-top:50px;
}
#centro img {
	width:70%;
	height:98%;
}


.redondeado {
   border-radius: 3px;
   border: 1px solid #39c;
   height:25px;
   margin:2px;
 }

.redondeado_index {
   border-radius: 6px;
   border: 1px solid #D5EDF1;
   background-color: #D5EDF1;
   height:28px;
   margin:2px;
   width: 100%;
 }
 
.Button {
	-moz-box-shadow:inset 0px 1px 0px 0px #F4F4F4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #F4F4F4;
	box-shadow:inset 0px 1px 0px 0px #F4F4F4;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F4F4F4), color-stop(1, #F4F4F4));
	background:-moz-linear-gradient(top, #F4F4F4 5%, #F4F4F4 100%);
	background:-webkit-linear-gradient(top, #F4F4F4 5%, #00477a 100%);
	background:-o-linear-gradient(top, #F4F4F4 5%, #F4F4F4 100%);
	background:-ms-linear-gradient(top, #F4F4F4 5%, #F4F4F4 100%);
	background:linear-gradient(to bottom, #F4F4F4 5%, #F4F4F4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#F4F4F4',GradientType=0);
	background-color:#F4F4F4;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #CDCDCD;
	display:inline-block;
	cursor:pointer;
	color:#887575;
	font-family:Calibri;
	font-size:16px;
	padding:4px 3px;
	text-decoration:none;
	text-shadow:3px 2px 2px #F4F4F4;
}
.Button:hover {
	-moz-box-shadow:inset 0px 1px 0px 0px #CDCDCD;
	-webkit-box-shadow:inset 0px 1px 0px 0px #CDCDCD;
	box-shadow:inset 0px 1px 0px 0px #CDCDCD;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CDCDCD), color-stop(1, #CDCDCD));
	background:-moz-linear-gradient(top, #CDCDCD 5%, #CDCDCD 100%);
	background:-webkit-linear-gradient(top, #CDCDCD 5%, #00477a 100%);
	background:-o-linear-gradient(top, #CDCDCD 5%, #CDCDCD 100%);
	background:-ms-linear-gradient(top, #CDCDCD 5%, #CDCDCD 100%);
	background:linear-gradient(to bottom, #CDCDCD 5%, #CDCDCD 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CDCDCD', endColorstr='#CDCDCD',GradientType=0);
	background-color:#CDCDCD;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #CDCDCD;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	font-family:Calibri;
	font-size:16px;
	padding:4px 3px;
	text-decoration:none;
	text-shadow:3px 2px 2px #CDCDCD;
}


.Button_regresar {
	-moz-box-shadow:inset 0px 1px 0px 0px #FF962D;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FF962D;
	box-shadow:inset 0px 1px 0px 0px #FF962D;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF962D), color-stop(1, #FF962D));
	background:-moz-linear-gradient(top, #FF962D 5%, #FF962D 100%);
	background:-webkit-linear-gradient(top, #FF962D 5%, #FF962D 100%);
	background:-o-linear-gradient(top, #FF962D 5%, #FF962D 100%);
	background:-ms-linear-gradient(top, #FF962D 5%, #FF962D 100%);
	background:linear-gradient(to bottom, #FF962D 5%, #FF962D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF962D', endColorstr='#FF962D',GradientType=0);
	background-color:#FF962D;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #FF962D;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Verdana;
	font-size:18px;
	padding:4px 3px;
	text-decoration:none;
	text-shadow:3px 2px 2px #FF962D;
	height:50px;
}
.Button_regresar:hover {
	-moz-box-shadow:inset 0px 1px 0px 0px #133C75;
	-webkit-box-shadow:inset 0px 1px 0px 0px #133C75;
	box-shadow:inset 0px 1px 0px 0px #133C75;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #133C75), color-stop(1, #133C75));
	background:-moz-linear-gradient(top, #133C75 5%, #133C75 100%);
	background:-webkit-linear-gradient(top, #133C75 5%, #00477a 100%);
	background:-o-linear-gradient(top, #133C75 5%, #133C75 100%);
	background:-ms-linear-gradient(top, #133C75 5%, #133C75 100%);
	background:linear-gradient(to bottom, #133C75 5%, #133C75 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#133C75', endColorstr='#133C75',GradientType=0);
	background-color:#133C75;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #133C75;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	font-family:Verdana;
	font-size:18px;
	padding:4px 3px;
	text-decoration:none;
	text-shadow:3px 2px 2px #133C75;
	height:50px;
}




.Button_verde_new {
	-moz-box-shadow:inset 0px 1px 0px 0px #0A9D76;
	-webkit-box-shadow:inset 0px 1px 0px 0px #0A9D76;
	box-shadow:inset 0px 1px 0px 0px #0A9D76;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0A9D76), color-stop(1, #0A9D76));
	background:-moz-linear-gradient(top, #0A9D76 5%, #0A9D76 100%);
	background:-webkit-linear-gradient(top, #0A9D76 5%, #00477a 100%);
	background:-o-linear-gradient(top, #0A9D76 5%, #0A9D76 100%);
	background:-ms-linear-gradient(top, #0A9D76 5%, #0A9D76 100%);
	background:linear-gradient(to bottom, #0A9D76 5%, #0A9D76 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A9D76', endColorstr='#0A9D76',GradientType=0);
	background-color:#0A9D76;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #0A9D76;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Verdana;
	font-size:18px;
	padding:4px 3px;
	text-decoration:none;
	text-shadow:3px 2px 2px #0A9D76;
	height:50px;
}
.Button_verde_new:hover {
	-moz-box-shadow:inset 0px 1px 0px 0px #133C75;
	-webkit-box-shadow:inset 0px 1px 0px 0px #133C75;
	box-shadow:inset 0px 1px 0px 0px #133C75;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #133C75), color-stop(1, #133C75));
	background:-moz-linear-gradient(top, #133C75 5%, #133C75 100%);
	background:-webkit-linear-gradient(top, #133C75 5%, #00477a 100%);
	background:-o-linear-gradient(top, #133C75 5%, #133C75 100%);
	background:-ms-linear-gradient(top, #133C75 5%, #133C75 100%);
	background:linear-gradient(to bottom, #133C75 5%, #133C75 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#133C75', endColorstr='#133C75',GradientType=0);
	background-color:#133C75;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #133C75;
	display:inline-block;
	cursor:pointer;
	color:#FFF;
	font-family:Verdana;
	font-size:18px;
	padding:4px 3px;
	text-decoration:none;
	text-shadow:3px 2px 2px #133C75;
	height:50px;
}

 
 @media (min-width:768px){
	#centro img{
		height:auto;
		width:40%;
	}
 }


@media (min-width:1024px){
	body {
		background-image: url("../imagenes/inicio.png");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100% 100%;
		font-family: 'Open Sans', sans-serif;
	}
	
	.tbl_inicio{
		background: url("../imagenes/inicio_cuadro.png");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100% 100%;
	/*	padding: 10px 20px;*/
		padding-top: 30px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 80px;
		width: 30%;
	}

	.tbl_izq{
		width: 35%;
	}
	.tbl_der{
		width: 35%;
	}

	.container_imagenco {
	  position: relative;
	  width: 100%;
	  height: 100%; 
	 /* border: 3px solid darkblue;*/
	}	
	
	#centro img{
		height:auto;
		width:100%;
	}
    .container_logo {
      position: relative;
      width: 40%;
    }
     .imageco_logo {
      display: flex;
      width: 90%;
      height: auto;
		 padding: 30px;
    }
	.containerfondo{
	  position: relative;
	  width: 70%;
	  height: 70px; 
	 /* border: 3px solid darkblue;*/
	}
	
	
}