/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans); 
@import url(menu.css);
@import url(banner.css);
@import url(footer.css);
@import url(forms.css); 
@import url(contact.css);
@import url(services.css);
@import url(camaras.css);
@import url(servidores.css);
@import url(cableado.css);
@import url(web.css);
@import url(mkt.css);
@import url(clientes.css);
@import url(gracias.css);


*{ 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.Border		{ border-width:2px; border-style:solid }

body{
    font-family: 'Open Sans', sans-serif;    
}
.copy {
    font-size: 12px;
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;    	
}


header p {
	display:none;
}
.sombra{
	-webkit-box-shadow: 0px 1px 33px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 33px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 33px -2px rgba(0,0,0,0.75);
	margin:0 auto 0 auto;
	display:block;	
	width:95%; 
	height:auto;
}

.sombra1{
	-webkit-box-shadow: 0px 1px 33px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 15px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 15px -2px rgba(0,0,0,0.75);
	margin:0 auto 0 auto;
	display:block;
	
}
header{
    width: 100%;
    height: 60px;
    background-color: #fff;
    color: #000;
    position: fixed; /*para q el menu se quede arriba */
    top: 0;
    left: 0;
    z-index: 100; /*para que el header este siempre por delante */	 
}

header img{
	width:150px;
	height:auto;
	margin:5px;
}

.contenedor{
    width: 100%;
    margin: auto;        
}

h1{
    float: left;
}

header .contenedor{    
    display: table;
}

section{
    width: 100%;
	
}
.LetraGrande{
	font-size:32px;
	color:#FFFFFF;
	font-family: 'Open Sans';
	text-align:center;
}
.LetraPeq{
	font-size:16px;
	color:#70B4BE;
	font-family: 'Open Sans';
	text-align:center;
}


.LetraAlerta{ 
 	font-family: 'Open Sans';
	font-size:12px;
	margin-left:20px;
	
	color:#FFFF40;
	font-weight:bold;}
.LetraAzul{ 
 	font-family: 'Open Sans';
	font-size:18px; 
	color:#00AEEE; 
	font-weight:bold;
}	
 
/* a partir de 768 se ejecuta esto*/
@media (min-width:768px) 
{
    header img{
		width:180px;
		height:auto;
		margin:5px 50px;
	}
   .sombra{	
		width:600px; 
		height:300px;
	}
	.sombra1{	
		width:240px; 
		height:425px;
	}
	header{
	    height: 60px;
	}	
	section{
	
		overflow-x: hidden;	
	}
	.menu_ocultar{
		display:block;
	}
	
}
/* a partir de 1024 se ejecuta esto*/
@media (min-width:1024px) 
{	
	.sombra{	
		width:600px; 
		height:300px;
	}	
	header img{	
		margin:5px 80px;
		width:250px;
		height:auto;
	}
	.sombra1{	
		width:240px; 
		height:425px;
	}
	section{
	   overflow-x: hidden;	
	}
	header{
		height:110px;
		
	}
	header p {
		font-size:12px;
		color:#000000;
		text-align:right;
		position:abosolute;
		margin-right:80px;
		margin-top:-90px;
		display:block;
	}
	header .menu
	{
		display:none;
	}
	
	.menu_ocultar{
		display:block;
	}
}