@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'waltograph42';
  src:  url('waltograph42.eot?ka2add');
  src:  url('waltograph42.eot?ka2add#iefix') format('embedded-opentype'),
    url('waltograph42.ttf?ka2add') format('truetype'),
    url('waltograph42.woff?ka2add') format('woff'),
    url('waltograph42.svg?ka2add#softhealth') format('svg');
  font-weight: normal;
  font-style: normal;
}
#banner{
	background-color: #000;
	float: left;
	width: 100%;
	margin: 0px;
	}
#banner img{
	float: left;
	height: 13%;
	width: 13%;
	margin-right: 2%;
	margin-left: 5%;
	}	
#banner h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #ffd000;
	text-align: center;
	vertical-align: middle;
	margin-top: 5%;
	width: 100%;
	}	
#banner .derecha {
	float: right;
	margin-right: 5%;
	margin-left: 2%;
}
#menu{
	float: left;
	width: 100%;
	background-color: #ffd000;
	}
* {
	padding:0;
	margin:0;
}


.menu_bar {
	display:none;
}

header {
	width: 100%;
}

header nav {
	z-index:1000;
	width:95%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#888888;
	color:#ffffff;
	transition: all 500ms ease;
}

header nav ul li a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.900em;
	color:#000000;
	display:block;
	text-decoration:none;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

header nav ul li a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.900em;
	color:#ffffff;
	display:block;
	text-decoration:none;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

header nav ul li a span {
	margin-right:10px;
}

header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	display: none;
	position: absolute;
	width: 150%;
	z-index:1000;
	background-color: #333333;
	
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
	color:#ffffff;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
#franja{
	background-repeat: repeat-x;
	background-image: url(../imagenes/franjaseguridad.jpg);
	height: 15px;
	
	}
section{
	width: 100%;
	background-color: #666666;
	clear: both;
	padding-bottom: 1%;
}
section h2{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;
	margin-top: 2%;
	margin-right: 5%;
	margin-bottom: 1%;
	margin-left: 5%;
	}
section h3{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffd000;
	margin-top: 2%;
	margin-right: 5%;
	margin-bottom: 1%;
	margin-left: 5%;
	}	
section p, section ul {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.0em;
	color: #ffffff;
	margin-top: 1%;
	margin-right: 7%;
	margin-bottom: 1%;
	margin-left: 7%;
	text-align: justify;
	}
	
section #quienes{
	margin-right: auto;
	margin-left: auto;
	width: 40%;
	padding-top: 1%;
	}	

section #quienes img{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-top: 1%;
	height: 100%;
	}	
.imgderecha{
	float: right;
	margin-right: 25%;
	}	
#galeria{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	}	

#galeria h2{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;
	padding-top: 1%;
	margin-bottom: 1%;
	margin-right: 0%;
	margin-left: 0%;
	}	
#galeria img{
	/*border: medium solid #999999;*/
	margin: 0.5%;
	background-color: #FFF;
	padding: 0.4%;
	}	
#galeria img:hover{
	background-color: #ffd000;
	padding: 0.4%;
	}	
#galeriamarcas{
	width: 68%;
	margin-right: auto;
	margin-left: auto;
	}
#galeriamarcas img{
	/*border: medium solid #999999;*/
	margin: 0.3%;
	background-color: #ffffff;
	padding: 0.2%;
	}
#video{
	width:42%;
	position: relative;
	padding-bottom: 30%;  /*16/9 ratio */
	padding-top: 30px;  /*IE6 workaround*/
	height: 0;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1%;
}
#video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}					
footer{
	background-color: #333;
	padding-bottom: 1%;
	}	
footer h2{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.000em;
	font-weight: bold;
	color: #ffd000;
	margin-top: 1%;
	margin-left: 5%;
	margin-bottom: 0.5%;
	}
	
footer span{
	font-size: 1.200em;
	font-weight: bold;
	color: #ffd000;
	margin-top: 1%;
	/*margin-left: 8%;*/
	}	
footer p{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.950em;
	color: #ffffff;
	}	

footer .tarjetasder{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.900em;
	color: #ffd00;
	float: right;
	padding-right:5%;
	}

footer img{
	float: right;
	padding-right:8%;
	}	

#contactenos{
	width: 100%;
	padding-top: 1%;
	background-color: #666666;
	padding-bottom: 1%;
	clear: both;
	overflow:hidden;
	}	
#formucontactenos h2{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;
	padding-top: 1%;
	margin-bottom: 2%;
	margin-right: 0%;
	}		
#mapacontactenos{
	float: right;
	width: 55%;
	}	
#formucontactenos{
	float: left;
	width: 40%;
	margin-left: 3%;
	margin-top: 2%;
	}	
#formucontactenos h3{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 2%;
	}	
.mayusculas  {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-transform: none;
	padding: 5px;
}
.etiqueta {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.800em;
	font-weight: bold;
	color: #ffffff;
}
#formucontactenos input, #formulariocontactenos textarea, #resultado_mensaje{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	}	
#resultado{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.00em;
	color: #000000;
	text-align: center;	
	}	
