@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

a{
	color:#FFF;
	z-index:2000;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), 
       local('Roboto-Regular'), 
       url(http://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff) 
       format('woff');
}
hr{
	width:90%;
	margin:auto;
}

body {
	background:#000;
	background-image: url(../imagenes/fondo2.jpg);
	background-size:100%;
	background-repeat:no-repeat;
}

#logo {
	min-width: 238px;
    max-width: 35%;
}
#logo-caja {
	max-width:1000px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-20px;
	z-index:4000;
	
}

section {
	 overflow: hidden;
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	font-family:Roboto;
	padding:1px;
	background-color:#FFF;
	
}

section article {
	 margin: 30px 0px 20px 0px;
		
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
	margin-left:75%;
	margin-top: 15px;
	width:116px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.myButton:active {
	position:relative;
	top:1px;
}

section header h1 {
	color:#000;
	text-align:left;
	width:65%;
	margin: 10px 0px;
	display: inline-block;
    position: relative;
	
}

header {
	margin-left:auto;
	margin-right:auto;
	
}

header nav {
	width:100%;
	max-width:1000px;
	margin:0px auto 0px auto;
	/*background:#024959;*/
	background: #1c2782;
	background: -moz-linear-gradient(top,  #1c2782 0%, #207cca 63%, #207cca 65%, #207cca 65%, #5d8dad 100%);
	background: -webkit-linear-gradient(top,  #1c2782 0%,#207cca 63%,#207cca 65%,#207cca 65%,#5d8dad 100%);
	background: linear-gradient(to bottom,  #1c2782 0%,#207cca 63%,#207cca 65%,#207cca 65%,#5d8dad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2782', endColorstr='#5d8dad',GradientType=0 );
	z-index: 2000;
	/*border-radius:0px 0px 5px 5px;*/
}

.menu_bar {
	display:none;
	font-family:"Agency FB";
	z-index: absolute;
}

header nav ul {
	overflow:hidden;
	list-style:none;
}

header nav ul li {
	float:left;
}

header nav ul li a {
	color:#fff;
	padding:20px;
	display:block;
	text-decoration:none;
	font-family:"Agency FB";
}

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

header nav ul li a:hover {
	background:#105bf4;
	border-radius:5px;
}

section article img {
	width: 100%;
    min-width: 150px;
    display: inline-block;
	
}

#section_img_galeria	{
	float:right; 
	margin:3% 13% 4% 0%;
	width:18%;
	max-width: 180px;
	min-width: 145px;
	
}

#section_img_contacto	{
	float: left;
    margin: 1% 0% 0% 13%;
    width: 18%;
    max-width: 180px;
	min-width: 145px;
	
}

.section_article {
	width: 50%;
    margin: 4%;
	display: inline-block;
    position: relative;
}

#section_article_conocenos {
	background: rgba(255,255,255,0.48);
	background: -moz-linear-gradient(left, rgba(255,255,255,0.48) 0%, rgba(246,246,246,0.5) 47%, rgba(237,237,237,0.52) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.48)), color-stop(47%, rgba(246,246,246,0.5)), color-stop(100%, rgba(237,237,237,0.52)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.48) 0%, rgba(246,246,246,0.5) 47%, rgba(237,237,237,0.52) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0.48) 0%, rgba(246,246,246,0.5) 47%, rgba(237,237,237,0.52) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,0.48) 0%, rgba(246,246,246,0.5) 47%, rgba(237,237,237,0.52) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0.48) 0%, rgba(246,246,246,0.5) 47%, rgba(237,237,237,0.52) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
	text-shadow: 0 0 5px rgba(0,0,0,0.53), 0 0 10px #fff, 0 0 15px #fff, 0 0 20px rgb(255, 255, 255), 0 0 25px rgb(255, 255, 255);
	-webkit-text-fill-color: #000;
	-webkit-text-stroke-width: 0.2px;

    margin-left: 35%;
    padding: 8%;
    height: 100%;
	margin-top: -30px;

}
#conocenos_inicio {
	background:url(../imagenes/conocenos.jpg);
	height:365px;
	padding:0px;
}

