/*------------------------------------ STICKY FOOTER------------------------------------------*/

* {
margin:0;
padding:0;
} 

html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto; 
min-height: 100%;
}

#main {
padding-bottom: 120px;
}

#footer {
position: relative;
margin-top: -120px; /* negative value of footer height */
height: 120px;
clear:both;
} 

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

* html .clearfix { 
height: 1%;
}

.clearfix {
display: block;
}

/*------------------------------------ GENERAL------------------------------------------*/

html a:active { outline:none;}

/* :focus {-moz-outline-style: none;} */

body {
background: url(../img/bck.png);
margin: 0;
padding: 0;
font-family: "Helvetica Neue",helvetica,arial,sans-serif;
font-size: 15px;
line-height:1.5em;

}

/* Menu Superior */



#top_nav {
width: 100%;
height: 63px;
background: url(../img/topnavbck.png) repeat-x;
top: 0;
position: fixed;
z-index:1;
}

#nav_wrap {
width: 996px;
margin: 0 auto;
}

#logo{
width: 297px;
height: 37px;
background: url(../img/ff.png) no-repeat;
float: left;
margin: 10px 0 0 0;
}

#top_nav ul {
display: inline;
width: 675px;
float: left;
}

#top_nav li a{
color: white;
text-decoration: none;
float: right;
line-height: 50px;
margin: 0px 5px 0 5px;
text-transform: uppercase;
font-weight: bold;
height: 56px;
padding: 0 15px 0 15px;
}

#top_nav li a:hover{
color: white;
text-decoration: none;
float: right;
line-height: 50px;
margin: 0px 5px 0 5px;
text-transform: uppercase;
font-weight: bold;
background: url(../img/topmenu.png) repeat-x;
height: 56px;
padding: 0 15px 0 15px;
text-shadow:0 -1px 0 #9f8925;

}

/*************** HOME ***************/

#content_wrap {
width: 998px;
height: 730px;
margin: 0 auto;
}

#content_home_pusher {
height: 120px;
}

.content_top.home {
width: 100%;
height: 536px;
background: url(../img/home.png) no-repeat;
/* border-bottom: 1px solid #1f1f1f; */
}


.main_img {
width: 506px;
height: 476px;
float: left;
}

.main_text.home img {
margin-bottom: 20px;
}

.main_text.home {
width: 450px;
height: 200px;
float: left;
margin: 0px 0 0 0px;
color: #f2f2f2;
text-align: justify;
}

.main_text.home p {
padding:0 0 20px 0;
text-shadow:1px 0 1px black;
font-weight: lighter;
font-size: 16px;
}

.main_text.home strong {
font-weight: bold;
color: #086AC6;
}


.featured_box {
width: 956px;
height: 140px;
margin: 25px 0 0 0;
padding: 0;
}

.sep{
width: 100%;
height: 2px;
background: url(../img/sep.png) repeat-x top;
}

.featured_box p.quote {
font-style: italic;
font-weight: bold;
font-size: 18px;
text-align: center;
color: #EFEFEF;
text-shadow: 0px -2px 0px #000000;
margin-top: 20px;
}

.featured_box p.autor {
font-weight: bold;
font-size: 18px;
text-align: right;
margin: 10px 95px 0 0;
color: #777777;
text-shadow: 0 -1px 1px black;
}

#buttons {
text-align: center;
margin-top: 130px;
}

#buttons ul {
margin-left:3px;
}

#buttons li {
float: left;
line-height: 40px;
margin-right: 24px;
}

#buttons li a {
text-decoration: none;
font-weight: bold;
color: white;
text-shadow: 1px 0 3px #000000;
text-transform: uppercase;
width: 125px;
height: 43px;
background: url(../img/button.png) no-repeat 0 0;
display: block;
}

#buttons li a:hover {
background: url(../img/button.png) no-repeat center bottom;
}


/***************** QUIENES SOMOS ****************/

#content_quienes_pusher {
height: 120px;
}

.content_top.qs {
width: 100%;
height: 536px;

/* border-bottom: 1px solid #1f1f1f; */
}

#content_portafolio {
width: 100%;
height: 506px;
}

.main_img.qs {
width: 508px;
height: 476px;
margin: 0 0 0 30px;
float: right;
}

.main_img.qs img {
margin: 0px 0 0 90px;
}

.main_text.qs img {
margin-bottom: 20px;
}

.main_text.qs {
width: 450px;
height: 200px;
float: right;
margin: 0px 0 0 0px;
color: #f2f2f2;
text-align: justify;
}

.main_text.qs p {
text-shadow:1px 0 1px black;
font-weight: lighter;
font-size: 16px;
}

.main_text.qs strong {
font-weight: bold;
color: #086AC6;
}

.featured_box.qs p.autor {
font-weight: bold;
font-size: 18px;
text-align: right;
margin: 10px 130px 0 0;
color: #777777;
text-shadow: 0 -1px 1px black;
}

/*********************** PORTAFOLIO ********************/

.featured_box.portafolio p.autor {
font-weight: bold;
font-size: 18px;
text-align: right;
margin: 10px 290px 0 0;
color: #777777;
text-shadow: 0 -1px 1px black;
}