#enviar {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	padding: 8px;
	margin-left: 10px;
}	
.error {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-transform: none;
	padding: 5px;
	background-color: #F66;
}

#firma p{
	font-family: waltograph42;
	font-size: 1.500em;
	/*font-weight: bold;*/
	color: #000;
	text-align: right;
	margin-right: 4%;
	margin-bottom:0.5%;
	margin-top:-0.5%;
	}
#firma p a{
	color: #000;
	text-decoration: none;	
	}		
@media screen and (max-width: 1440px) {

header nav {
	z-index:1000;
	width:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
}
header nav ul li a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.750em;
	color:#000000;
	display:block;
	text-decoration:none;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

header nav ul li a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.750em;
	color:#ffffff;
	display:block;
	text-decoration:none;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.imgderecha{
	float: right;
	margin-right: 12%;
	}
}

@media screen and (max-width: 1150px) {
	
	#banner h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #ffd000;
	text-align: center;
	vertical-align: middle;
	margin-top: 5%;
	width: 100%;
	}
	.menu_bar {
	display:block;
	width:100%;
	position: inherit;
	/*position: fixed;*/
	top:0%;
	background-color: #000000;
	/*z-index:1000;*/
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 5px;
		color: #ffd000;
		overflow: hidden;
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 30px;
	}

	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

header nav ul li a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.750em;
	color:#ffffff;
	display:block;
	text-decoration:none;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

header nav ul li a:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.750em;
	color:#ffffff;
	display:block;
	text-decoration:none;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
	header nav ul li {
	display: block;
	border-bottom:1px solid rgba(255,255,255,.5);
	background-color: #333;
	}

	header nav ul li a {
		display: block;
	}

	header nav ul li:hover .children {
		display: none;
		
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
	margin-left:20px;
	background-color: #000;		
	}
	
	header nav ul li .children li a:hover {
	margin-left:20px;
	background-color: #666;
	color: #FFF;
	}
	
	#galeriamarcas{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	}

	header nav ul li .caret {
		float: right;
	}
	#video{
	width:60%;
	position: relative;
	padding-bottom: 50%;  /*16/9 ratio */
	padding-top: 30px;  /*IE6 workaround*/
	height: 0;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1%;
}
.imgderecha{
	float: right;
	margin-right: 5%;
	}
}
@media screen and (max-width: 650px) {
#banner img{
	display:none;
	}	
#banner h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #ffd000;
	text-align: center;
	vertical-align: middle;
	margin-top: 14%;
	width: 100%;
	}	
.menu_bar {
	display:block;
	width:100%;
	position: fixed;
	top:0%;
	background-color: #000000;
	z-index:1000;
	}
section #quienes{
	margin-right: auto;
	margin-left: auto;
	width: 70%;
	padding-top: 1%;
	}	
#galeria h2{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #ffffff;
	padding-top: 1%;
	margin-bottom: 1%;
	margin-right: 0%;
	margin-left: 0%;
	}	
#galeria img{
	/*border: medium solid #999999;*/
	margin: 0.5%;
	background-color: #FFF;
	padding: 1%;
	}	
#galeria img:hover{
	background-color: #ffd000;
	padding: 1%;
	}	
#mapacontactenos{
	display:none;
	}	
#galeriamarcas{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	}	
#galeriamarcas img{
	/*border: medium solid #999999;*/
	margin: 0.1%;
	background-color: #ffffff;
	padding: 0.5%;
	}
footer img{
	display:none;
	}
#video{
	width:80%;
	position: relative;
	padding-bottom: 60%;  /*16/9 ratio */
	padding-top: 30px;  /*IE6 workaround*/
	height: 0;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1%;
}	
.imgderecha{
	float: right;
	margin-right: 0.5%;
	margin-left: 0.5%;
	}		
}
@font-face {
  font-family: 'softhealth';
  src:  url('fonts/softhealth.eot?ka2add');
  src:  url('fonts/softhealth.eot?ka2add#iefix') format('embedded-opentype'),
    url('fonts/softhealth.ttf?ka2add') format('truetype'),
    url('fonts/softhealth.woff?ka2add') format('woff'),
    url('fonts/softhealth.svg?ka2add#softhealth') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'softhealth' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-down:before {
	content: "\e921";
	margin-left: 10px;
}
.icon-menu:before {
  content: "\e9e0";
}

.icon-home:before {
  content: "\e9b8";
}

.icon-mail:before {
  content: "\e9da";
  margin-left: 8%
}

.icon-users:before {
  content: "\ea37";
}

.icon-documents:before {
  content: "\e995";
}

.icon-location:before {
  content: "\e9d2";
  margin-left: 8%
}
.icon-old-phone:before {
  content: "\e9f0";
  margin-left: 8%
}
.icon-facebook:before {
  content: "\ea67";
}
.icon-mobile:before {
  content: "\e9e4";
  margin-left: 8%
}
.icon-mobile1:before {
  content: "\e9e4";
}
.icon-whatsapp:before {
  content: "\ea81";
}