/* GENERALES
-------------------------------------------------- */
* {	margin: 0; padding: 0; }

img, embed, object, form, table, div, textarea, input, script, h1, h2, h3, h4, h5, h6, p, fieldset, ul, ol, li, button { border:0; margin:0; padding:0; }

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px; 
	color: #bfafa3;
	background:#000 url(../images/bg_lo.jpg) repeat-x bottom left; 
	text-align: center;        /* Centrar body para IE6- aprovechando este bug */
	/*min-width: 760px; Siempre mas ancho que div wrapper para corregir bug de Netscape6 */   
}

p, select, textarea, input, label {
 /* font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; */
 }
a {	
text-decoration:none;
color:#f8a66f; 
outline: none;
text-decoration: none; 
 }
a:hover {
color:#f8dd6f;
}
ul, ol, li { list-style: none; }

abbr, acronym {	cursor: help; }

legend { display: none; }

h1 { font-size: 130%; }
h2 { font-size:12px; }
h3 { 
font-size:97%; 
font-weight:bold;
color:#b37825;
padding-top:20px;
padding-bottom: 7px;
}
.hr {
border-width: 0px 0px 2px; 
border-color:#e78638;
border-style: dotted;
}
.info {
 text-decoration:none;
 color:#CC6644;
 font-size:10px;
 font-weight:bold;
 padding-left:10px;
}
.resaltado {
color:#e78638;
padding:2px 3px;
}
.clear { float:none; clear:both; }
.copyright {
color:#017901;
margin-bottom:10px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
}
.negrita { font-weight:bold;}
.subrayado { text-decoration:underline; }
.italica { font-style:italic;}
/* Estructura
-------------------------------------------------- */
#wrappergrass {
width:100%;
background: url("../images/bg-footercanvas.jpg") bottom left repeat-x;
}
#wrapper {
	width: 900px;
	text-align: left;  /* Restablecemos despues de utilizarlo en body como bug para IE6- */
	margin: 0 auto;   /* Para centrar body en todos los navegadores menos en IE6- */
}
#header {
margin-top: 5px;
height:115px;
margin-left: auto;
margin-right: auto;
text-align:center;
width: 840px;
background:#000;
}

