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

body {margin:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 50px;
	bottom: 40px;
	background:url(images/arrowup.png) no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

a:link { text-decoration: none; color: #666666;}
a:visited {text-decoration: none;color: #c1d82f;}
a:hover {text-decoration: none;color: #c1d82f;}
a:active {text-decoration: none;color: #c1d82f;}
a.estilo2:link {text-decoration: none;color: #000000;}
a.estilo2:visited {text-decoration: none;color: #000000;}
a.estilo2:hover {text-decoration: none;color: #FFFFFF;}
a.estilo2:active {text-decoration: none;color: #000000;}
a.estilo3:link {text-decoration: none;color: #c1d641;}
a.estilo3:visited {text-decoration: none;color: #c1d641;}
a.estilo3:hover {text-decoration: none; color: #8DC63F;}
a.estilo3:active {text-decoration: none;color: #c1d641;}

p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#999999; text-align: center; margin-top:0; line-height: 22px;}
.privacidad p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#999999; text-align:justify; margin-top:0; line-height: 22px;}
.descripcion-ser p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#999999; text-align:justify; margin-top:0; line-height: 22px;}
p.parraf{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#999999; text-align:justify; margin-top:0; line-height: 22px;}
.direccion p{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; color:#999999; text-align:center;  line-height:30px; margin:0; display:inline-block;}
.datos-contacto p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#999999; text-align:left;  line-height:22px; margin:0; }

h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.7em; font-weight:normal; color:#666; text-align: center; margin-top:0;}
h2.subti{font-size:1.8em; color:#c1d648; text-align:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.datos-contacto h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em;color:#C1D72E; text-align:left;}

ol.list-num{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.1em; color:#999999; text-align:justify; margin-top:0; line-height: 18px;}

ul.listas{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.1em; color:#999999; text-align:justify; margin-top:0; line-height: 18px;}

.cont-logo{ margin:0 auto; width:70%; text-align:left;}
.logo{ width:287px; margin:10px 0 0 0; display:block; }
	
.redes { margin:-10px 0 0 0;}
	
#contenedor-servicios{ width:90%; margin:20px auto 0px;}
.ind-servicio { width:20%; margin:10px 20px 0 0; display:inline-block; vertical-align:top;}

.solucion{width:100%; margin:0 auto 20px;text-align:center;}
.solu1{ width:30%;max-width:463px; display:inline-block; padding:25px; vertical-align:top;}
.solu2{width:600px;display:inline-block;padding:25px; vertical-align:middle; vertical-align:central;} 
.line{width:70%;  border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
	
.foot{background-color:#333333; width:100%;padding-top:30px;padding-bottom:20px;}
.green{font-size:1.25em; color:#c1d648;}
.nos{width:250px; display:inline-block;vertical-align:top;}
.con{width:250px;display:inline-block;vertical-align:top;}
.sig{width:250px;display:inline-block;vertical-align:top;}
.ace{width:250px;display:inline-block;vertical-align:top;}
.avis{width:100%; text-align:center;}

.descripcion-ser{width:50%; margin:0 0 0 10%; display:inline-block; }	
.imagen-hardware{ width:40%; float:left; margin:50px 0 0 0;}
	
.direccion { width:80%; text-align:center; margin:40px auto; }

.privacidad { width:60%; margin:50px auto; text-align:justify;}	
.somos { width:65%; margin:50px auto;  display:inline-block;}
.contacto { width:80%; margin:0px auto;  display:inline-block; max-width:800px; }

.datos-contacto {width:320px; display:inline-block; vertical-align:top;  margin: 0 0 0 5%; }
#sobre-formulario {width:300px;  display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#C1D72E; line-height: 20px; margin:30px 0;}
	
	/*FORMULARIO*/
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:1em;
	width:auto;
	text-align:left;
}
form#contactform input {
	width:100%;
	border:solid 1px #ccc;
	font-size:10pt;
	
}
form#contactform textarea {
	width:100%;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border:solid 1px #ccc;
}

.boton-enviar{
	width:150px !important;
	background-color:#C1D72E;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #666;
	font-weight: bold;
	border:none !important;
	padding:10px 5px;
}

#googlemap {
width:75%;
position: relative;
padding-bottom: 25%; /* 4:3 ratio*/
height: 0;
overflow: hidden;
margin:30px auto 40px auto;
}
#googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}




#tit-contacto {
	width:142px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
}
	

#textos-formulario {
	width:1001px;
	height:195px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	overflow:hidden;
	margin-bottom:15px;
}
	
#tit-servicios{
	width:130px;
	height:57px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	}
#tit-quienes {
	width:216px;
	height:57px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#tit-ubi {
	width:145px;
	height:57px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#tit-aviso {
	width:288px;
	height:57px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
#tit-contacto-con {
	width:142px;
	height:57px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}
	

	#imagen-diseno{
	width:413px;
	height:auto;
	float:left;
	margin-top:70px;
	padding-left:50px;
	}
	
#descripcion-aviso {
	width:800px;
	height:auto;
	float:left;
	margin-left:80px;
	margin-top:30px;
}
	
#titulos-verde{
	width:440px;
	height:auto;
	float:left;
	margin-top:30px;}
	
#textos{
	width:440px;
	height:auto;
	float:left;
	margin-top:10px;}
#textos-av {
	width:800px;
	height:auto;
	float:left;
	margin-top:10px;
}
#textos-dat {
	width:300px;
	height:auto;
	float:left;
	margin-top:10px;
}
	
	#bt-asesoria-hardware{
	width:auto;
	height:auto;
	float:left;
	margin-top:5px;}
#bt-asesoria-diseno {
	width:auto;
	height:auto;
	float:left;
	margin-top:15px;
	margin-left: 10px;
}
	
#logo-hp{
	width:auto;
	height:auto;
	float:left;
	margin-top:15px;}
#logo-hubbell {
	width:auto;
	height:auto;
	float:left;
	margin-top:15px;
	margin-bottom: 5px;
}
#logo-mc {
	width:auto;
	height:auto;
	float:left;
	margin-top:0px;
	margin-right: 10px;
}
#logo-win {
	width:auto;
	height:auto;
	float:left;
	margin-top:0px;
}
#logo-vm {
	width:auto;
	height:48px;
	float:left;
	margin-top:4px;
	margin-left:10px;
}
#logo-vm02 {
	width:auto;
	height:57px;
	float:left;
	margin-top:15px;
	margin-left:10px;
	margin-bottom:10px;
}
	
