
html{
	background:#7c7e87 url(../img/bg_t.jpg) repeat-x;
}

body{
	background:url(../img/bg.jpg) no-repeat top center;
	font-family:Trebuchet MS, arial, sans-serif;
	font-size:13px;
	color:#414141;
}

a{
	text-decoration:none;
	color:#5c65b4;
}

a:hover{
	color:#344969;
}

.clear{
	clear:both;
}


h1, h2, h3, h4, h5{
	font-family:"Lucida Sans Unicode", Trebuchet MS;
	font-weight:normal;
	color:#555555;
}

h1.title{
	font-size:18px;
	margin-bottom:28px;
}


#wrap{
	padding-top:50px;
	width:945px;
	margin:0 auto;
	position:relative;
}


#logo{
	background:url(../img/sebek_construcion_logo.png) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	width:190px;
	height:85px;
	margin-left:30px;
	padding-bottom:25px;
}


#header_title{
	position:absolute;
	top:48px;
	right:38px;
}

#header_title h1{
	font-family:"Lucida Sans Unicode", Trebuchet MS;
	font-size:21px;
	color:#b3b2c0;
	
	text-shadow: 2px 2px 2px #3b4151;
}


#navigation{
	position:absolute;
	top:80px;
	right:30px;
}

#navigation a{
	color:#f1f7ff;
	font-family:"Lucida Sans Unicode", Trebuchet MS;
	font-size:15px;
	text-decoration:none;
	display:block;
	float:left;
	background:url(../img/menu_bg.png) no-repeat -20px 0;
	height:57px;
	line-height:50px;
	padding:0 15px;
	
	text-shadow: 1px 1px 1px #3b4151;
    filter: dropshadow(color=#3b4151, offx=0, offy=0);
	
}

#navigation a em{
	font-style:normal;
}

#navigation a.active em{
	display:block;
	height:57px;
	background:url(../img/menu_active_bg.png) no-repeat center 43px;
	
}

#navigation li:first-child a{
	background-position:0 0;
	padding-left:25px;
}

#navigation li.end a{
	background-position:top right;
	padding-right:25px;
}

#navigation a:hover{
	color:#444444;
	background-position:-20px -57px;
	text-shadow: 1px 1px 1px #a7b9da;
    filter: dropshadow(color=#a7b9da, offx=0, offy=0);
}

#navigation li:first-child a:hover{
	background-position:0 -57px;
	text-shadow: 1px 1px 1px #a7b9da;
    filter: dropshadow(color=#a7b9da, offx=0, offy=0);
}

#navigation li.end a:hover{
	background-position:bottom right;
	text-shadow: 1px 1px 1px #a7b9da;
    filter: dropshadow(color=#a7b9da, offx=0, offy=0);
}

#navigation a.active{
	color:#3c3c3e;
	background-position:-20px -57px;
	text-shadow: 1px 1px 1px #a7b9da;
    filter: dropshadow(color=#a7b9da, offx=0, offy=0);
	
}
#navigation li:first-child a.active{
	background-position:0px -57px;
}

#navigation li.end a.active{
	background-position:bottom right;
}


#navigation li{
	display:inline;
}

#navigation li span{
	color:#ADAAA7;
	display:block;
	float:left;
	background:url(../img/menu_bg.png) no-repeat -303px 0;
	height:57px;
	width:2px;
}

#s_navigation{
	position:absolute;
	top:0px;
	right:30px;
}

#s_navigation a{
	color:#f1f7ff;
	font-family:"Lucida Sans Unicode", Trebuchet MS;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	background:url(../img/small_menu_bg.png) no-repeat -30px 0;
	height:36px;
	line-height:25px;
	padding:0 15px;
	
	text-shadow: 1px 1px 1px #3b4151;
    filter: dropshadow(color=#3b4151, offx=0, offy=0);
	
}

#s_navigation a em{
	font-style:normal;
}

#s_navigation a.active em{
	display:block;
	height:56px;
	background:url(../img/small_menu_active_bg.png) no-repeat center 17px;
	
}

#s_navigation li:first-child a{
	background-position:0 0;
	padding-left:25px;
}

#s_navigation li.end a{
	background-position:top right;
	padding-right:25px;
}

#s_navigation a:hover{
	color:#444444;
	background-position:-20px -36px;
	text-shadow: 1px 1px 1px #a7b9da;
    filter: dropshadow(color=#a7b9da, offx=0, offy=0);
}

#s_navigation li:first-child a:hover{
	background-position:0 -36px;
	text-shadow: 1px 1px 1px #a7b9da;
    filter: dropshadow(color=#a7b9da, offx=0, offy=0);
}

#s_navigation li.end a:hover{
	background-position:bottom right;
	text-shadow: 1px 1px 1px #a7b9da;
    filter: dropshadow(color=#a7b9da, offx=0, offy=0);
}