#header #logo {
float:left;
display:inline;
}
#wrapmenu {
float:left;
display:inline;
height:115px;
width: 657px;
background: url(../images/bg-menu.jpg) no-repeat;
}
#wrapmenu #mainmenu {
margin-left: auto;
margin-right: auto;
text-align:center;
width: 80%;
margin-top: 38px;
}
#mainmenu ul{
margin: 0;
padding: 0;
float:left;
display:inline;
list-style-type: none;
list-style-position:outside;
list-style-image:none;

}
#mainmenu ul li {
float:left;
display:inline;
list-style: none;
text-indent: -9999px;
padding-right:10px;
}
#mainmenu .sobrenosotros a {
display:block;
width:144px;
text-decoration:none;
height:35px;
background:url(../images/Btn-SobreNosotros.jpg) no-repeat;
background-position: 0px -35px;
}
#mainmenu .sobrenosotros a:link, #mainmenu .sobrenosotros a:visited {
background: transparent url(../images/Btn-SobreNosotros.jpg) no-repeat;
}
#mainmenu .sobrenosotros a:hover {
background: transparent url(../images/Btn-SobreNosotros.jpg) no-repeat;
background-position: 0px -35px;
}
#mainmenu .servicios a {
display:block;
width:96px;
text-decoration:none;
height:35px;
background:url(../images/Btn-Servicios.jpg) no-repeat;
background-position: 0px -35px;
}
#mainmenu .servicios a:link, #mainmenu .servicios a:visited {
background: transparent url(../images/Btn-Servicios.jpg) no-repeat;
}
#mainmenu .servicios a:hover {
background: transparent url(../images/Btn-Servicios.jpg) no-repeat;
background-position: 0px -35px;
}
#mainmenu .portafolio a {
display:block;
width:108px;
text-decoration:none;
height:35px;
background:url(../images/Btn-Portafolio.jpg.jpg) no-repeat;
background-position: 0px -35px;
}
#mainmenu .portafolio a:link, #mainmenu .portafolio a:visited {
background: transparent url(../images/Btn-Portafolio.jpg) no-repeat;
}
#mainmenu .portafolio a:hover {
background: transparent url(../images/Btn-Portafolio.jpg) no-repeat;
background-position: 0px -35px;
}
#mainmenu .contacto a {
display:block;
width:95px;
text-decoration:none;
height:35px;
background:url(../images/Btn-Contacto.jpg) no-repeat;
background-position: 0px -35px;
}
#mainmenu .contacto a:link, #mainmenu .contacto a:visited {
background: transparent url(../images/Btn-Contacto.jpg) no-repeat;
}
#mainmenu .contacto a:hover {
background: transparent url(../images/Btn-Contacto.jpg) no-repeat;
background-position: 0px -35px;
}
#central {

}
#reservada {
text-align:right;
background: #000;
}
#reservada a {
}
#contentindex {
height:400px;
background: #392823 url(../images/bgindexPrueba.gif) repeat-y -50px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
/* -------------------------------*/
#welcome {
background:#241a17;
height:163px;
}
#welcome h1 {
position:relative;
width: 900px;
height: 163px;
/*padding:15px 0px 0px 25px;*/
}
#welcome span {
background:url(../images/bgtitulo.jpg) no-repeat top left;
height: 100%;
width:100%;
position:absolute;
}
#welcome p {
padding: 10px 20px 0px 40px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size: 16px;
line-height: 18px;
color: #c89c78;
}
#bloqueleft{
/*width:765px;*/
width:700px;
float:left;
display:inline;
padding-left:65px;
}
#bloqueleft #titular{
text-align:center;
margin-top:15px;
margin-left:auto;
margin-right:auto;
width:699px;
background: url(../images/bgtitular.jpg) no-repeat;
height:101px;
}
#bloqueleft #titular h2 {
font-size:18px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
color:#c89c78;
padding:15px 0px;
}
#bloqueleft #servic{
text-align:center;
margin-top:50px;
margin-left:auto;
margin-right:auto;
width:590px;
color:#baa499;
}
#bloqueleft #servic #exper {
float:left;
display:inline;
}
#bloqueleft #servic #exper h3{
display:block;
width: 168px;
height: 36px;
text-indent: -9999px;
background: url(../images/bgexper.gif) no-repeat;
}
#bloqueleft #servic #soluc{
float:left;
display:inline;
}
#bloqueleft #servic #soluc h3{
display:block;
width: 179px;
height: 36px;
text-indent: -9999px;
background: url(../images/bgsoluc.gif) no-repeat;
}
#bloqueleft #servic #client {
float:left;
display:inline;
}
#bloqueleft #servic #client h3{
display:block;
width: 165px;
height: 36px;
text-indent: -9999px;
background: url(../images/bgclient.gif) no-repeat;
}
#bloqueleft #servic .separservic {
width:35px;
height:104px;
padding-top:60px;
float:left;
display:inline;
background: url(../images/separindex.gif) no-repeat bottom center;
}
#bloqueright {
width:120px;
float:right;
display:inline;
background: #392823;
margin-right:10px;
margin-top:15px;
text-align:center;
border:#333333 solid 2px;
}
#menuright{
height:320px;
padding:5px;
background: #312926;
}
#wrapmenuinf {
clear:both;
float:none;
margin-left: auto;
margin-right: auto;
text-align:center;
/*height:60px;*/
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
background:#323232 url(../images/bgfooterindex.gif) repeat-y top left; 
}
.sepmenuinf {
height:2px;
background:#3b3b3b;
font-size:2px;
margin-bottom:30px;
}
#menuinf {
/*padding-top:30px;*/

}
#menuinfleft {
width:700px;
float:left;
display:inline;
padding-left:50px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:20px;
padding-bottom:10px;
}
#menuinfright {
width:140px;
float:right;
display:inline;
margin-left:auto;
margin-right:auto;
text-align:center;
background: url(../images/bgmenuinfder.jpg) repeat-y top right ;
padding-top:20px;
padding-bottom:10px;
}
#menuinf .clear {
background: url(../images/bgmenuinfder.jpg) repeat-y top right ;
}
#menuinf a {
color:#666666;
padding: 0px 10px;
text-decoration:none;
}
#menuinf a:hover{
color: #aaaaaa;
}
#sombrasup {
height:2px;
background:#392a24;
font-size:2px;
}
#sombrainf {
height:2px;
background:#392a24;
font-size:2px;
margin-bottom:10px;
}
#footer_wrap {
clear:both;
float:none;
height: 101px;
margin-top: 35px;
/*background:url(../images/bg-footer.gif) no-repeat bottom center;*/
}