#logo-dell{
	width:auto;
	height:auto;
	float:left;
	margin-top:15px;
	margin-left:10px;}
#logo-belden {
	width:auto;
	height:auto;
	float:left;
	margin-top:15px;
	margin-left:10px;
	margin-bottom: 10px;
}
#logo-office {
	width:auto;
	height:auto;
	float:left;
	margin-top:0px;
	margin-left:10px;
	margin-right: 10px;
}
#logo-micros {
	width:197px;
	height:25px;
	float:left;
	margin-top:15px;
	margin-left:10px;
	padding-bottom:15px;
}
	
	#logo-intel{
	width:auto;
	height:auto;
	float:left;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:15px;
}
#logo-lenovo {
	width:auto;
	height:auto;
	float:left;
	margin-top:30px;
	margin-left:10px;
	margin-bottom:20px;
}
	
#up01{
	width:auto;
	height:auto;
	float:left;
	margin-top:22px;
	margin-left:55px;}
	
	#up02{
	width:auto;
	height:auto;
	float:left;
	margin-top:22px;
	margin-left:168px;}
	
#up03{
	width:auto;
	height:auto;
	float:left;
	margin-top:22px;
	margin-left:388px;}
	
	#up04{
	width:auto;
	height:auto;
	float:left;
	margin-top:22px;
	margin-left:70px;}
