@import url(normalize.css);

*{
	box-sizing: border-box;
}

a:link,
a:visited,
a:hover,
a:active{
	text-decoration: none;
	outline: none;
	color: inherit;
}

ul,
ol{
	list-style: none; /*elimina el viñeta*/
	padding: 0;
	margin: 0;
}


images{
	width: 100%;
}

figure{
	margin: 0;
	line-height: 0;
}



main{
	max-width: 1920px;
	margin: auto;
	width: 100%;
	
	
}

.logo{
	width: 180px;
	margin: 5px auto 10px;
	overflow: hidden;
}

.tel  {float: left;
padding:0px 0px 0px 8px;
width:50%;
margin-top:13px; 
display:block;

}

.tel img {
width:100%;	
max-width: 183px;

}
.toggle-button{
	width: 45px;
	background-color: #F5590B;
	padding: 10px;
	border-radius: 5px;
	margin: auto;
	display: block;
	margin-right:20px;
	margin-bottom:5px;

	}

.toggle-button span{
	display: block;
	height: 25px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: relative;
}

.toggle-button span:after{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}
.nav-bar{
	margin-top: 10px;
	display: none;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#065C80;
}

.nav-bar a{
	background-color:#065C80;
	display: block;
	border-bottom: 1px solid #fff; 
	padding: 1em 1em 1em 3em;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size:16px;

}

.nav-bar a:hover{
	background-color:#F5590B;
	

}
.principal{
	background-color:#065C80;
	background-image:url(../images/principal-550.jpg);
	background-repeat:no-repeat;
	background-position: center center;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size:cover;
	height:243px;
	width:100%;
}

.blue {
	background-color:rgba(6, 92, 128, 0.8);
	width: 278px;
	float:right;
	padding-top:5px;
	padding-left:10px;
	margin-top:10px;
	margin-right:3%;
	
	
}

.blue ul li h1,p.abono, p.soporte{
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	font-size:16px;
	min-height:56px;
	font-weight:bold;
	padding-left:60px;	
	padding-right:10px;	
	margin: 0 0 ;
}
.blue ul li h1{
background:url(../images/sistema-de-gestion--.png)no-repeat scroll left top;
-webkit-background-size: 43px;          
 -moz-background-size: 43px;          
 -o-background-size: 43px;
background-size: 43px;

}
.blue ul li h1 img{
max-width:48px;	
}
.blue ul li p.soporte{
background:url(../images/soporte-tecnico-.png)no-repeat scroll left top;	
-webkit-background-size: 43px;          
 -moz-background-size: 43px;          
 -o-background-size: 43px;
background-size: 43px;	
margin-top:15px;
}
.blue ul li p.soporte img{
max-width:45px;	
}
.blue ul li p.abono{
background:url(../images/abono-mensual-.png)no-repeat scroll left top;	
-webkit-background-size: 43px;          
 -moz-background-size: 43px;          
 -o-background-size: 43px;
background-size: 43px;	
margin-top:0px;
min-height:46px;
}
.blue ul li p.abono img{
max-width:45px;	
}
.titulo h2{
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	background-color:#F5590B;
	color:#FFF;
	font-size:18px;
	margin:auto;
	text-align:center;
	padding:2% 0% 3% 0%;
	
}

.foto1{background-color:#012248;
		background-image:url(../images/fon1-480.jpg);
		-webkit-background-size: 100% 100%;      
     -moz-background-size: 100% 100%;        
       -o-background-size: 100% 100%;
		background-size: 100% 100%
}

.box-empresas {
    width: 100%;
	vertical-align: top;
    padding-right: 0px;
	margin:auto;
	padding-top:3%;
	}	
	
.box-subempresas {
	width: 60%;
   	
		margin:auto;
}

.box-subempresas  figure   {
    width: 32%;
	min-width: 60px;
	 height: auto;
	margin:auto;
	float: left;
    line-height: 0;
    padding-right: 5%;
    position: relative;
    overflow: hidden;
   	display: block;
}

.box-subempresas  figure  img {
    width: 100%;
    height: auto;
	margin:auto;
}

