body{
	background:#000000;
	font-family: 'Arial Narrow', sans-serif;
	color:#666666;
}
@media screen and (max-width: 1920px){ 
		        img.bg1 {
		                left: 50%;
		                margin-left: -0px;   /* -> other cases:50% */
		        }
		}

img.bg1 {
			min-height: 100%;
			min-width: 1024px;
			width: 100%;
			height: auto;
			position: fixed;
			top: 0;
			left: 0;
	}

a:link, a:hover, a:active{text-decoration:none;}
a img {
	text-decoration: none;
	border: 0 none;
	}

#wrapper{
	min-width:900px;
	width:100%;
	height:100%;
}

#content-info{
	padding:35px;
	position: relative; 
	margin: 85px auto; 
	padding: 20px; 
	color:#666666; 
}

blockquote{
	background: url("../images/blockquote.png") no-repeat scroll left 8px transparent;
	min-height: 40px;
	padding: 0 0 0 35px;
	margin-top:60px;
}

em{
	font-family: "Times New Roman",Times,serif;
	font-style: italic;
}

p{
	letter-spacing:1px;
	display: block;
	margin: 2em 0;
	font-weight:lighter;
	font-size:.9em;
}


.content-1{
	width: 600px; 
	background: rgba(0,0,0,0.87);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ee000000', endColorstr='#ee000000')";
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black;
}

.content-2{
	width: 700px; 
	background: rgba(0,0,0,0.87);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ee000000', endColorstr='#ee000000')";
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black;
}

.portfolio{
	width:690px;
}

#portfolio-1, #portfolio-2, #portfolio-3, #portfolio-4,#portfolio-5
#portfolio-6,#portfolio-7,#portfolio-8,#portfolio-9,#portfolio-10,#portfolio-11{ 
	width:100%; 
	overflow:hidden;  
	height:auto;
	margin-top:-52px;
	margin-left:-13px;
} 

h2.title-portafolio{
	color:black;
}

.box{
	
	float:left;
	margin-left:30px;
	margin-top:30px;
}

.thumbnail{
	width:200px;
	height:100px;
	background: black; 
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black;
}

.thumbnail img{
	width:200px;
	height:100px;
}

h1,h2,h3,h4{
	/*font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif; font-weight: 400;*/
	font-family: 'Arial Narrow', sans-serif;
	line-height: 28px;
	font-weight:lighter;
}

#content-info h1{
	font-size: 2em;
	letter-spacing: 2px;
	padding: 5px 5px 5px 0;
	margin-bottom: 8px;
}

#logo{ 
	   right:0px;
	   width:200px;
	   position:absolute;
	}

/* [begin] menu-left style */

/*
#menu-left{
	top:100px;
	left:0px;
	position:absolute;
}

#menu-left a{ width:100px; height:27px;}
a.nosotros{ background: url('../images/btn_nosotros.jpg') no-repeat scroll 0 0 transparent; text-indent:-9000px; }
a.nosotros:hover{ background: url('../images/btn_nosotros_over.jpg') no-repeat scroll 0 0 transparent; }

a.servicios{ background: url('../images/btn_servicios.jpg') no-repeat scroll 0 0 transparent; text-indent:-9000px;}
a.servicios:hover{ background: url('../images/btn_servicios_over.jpg') no-repeat scroll 0 0 transparent; }

a.portafolio{ background: url('../images/btn_portafolio.jpg') no-repeat scroll 0 0 transparent; text-indent:-9000px;}
a.portafolio:hover{ background: url('../images/btn_portafolio_over.jpg') no-repeat scroll 0 0 transparent; }

a.contacto{background: url('../images/btn_contacto.jpg') no-repeat scroll 0 0 transparent; text-indent:-9000px;}
a.contacto:hover{background: url('../images/btn_contacto_over.jpg') no-repeat scroll 0 0 transparent; }

a.residencial{background: url('../images/btn_residencial.jpg') no-repeat scroll 0 0 transparent; text-indent:-9000px;}
a.residencial:hover{background: url('../images/btn_residencial_over.jpg') no-repeat scroll 0 0 transparent;}

a.comercial{ background: url('../images/btn_comercial.jpg') no-repeat scroll 0 0 transparent; text-indent:-9000px;}
a.comercial:hover{background: url('../images/btn_comercial_over.jpg') no-repeat scroll 0 0 transparent;}
*/