#up05 {
	width:auto;
	height:auto;
	float:left;
	margin-top:22px;
	margin-left:20px;
}
#up06 {
	width:auto;
	height:auto;
	float:left;
	margin-top:22px;
	margin-left:220px;
}
#up07 {
	width:auto;
	height:auto;
	float:left;
	margin-top:22px;
	margin-left:262px;
}

#up08 {
	width:auto;
	height:auto;
	float:left;
	margin-top:22px;
	margin-left:395px;
}
	
#facebook{
	width:auto;
	height:auto;
	float:left;
	margin-left:300px;
	margin-top:10px;}
	
#twitter{
	width:auto;
	height:auto;
	float:left;
	margin-left:5px;
	margin-top:10px;}
	

#contactos{
	width:900px;
	height:auto;
	
	margin-left:auto;
	margin-right:auto;
	
}

.textos{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#999999;
	line-height: 20px;
}
.textos-quienes {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#999999;
	line-height: 24px;
}

.textos-formulario {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#999999;
	line-height: 20px;
}





@font-face
{
   font-family: "my-font";
   src: url("http://www.simpleproyects.com.mx/fonts/Shannon_ATT.eot") format("eot");
   src: 
        url("http://www.simpleproyects.com.mx/fonts/Shannon ATT.woff") format("woff"),
        url("http://www.simpleproyects.com.mx/fonts/Shannon ATT.ttf") format("truetype"),
        url("http://www.simpleproyects.com.mx/fonts/Shannon ATT.svg") format("svg");
}
@font-face
{
   font-family: "my-font-bold";
   src: url("http://www.simpleproyects.com.mx/fonts/Shannon_ATT_Bold_.eot") format("eot");
   src: 
        url("http://www.simpleproyects.com.mx/fonts/Shannon ATT Bold .woff") format("woff"),
        url("http://www.simpleproyects.com.mx/fonts/SShannon ATT Bold .ttf") format("truetype"),
        url("http://www.simpleproyects.com.mx/fonts/Shannon ATT Bold .svg") format("svg");
}

@media screen and (max-width:1024px) {
.solu1{ width:60%; max-width:463px; display:inline-block; padding:25px; vertical-align:top;}
.solu2{width:90%;display:inline-block;padding:25px; vertical-align:middle; vertical-align:central;}
#contenedor-servicios{ width:90%;}
.ind-servicio { width:40%; }
.privacidad { width:90%; margin:50px auto; text-align:justify;}	
.somos { width:80%; margin:50px auto;  display:inline-block; text-align:center;}

.contacto { width:60%; margin:0px auto 40px;  display:inline-block; }
.datos-contacto {width:40%; display:inline-block; vertical-align:top;  margin: 0 0 0 5%; }
#sobre-formulario {width:50%;  display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#C1D72E; line-height: 20px; margin:30px 0;}
}

	
@media screen and (max-width:768px) {
.cont-logo{ margin:0 auto; float:auto; width:90%; text-align:center;}
.logo{ width:287px; margin:10px auto; display:block; }

#contenedor-servicios{ width:90%;}
.ind-servicio { width:40%; }

.descripcion-ser{width:100%; margin:0 auto; display:inline-block; }	
.imagen-hardware{ width:100%; margin:0 auto 40px ; float:auto; }

.datos-contacto {width:70%; display:inline-block; vertical-align:top;  margin: 0 0 0 5%; }
#sobre-formulario {width:70%;  display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#C1D72E; line-height: 20px; margin:30px 0;}
}


@media screen and (max-width:568px) {
.ind-servicio { width:90%; margin:10px 0px 0 0; }
#googlemap {
width:84%;
position: relative;
padding-bottom: 60%; /* 4:3 ratio*/
height: 0;
overflow: hidden;
margin:30px auto 40px auto;
}
#googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.datos-contacto {width:100%; display:inline-block; vertical-align:top;  margin: 0 0 0 5%; }
#sobre-formulario {width:100%;  display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; color:#C1D72E; line-height: 20px; margin:30px 0;}
}