/*---------------------------------Reseteo inicio---------------------------------*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol { 
	margin: 0;
	padding: 0;
}
a, input, textarea {
	outline: none;
}
.clearfix:before, .clearfix:after{
	content: "";
	display:table;
}
.clearfix:after{
	clear:both;
}
body {
    font-family: "Source Sans Pro", sans serif;
	font-size: 14px;
	color:#000;
	background-color: #FFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}
ul {
	list-style-type: none;
}
* {
	text-decoration:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*---------------------------------Reseteo final---------------------------------*/



/*---------------------------------Textos y generales inicio---------------------------------*/
h1, h2, h3, h4 {
	font-weight: normal;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
.bold {
	font-weight:bold;
}
.white{
	color:#FFF;
}
.text-center {
	text-align: center;
}
/*---------------------------------Textos y generales final---------------------------------*/



/*---------------------------------Contenedor inicio---------------------------------*/
#contenedor {
	margin: auto;
	background-image:url(imagenes/contenedor.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#logo-public-business {
	display: block;
	margin: 55px auto 0 auto;
}
#division {
	margin-top: 143px;
}
.divisiones {
	background-image: url(imagenes/divisiones-2.png);
	float: left;
}
.logos {
	display: block;
	width: 61.03286385%;
	margin: 25px auto 25px auto;
}
.logos a {
}
.logos a:hover {
}
.divisiones a {
}
.divisiones p {
	font-size: 14px;
	text-align: center;
}
.divisiones p a {
   color: #000;
   padding: 0 10px 50px 10px;
   display: block;
   background-image: url(imagenes/p.png);
   background-position: bottom;
   background-repeat: repeat-x;
   height: 250px;
}
.divisiones p a:hover {
   text-decoration: underline;
   background-image: url(imagenes/p-hover.png);
}
#pie-azul {
	font-family: "EB Garamond", "Times New Roman", serif;
	background: #0055a0;
	text-align: center;
	color: #FFF;
}
#pie-gris {
	background: #cbcbcb;
}
/*---------------------------------Contenedor final---------------------------------*/



/*------------------------------------------------------------Media querie celular inicio------------------------------------------------------------*/
@media screen and (max-width:480px){


/*---------------------------------Contenedor inicio---------------------------------*/
#contenedor {
}
#logo-public-business {
	width: 50%;
}
#division {
}
.divisiones {
	width: 100%;
    float: none;
}
.logos {
	width: 40%;
    margin-top: 15px;
	margin-bottom: 15px;
}
.logos a {
}
.logos a:hover {
}
.divisiones a {
}
.divisiones p {
    font-size: 16px;
}
.divisiones p a {
	padding-bottom: 30px;
}
.divisiones p a:hover {
}
#pie-azul {
	margin-top: 20px;
	height: 30px;
	line-height: 30px;
}
#pie-gris {
	height: 20px;
}

/*---------------------------------Contenedor final---------------------------------*/	


}


/*------------------------------------------------------------Media querie celular final------------------------------------------------------------*/



/*------------------------------------------------------------Media querie tablet inicio------------------------------------------------------------*/


@media screen and (min-width:481px) and (max-width:768px){
/*---------------------------------Contenedor inicio---------------------------------*/
#contenedor {
    width: 100%;
}
#logo-public-business {
	width: 30%;
	margin-top: 30px;
}
#division {
	margin-top: 143px;
}
.divisiones {
	width: 48.17708333%;
	margin-left: 0.911458333%;
    margin-right: 0.911458333%;
}
.logos {
	width: 50%;
	margin: 15px auto 15px auto;
}
.logos a {
}
.logos a:hover {
}
.divisiones a {
}
.divisiones p {
}
.divisiones p a {
}
.divisiones p a:hover {
}
#pie-azul {
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
}
#pie-gris {
	height: 30px;
}
/*---------------------------------Contenedor final---------------------------------*/	
	
	
}


/*------------------------------------------------------------Media querie tablet final------------------------------------------------------------*/



/*------------------------------------------------------------Media querie escritorio inicio------------------------------------------------------------*/
@media screen and (min-width:769px){
#contenedor {
	width:95%;
	max-width:940px;
}
#logo-public-business {
	width: 14.89361702%;
}
#division {
}
.divisiones {
	width: 22.65957447%;
	margin: 0 1.170212766% 0 1.170212766%;
}
#pie-azul {
	height: 70px;
	line-height: 70px;
	margin-top: 40px;
}
#pie-gris {
	height: 30px;
}
}
/*------------------------------------------------------------Media querie escritorio final------------------------------------------------------------*/