/*********************** SERVICIOS ********************/

.content_top.servicios {
width: 100%;
height: 536px;

/* border-bottom: 1px solid #1f1f1f; */
}

#content_servicios_pusher {
height: 120px;
}

.content_top.servicios h3 {
width:166px;
height:76px;
background: url(../img/servicios.png) no-repeat top;
}

#servicios-img{
width:360px;
height: 476px;
background: url(../img/escudo.png) no-repeat top left;
float: left;
}

#servicios-wrapper{
width: 125px;
height:476px;
}

#content{
width: 450px;
height:476px;
margin-left:15px;
}

#servicios-wrapper, #content{
margin-top: 30px;
float:left;
}


#content p{
margin: 0;
padding: 10px 0 0 0;
color: white;
text-align: justify;
}

#content h1{
font-size: 20px;
text-transform: uppercase;
color:#086AC6;
padding: 0 0 0 0px;
}

.button {
width:125px;
height:43px;
cursor:pointer;
margin: 0 0 10px 0;
opacity:0.9;
}

.button a{
text-decoration: none;
font-weight: bold;
color: white;
text-shadow: 1px 0 3px #000000;
text-transform: uppercase;
width: 125px;
height: 43px;
display: block;
text-align:center;
line-height:41px;
background: url(../img/button.png) no-repeat;
}

.button a:hover{

background: url(../img/button.png) no-repeat center bottom;
}

#web {
display: block;
}

#home-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}

#gestion, #flash, #concept, #code, #otros {
	display: none;

}
#about-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
}

#contact {
	display: none;
	padding: 30px;
}
#contact-button {
	opacity: 0.5;
	border-bottom: 1px solid black;

}

.featured_box.servicios p.autor {
font-weight: bold;
font-size: 18px;
text-align: right;
margin: 10px 130px 0 0;
color: #777777;
text-shadow: 0 -1px 1px black;
}

.content_top.servicios strong{
font-weight: bold;
color: #086AC6;
}

/*********************** CONTACTO ********************/

#content_contacto_pusher {
height: 120px;
}


.content_top.contacto {
width: 100%;
height: 536px;
background: url(../img/clientes.png) no-repeat top left;
/* border-bottom: 1px solid #1f1f1f; */
}




#contacto input {
background-color:#171717;
border: 1px solid black;
color: white;
height: 20px;
}

#contacto .button {
width:125px;
height:43px;
cursor:pointer;
background: url(../img/button.png) no-repeat;
border: none;
font-size: 15px;
text-decoration: none;
font-weight: bold;
color: white;
text-shadow: 1px 0 3px #000000;
text-transform: uppercase;
display: block;
text-align:center;
line-height:41px;
margin:15px 0 0 10px;
}

#contacto .button:hover {
background: url(../img/button.png) no-repeat center bottom;
}

#contacto textarea {
background-color:#171717;
border: 1px solid black;
color: white;
margin: 0 0 0 10px;
}

#uno{
margin:20px;
}

#dos{
margin-top: 20px;
}

#uno, #dos{
float: left;
}

#contacto #uno p{
padding: 5px 0 0 3px;
margin: 0;
color:white;
}

#contacto #dos p{
padding: 5px 0 4px 10px;
margin: 0;
color:white;
}


#creditos{
margin: 10px 0 0 0;
padding: 0;
}

#creditos li a{
margin: 0 0 10px 0;
padding: 0 0 0 35px;
color:white;
display: block;
height: 27px;
background: url(../img/bullet.png) no-repeat left;
text-align: left;
}

#direccion{
margin: 10px 0 0 0;
padding: 0;
}

#direccion li a{
margin: 0 0 10px 0;
padding: 0;
color:white;
display: block;
height: 27px;
text-align: right;
}


/*********************** CLIENTES ********************/

#content_clientes_pusher {
height: 120px;
}

#content_clientes {
width: 100%;
height: 506px;
margin-top: 80px;
}

#content_clientes h3{
width: 150px;
height: 76px;
background: url(../img/clientes.png) no-repeat top;
}

#content_clientes img{
border:2px solid gray;
float: left;
margin: 5px;
background-color: white;
}

#content_clientes img:hover {
border:2px solid #086AC6;
}

.main_img.contacto{
width: 100%;
height: 476px;
}


/*********************** FOOTER ********************/

#footer{
border:1px solid #464646;
background-color: #161616;
}

#footer-wrap{
width: 970px;
height: 100%;
margin: 0 auto;
}

.footer-box{
width: 50%;
height: 90%;
float: left;
}

#filosofia, #metodo, #contact{
display: none;
}

strong.especial{
color:#D9C13F !important;	
}


/******************************/

#usuarios-ie {
	font-family: Verdana, Arial, sans-serif;
	background: #FFFFDE;
	color:#000;
	text-align: center;
	border-bottom: 2px solid #7F0C00;
	margin-bottom: 10px;
	position: fixed;
}
#usuarios-ie p {
	font-size: 1em;
	margin: 0;
	padding: 5px 0;
	line-height: 1.5em;
}
#usuarios-ie a {
	text-decoration: underline;
	font-weight: bold;
	color: #D64411;
}