.box-subempresas > h2 {
   font-family: 'Montserrat', sans-serif;
	color:#FFF;
	font-size:19px;
	font-weight:bold;
    margin: 0;
}


.clear{
	clear:both;
	padding:0;
	margin:0;
	line-height: 0;
	height: 0;
}	

.foto1  .fotoempresa {
	margin:auto;
	  width: 90%;
	  padding-top: 5%;
	  padding-bottom:5%;
	 
	  
}
	
.foto1  .fotoempresa img{
	margin:auto;
	  width: 100%;
	 
}

.fotoempresa {
position: relative;
}

.fotoempresa a.botver{
	z-index:1;
	position: absolute;
    top: 70%;
    left:59%;
    border-radius: 5px;
	background-color:  #F5590B;
	 padding: 6% 9%;
	margin:auto;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:20px;
	text-align:center;
	display:block;
		float:left;
	}
	

	.foto2{
	background-color:#3FA7A6;
		background-image:url(../images/fon2-480.jpg);
		-webkit-background-size: 100% 100%;         
     -moz-background-size: 100% 100%;           
       -o-background-size: 100% 100%;
		background-size: 100% 100%;
}

.box-agentes {
    width: 100%;
	vertical-align: top;
    padding-right: 0px;
	margin:auto;
	padding-top:3%;
	}	
	
.box-subagentes {
    width: 70%;	
	margin:auto;

}
.box-subagentes  figure {
   width: 32%;
	min-width: 60px;
	 height: auto;
	margin:auto;
	float: left;
    line-height: 0;
    padding-right: 5%;
    position: relative;
    overflow: hidden;
   	display: block;
}



.box-subagentes figure  img {
    width: 100%;
    height: auto;
		margin:auto;
}

.box-subagentes > h2 {
   font-family: 'Montserrat', sans-serif;
	color:#065C80;
	font-size:32px;
	font-weight:bold;
    margin: 0;
	padding-top:3%;
}	

.foto2  .fotoagentes {
	margin:auto;
	  width: 90%;
	  padding-top: 5%;
	   padding-bottom:5%;
}
	

.foto2  .fotoagentes img{
	margin:auto;
	  width: 100%;	
}
.fotoagentes {
position: relative;
}

.fotoagentes a.botver{
	z-index:1;
	position: absolute;
    top: 70%;
    left:59%;
    border-radius: 5px;
	background-color:  #F5590B;
    padding: 6% 9%;
	margin:auto;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:20px;
	text-align:center;
	display:block;
	
}

.fotoagentes a:hover.botver{
background-color:  #065C80;
-webkit-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
-moz-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
}
	
	

/* comienzo cambio home veterinarias */
.fotoempresa a:hover.botver{
background-color:  #065C80;
-webkit-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
-moz-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
}


.fotoempresa a.botvete{
	z-index:1;
	position: absolute;
    top: 8.5%;
       border-radius: 0px;
	background-color:  none;
	 padding: 0% 0%;
	margin:auto;
	color: #fff;
	text-align:center;
	display:block;
	width:41%;
	float:left;
	
}

.fotoempresa a.botvete:hover{
	opacity:0.7;
}


.fotoagentes a:hover.botver{
background-color:  #065C80;
left:59%;
-webkit-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
-moz-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
}


.fotoagentes a.botvete{
	z-index:1;
	position: absolute;
    top: 8.5%;
	border-radius: 0px;
	background-color:  none;
	 padding: 0% 0%;
	margin:auto;
	color: #fff;
	text-align:center;
	display:block;
	width:41%;
	float:left;
	
}



.fotoagentes a.botvete:hover{
	opacity:0.7;
}
/* fin cambio home veterinarias */







.clearfoot	{
	clear:both;
}

.foot1{
background-color:#065C80;
overflow: hidden;
	
}

.footformu{
width:100%;
background-color:#065C80;
padding-top:1%;}

.footformu .icoformu {
	margin:auto;
	  width: 80%;
	  max-width: 110px;
	  float:left;
	  padding-bottom:20px;
}

.footformu .icoformu img{
	margin:auto;
	  width: 90%;
	 	 padding-left:20%;
	  
}	

.foot1 .footformu{
		width: 100%;
		float: left;
		padding: 3% 3% 0% 2%;
}	


