@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_verde {
	-moz-box-shadow:inset 0px 1px 0px 0px #009641;
	-webkit-box-shadow:inset 0px 1px 0px 0px #009641;
	box-shadow:inset 0px 1px 0px 0px #009641;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #009641), color-stop(1, #009641));
	background:-moz-linear-gradient(top, #009641 5%, #009641 100%);
	background:-webkit-linear-gradient(top, #009641 5%, #009641 100%);
	background:-o-linear-gradient(top, #009641 5%, #009641 100%);
	background:-ms-linear-gradient(top, #009641 5%, #009641 100%);
	background:linear-gradient(to bottom, #009641 5%, #009641 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009641', endColorstr='#009641',GradientType=0);
	background-color:#009641;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #CDCDCD;
	display:inline-block;
	cursor:pointer;
	color:#E6FFF0;
	font-family:Calibri;
	font-size:16px;
	padding:4px 3px;
	text-decoration:none;
	text-shadow:3px 2px 2px #009641;
}
.Button_verde:hover {
	-moz-box-shadow:inset 0px 1px 0px 0px #017232;
	-webkit-box-shadow:inset 0px 1px 0px 0px #017232;
	box-shadow:inset 0px 1px 0px 0px #017232;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #017232), color-stop(1, #017232));
	background:-moz-linear-gradient(top, #017232 5%, #017232 100%);
	background:-webkit-linear-gradient(top, #017232 5%, #017232 100%);
	background:-o-linear-gradient(top, #017232 5%, #017232 100%);
	background:-ms-linear-gradient(top, #017232 5%, #017232 100%);
	background:linear-gradient(to bottom, #017232 5%, #017232 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#017232', endColorstr='#017232',GradientType=0);
	background-color:#017232;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #017232;
	display:inline-block;
	cursor:pointer;
	color:#E6FFF0;
	font-family:Calibri;
	font-size:16px;
	padding:4px 3px;
	text-decoration:none;
	text-shadow:3px 2px 2px #017232;
}

 
 @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;*/
	}
	
	
}