@charset "utf-8";
/* CSS Document */
body{	
	font-family: 'Lato', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;
	line-height:18pt;
	margin:0 auto;
	padding:0;
}

p{
	text-align:justify;
	padding:0 5% 0 5%;
}

img{
	height: auto;
	max-width: 100%;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

.content{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.cabecera{
	float:left;
	width:100%;
	height:25px;
	background-color:#000;
	position:fixed;
	z-index:999;
}

.cabeceramov{
	display:none;
	visibility:hidden;
}


.dir, .fon, .ema{
	float:left;
	width:33.3%;
	color:#fff;
	font-size:14px;
	text-align:center;
	margin-top:0;
}

/*.dir:before {content:"Huanhuali #480, La Serena - IV Región, Chile";}
.fon:before {content:"512-333707";}
.ema:before {content:"samu.coquimbo@redsalud.gov.cl";}*/


header{
	float:left;
	width:100%;
	height:120px;
	background:url(../imagen/fondo.png) repeat-x;
	/*margin:25px auto;*/
	z-index:1;
}

/***************** HEADER HIDE ****************/
.page-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	-webkit-transition: top 0.5s;
	-moz-transition: top 0.5s;
	transition: top 0.5s;
}

.page-header.off-canvas { 
	top: -145px;
	}

.page-header.fixed {
	top: 0;
}


/* PARALLAX **************** /*/
.parallax-container {
  height: 400px;
  width: 100%;
  display:block;
  visibility:visible;
  margin-top:500px;
}



.slider{
	float:left;
	width:100%;
	margin-top:120px;
	background-color:#F5F5F5;

		
}

.logo1{
	float:left;
	width:40%;
	height:120px;
	/*background-color:#0C9;*/
}

.logo2{
	float:left;
	width:60%;
	height:90px;
	/*background-color:#663;*/
}

.menu{
	float:left;
	width:auto;
	height:30px;
	background-color:#fff;
}

#cuerpo1, #cuerpo2, #cuerpo3, #cuerpo4, #cuerpo5, #cuerpo6{
	float:left;
	width:100%;
	padding:50px 0 50px 0;
}

#cuerpo0{
	background-color:#ffffff;
}

#cuerpo1, #cuerpo3{
	background-color:#ffffff;
}


#cuerpo4{
	background-color:#C0DCC0;
}

#cuerpo5{
	background-color:#fff;
}

#cuerpo6{
	background-color:#6FC;
}

.box1-1{
	float:left;
	width:100%;
}


.box1-2{
	float:left;
	width:50%;	
}

.box1-2l, .box1-2r{
	float:left;
	width:49%;	
}

.box1-2l{margin-right:1%;}
.box1-2r{margin-left:1%;}

.boxw{
	float:left;
	width:100%;
	background-color:#FFF;
	margin: 10px 10px 10px 0;
}

.box1-4c, .box1-4l, .box1-4r {
	float:left;
	width:23.5%;
	height:auto;	
	background-color:transparent;
}

.box1-4c{margin:1%;}
.box1-4l{margin:1% 1% 1% 0;	}
.box1-4r{margin:1% 0 1% 1%;}

.flec{
		float:left;		
}

.titulo{
	float:left;
	width:auto;
	font-size:20px;
	color:#fff;
	background-color:#0046bf;
	padding:0 15px 0 15px;
	display: inline-block;
	box-shadow: 2px 2px 5px #999;
	margin-bottom:25px;
	margin-top:25px;
}

.textright{
	float:left;
	width:525px;
	height:45px;
	padding:0;
	font-size:15px;
}


.titulojus{
	width:100%;
	float:left;
	text-align:justify;
	font-size:22px;
	min-height:50px;
	margin-top:5%;
	margin-bottom:5%;
	color:#000;
}

.parnot{
	text-align:justify;
	line-height:1.5em;
	margin:1%;
}

.titulobox2, .titulobox1{
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:2;	
	width:auto;	
	box-shadow: 2px 2px 5px #999;	
}