.forumlario p{
    color: #fff;
	 font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:16px;

}	
.claves{
    color: #fff;
	  font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	font-size:16px;
	padding-left:2%;
}		
.forumlario{
	text-align:left;
	padding-bottom:1%;
}	
	
.form-basic{
	padding-left:2%;
	width:100%;
    margin: 0 auto;
    box-sizing: border-box;
color:#FFF;
        text-align: center;
		float:left;
}
.form-basic .form-row{
    text-align: left;
    margin-bottom: 0;
}

.form-basic .form-row > label span{
	display: inline-block;
	box-sizing: border-box;
	color: #FFF;
	width: 100%;
	text-align: left;
	vertical-align: top;
	padding: 0% 2%;
}

.form-basic input{
    color:  #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
   padding: 12px 12px 12px 0px ;
    border: 1px solid #dbdbdb;
	border-radius: 5px;
}

.form-basic button{
    display: block;
    border-radius: 4px;
	border:none;
	box-shadow: none;
	 background-color:  #F5590B;
      padding: 14px 22px ;
    margin: 3% 0px 0px 0px  ;
	  color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:16px;
	text-align:center;

}

.form-basic button:hover{
-webkit-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
-moz-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
}
.footconsulta{
width:100%;
background-color:#065C80;
padding:1% 0% 5% 0%;
}

.footconsulta .icoconsulta {
	margin:auto;
	  width: 100%;
	  max-width: 110px;
	  clear:both;
	  padding:10px 0px;
}

.footconsulta .icoconsulta img{
	margin:auto;
	  width: 80%;
	 
	 padding-left:0%;
	  
}	

.foot1 .footconsulta{
	width: 100%;
		clear:both;
		margin:auto;
}	
	
	
a.consuhome{
     border-radius: 5px;
	background-color:  #F5590B;
    padding: 14px 0px;
	margin-top:30px;
	margin:auto;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:16px;
	text-align:center;
	display:block;
	width: 35%;
}		
a:hover.consuhome{
-webkit-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
-moz-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89); 
}	

/*interiores*/

.principal-int{
	background-repeat:no-repeat;
	background-position: center center;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	background-size:cover;
	width:100%;
}

.principal-blog{
	background-image:url(../images/blog-550.jpg);
	height:220px;
}

.principal-institucional{
	background-image:url(../images/institucional-550.jpg);
	height:220px;
}
.principal-contacto{
	background-image:url(../images/contacto-550.jpg);
	height:220px;
}
.principal-ben{
	background-image:url(../images/ben-550.jpg);
	height:220px;
}
.principal-cara{
	background-image:url(../images/cara-550.jpg);
	height:220px;
}
.principal-vete{
	background-image:url(../images/vete-550.jpg);
	height:220px;
}
.principal-chip{
	background-image:url(../images/chip-550.jpg);
	height:220px;
}
.naranja {
	background-color:rgba(245, 89, 11, 0.8);
	width: 100%;
	padding-top:0.5%;
	padding-bottom:0.5%;
	margin:auto;
}

.naranja h1{
	margin:auto;
     color: #fff;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:28px;
	text-align:center;
	display:block;

}	

.boxtexto {
   	text-align:left;
	width: 90%;
	margin:auto;
	padding-bottom:0px;
	margin-bottom:0px;
	
}

.boxtexto p{
  	padding-bottom:0px;
	margin-bottom:0px;
	
}	
.espacio {
	height:50px;
  	padding-bottom:2%;
}	
.nota1 {
width:100%;
margin:auto;

}

.nota1 img{
	width:100%;
	margin:auto;
	margin-bottom:2%;
}	

.subtitulos{
	color: #F5590B;
	font-family: 'Ubuntu', sans-serif;
	font-weight:normal;
	font-size:23px;
	text-align:left;
		
	
}

.texto {
    color: #065C80;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:17px;
	text-align:left;
	
}
	
.texben3	{
	padding:4px 0px 10px 0px;
	margin:0;
	text-align:center;
}
.texben4	{
	clear:both;
	width:100%;
	margin:auto;	
}

p.texben4	{
		padding:5px 0px 10px 0px;
		
}