nav ul { 
  padding:0; float:left; list-style-type:none; 
}

nav ul ul { 
  display:none; position:absolute; top:38px; left:160px; 
  z-index:999; -moz-border-radius-bottomleft:7px; 
  -moz-border-radius-bottomright:7px; 
  -webkit-border-bottom-left-radius:7px; 
  -webkit-border-bottom-right-radius:7px; 
  border-bottom-left-radius:7px; border-bottom-left-radius:7px; 
  -moz-box-shadow:0px 4px 10px #666; 
  -webkit-box-shadow:0px 4px 10px #666; 
  box-shadow:0px 4px 10px #666; 

	background-color: #000000;
	background-image: -moz-linear-gradient(#000000, #060606);
} 

nav ul ul li a{   padding-top:4px;}
 
nav ul ul li:last-child a { 
  -moz-border-radius-bottomleft:7px; 
  -moz-border-radius-bottomright:7px; 
  -webkit-border-bottom-left-radius:7px; 
  -webkit-border-bottom-right-radius:7px; 
  border-bottom-left-radius:7px; border-bottom-left-radius:7px; 
} 
/* menu-left style [end] */
 
nav a { 
  	display:block; text-decoration:none; 
	color:#FAFAFA;   
	font: 600 0.87em/1.55 "Arial Narrow","Lucida Sans  Unicode",Sans-serif;
}

/*[.BEGIN] menu-top */
div#top-bar{
	
		left: 0;
	   	position: fixed;
	    right: 0;
	    text-align: left;
	    top: 0;
	    z-index: 1000;
		width: 100%;
		height:50px;
	 	background-color: #000000;
	 	background-image: -moz-linear-gradient(#000000, #060606);
		bottom: 0;
    	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
}

#menu-top{
	width:900px;
	left:45px;
	list-style-type: none;
    overflow: visible;
    position: relative;
}

#menu-top ul li{
	margin: 0;
    padding: 0 13px;
  	display: block;
	float:left;
    list-style-type: none;
}

#menu-top ul li li{float:none;}


/* menu-top [END.]*/


#menu-right{
	top:100px;
	right:0px;
	position:fixed;
}

#menu-right a{ width:40px; height:36px;}

a.facebook{ background: url('../images/fb.jpg') no-repeat scroll 0 0 transparent; text-indent:-9000px; cursor:pointer; }
a.portafolio-2{ background: url('../images/portafolio.jpg') no-repeat scroll 0 0 transparent; text-indent:-9000px; cursor:pointer; }


/* [.BEGIN] form style*/

#box-contact{
	width:380px;
	height:300px;
	float:left;
}

#box-contact-desc{ width:300px; float:left; margin-left:20px;}

#form-content{ 
	margin:0px auto;
	display:block;
	}

#form-content input[type="text"],textarea{
	background: url("../images/bginput-2.png") repeat scroll 0 0 transparent;
	border: medium none;
    color: #AFAFAF;
	float: right;
	font-family: Helvetica,Arial,Sans-Serif;
 	font-size: 12px;
	height: 20px;
	margin-left: 10px;
	width: 293px;
	padding:2px;
}

#form-content textarea{
	background: url("../images/bginput-2.png") repeat scroll 0 0 transparent;
	border: medium none;
    color: #AFAFAF;
	float: right;
	font-family: Helvetica,Arial,Sans-Serif;
 	font-size: 12px;
	margin-left: 10px;
	width: 293px;
	height:75px;
}

#form-content input[type="submit"]{
	background:none;
	color:inherit;
	font-size:14px;
	height:20px;
	border:none;
}

.line{ padding-top:12px;
	text-align:right;
	}

#message {
    width: 300px;
}

#short-desc {
    margin-left: 50px;
    margin-top: 75px;
    text-align: left;
}

/*form style [END.]*/