@charset "utf-8";
/* CSS Document */

.barnav {
	overflow: hidden;
	margin-bottom: 5px;
}

/* Style the topnav links */
.barnav a {
  float: left;
  display: block;
  color: #303030;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
/* CSS Style para logo */
.contbglogo {
  background-color: #212940;
  color: #fff;
  padding: 20px;
  text-align: center;
  box-shadow: 2px 2px 5px #999;
}

/* CSS Style para banner */
#contbanner {
clear: left;
width: 100%;
height: 60px;
background-color: #fff;
box-shadow: 2px 2px 5px #999;
}
/* END CSS Style para banner */



/* END CSS Style para logo */

/* CSS Style para nuestra firma */
.contbgfirma {
  background-color: #fff;
  padding: 20px;
  text-align: center;
}
.septxtfirma{
margin: 40px; 
margin-top: 0;
}

.colfirma {
  float: left;
  padding: 10px;
}

.colfirma.side {
  width: 25%;
}

.colfirma.middle {
  width: 75%;
}

.contcolfirma:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .colfirma.side, .colfirma.middle {
    width: 100%;
  }
}
/* END CSS Style para nuestra firma */

/* CSS Style barra top de contacto y redes */
.contbgbarcontact {
  background-color: #212940;
  color: #fff;
  padding: 20px;
  text-align: center;
}

.colcontact {
  float: left;
  padding: 10px;
}

.colcontact.side {
  width: 25%;
}

.colcontact.middle {
  width: 75%;
}

.contcolbarcontact:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .colcontact.side, .colcontact.middle {
    width: 100%;
  }
}
/* END CSS Style barra top de contacto y redes */

/* CSS Style para servicios o practicas */
.contbgservice {
  background-color: #f1f1f1;
  padding: 20px;
  text-align: center;
  box-shadow: 2px 2px 5px #999;
}

.colservice {
  float: left;
  width: 48%;
  background:#212940;
  color:#fff;
  border: 1px solid #ccc;
  border: 1px solid #777;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  padding: 15px;
  margin: 5px;
}
.colservice:hover {
  border: 1px solid #777;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

.contcolservice:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .colservice {
    width: 100%;
  }
}
/* END CSS Style para servicios o practicas */

/* CSS Style para formulario de Contacto */

input[type=text] {
	width: 100%;
	margin: 8px 0;
	box-sizing: border-box;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #212940;
}
input[type=text], select, textarea {
	width: 100%;
	margin: 8px 0;
	box-sizing: border-box;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #212940;
}

.linendcontact {
  overflow: hidden;
  background-color: #333;
  box-shadow: 2px 2px 5px #999;
  padding:0.5px;
}



.contbgform {
  background-color: #fff;
  padding: 20px;
  text-align: center;
}

.colform {
  float: left;
  width: 50%;
  padding: 15px;
}

.contcolform:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .colform {
    width: 100%;
  }
}
/* END CSS Style para formulario de Contacto */

/* CSS Style para presentacion de socio director */
.contbgsocio {
  background-color: #f1f1f1;
  padding: 20px;
  text-align: center;
}
.coltitsocio {
  float: left;
  width: 100%;
  background:#212940;
  color:#fff;
  border: 1px solid #ccc;
  border: 1px solid #777;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  padding: 15px;
  margin: 5px;
}

.colsocio {
  float: left;
  padding: 10px;
}

.colsocio.side {
  width: 50%;
}

.colsocio.middle {
  width: 50%;
}

.contcolsocio:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .colsocio.side, .colsocio.middle {
    width: 100%;
  }
}
/* END CSS Style para presentacion de socio director */

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

input[type=submit] {
  background-color: #212940;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

input[type=submit]:hover {
  background-color: #BB2030;
}

.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
}
/* Style the header */
.contbgcontform {
  background-color: #f1f1f1;
  padding: 20px;
  text-align: center;
}

.colcontform {
  float: left;
  padding: 10px;
}
.colcontform.side {
  width: 30%;
}

.colcontform.middle {
  width: 70%;
}


.contcolform:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .colcontform.side, .colcontform.middle {
    width: 100%;
  }
}

/* CSS Style para mapa de sitio */
.contbgmapa {
  background-color: #212940;
  color:#fff;
  padding: 20px;
  text-align: center;
}

.linemap {
  overflow: hidden;
  background-color: #fff;
  padding:0.5px;
}

.colmapa {
  float: left;
  width: 25%;
  padding: 15px;
}

.contcolmapa:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .colmapa {
    width: 100%;
  }
}
/* END CSS Style para mapa de sitio */

/* CSS Style para visualizar cada practica */
.contbgpracticas {
  background-color: #f1f1f1;
  width:100%;
  padding: 20px;
  text-align: center;
}

.colpractica {
	font-size:18px;
	float: left;
	width: 24%;
	height: 130px;
	border-radius:5px;
	padding: 10px;
	border: thin solid #212940;
	margin: 5px;
}

.colpractica:hover {
	color:#212940;
	border: 1px solid #BB2030;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
	font-weight: bold;
}

.contcolpractica:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
  .colpractica {
    width: 100%;
  }
}
/* CSS Style para visualizar cada practica */