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

* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:.9em; font-weight:lighter;}

body {
	background-color:#e9e9e9;
	text-align:center;
	}

#header {
	width:100%;
	height:95px;
	background:#2da6c0 url(images/header-bg.jpg) top left repeat-x;
	}
	
#special {
	width:100%;
	height:265px;
	background:#2d3234 url(images/specialcon-bg.jpg) top left repeat-x;
	}
	
#special2 {
	width:100%;
	display:none;
	height:120px;
	background:#2d3234 url(images/specialcon-bg.jpg) top left repeat-x;
	}
	
#info-location {
	width:850px;
	height:260px;
	text-align:left;
	margin:0 auto;
	padding:5px;
	color:#f1edec;
	}
	
.canvas {
	width:100%;
	background:url(images/canvas.jpg) top center repeat-x;
	padding-top:15px;
	}
	
.wrapper {
	width:840px;
	margin:0 auto;
	padding:0 60px;
	}
	
#header .wrapper {
	background:url(images/headerlights.jpg) top left no-repeat;
	height:95px; /*temp*/
	}
	
#header .wrapper img {
	float:left;
	margin:22px 25px 5px;
	}
	
.welcome-msg {
	background:url(images/special-w-bg.jpg) top left no-repeat;
	width:500px;
	height:205px;
	color:#f1edec;
	text-align:left;
	margin:0 auto;
	padding:40px 10px 20px 315px;
	}
	
#maincontent.wrapper {
	width:851px;
	background:url(images/content-mid.jpg) top center repeat-y;
	text-align:left;
	margin-bottom:30px;
	}
		

	
#maincontent.wrapper h1 {
	width:100%;
	background:url(images/content-top.jpg) top center no-repeat;
	text-indent:-1500em;
	}
	
	#maincontent.wrapper .end {
	width:100%;
	background:url(images/content-bot.jpg) bottom center no-repeat;
	height:7px;
	}
	
	

	
#sidebar {
	width:175px;
	height:500px;
	float:right;
	}
	
#sidebar a:link img, #sidebar a:active img, #sidebar a:hover img, #sidebar a:visited img {border:none; margin-bottom:15px;}
	
.textframe {
	width:818px;
	padding:8px 4px 15px 15px;
	background:#fff url(images/framewave.jpg) bottom right no-repeat;
	margin:0 auto;
	padding-bottom:100px;
	}
	
	.textframe2 {
	width:818px;
	padding:8px 4px 15px 15px;

	margin:0 auto;
	padding-bottom:100px;
	}
	
.welcome-msg h1 {margin-bottom:10px; text-indent:-1500em; background:url(images/type-bienvenido2.png) top left no-repeat; height:28px; width:206px;}
.welcome-msg p.longlines, .longlines {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px;}
.textframe .longlines {margin-bottom:30px; width:600px; color:#444;}
#info-location .longlines {font-size:1.35em;}
.floater .longlines {width:200px;}
strong {font-weight:800; color:#88c12f; font-size:1.2em;}
.ourwork, .mision, .vision, .valores, .webdev, .packages, .caracter, .services, .products, .directorio{text-indent:-1500em; height:30px;}
.ourwork {background:url(images/type-ourwork.jpg) top left no-repeat;}
.mision	 {background:url(images/type-mision.jpg) top left no-repeat;}
.vision  {background:url(images/type-vision.jpg) top left no-repeat; margin-left:-3px;}
.valores {background:url(images/type-valores.jpg) top left no-repeat; margin-left:-3px;}
.webdev {background:url(images/type-web.jpg) top left no-repeat;}
.packages {background:url(images/type-packs.jpg) top left no-repeat;}
.caracter {background:url(images/type-caracteristicas.jpg) top left no-repeat;}
.services {background:url(images/type-services.jpg) top left no-repeat;}
.products {background:url(images/type-products.jpg) top left no-repeat;}
.directorio {background:url(images/type-directorio.jpg) top left no-repeat;}
.subtitle {font-size:1.25em; text-transform:uppercase; xfont-weight:600; color:#999b94;}
.slide a:link, .slide a:active, .slide a:visited {color:#f1edec; text-decoration:none; font-size:1.15em; font-weight:bold;}
.slide a:hover, .slide a:focus {color:#fff;}
.croquis {float:left; margin-right:30px;}


#maincontentS.wrapper {
	width:1030px;
	background:url(images/content-mid2.jpg) top center repeat-y;
	text-align:left;
	margin-bottom:30px;
	}
	
	#maincontentS.wrapper h1 {
	width:100%;
	background:url(images/content-top2.jpg) top center no-repeat;
	text-indent:-1500em;
	}
	
	#maincontentS.wrapper .end {
	width:100%;
	background:url(images/content-bot2.jpg) bottom center no-repeat;
	height:7px;
	}
	
	.textframeS {
	width:1020px;
	padding:8px 4px 15px 15px;
	
	margin:0 auto;
	
	}