@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');




body {
	background-image: url("");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color:#fff;
	background-position: center top;
}

body {
    overflow-x: hidden;
}

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

h1,
h2,

h4,
h5,
body,
p {
    font-family: 'Poppins', sans-serif;
	line-height:normal;
}

h1,
h2,
h4,
h5,
h6 {
    font-weight: 700;
    color: #000;
}

h1:hover a,
h4:hover a,
h5:hover a,
h6:hover a {
    color: #586574 !important;
}

h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 23px;
	color: #586574;
}

h2 {
    font-size: 12px !important;
    line-height: 15px;
    margin-bottom: 10px;
    font-weight: 200;
	color:#fafbfd;
}

h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: 500;
}

h4 {
    font-size: 19px;
    line-height: 29px;
    margin-bottom: 14px
}

h5 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 11px
}

h6 {
    
	font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    line-height: 24px;
	padding-top: 11px;
    margin-bottom: 11px;
	}

h7 {
    font-size: 14px;
    line-height: 12px;
    color:#7EA962;
}

a {
    color: #990000;
}


body,
p {
    color: #222222;
}

p {
    margin-bottom: 30px;
    font-size: 17px;
    line-height: normal;
    color: #121212;
    font-weight: 300;
}

li { margin-left:15px;
padding:5px; text-align:justify  }

section {
		padding: 0px; 
	max-width: 824px;
	width: 90%; 
	margin:20px auto;
	background:#FFFFFF;
}

A:hover, A:active { color:#663300 ; text-decoration: underline }


:hover, :focus {
-webkit-transition: all 2s;
transition: all 2s;
border: none 0px;
}

img {
max-width: 100%;
height: auto;
width: auto\9; 
}

hr {
  clear: both;
}

div.borde {
width: 80%;
margin: auto;
padding: 15px;
height: auto;
border: 1px solid #282E47;
}

div.borde1 {
width: 99%;
margin: auto;
padding: 5px;
height: auto;
border: 1px solid #282E47;
}

div.pad {
height: 151px;
}

div.logo {
padding:0px;
margin:auto;
height:auto;
}


div.e9 {
width: 100%;
margin: auto;
padding: 0px;
height: auto;
background: #F2EEFD;
}

div.pink {
width: 100%;
margin: auto;
padding: 0px;
height: auto;
background: #FCEDFB;
}

div.orange {
width: 100%;
margin: auto;
padding: 0px;
height: auto;
background: #EFEFAD;
}

div.cont {
width: 95%;
margin: auto;
padding: 0px;
height: auto;
background: #fff;
}

div.contT {
width: 95%;
margin: auto;
padding: 0px;
height: auto;
}



div.cl {
width: 100%;
max-width: 800px;
margin: auto;
padding: 10px;
height: auto;
background-image: url("cl.jpg");
}

div.green {
width: 100%;
margin: auto;
padding: 0px;
height: auto;
background: #84C174;
}

div.white {
width: 100%;
margin: auto;
padding: 0px;
height: auto;
background: #fff;
}

div.gray {
width: 100%;
margin: auto;
padding: 0px;
height: auto;
background: #282E47;
}


div.black {
width: 100%;
margin: auto;
padding: 0px;
height: auto;
background: #111111;
}

div.violet {
width: 100%;
margin: auto;
padding: 0px;
height: auto;
background: #0F133C;
}

div.star {	text-align:center;	line-height:2px;	}

.bloque {
  text-align: center;
}

.celda1 {
  padding: 0px;
  margin: 0px;
  display: inline-block; 
  vertical-align: middle;
    max-width: 450px;
}

.celda2 {
  margin: auto;
  display: inline-block; 
  vertical-align: middle;
  text-align: center;
  width:95%;
}

.celda {
  padding: 10px;
  margin: 10px;
  display: inline-block; 
  vertical-align: top;
  max-width:300px;
}

.top {
  padding: 4px;
  margin: 5px;
  display: inline-block; 
  max-width:300px;
  vertical-align: top;
  background-color:#F3F3c1; 
  border-left: solid 2px;
  border-color: #8E9B70;
}

@media only screen and (min-width: 1024px) {  
.celda {
width: 90%; }

}



/*este es el boton ancho*/
ul.menu {
width: auto;
margin: auto;
padding: 20px;
text-align: center;
list-style-type: none;
}
ul.menu li a {
padding: 20px;
display: block;
color: #000000;
background: #CEF798;
text-decoration: none;
}
ul.menu li a:hover {
color: #FFFFFF;
background: #000000;
}
/*fin del boton ancho*/




                                                          

@media only screen and (max-width: 1024px) {  
div.star {
display:none;}

.celda {
width: 90%; }

div.logo {
display:none;}
}



@media only screen and (min-width: 1024px) {
	  div.imgHead {    
	  width: 100%;
	  margin: auto;
	  padding: 0px;
	  height: auto;
	  background: #transparent;     
	  background-image: url("menu.png");
	  background-position: top center;
	  background-size: 100%  100%;   
	  	  }
		  
	div.logo {
	width: auto;
	margin: auto;
	height: auto;
	text-align:center;
	}
	
	.celda2 {
  padding: 10px;
  margin: 25px;
  display: inline-block; 
  vertical-align: middle;
  text-align: center;
  width:45%;
}
 }