* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }



body {

	font-size: 12px;

	line-height: 22px;

	font-family: Verdana, Geneva, sans-serif;

	color: #728894;

	min-width: 100%;

	margin:0;

	padding:0;

	

}



body a { -webkit-transition: color 0.3s ease;

	-moz-transition: color 0.3s ease;

	-o-transition: color 0.3s ease;

	transition: color 0.3s ease;

	color: #0252aa; text-decoration: none; cursor: pointer; }

body a:hover{ color:#003e72;}





a img { border: 0; }

a.more:hover { text-decoration: none;  }



.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }



.left, .alignleft { float: left; display: inline; }

.right, .alignright { float: right; display: inline; }



article, aside, details, footer, header, menu, nav, section { display: block; }

ul{ list-style:none;}



	h2,h3,h4,h5{font-family: 'Montserrat', sans-serif;}



	h2{ color:#1db8ea;  font-size:22px; margin:10px 0; font-weight:400;}

	h3{ color: #333; font-weight:100; font-size:17px; margin:20px 0 10px;}

	h4{    color: #1c3a96;

    font-weight: 100;

    font-size: 26px;

    margin: 15px 0 6px;}

	h5{ color:#fff; font-size:17px; font-weight:100; margin:15px 0; font-weight: 100;}



.contenedor { width:1070px; margin:0 auto;}



.cleaner_h10 { clear: both; width:100%; height: 10px; }

.cleaner_h20 { clear: both; width:100%; height: 20px; }

.cleaner_h30 { clear: both; width:100%; height: 30px; }

.cleaner_h40 { clear: both; width:100%; height: 40px; }

.cleaner_h50 { clear: both; width:100%; height: 50px; }

.cleaner_h60 { clear: both; width:100%; height: 60px; }

.cleaner_h80 { clear: both; width:100%; height: 80px; }



.padd10{ padding:10px;}

.padd15{ padding:10px 15px;}





.relative{ position:relative;}



#banner{ height:100px; padding:40px 0;}

#banner .contenedor{ width:800px;} 

#banner h3{ color: #FFF; text-align:center; text-transform:uppercase; font-size:20px; line-height:40px;}

	.bg1{ background:url(../images/slider/banner001.jpg) no-repeat center top;}

	

.col01{ width:500px;}

.col02{ width:400px;}

.col03{ width:650px;}

.col04{ width:570px;}



/* header */

#header{ box-shadow: 0 0 4px #C9C9C9; min-height:135px;}

#logo{ margin:10px 0; float:left;}

#logo a{ display: block;

    background: url(../images/axxion-salud.jpg) no-repeat;

    width: 312px;

    height: 80px; }

#navigation{ float:right; margin-top:30px;}

#navigation li{ float:left; margin-left:0.5em;}

#navigation li a{ display:block; color:#056bc1;    padding:0.8em 1em; border-radius:30px; font-family: 'Montserrat', sans-serif; font-size:14px;}

#navigation li a:hover, #navigation li a.activo{  background: #1db8ea;  color:#FFF; }



#top{     background: #02a6e3;

    color: #FFF;

    min-height: 25px;

    padding: 4px; }

#top .inf{ float:right;}

#top .inf li{ display:inline-block; padding-left:25px; margin-left:40px; padding-top:2px; transition:all .4s;}

	.inf .phone{background:url(../images/icons/phon.png) no-repeat;}

	.inf .email{ background:url(../images/icons/email.png) no-repeat;}	

#top .inf li:hover{ background-position:5px 0;}



.redes{ float:right;}

.redes li{ display:inline-block; margin:0 4px;}

.redes a{ display:block; width:24px; height:24px;}

.facebook{ background:url(../images/icons/facebook.png) no-repeat;}

.twitter{ background:url(../images/icons/twitter.png) no-repeat;}

.linkedin{ background:url(../images/icons/linkedin.png) no-repeat;}



/* main */

#main{ padding:25px 0;}

#main p{ margin: 15px 0; line-height: 24px;}

#main h2{ margin:5px 0 25px;}

#main h2:after{ }



.borde1{ box-shadow:5px 5px 10px #d9e7f4; padding:20px; padding-top:0;}



.separator{ background:#1f78c0; width:100%; height:2px; }



.colum1{

	width:300px;

	float:left;

	padding:0 75px 0 0;

}



.colum2{

	width:300px;

	float:right;

	padding:0;

}

/* nosotroa */

#nosotros{        background: url(../images/zona-media.jpg) center bottom no-repeat #00a0d4;
    color: #FFF;
    min-height: 428px;
    margin-top: 0;
    padding: 35px 0 30px 0;}

	

		.lista1{ width:250px;}

		.lista1 li{ background:url(../images/icons/check.png) no-repeat 0px 3px; padding:0 0 8px 25px;}

		

		.lista2 li{ background:url(../images/icons/li2.png) 0 4px no-repeat; padding:0 0 8px 20px;}



#nosotros h3{ color:#FFF; font-size:38px; line-height:35px;}

#nosotros h4{ color:#FFF;}



#mision, #vision{ width:50%;}

#mision:before{    background: #edf2f6 no-repeat url(../images/mision.jpg);

    left: 50%;     position: absolute;

    content: '';

    height: 100%;

    width: 1010px;

    top: 668px;

    bottom: 0;

    z-index: -1;}

#vision:before{    background: #edf2f6  no-repeat url(../images/vision.jpg);

    right: 48%;     position: absolute;

    content: '';

    height: 100%;

    width: 710px;

    top: 955px;

    bottom: 0;

    z-index: -1;}	

	

	.cuadro{ padding:50px; width:400px;}

	.img-mision{ width:50%;}

.info{ width:540px;}



	.btns{ text-align:center;}

	.btns li{ display:inline-block; vertical-align: top;}



	.more2{
		border: 1px solid #006585;
	background: #0C71BC;
	    color: #FFF;
    padding: 8px 10px;
    
    display: block;
    border-radius: 10px;
    vertical-align: middle;
    line-height: 15px;
    margin: 2px 4px;
    font-weight: bolder;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    min-height: 60px;
    

		}

	.more2:hover{
		color: #00a0d4;
		    

    background: url(../images/btn.jpg) center repeat-x;

    border: #008BB9 1px solid;

		}

		.more-w1{ width:100px;}

		.more-w2{ width: 147px;}

		

	.serv{ text-align:center;}	

	.serv li{ display:inline-block; margin:20px; width:45%;}

	.serv li img{ width:100%;}

	.serv li a{ display:block; position: relative;}

	.serv li a .hv{ display: none;  background:rgba(2,95,223,.8); width:100%; height:175px; position:absolute; top:0; left:0; z-index:9;}

	.serv li a:hover .hv{ display:inherit;}

	

	#servicios {    width: 100%;

    min-height: 50px;

	background:url(../images/textura.png) #DDE7EF repeat-x top;



	}

	

	#servicios .contenedor{ position:relative;}

	#servicios ul{ position:absolute; top:-95px; z-index:4 ;text-align:center; width:100%;}

	

	

	#servicios  h3{ color:#FFF !important;}

	#servicios li{

		    display: inline-block;

    margin: 0 19px;

    width: 170px;

    border-radius: 15px;

    border: 1px solid #1C98D6;

    overflow: hidden;

		}

		

		.circulos{

display: block;

    border: 2px solid #fff;

    width: 50px;

    height: 50px;

    margin: 5px auto;

    border-radius: 70%;

		}

	#servicios li img{

	     margin: 10px auto 0;

    display: block;

    height: 24px;

	}

	#servicios li a{

	position: relative;

    display: block;

    background: url(../images/bg-hov-nav.jpg) repeat-x;

    width: 170px;

    height: 115px;

    border-radius: 4px;

    transition: all .4s;

    border: #349ad4 1px solid;

    padding: 5px 0 0 0;

		}

	#servicios li a:hover{ background-position:0 -110px}

	#servicios li h3{

	    position: absolute;

    bottom: 0;

    font-size: 15px;

    line-height: 17px;

    text-align: center;

    font-family: 'Dosis', sans-serif;

    width: 100%;

	

		}

	

	.caja{ background:#e9f0f4; padding:25px;}



/* noticias */

#noticias{ background:#f5f5f5; padding:25px 0; text-align:center;}

#noticias li{ display: inline-block; width:240px; margin:10px; vertical-align:top;}

#noticias li a{ display:block; background:#FFF; padding:20px; min-height:400px;}

#noticias li  img{ width:100%;}

#noticias li a:HOVER{ box-shadow:0 0 6px #d1dce4}

#noticias p{ color:#999; line-height:17px;}

	.more1{ background:#0c71bc; color:#FFF; padding:10px 20px; transition:all .4s; border: 2px solid #fff;}

	.more1:hover{ background:#1db8ea; color:#fff}

	

	.date {}

	/*.date .fecha{ float:left; width:15%; text-align:center; border-right:#1db8ea 1px dotted; padding:25px 10px;}

	.date .fecha span{ display:block; font-size:24px;}*/

	.date .titulo{}

	.date .titulo h3{ font-size:14px; text-align: center; padding-left:5px; color:#1db8ea; line-height:15px;}

	



	.formulario .campo{

		    border: #b1cde3 1px solid;

    padding: 5px 8px;

    width: 100%;

    border-radius: 3px;

    margin: 10px 0 0 0;

		}

		.formulario  textarea{

			    border: #b1cde3 1px solid;

    padding: 5px 8px;

    width: 100%;

    margin: 10px 0;

			}

		.formulario .enviar, .formulario2 .enviar{ background:#323232; color:#FFF; border:0; border-radius:3px; padding:12px 15px;}

		.formulario .enviar:hover, .formulario2 .enviar:hover{ background:#484848;}



	.formulario2 { width:600px; margin:0 auto;}

	.formulario2 .campo{ border:#b1cde3 1px solid; padding:10px 8px; width:100%; border-radius:3px; margin:10px auto;}

		

		

/* footer */

#footer{ background: #0569b4; padding:5px 0 0 0;     color: #86e1fe; }

	.lema{font-family: 'Montserrat', sans-serif; font-size:16px; margin:5px 0 20px 0; 	 background:#015da1; padding:20px 0;margin:0 auto; color:#75c4ff;}



#footer .datos{}

#footer .datos li{ padding-left:45px; min-height:70px; margin-top:20px;}

	.ubic{ background:url(../images/icons/ubic.png) no-repeat;}

	.fono{ background:url(../images/icons/phone.png) no-repeat;}

#footer .col1{ width:30%; margin-left:25px; float:left;}



#footer  h5{ background:url(../images/icons/cruz.png) no-repeat; padding-left:40px; min-height:40px;}

	.list{ margin:0 40px;}

	.list li{ border-bottom:#137ece 1px solid; display:block;}

	.list li a{ color:#86e1fe; padding:3px 2px; display:block;}

	.list li a:hover{ background:#2588d2; color:#fff; }

	

.copy{ background:#1db8ea; color:#bfebf9; text-align: center; font-size:11px; padding:4px 0;}

.copy a{ color:#bfebf9;}

.media-700{ display: none;}



/*tabla*/

	table {

	  max-width: 100%;

	  background-color: transparent;

	  border-collapse: collapse;

	  border-spacing: 0;

	}

	

	.table {

    width: 100%;

    margin-bottom: 18px;

    margin-top: 18px;

	}

	

	.table th,

	.table td {

	  padding: 8px;

	  line-height: 18px;

	  text-align: left;

	  vertical-align: top;

	  border-top: 1px dotted #d1d7dc;

	}

	

	.table2 tbody td.anio, .table2 tbody td.anio:hover{

		    padding: 5px 10px;

    background: #02A6E3;

    color: #fff;

    font-weight: bold;

	}

	

	.table th {

	  font-weight: bold;

	}

	

	.table thead th {

	  vertical-align: bottom;

	  border-top:0 none;

	  background:#f8fbfc;

	}

	

	

	.table tbody + tbody {

	  border-top: 2px solid #d1d7dc;

	}

	

	.table-condensed th,

	.table-condensed td {

	  padding: 4px 5px;

	}

	

	.table-bordered {

	  border: 1px solid #d1d7dc;

	  border-collapse: separate;

	  *border-collapse: collapsed;

	  border-left: 0;

	  -webkit-border-radius: 4px;

		 -moz-border-radius: 4px;

			  border-radius: 4px;

	}

	

	.table-bordered th,

	.table-bordered td {

	  border-left: 1px solid #d1d7dc;

	}

	

	.table tbody tr:hover td,

	.table tbody tr:hover th {

	  background-color: #fafcfd;

	}

	

	

	table2 {

	  max-width: 100%;

	  background-color: transparent;

	  border-collapse: collapse;

	  border-spacing: 0;

	}

	

	.table2 {

	  width: 100%;

	}

	

	.table2 th,

	.table2 td {

	  padding:10px 20px;

	  line-height: 22px;

	  text-align: left;

	      font-size: 13px;

	      vertical-align: center;

	  border-top: 1px dotted #d1d7dc;

	}

	

	.table2 th,

	.table2 td.inp{

	  text-align: center;

	}

	

	.table2 th,

	.table2 td.inp input{

	}

	

	.table2 td h1{

	    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    padding:2px 0 0 0px;

    margin: 0;

	color: #51b8f2;

	font-weight:700;

	}

	

	.table2 td h2{

	margin: 0 !important;

    padding: 0 0 7px 0;

    font-size: 14px;

    color: #5E5E5E;

	}

	

	.table2 td h3{

	    font-family: Arial, Helvetica, sans-serif;

    font-size: 11px;

    margin: 0;

    padding: 12px 0 0 0;

	}

	

	.table2 td p{

		margin:2px 0 !important;

	}

	

	.table2 th {

	  font-weight: bold;

	  

	}

	

	.table2 thead th {

	  vertical-align: bottom;

	  border-top:0 none;

	  background:#f8fbfc;

	}

	

	

	.table2 tbody + tbody {

	  border-top: 2px solid #d1d7dc;

	}

	

	.table-condensed2 th,

	.table-condensed2 td {

	  padding: 4px 5px;

	}

	

	.table-bordered2 {

	  border: 1px solid #EBEDEF;

	  border-collapse: separate;

	  *border-collapse: collapsed;

	  border-left: 0;

	  -webkit-border-radius: 4px;

		 -moz-border-radius: 4px;

			  border-radius: 4px;

	}

	

	.table-bordered2 td {

	  border-left: 1px solid #EBEDEF;

	}

	

	.table-bordered2 th{

    border-left: 1px solid #EBEDEF;

    background: #1697C1;

    color: #fff;

    font-family: 'Dosis', sans-serif;

    text-align: left;

    font-size: 16px;

	}

	

	.table2 tbody td:hover{

	  background-color: #fafcfd;

	}	

	

	.desc_form{

		    display: block;

    border-radius: 5px;

    color: #fff;

    padding: 5px 10px;

    width: 120px;

    background: #0569B4;

    text-align: center;

    border: 1px solid #014579;

	}

	.desc_form:hover{

	    display: block;

    border-radius: 5px;

    color: #fff;

    padding: 5px 10px;

    width: 120px;

    background: #02A6E3;

    text-align: center;

    border: 1px solid #0078A4;

	}



@media screen and (max-width: 1070px) { 

	.contenedor { width:100%;}

	 #noticias li{width:40%;}

	 .date .titulo{ float: right; width:75%;}

	 .padd20{ padding:10px 20px;}

	 .padd20 .right, .padd20 .left{ float:none;}

	 .col01, .col04 { width: auto; padding:0; margin:0;}

	 	



}



@media screen and (max-width: 980px) { 

#logo{float: none; margin:10px auto; width:312px;}

.redes{ float:none; text-align:center;}

  .inf { text-align:center;}

#navigation{ float: none; margin:0 auto; text-align:center; width:100%;}

#navigation li{ display:inline-block; float:none;}



#servicios{ }

#servicios ul{ position: inherit; top: inherit; padding:40px 0;}



#servicios li{

    margin: 0 15px;

		}

}

@media screen and (max-width: 876px) {

	#servicios li{

		 width:40%;

	}

	#servicios li a{ width:100%;}

	.serv li{ display:inline-block; margin:20px; width:90%;}

	.serv li a:hover .hv{ display:none;}

	#nosotros{    background: url(../images/zona-media.jpg) 25% bottom   no-repeat #00abdf;} 

	#nosotros{ padding-bottom:500px; text-align:center;}

	#nosotros .right, #nosotros .left{ float: none;}

	#nosotros h3:after{ margin:20px auto;}

	.info{ width:80%; margin:0 auto; text-align:center;}

	

	.lista1{ display:inline-block; }

	.lista1 li{ text-align:left;}

	#banner .contenedor{ width:80%;}

	

}

@media screen and (max-width: 768px) {



	 #footer .col1{width:90%; margin:0 auto; float:none;}

/*	 #footer .col1{ width:30%; margin-left:25px;}*/



.formulario .campo{ border:#b1cde3 1px solid; padding:5px 8px; width:90%; border-radius:3px; margin:0 20px 0 0;}

		.formulario  textarea{border:#b1cde3 1px solid; padding:5px 8px; width:95%; }

}

@media screen and (max-width: 728px) {

	 #noticias li{width:85%;}

	 

}

@media screen and (max-width: 700px) {

	.media-1000{ display: none}

	.media-700{ display: block;}

	.borde1{ width:80%}

	#nosotros{    background: url(../images/zona-media.jpg) 30% bottom   no-repeat #00abdf;} 

	

}

.casita-f{
	background: url(../images/icons/casita.png) no-repeat;
}
.mail-f{
	background: url(../images/icons/mail-f.png) no-repeat;
}
.reloj-f{
	background: url(../images/icons/reloj-f.png) no-repeat;
}

.fr-tamtam{
	font-size: 13px;
}