#s_navigation a.active{
	color:#3c3c3e;
	background-position:-20px -36px;
	text-shadow: 1px 1px 1px #a7b9da;
    filter: dropshadow(color=#a7b9da, offx=0, offy=0);
	
}
#s_navigation li:first-child a.active{
	background-position:0px -36px;
}

#s_navigation li.end a.active{
	background-position:bottom right;
}


#s_navigation li{
	display:inline;
}

#s_navigation li span{
	color:#ADAAA7;
	display:block;
	float:left;
	background:url(../img/menu_bg.png) no-repeat -303px -20px;
	height:36px;
	width:2px;
}


#certificates{
	background:#fff url(../img/content_bg.png) repeat-x top;
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px;    /* Konqueror */
	-moz-border-radius: 10px; /* Firefox */
	border-radius: 10px;
	
    -webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);    
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	margin-top:25px;
	padding:15px 0;
	text-align:center;
}


#certificates img{
	vertical-align:middle;
	margin:0 10px;
	
}

#testimonials{
	margin:20px 0;
	padding:0 30px;
}

#testimonials h1.title{
	color:#fff;
    text-shadow: 0px 0px 2px #484a4f;
    filter: dropshadow(color=#484a4f, offx=0, offy=0);
	margin-bottom:5px;
	padding-top:0;
}

#testimonials .btn{
	display:block;
	width:125px;
	height:37px;
	text-indent:-99999px;
	background:url(../img/down_btn.png) no-repeat 0 0;
}

#testimonials .btn:hover{
	background-position:0 -37px;
}


#testimonials .t_item{
	background:url(../img/t_bg.png) no-repeat 0 2px;
	width:194px;
	height:70px;
	padding-left:25px;
	float:left;
	color:#fff;
	margin:10px 0 0 0;
	font-size:12px;
}

#testimonials .t_item em{
	color:#d6d6d9;
	font-style:normal;
	font-size:10px;
}
#testimonials .t_item span{
	display:block;
	font-weight:bold;
	
}

#testimonials .t_item a{
	color:#ffffff;
}

#testimonials .t_item a:hover{
	color:#d6d6d9;
}

#footer{
	color:#dcdede;
	font-size:11px;
	margin-bottom:20px;
}

#footer .design a{
	color:#a1a3a7;
}
#footer .design a:hover{
	color:#444444;
}



#footer .hr{
	display:block;
	width:945px;
	height:2px;
	font-size:1px;
	background:url(../img/hr_bg.png) repeat-x top;
	margin:10px 0 5px 0;
}

#footer .copy{
	display:block;
	margin-bottom:3px;
}

#footer .design{
	color:#a1a3a7;
	display:block;
}
#footer .design a{
	color:#a1a3a7;
}

#footer #share{
	float:left;
	padding-left:30px;
	padding-top:5px;
}

#footer #info{
	float:right;
	text-align:right;
	padding-right:30px;
	padding-top:5px;
}


#share ul li{
	float:left;
}

#share ul li span{
	display:block;
	padding-top:8px;
}

#share ul li a{
	display:block;
	width:32px;
	height:32px;
	background:url(../img/share_icons.png) no-repeat 0 0;
	
	margin-left:10px;
}

#share ul li.in a{
	background-position:-41px 0;
	margin-left:10px;
}


.box-border{
	background:#fff url(../img/content_bg.png) repeat-x top;
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px;    /* Konqueror */
	-moz-border-radius: 10px; /* Firefox */
	border-radius: 10px;
	
	padding:35px 30px;
	
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);    
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}



.box-border .image{
	width:322px;
	float:left;
	margin-right:30px;
}


.box-border .content{
	width:530px;
	float:right;
	
	
}

.box-border .content p{
	margin:10px 0;
}

.box-border .content p:first-child{
	margin-top:0px;
}

.box-border .content_full{
	width:882px;	
}

.box-border .content_full p{
	margin:10px 0;
}

.box-border .content_full p:first-child{
	margin-top:0px;
}


.box-border .gallery{
	width:505px;
	float:right;
	padding:18px 0;
}

.box-border .gallery h2{
	font-size:18px;
	margin-bottom:5px;
	margin-left:3px;
}

.intro{
	font-size:15px;
	color:#242424;
	margin-bottom:15px;
}

/* error page */

#_wrap{
	color:#7d7d7d;
	text-align:center;
	font-size:13px;
	padding:30px 20px;
	
	width:350px;
	margin:0 auto;
	
	background:#fff url(../img/content_bg.png) repeat-x top;
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px;    /* Konqueror */
	-moz-border-radius: 10px; /* Firefox */
	border-radius: 10px;
	behavior: url(/css/PIE.htc);
	
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);    
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	
}

#_wrap p span{
	font-size:17px;
	display:block;
	color:#444444;
	padding-bottom:5px;
}

#_wrap .hr{
	display:block;
	height:1px;
	font-size:1px;
	background:#e1e1ea;
	margin:10px 0 15px 0;
}