.titulobox1{background-color:#0046bf;}
.titulobox2{background-color:#FF0;}

.titulobox2 a:link {text-decoration: none;color:#000;}
.titulobox2 a:visited {text-decoration: none;color:#000;}
.titulobox2 a:hover {text-decoration: none;color:#0CF;transition: all 0.5s ease 0s;}
.titulobox2 a:active {text-decoration: none;color:#fff;transition: all 0.5s ease 0s;}

.dest{
	font-size:22px;
	color:#0046bf;
}

footer{
	float:left;
	width:100%;
	background-color:#000;
	padding:25px 0 25px 0;
}

.linkfooter{
	width:100%;
	float:left;
	color:#CCC;
	line-height:30px;
}

.linkfooter a:link {text-decoration: none;color:#ccc;}
.linkfooter a:visited {text-decoration: none;color:#ccc;}
.linkfooter a:hover {text-decoration: none;color:#fff;transition: all 0.5s ease 0s;}
.linkfooter a:active {text-decoration: none;color:#fff;transition: all 0.5s ease 0s;}

.movilcen{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:5%;
}


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


body{
	font-size:14px;
}
	
.cabecera{
	display:none;
	visibility:hidden;
}

img{
	height: auto;
	max-width: 100%;
}

.cabeceramov{
	display:block;
	visibility:visible;
	float:left;
	width:50%;
	height:96px;
	background-color:#FFF;
}

.dir, .fon, .ema{
	width:100%;
	color:#000;
	text-align:left;
	padding-left:10%;
}

header{
	height:136px;
	margin:0 auto;
	padding:0;
}

.slider{
	margin-top:136px;
}

.menu{
	width:100%;
	height:40px;
}	

.logo1{
	width:50%;
	height:auto;
	padding:0;
	}
	
.logo2{
	display:none;
	visibility:hidden;
}

.box1-2, .box1-2l, .box1-2r{
	width:46%;
	margin:2%;
}

.box1-4l, .box1-4c, .box1-4r{
	width:46%;
	margin:1%;
	min-height:210px;
}

.box1-4l img {width:75%; padding-left:0 1% 0 1%;}
.box1-4r img {width:75%; padding-left:0 1% 0 1%;}
.box1-4c img {width:75%; padding-left:0 1% 0 1%;}

.flec{
	width:15%;
}

.textright{
	width:85%;
}

.titulobox2{
	width:200px;
	margin:10px 0 10px 25%;
	float:left;
}

iframe{
	width:46%;
	margin:2%;
}

.footermov, .linkfooter{
	float:left;
	text-align:center;
	margin:0 auto;
}

.movilcen{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:5%;
	
	
}


@media screen and (max-width:480px) {
	
body{
	font-size:14px;
}
	
.cabecera, .cabeceramov{
	display:none;
	visibility:hidden;
}

header{
	height:auto;
	margin:0 auto;
	padding:0;
}

.slider{
	margin-top:180px;
}


.logo1{
	width:100%;
	height:auto;
	padding:0;
	}
	
.logo2{
	display:none;
	visibility:hidden;
}

.menu{
	width:100%;
	height:40px;
}

.titulo{
	font-size:18px;
	padding:0;
	margin:5px 0 5px 2%;
	padding:0 5px 0 5px;
	
}

.box1-2, .box1-2l, .box1-2r{
	width:96%;
	margin:2%;
}

.box1-4l, .box1-4c, .box1-4r{
	width:96%;
	margin:2%;
}
	
.box1-4l img {width:100%; padding:0 5% 0 5%;}
.box1-4r img {width:100%; padding:0 5% 0 5%;}
.box1-4c img {width:100%; padding:0 5% 0 5%;}	
	
.boxw{
	width:96%;
	margin:2%;
}

.flec{
	width:15%;
}

.textright{
	width:85%;
}

.titulobox2{
	margin-left:20%;
	margin-bottom:15px;	
}

.titulojus, .dest{
	font-size:18px;
}

iframe{
	width:96%;
	margin:2%;
}

.footermov{
	float:left;
	text-align:center;
	margin:0 auto;
}	

.movilcen{
	float:left;
	width:50%;
	padding:0 25% 0 25%;
	text-align:center;
	margin-bottom:5%;
}

	
	
	
	
}