body {
	 margin:0;
	 padding:0;
	 font-family:verdana;
	 color:#444;
	 font-size:0.8em;}
	 
	 a {
		 color:#444;
		 text-decoration:none;
	 }
	 
	 h2 {
		 margin:0px;
	 }
	 
  .contenido {
  max-width:1200px;
  margin:0 auto;
  }
  
  .contenido div {
	  display:inline-block;
	  vertical-align:middle;
  }
  
  .col1 {
	  width:100%;
  }
  
  .col15 {
	  width:65%;
  }
  
  .col2 {
	  width:49.8%;
  }
  
  .col3 {
	  width:33.08%;
  }
  
  .col4 {
	  width:24.715%;
  }
  
  .col5 {
	  width:19.7%;
  }
  
  img {
	  max-width: 100%;
	  height: auto;
  }
  
  header {
	  background:white;
  }
  
   .portada {
	    background-image: url("img/bk.jpg");
		
	background-size: 100% 100%;
	background-repeat:no-repeat;
	background-position: bottom;
	  text-align:center;
	  color:white;
	  height:400px;
  }
  
  .portada h1 {
	  font-size:1.3em;
	  margin-bottom:40px;
	  font-weight:normal;
  }
  
   .portada h2 {
	  font-size:2.3em;
	  margin-top:100px;
  }
  
  .portada a {
	  color:white;
	  font-weight:bold;
	  padding:15px;
	  margin-top:20px;
	  border:1px white solid;
  }
  
  .portada a:hover {
	   -webkit-transition: all 1s ease;  
  -moz-transition: all 1s ease;  
  -o-transition: all 1s ease;  
  -ms-transition: all 1s ease;  
  transition: all 1s ease;
  background:#1e73be;
  }
  
    footer {
	  background:#464646;
	  padding-bottom:10px;
	  color:white;
  }
  
  footer hr {
	  	border-top: 1px solid #1e73be;
		border-bottom:0px;
		border-right:0px;
		float:left;
		display:block;
		width:30px;
		text-align:left;

  }
  
  footer h4 {
	  font-size:1.1em;
	  color:silver;
  }
  
  #fondo div {
	  vertical-align:top;
  }
  
  #mono img {
	  max-width:70px;
  }
  
  header ul {
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   margin: 0px;
   text-align:right;
   font-size:1.1em;
  }
  
  header li {
   list-style-type: none;
   display: inline;
   padding-right: 25px;
  }
  
  #menu a:hover {
	  	   -webkit-transition: all 1s ease;  
  -moz-transition: all 1s ease;  
  -o-transition: all 1s ease;  
  -ms-transition: all 1s ease;  
  transition: all 1s ease;
  color:#1e73be;
      border-bottom:1px solid #1e73be;
    padding-bottom:2px;

  }
  
  .nosotros,  .servicios, .marcas {
	  text-align:center;
	  padding:50px;
  }
  
   .nosotros h2 {
	  padding:30px;
  }
  
  .marcas h2 {
	  padding:30px;
  }
  .servicios h2 {
	  padding:10px;
  }
  
  .servicios h3 {
	  margin-bottom:50px;
  }
  
  .mas a {
	  background-color:#1e73be;
	  color:white;
	  font-weight:bold;
	  padding:10px 30px;
	  border-radius:5px;
  }
  
    .mas a:hover {
	   -webkit-transition: all 1s ease;  
  -moz-transition: all 1s ease;  
  -o-transition: all 1s ease;  
  -ms-transition: all 1s ease;  
  transition: all 1s ease;
  background:#103b62;
  }
  
  .nosotros {
	  background-color:#1e73be;
	  color:white;
  }
  
  .nosotros a {
	  font-size:1.2em;
	  color:white;
	  background:#0c3a5d;
	  padding:10px 20px;
	  border-radius:5px;
  }
  
  .nosotros a:hover  {
	   -webkit-transition: all 1s ease;  
  -moz-transition: all 1s ease;  
  -o-transition: all 1s ease;  
  -ms-transition: all 1s ease;  
  transition: all 1s ease;
  background:#176ba7;
  }
  
  .nosotros img {
	  width:50%;
	  vertical-align:top;
	  line-height:0px;
  }
  
  .nosotros p {
	  vertical-align:top;
	  margin:0px;
  }
  
   #nosotrostexto{
	   vertical-align:top;
   }
   
      #nosotrostexto2{
	   vertical-align:top;
	   text-align:left;
	   font-size:1.1em;
   }
   
   #nosotrostexto2 li {
	   margin:5px;
   }
  
  #nosotrostexto p{
	  font-size:1.3em;
	  text-align:left;
	  vertical-align:top;
	  margin:30px;
  }
  
    #nosotrostexto2 p{
	  font-size:1.1em;
	  text-align:left;
	  vertical-align:top;
	  margin:30px;
  }
  
  #formulario {
	  vertical-align:top;
	  text-align:left;
  }
  
  #formulario div {
	  display:block;
	  margin:10px;
  }
  
  #formulario input, #formulario textarea {
	  display:block;
	  width:70%;
	  padding:10px;
  }
  
  #formulario textarea {
	  height:100px;
  }

  
      #formulario button{
		 margin:10px;
	  background-color:#1e73be;
	  color:white;
	  font-weight:bold;
	  padding:10px 30px;
	  border-radius:5px;
	  border:none;
  }
  
      #formulario button:hover {
	   -webkit-transition: all 1s ease;  
  -moz-transition: all 1s ease;  
  -o-transition: all 1s ease;  
  -ms-transition: all 1s ease;  
  transition: all 1s ease;
  background:#103b62;
  }
  
  #formulario p {
	  margin-bottom:10px;
  }

  
  #nosotrosimg img{
	  width:70%;
  }
  
    #nosotrosimg2 img{
	  width:70%;
	  border-radius:100%;
	  margin-top:30px;
  }
  
  #venta img {
	  width:80%;
  }
  
  
  #ofrecemos li{
	  text-align:left;
	  font-size:1.3em;
	  margin:10px;
  }
  
  #ofrecemos ul {
	  margin-top:50px;
  }
  
  #ofrecemos {
	  background-color:#007284;
	  color:white;
  }
  
  .servicios {
	  background-color:#f2f6f9;
  }
  
  #nos2 {
	  background-color:#f2f6f9;
	  color:#444;
  }
  #nos2 h3 {
	  font-weight:normal;
  }
  

 .servicios img {
	 width:80%;
	 border-radius:100%;
 }
 
 .redondo {
	 border-radius:100%;
 }
 
 .gracias {
	 background:#dff0d8;
	 color:#3c763d;
 }
 
 .gracias h3 {
 font-weight:normal;
 text-align:center;
 padding:10px;
 }
  
	
	@media (max-width: 767px) {
	
	.col2, .col3, .col4, .col5, .col15 {
		width:100%;
		text-align:center;
	}
	
	.col2 img, .col3 img, .col4 img, .col5 img{
		width:100%;
	}

	header img {
		width:100%;
	}
	
	  header ul {
   margin: 0px;
   text-align:center;
   font-size:1.3em;
  }
  
  header li {
   list-style-type: none;
   display: block;
   padding-right: 0px;
   padding:12px;
   background:#1e73be;
   border:1px white solid;
  }
  
  #menu {
	  width:100%;
  }
  
  #menu a {
	  color:white;
  }
  
   .portada {
	    background-image: url("img/bk2.jpg");
		
	background-size: 100% 100%;
	  text-align:center;
	  color:white;
	  height:330px;
  }
  
  .portada h1 {
	  font-size:1.6em;
	  margin-bottom:40px;
	  font-weight:normal;
  }
  
   .portada h2 {
	  font-size:1.8em;
	  margin-top:30px;
  }
  
  
  }
  
  </style>