@charset "UTF-8";
/* CSS Document */
@import url("../reset.css");
@import url(http://fonts.googleapis.com/css?family=Oswald|Open+Sans+Condensed:300,700);
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

@font-face{ 
	font-family: 'klavika_chlight_cond_it';
	src: url('font01/klavikach-lightcondit-webfont.eot');
	src: url('font01/klavikach-lightcondit-webfontt.eot?#iefix') format('embedded-opentype'),
	     url('font01/klavikach-lightcondit-webfont.woff') format('woff'),
	     url('font01/klavikach-lightcondit-webfont.ttf') format('truetype'),
	     url('font01/klavikach-lightcondit-webfont.svg#klavikach-lightcondit-webfont') format('svg');
}

@font-face{ 
	font-family: 'klavika_chmedium_cond_it';
	src: url('font02/klavikach-mediumcondit-webfont.eot');
	src: url('font02/klavikach-mediumcondit-webfont.eot?#iefix') format('embedded-opentype'),
	     url('font02/klavikach-mediumcondit-webfont.woff') format('woff'),
	     url('font02/klavikach-mediumcondit-webfont.ttf') format('truetype'),
	     url('font02/klavikach-mediumcondit-webfont.svg#klavikach-mediumcondit-webfont') format('svg');
}


/* Globales
-------------------------------------------------- */
body { background-color:#EEE; -moz-osx-font-smoothing: grayscale; }
.invisible {display:none;}
p { font-family: 'Open Sans Condensed', sans-serif; font-weight:300; }
a { font-family: 'Oswald', sans-serif; font-weight:300; color:#5aa097; }
a:hover { color:#8dc63f; text-decoration:none; }
a:focus { color:#5aa097; text-decoration:none; }
h1 { font-family: 'klavika_chlight_cond_it'; }
h2 { font-family: 'klavika_chmedium_cond_it'; }
i { color:#5aa097; }
i:hover { color:#8dc63f; }
#popup { background-image:url(../img/popupPrin.jpg); background-repeat:no-repeat; background-size:cover; }
.placeholder { font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 1.2em; padding: 9px 5px 5px; line-height: 1.35em; letter-spacing: -0.02em; margin-top:10px; margin-bottom:10px; }
.margin15 { margin-top:15px; }
.negrita{  font-weight: bold;}
h1 { font-family: 'klavika_chlight_cond_it'; font-size: 4em;color:#5aa097; }

/* Header
-------------------------------------------------- */
header { height:135px; z-index:100; position:absolute; width:100%; }
#topbar { width:100%; height:10px; background-color:#f6e80d; position:relative; }
#logbar { width:100%; height:125px; background-color:#FFF; position:relative; }
.espaciotop { height:180px; }
#logo { margin-top:-15px; }
.navbar-collapse { border-top: none; }
.navbar { margin-bottom:0; border-radius:0; }
.navbar .navbar-nav { float: none; vertical-align: top; position:absolute; }
.navbar .navbar-collapse { text-align: center; }
.navbar-default { background-color:#5aa097; border-color: transparent; height:50px; }
.navbar-default .navbar-collapse { border-color:#f6e80d; }
.navbar-collapse { color:#f6e80d; border-color:#f6e80d; }
.navbar-default .navbar-toggle { border-color: #f6e80d; }
.navbar-default .navbar-toggle .icon-bar { background-color: #f6e80d; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color:#f6e80d; background-color:transparent; }
.navbar-default .navbar-nav > li > a:hover { color:#f6e80d; }
.navbar-default .navbar-nav > li > a { color: #FFF; font-size:1.2em; }
.redes { float:right; padding-left:10px; margin-top:40px; padding-right:10px; }
.siguenos { margin-top:45px; color:#5aa097; }

#logo2 { margin-top:-60px; overflow:visible; position:relative; float:right; z-index:100; }
.navbar { height:50px; }
#nav { height:50px; }
.redes2 { float:left; padding-left:10px; margin-top:30px; padding-right:10px; }
.siguenos2 { margin-top:30px; color:#5aa097; float:left; }
#logbar2 { width:100%; background-color:#FFF; height:70px; position:relative; }
.menu2 li a { margin-left:-10px; z-index:200; }
#header2 { margin-top:-140px; position:fixed; width:100%; }

/* Carousel
-------------------------------------------------- */
#blocarrusel{ display: block; width: 100%; height: 100%; overflow:hidden; position:relative; z-index:0; }
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}


/* Contenido
-------------------------------------------------- */
#actualice { font-size:3em; margin:0; }
.cuadroslogan { text-align:justify; padding-left:15px; padding-right:15px; width:400px; height:200px; margin-left:60%; position:absolute; margin-top:-200px; background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom: 1; }
.cuadroslogan:nth-child(n) { filter: none; }
.cuadroslogan a { text-decoration:none; }
.click { height:90px; width:100%; background-color:#19a759; color:#f6e80d; margin-bottom:30px; }
.centro { margin:0 auto; float:none; width:460px; }
.bloques { display:block; float:left; text-align:center; margin:10px 5px 10px 5px; }
.cuadro { border: 1px solid #f6e80d; border-radius:5px; padding:3px 25px 3px 25px; margin-top:15px; }
.cuadro:hover { border-color:#FFF; }
.click a { color:#f6e80d; }
.click a:hover { color:#FFF; border-color:#FFF; }
.topverd { width:220px; height:5px; margin-left:15px; background-color:#007a2e; margin-top:5px; }
.tituloverd { height:37px; width:220px; background-color:#5aa097; color:#f6e80d; text-align:center; margin-left:15px; }
.txtsedes { width:220px; margin-left:15px; margin-bottom:15px; height:190px; padding-top:10px; text-align:center; color: #696969; padding-bottom:10px;  background-color:#FFF; border-radius:0 0 10px 10px; }
.click2 { height:90px; width:100%; background-color:#8dc63f; color:#0E7530; margin-top:30px; }
.bloques2 { display:block; text-align:center; }
.cuadro2 { border: 1px solid #206a2a; border-radius:5px; padding:3px 25px 3px 25px; margin-top:25px; width:100%;  }
.click2 a { color:#0E7530; }
.click2 a:hover { color:#FFF; border-color:#FFF; }
.cuadro2:hover { border-color:#FFF; }
.cuadro3 { border: 1px solid #0E7530; border-radius:5px; padding:3px 25px 3px 25px; margin-top:15px; }
.cuadro3:hover { border-color:#FFF; }
.margentop { margin-top:10px; padding-bottom:20px; }
.menubot { height:317px; width:100%; background-color:#5aa097; color:#f6e80d; }
.menubot ul a { color:#f6e80d; }
.menubot ul a:hover { color:#FFF; text-decoration:none; }
#nombre { color:#000; width:100%; margin-bottom:10px; border-radius:5px; padding:5px 5px 5px 5px; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; font-size:1.2em; }
#correo { color:#000; width:100%; margin-bottom:10px; border-radius:5px; padding:5px 5px 5px 5px; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; font-size:1.2em; }
#enviar { color:#000; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; padding:5px 5px 5px 5px; width:60px; border-radius:5px; background-color:#f6e80d; font-size:1.2em; }
.menufoot { margin-top:10px; }
.menufoot ul { text-decoration:none; display:block; list-style-type:none; text-align:left; padding-left:0; }
.menufoot ul li { margin-bottom:5px; }
.menulinea { border-bottom:1px solid #f6e80d; margin-top:20px; }
.blocont { display: block; height: 400px; width: 800px; margin-right: auto; margin-left: auto; }

/* La empresa
-------------------------------------------------- */
.titulo { color:#206a2a; font-size:3em; font-weight:700; border-bottom:2px solid #206a2a; }
.textocont { font-size:1.2em; }
.titulocont { color:#5aa097; border-bottom:2px solid #5aa097; }


/* Coberturas
-------------------------------------------------- */
.centro4 { margin:0 auto; float:none; width:740px; }
.click4 { height:90px; width:805px; background-color:#19a759; color:#f6e80d; margin-bottom:30px; margin-top:30px; margin-left:67px; }
.click4 a { color:#f6e80d; }
.click4 a:hover { color:#FFF; border-color:#FFF; }
#actualice2 { font-size:3em; margin:0 0 0 30px; }
.cuadro4 { border: 1px solid #f6e80d; border-radius:5px; padding:3px 25px 3px 25px; margin-top:15px; }
.cuadro4:hover { border-color:#FFF; }
.bloques4 { display:block; float:left; text-align:center; margin:10px 5px 10px 5px; }

/* contactenos
-------------------------------------------------- */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { font-size:1.2em; background-color:transparent; color:#206a2a; text-decoration:underline; }
.nav-tabs > li > a { color:#5aa097; font-size:1.2em; }

/* Datos Formulario
-------------------------------------------------- */
.datosbg { background-image:url(../img/datosimg.jpg); background-repeat:no-repeat; background-size:cover; }
.division { float:right; margin-left:60px; }

/* Claves de Emergencia
-------------------------------------------------- */
.clavesbloq { margin-left:-25px; margin-top:-15px; }
#titulorojo { color:#d70005; margin-bottom:-5px; }
#tituloamarillo { color:#fec73b; margin-bottom:-5px; }
#tituloverde { color:#10781c; margin-bottom:-5px; }
#tituloazul { color:#0a5bd1; margin-bottom:-5px; }
#titulonaranja { color:#fc6808; margin-bottom:-5px; }
#titulogris { color:#545454; margin-bottom:-5px; }

/* Amefarmacia
-------------------------------------------------- */
.afdireccion { 	text-align:center; }

/* Beneficios
-------------------------------------------------- */
.titulobene { padding-top:15px; }

/* Footer
-------------------------------------------------- */
.footer { width: 100%; background-color:#f6e80d; }

.anaranja { color:#F3A306; }

/*MOVIL*/
@media only screen and (min-width: 300px) and (max-width: 768px) {
	.espaciotop { height:270px; }
	.navbar-brand { padding-left:0; }
	.navbar-static .navbar-collapse { max-height:none; }
	.navbar-nav { margin: 0px -15px; padding-top:20px; padding-bottom:20px; }
	.xslogo { width:288px; margin:0 auto; }
	#actualice { font-size:1.4em; margin-top:13px; }
	.centro { margin:0 auto; float:none; width:300px; }
	.centro3 { margin:0 auto; float:none; width:390px; }
	header { height:230px; }
	#logbar { height:210px; }
	.redes { float:right; padding-left:5px; margin-top:80px; padding-right:5px; }
	.siguenos { margin-top:85px; margin-left:-80px; }
	.xsredes { width:300px; margin:0 auto; }
	.xscentrado { width:220px; margin:0 auto; }
	.footer { font-size:0.8em; }
	.click2 { height:150px; font-size:0.9em; padding-top:8px; }
	.cuadro2 { width:280px; margin:15px auto; }
	.menubot { height:550px; }
	.click { font-size:0.9em; }
	#logo2 { margin-top:5px; }
	.navbar-toggle { float:left; margin-left:30px; z-index:100; }
	#boton { position:absolute; }
	.navbar-collapse { background-color: #5aa097; width:100%; z-index:100; padding-top:0; }
	.navbar .navbar-nav { background-color: #5aa097; width:100%; }
	.titulo { margin-top:260px; }
	.navbar-nav { margin-top:0; }
	iframe { height:200px; }
	.amecitologo { margin-bottom:20px; }
	.datosbg { background-image:none; background-color:#FFF; }
	.clavesbloq { margin-left:0; margin-top:0; }
	.especialidadxs { margin-top:80px; }
	#actualice2 { font-size:1.4em; margin:-10px 0 0 10px; }
	.click4 { width:280px; margin-left:25px; }
	.bloques4 { display:block; float:left; text-align:center; margin:-20px 5px 10px 50px; }
	.amegalxs { margin-top:-230px; }
	.click3 { margin-bottom:0; }

}

/*TABLET*/
@media only screen and (min-width: 769px) and (max-width: 1023px) {
	.xscentrado { width:220px; margin:0 auto; }
	.navbar-default .navbar-nav > li > a { font-size:0.8em; }
	.cuadroslogan { width:250px; height:130px; margin-top:-180px; }
	.cuadroslogan h1 { font-size:1.2em; }
	.xscentrado { width:220px; margin:0 auto; }
	.navbar-nav { margin-left:25px; }
	.amecitologo { margin-top:25px; }
	#actualice2 { font-size:1.9em; margin-top:10px; }
	.click4 { width:619px; margin-left:51px; }
	.click3 { margin-bottom:0; }
}

/*PANTALLAS PEQUEÑAS*/
@media only screen and (min-width: 1024px) and (max-width: 2800px) {
	.navbar-default .navbar-nav > li > a { font-size:1.2em; }
	.navbar-nav { margin-left:25px; }
	.amecitologo { margin-top:10px; }
}