a.seguir{
    border-radius: 5px;
	background-color:  #F5590B;
    padding: 14px 0px;
	margin:auto;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:16px;
	text-align:center;
	display:block;
	width: 150px;;
}		
a:hover.seguir{
-webkit-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
-moz-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89); 
}
.nostrong{
	font-weight:normal;
}

.formulariodos{
	width: 90%;
	margin:auto;
	color: #065C80;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:17px;
	text-align:left;
	padding-top:0%;;
	
}	

.form-basicdos{
	width:100%;
    margin: 0 auto;
    box-sizing: border-box;
color:#FFF;
        text-align: center;
}
.form-basicdos .form-rowdos{
    text-align: left;
    margin-bottom: 2%;
}

.form-basicdos .form-rowdos > label span{
	display: inline-block;
	box-sizing: border-box;
	color: #065C80;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:17px;
	text-align:left;
	width: 100%;
	text-align: left;
	vertical-align: top;
	padding: 0% 2%;
}

.form-basicdos input{
    color:  #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 12px;
    border: 1px solid #dbdbdb;
	border-radius: 5px;
}
.form-basicdos textarea{
    color:  #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
	padding: 12px;
    border: 1px solid #dbdbdb;
    resize: vertical;
	border-radius: 5px;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:17px;
	text-align:left;
	
}


.form-basicdos button{
    display: block;
    border-radius: 5px;
    background-color:  #F5590B;
    color: #ffffff;
    font-weight: bold;
    box-shadow: none;
    padding: 14px 22px;
    margin: 3% 0px ;
	border:none;
}

.form-basicdos button:hover{
-webkit-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
-moz-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89); 
}	

.icoben	{
	clear:both;
	margin:auto;
max-width:66px;
}

.texben	{
	clear:both;
	width:90%;
	margin:auto;

}

h3 {
    color: #F5590B;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	padding:0;
	margin:0;
	
	
}
.texben2	{
	padding:4px 0 0 0;
	margin:0;
	text-align:center;

}

.icoben img {
	width:100%;
	max-width:66px;

}

.benlinea{
	margin:3% 0 3% 0%;
	padding:3% 0 0% 0%;
	border-bottom:solid 2px #ACACAC;
	clear:both;
	height:1px;

}

.icocara	{
	clear:both;
	margin:auto;
	max-width:123px;
}

.titcara{
    color: #F5590B;
	font-family:'Ubuntu', sans-serif;
	font-weight:bold;
	font-size:27px;
	text-align:left;
	padding:2px 0 0 0px;
	margin:0;
clear:both;
text-align:center;
}

.pcara, .pvete{
 color: #065C80;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:17px;
	text-align:center;
	clear:both;
	width:90%;
	margin:auto;
}	
.pcara:nth-of-type(2n) {
	text-align:left;
	width:100%;
	padding-top:10px;

}	
a.acara{
 color: #F5590B;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:17px;
	text-decoration:underline;
}

a.acara:hover{
 color: #EA310C;

}	

.caradestacado{
 color: #F5590B;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:19px;
}

.boxtexto ul {
 color: #065C80;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:17px;
	text-align:left;
	clear:both;
}
	
.boxtexto li {
	padding-top:20px;
}

.texben ul.texbencara  {
	text-align:left;
	list-style-type: disc;
	margin:10px 0px 0px 0px; 
	padding:0px 0px 0px 16px;

}
.texben ul.texbencara li {
	margin:0px 0px 6px 9px; 
	padding:0px 0px 0px 0px;
}	

.contecara {
margin:auto;
width: 90%;
}

.fotocar {
	clear:both;
	  width: 78%;
	  padding-top: 1%;
	  position: relative;
	 margin:auto;
}


/*pagina caracteristicas empresas y comercios*/

.contenefotocar{
		width: 97%;
	position: absolute;
    top: 34%;
    left:2.5%;
}

.contenefotocar .vetecara {
	float:left;
	width: 48%;
	z-index:1;
}

.contenefotocar .emprecara {
	float:left;
	width: 51%;
}

.contenefotocar .vetecara:hover, .contenefotocar .emprecara:hover  {
	opacity:0.7;
}