footer{
	margin: auto;
    max-width: 1000px;
    width: 100%;
    background: #5d8dad;
    background: -moz-linear-gradient(top, #5d8dad 0%, #207cca 25%, #207cca 30%, #207cca 35%, #1c2782 100%);
    background: -webkit-linear-gradient(top, #5d8dad 0%, #207cca 25%, #207cca 30%, #207cca 35%, #1c2782 100%);
    background: linear-gradient(top, #5d8dad 0%, #207cca 25%, #207cca 30%, #207cca 35%, #1c2782 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d8dad', endColorstr='#1c2782',GradientType=0 );
    overflow: hidden;
	font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), 
       local('Roboto-Regular'), 
       url(http://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff) 
       format('woff');
	
}

footer address {
    width: 45%;
    display: inline-block;
    position: relative;
    padding-left: 4%;
	font-family: 'Roboto';
	text-decoration:underline;
}

footer article {
	float: right;
	width:45%;	
	display: inline-block;	
	position:relative;
	margin-left: 5%;
	font-family: 'Roboto';
	text-decoration:underline;
}

#cuadro_footer {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.53) 0%, rgba(0,0,0,0.53) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.53) 0%,rgba(0,0,0,0.53) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.53) 0%,rgba(0,0,0,0.53) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87000000', endColorstr='#87000000',GradientType=0 );
    margin: 26px 20px 0px 99px;
    padding: 2% 5% 11px 5%;
    color: white;
}

footer img {
	width: 215px;
    margin: -13px -16px;
    position: absolute;	
}

footer li {
	padding:10px;
	display:block;
	font-size:15px;	
}

footer hr {
	width:1px;
	border-left: 1px solid #FFF;
	float:right;	
}

footer h1 {
	font-size: 23px;	
}

small{
	text-align: center;
    margin: 15px 0px -10px 0px;
    border-top: #FFF solid 1px;
    padding: 10px 0px;
    display: inline-block;
	width:100%;
}

@media screen and (max-width:800px ) {
	header nav {
		width:80%;
		height:100%;
		left:-100%;
		margin:0;
		position: fixed;
		z-index:5000;
	}

	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}

	.menu_bar {
		display:block;
		width:100%;
		/*background:#ccc;*/
		position:fixed;
		z-index:4000;
	}

	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		/*background:#024959;*/
		/*background: #1c2782;
		background: -moz-linear-gradient(top,  #1c2782 0%, #207cca 63%, #207cca 65%, #207cca 65%, #5d8dad 100%);
		background: -webkit-linear-gradient(top,  #1c2782 0%,#207cca 63%,#207cca 65%,#207cca 65%,#5d8dad 100%);
		background: linear-gradient(to bottom,  #1c2782 0%,#207cca 63%,#207cca 65%,#207cca 65%,#5d8dad 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2782', endColorstr='#5d8dad',GradientType=0 );*/

		color:#fff;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		z-index:4000;
		
	}

	.menu_bar span {
		float:right;
		font-size:40px;
	}
	
	#section_img_galeria	{
	float:right; 
	margin:3% 13% 4% 0%;
	width:18%;
	max-width: 180px;
	min-width: 145px;
}

	#section_img_contacto	{
	float: left;
    margin: 1% 0% 0% 13%;
    width: 18%;
    max-width: 180px;
	min-width: 145px;
	
}

	section article img {
	width: 100%;
    min-width: 150px;
    display: inline-block;
	
}

}

@media screen and (max-width:600px ) {
	
	#section_article_conocenos {
background: rgba(255,255,255,0.78);
background: -moz-linear-gradient(left, rgba(255,255,255,0.78) 0%, rgba(246,246,246,0.78) 47%, rgba(237,237,237,0.77) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.78)), color-stop(47%, rgba(246,246,246,0.78)), color-stop(100%, rgba(237,237,237,0.77)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0.78) 0%, rgba(246,246,246,0.78) 47%, rgba(237,237,237,0.77) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0.78) 0%, rgba(246,246,246,0.78) 47%, rgba(237,237,237,0.77) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0.78) 0%, rgba(246,246,246,0.78) 47%, rgba(237,237,237,0.77) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.78) 0%, rgba(246,246,246,0.78) 47%, rgba(237,237,237,0.77) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );

    margin-left: 0%;
    padding: 8%;
    height: 100%;

}

#cuadro_footer {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.53) 0%, rgba(0,0,0,0.53) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.53) 0%,rgba(0,0,0,0.53) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.53) 0%,rgba(0,0,0,0.53) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87000000', endColorstr='#87000000',GradientType=0 );
    margin: 26px 0px 0px 99px;
    padding: 2% 5% 11px 5%;
    color: white;
	overflow: hidden;
}

footer article {
	width:100%;	
	display: inline-block;	
	position:relative;
	margin-left: 5%;
	font-family: 'Roboto';
	text-decoration:underline;
}

footer address {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-left: 4%;
	font-family: 'Roboto';
	text-decoration:underline;
	margin-top:20px;
}
	
.myButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    box-shadow: inset 0px 1px 0px 0px #97c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
    background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
    background-color: #3d94f6;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #337fed;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #1570cd;
    margin: 15px 0% 0px 40%;
    width: 116px;
}

	section article img {
	width: 100%;
    min-width: 150px;
    display: inline-block;
		opacity: 0;
    filter: alpha(opacity= 0);	
	
}


#section_img_galeria {
    background-image: url(../imagenes/clientes_grande.jpg);
    float: none;
    margin: 2% 10% 0% 10%;
    width: 100%;
    max-width: 100%;
    min-width: 145px;
    background-size: 80% 100%;
    height: 257px;
    background-repeat: no-repeat;
}

#section_img_contacto {
    background-image: url(../imagenes/telefonista.png);
    float: none;
    margin: auto;
    width: 85%;
    max-width: 100%;
    min-width: 85%;
    background-size: 80% 100%;
    height: 257px;
    background-repeat: no-repeat;
    border: solid 0.5px;
}

.section_article {
	width: 100%;
	display: inline-block;
    position: relative;
	padding: 4%;
	margin:0%;
}
	
}

@media screen and (max-width:400px ) {
	
	section article img {
	width: 100%;
    min-width: 150px;
    display: inline-block;
	opacity: 1;
    filter: alpha(opacity= 100);	
	
}


	#section_img_galeria	{ 
	width: 55%;
    height: auto;
    background-image: none;
    border: none;
    margin: auto;
}

	#section_img_contacto	{
    width: 55%;
    height: auto;
    background-image: none;
    border: none;
    margin: auto;
	min-width:auto;
	
}

.section_article {
	width: 100%;
	display: inline-block;
    position: relative;
	padding: 4%;
	margin:0%;
	
}
	
}