/*fin pagina caracteristicas empresas y comercios*/


.fotocar:nth-of-type(2n){
	margin:2% auto 2% auto ;
}	
.fotocar img{
	margin:auto;
	 width: 100%;
}

.fotocar a.botver{
	z-index:1;
	position: absolute;
    top: 73%;
    left:33%;
    border-radius: 5px;
	background-color:  #F5590B;
	 padding: 8% 11%;
	margin:auto;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:20px;
	text-align:center;
	display:block;
}
.fotocar a:hover.botver{
background-color:  #065C80;
-webkit-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
-moz-box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
box-shadow: 4px 5px 5px -2px rgba(0,0,0,0.89);
}

.grafico{
clear:both;
background-image:url(../images/sistema-2-520.png);
background-repeat:no-repeat;
background-position: top center;
padding-bottom: 62%;
	-webkit-background-size: 100% auto;       
     -moz-background-size: 100% auto;          
       -o-background-size: 100% auto;
background-size:100% auto;
width:85%;
margin: 4% auto 0 auto;
}


.graficovet{
margin: 1% auto 0 auto;
background-image:url(../images/veterinarias-sistema-2-520.png);
}

.foot2{
background-color:#065C80;
box-sizing: border-box;
margin:3% 0 0 0;
height:50px;
padding-top:3%;
padding-bottom:0;
clear:both;

}
.marketing{
background-color:#065C80;
border-top: #0f79a6 1px solid;
height:80px;
width:100%;
padding: 5% 2% 4% 0;



}
.marketing a{
font-weight: normal; 
font-size: 12px; 
font-family: Tahoma, Geneva, sans-serif;
color: #1c8ebd; 
float:right;
margin-right: 1.5%;
}



a.textolink {
    color: #F5590B;
	font-family: 'Lato', sans-serif;
	font-weight:normal;
	font-size:17px;
	text-align:left;
	text-decoration:underline;
	
}

a.textolink:hover {
	color: #FA8214;
}

@media (min-width:480px){

.para .foto1,.foto2{
		width: 50%;
		float: left;
	
}	
.box-subempresas {
	width: 80%;
  }

.box-subempresas  figure   {
    width: 32%;
	min-width: 50px;
	
}

.box-subempresas > h2 {
	font-size:18px;
	
}

.box-subagentes {
    width: 80%;	
}

.box-subagentes  figure {
   width: 32%;
	min-width: 50px;
}

.box-subagentes > h2 {
   	font-size:28px;
	padding-top:2%;

}

.fotoempresa a.botver{
	   padding: 7% 10%;
		font-size:23px;
}


.fotoagentes a.botver{
	  padding: 7% 10%;
		font-size:23px;
}


/*interiores*/

.boxtexto {
   	width: 85%;
}	
		
}



@media (min-width:550px){
.principal{
		background-image:url(../images/principal-758.jpg);
}

/*interiores*/

.principal-blog{
	background-image:url(../images/blog-758.jpg);
	height:243px;
}
.principal-institucional{
	background-image:url(../images/institucional-758.jpg);
	height:243px;
}
.principal-contacto{
	background-image:url(../images/contacto-758.jpg);
	height:243px;
}
.principal-ben{
	background-image:url(../images/ben-758.jpg);
	height:243px;
}
.principal-cara{
	background-image:url(../images/cara-758.jpg);
	height:243px;
}

.principal-vete{
	background-image:url(../images/vete-758.jpg);
	height:243px;
}
.principal-chip{
	background-image:url(../images/chip-758.jpg);
	height:243px;
}
.boxtexto {
   	width: 72%;
}	
.formulariodos{
	width: 83%;
}

.grafico{
background-image:url(../images/sistema-2-600.png);
}
.graficovet{
background-image:url(../images/veterinarias-sistema-2-600.png);
}



.fotocar {
	  width: 65%;
}
	
}

@media (min-width: 680px){
/*interiores*/

.icoben	{
	clear:none;
	float:left;
	width:20%;
	max-width:86px;
}

.texben	{
	clear:none;
	float:left;
	width:80%;
}
	
h3, .texben2 {
   	text-align:left;
}

h3 .texben3, .texben3 {
   	text-align:left;
}


a.seguir{
    float:left;
	font-size:17px;
	width: 160px;;
}

.icocara	{
	float:left;
	clear:none;
	width:30%;
	padding-top:4px;
	
}

.titcara{
   	padding:35px 0 0 7px;
	float:left;
	clear:none;
	width:70%;
	text-align:left;
}	
.pcara{
 	text-align:left;
	width:100%;
	}	

.pvete{
 	text-align:left;
	width:100%;
	}	
	
.grafico{
background-image:url(../images/sistema-2.png);
}	
.graficovet{
background-image:url(../images/veterinarias-sistema-2.png);
}	
.fotocar {
	  width: 55%;
}	

		
}
	
@media (min-width: 768px){

header{
	width: 100%;
	padding:0;
	margin:0;

}

.logo{
	width: 153px;
	margin: 0px  0px 0px 1%;
	padding:0;
	float:left;
		
}

.tel  {float: right;
padding:0px 0px 0px 0px;
margin-right:10px;
width:auto;
margin-top:25px; 
display:block;

}

.tel img {
width:223px;	
max-width: 223px;

}

.toggle-button{
		display: none;
}


nav{float: left;
min-height: 60px;
position: relative;
}

.nav-bar{
		display: block !important;
		margin:auto;
	float: right;
		text-align:center;
		margin-top:25px;
		margin-right: 15px;
		
}

.nav-bar li{
		float: left;
	margin: 0 0;
	padding: 0 0 0 32px;
	height:60px;
}

.nav-bar a{
	padding: 0;
	margin:0;
	text-align: center;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#065C80;
	background-color:#FFF;
}
	
.nav-bar a:hover{
color:#F5590B;
background-color:#FFF;
}	
	
.principal{
	-webkit-background-size: 100%;           
    -moz-background-size: 100%;           
    -o-background-size: 100%;
	background-size:100%;
	background-image:url(../images/principal-1024.jpg)
}

.blue {
	padding-top:10px;
	margin-top:20px;
	margin-right:4%;
	width: 360px;
}

.titulo h2{
	font-size:22px;
	padding:1.6% 0% 2% 0%;
	
}
.box-empresas figure  img {
	max-width:105px;
}
.box-subagentes figure  img {
	max-width:105px;
}

.clearfoot	{
	clear:none;
}

.footformu .icoformu {
		  width: 20%;
	  	 float:left;
	
}

.foot1 .footformu{
		width: 65%;
}	


.forumlario{
		width:55%;
}	
	
.form-basic{
	width:55%;
}
.form-basic .form-row{
        margin-bottom: 2%;
}

.form-basic input{
    color:  #5f5f5f;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 12px;
    border: 1px solid #dbdbdb;
	border-radius: 5px;
	}

.form-basic button{
      margin: 3% 0px ;
	  }

.footconsulta .icoconsulta {
	  width: 80%;
	  	 float:left;
	}

.footconsulta .icoconsulta img{
	  width: 100%;
	 	 padding-left:20%;

}	

.foot1 .footconsulta{
		width: 25%;
		float: left;
		clear:none;
	
}	
	
a.consuhome{
    padding: 15px 16px 20px 16px;
	margin-top:30px;
	margin-left:10px;
	display:inline-block;
	width:auto;
}	

/*interiores*/
.principal-blog{
	background-image:url(../images/blog-1024.jpg);
	height:273px;
}
.principal-institucional{
	background-image:url(../images/institucional-1024.jpg);
	height:273px;
}
.principal-contacto{
	background-image:url(../images/contacto-1024.jpg);
	height:273px;
}
.principal-ben{
	background-image:url(../images/ben-1024.jpg);
	height:273px;
}
.principal-cara{
	background-image:url(../images/cara-1024.jpg);
	height:273px;
}
.principal-vete{
	background-image:url(../images/vete-1024.jpg);
	height:273px;
}
.principal-chip{
	background-image:url(../images/chip-1024.jpg);
	height:273px;
}
.boxtexto {
   	width: 85%;
}	

.formulariodos{
	width: 60%;
}		
.nota1 {
width:55%;
float:right;
padding-left:20px;
padding-right:10px;
}

.nota1 img{
	float:right;
	margin:auto;
	margin-bottom:0;
}	

.contecara {
	  width: 95%;
	  padding-left:1%;
	  padding-bottom:0;
}
	

.fotocar {
	float:left;
	  width: 31%;
	  clear:none;
}
	
.fotocar:nth-of-type(2n){
	margin:0px 2.5% 0px 2.5%;
}
.fotocar a.botver{
	top: 70%;
    left:33%;
    padding: 8% 11%;
}

.grafico{
width:80%;
margin: 25% auto 0 auto;
padding-bottom: 45%;
max-width:733px;
background-image:url(../images/sistema-1.png);
}	

.graficovet{
margin: 3% auto 0 auto;
background-image:url(../images/veterinarias-sistema-1.png);
padding-bottom: 45%;
}


}
@media (min-width: 1024px){
.tel  {
margin-top:65px;
}


.nav-bar{
margin-top:65px;
padding-right:20px;

}


.principal{
	height:323px;
	background-image:url(../images/principal-1024.jpg)
}

.blue {
	width: 450px;
	margin-top:30px;
}

.blue ul li h1,p.abono, p.soporte{
	font-size:21px;
	min-height:66px;
	font-weight:bold;
	padding-left:60px;	
	padding-right:10px;	
	margin: 0 0 ;
}

.blue ul li p.abono{
min-height:56px;
}

.titulo h2{
	font-size:25px;
	padding:1.3% 0% 1.8% 0%;
	
}

.box-subempresas {
	width: 60%;
  }

.box-subempresas  figure   {
    width: 30%;
	min-width: 50px;
	
}

.box-subempresas > h2 {
	font-size:28px;
	
}

.box-subagentes {
    width: 60%;	
}

.box-subagentes  figure {
   width: 30%;
	min-width: 50px;
}

.box-subagentes > h2 {
   	font-size:45px;
	padding-top:2%;

}

.foto1  .fotoempresa {
	  width: 75%;
	  padding-top: 5%;
	  padding-bottom:8%;
 
}
	
.foto2  .fotoagentes {
	  width: 75%;
	  padding-top: 5%;
	  padding-bottom:8%;
 
}
.fotoempresa a.botver{
	  padding: 5% 7.5%;
		font-size:27px!important;
		top: 67.1%;
		
}

.fotoagentes a.botver{
	padding: 5% 7.5%;
	font-size:27px!important;
	top: 67.1%;
}





.foot1{
	padding-top:2%;
	padding-bottom:3.5%;
}

.footconsulta{
padding-top:2%;
}
/*interiores*/
.principal-blog{
	background-image:url(../images/blog-1024.jpg);
	height:300px;
}
.principal-institucional{
	background-image:url(../images/institucional-1024.jpg);
	height:300px;
}
.principal-contacto{
	background-image:url(../images/contacto-1024.jpg);
	height:300px;
}
.principal-beb{
	background-image:url(../images/beb-1024.jpg);
	height:300px;
}
.principal-cara{
	background-image:url(../images/cara-1024.jpg);
	height:300px;
}
.principal-vete{
	background-image:url(../images/vete-1024.jpg);
	height:300px;
}
.principal-chip{
	background-image:url(../images/chip-1024.jpg);
	height:300px;
}
.boxtexto {
   	width: 80%;
	
}
.formulariodos{
	width: 44%;
}
.nota1 {
width:53%;

}
.naranja h1{
	font-size:32px;
}	

.subtitulos{
	font-size:28px;
}

.texto {
  	font-size:18px;
}	

.contecara {
	  width: 82%;
}

.grafico{
width:70%;
margin: 21% auto 0 auto;
max-width:885px;
}	

.graficovet{
margin: 3% auto 0 auto;
padding-bottom: 40%;
}	

a.textolink {
	font-size:18px;
}	


}
@media (min-width: 1350px){
.nav-bar{
padding-right:35px;

}	
.principal{
	height:340px;
	background-image:url(../images/principal-1350.jpg)
	
}

.blue {
	width: 520px;
}

.blue ul li h1,p.abono, p.soporte{
	font-size:25px;
	min-height:78px;
	font-weight:bold;
	padding-left:60px;	
	padding-right:10px;	
	margin: 0 0 ;
}
.titulo h2{
	font-size:28px;
	padding:0.8% 0% 1.2% 0%;
	
}
.foto1{background-image:url(../images/fon1-550.jpg);
		}
.foto2{background-image:url(../images/fon2-550.jpg);
}
.fotoempresa a.botver{
	padding: 5% 7.5%;
	font-size:35px!important;
}

.fotoagentes a.botver{
	padding: 5% 7.5%;
	font-size:35px!important;
}



/*interiores*/
.principal-blog{
	background-image:url(../images/blog-1350.jpg);
	height:350px;
}
.principal-institucional{
	background-image:url(../images/institucional-1350.jpg);
	height:350px;
}
.principal-contacto{
	background-image:url(../images/contacto-1350.jpg);
	height:350px;
}
.principal-ben{
	background-image:url(../images/ben-1350.jpg);
	height:350px;
}
.principal-cara{
	background-image:url(../images/cara-1350.jpg);
	height:350px;
}
.principal-vete{
	background-image:url(../images/vete-1350.jpg);
	height:350px;
}
.principal-chip{
	background-image:url(../images/chip-1350.jpg);
	height:350px;
}
.nota1 {
width:53%;

}
.naranja h1{
	font-size:34px;
}	

.subtitulos{
	font-size:28px;
}

.texto {
  	font-size:19px;
}
.boxtexto {
   	width: 65%;
}

.contecara {
	  width: 65%;
	   padding-left:0%;
}

.grafico{
margin: 17% auto 0 auto;
padding-bottom: 38%;
}

.graficovet{
margin: 3% auto 0 auto;
padding-bottom: 36%;
}

.fotocar {
	float:left;
	  width: 31%;
	  clear:none;
	  padding-top: 1%;
}

a.textolink {
	font-size:19px;
}

}
@media (min-width: 1500px){
.principal{
	height:407px;
	background-image:url(../images/principal-1700.jpg)
}

.blue {
	margin-top:50px;
	
}

.blue ul li h1,p.abono, p.soporte{
	font-size:25px;
	min-height:88px;
	font-weight:bold;
	padding-left:80px;	
	padding-right:10px;	
	margin: 0 0 ;
}

.blue ul li h1{
-webkit-background-size: 55px;          
 -moz-background-size: 55px;          
 -o-background-size: 55px;	
background-size:55px;	
background:url(../images/sistema-de-gestion--2.png)no-repeat scroll left top ;
}

.blue ul li h1 img{
max-width:61px;	
}
.blue ul li p.soporte{
-webkit-background-size: 55px;          
 -moz-background-size: 55px;          
 -o-background-size: 55px;		
background-size: 55px;	
background:url(../images/soporte-tecnico-2.png)no-repeat scroll left top ;	
}

.blue ul li p.soporte img{
max-width:56px;	
}
.blue ul li p.abono{
-webkit-background-size: 55px;          
 -moz-background-size: 55px;          
 -o-background-size: 55px;		
background-size: 55px;	
min-height:76px;
background:url(../images/abono-mensual-2.png)no-repeat scroll left top ;	
}

.blue ul li p.abono img{
max-width:58px;	
}

.titulo h2{
	font-size:35px;
	padding:0.8% 0% 1.2% 0%;
	
}

.fotoempresa a.botver{
		font-size:40px!important;
}

.fotoagentes a.botver{
font-size:40px!important;
}

/*interiores*/
.principal-blog{
	background-image:url(../images/blog-1700.jpg);
	height:420px;
}
.principal-institucional{
	background-image:url(../images/institucional-1700.jpg);
	height:420px;
}
.principal-contacto{
	background-image:url(../images/contacto-1700.jpg);
	height:420px;
}
.principal-ben{
	background-image:url(../images/ben-1700.jpg);
	height:420px;
}
.principal-cara{
	background-image:url(../images/cara-1700.jpg);
	height:420px;
}
.principal-vete{
	background-image:url(../images/vete-1700.jpg);
	height:420px;
}
.principal-chip{
	background-image:url(../images/chip-1700.jpg);
	height:420px;
}
}