html {
	background:  #E6E6DC url(../imagenes/perro-bitebit.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom right;
}
body {
	background: #E6E6DC url(../imagenes/bg-header.gif) repeat-x;
	margin: 0px; 
	font: 12px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif
	}
/* trucos para evitar el borde de puntos de enlaces onfocus e img*/	
a:focus{ outline:none; }
	
img {
	border: 0px;
}

/* /truquillos */
	
#header {
	background: url(../imagenes/logo-header-bitebit.gif) no-repeat;
	margin: 0px;
	width: 100%;
	height: 92px;
}


#cajacontenido {
    display: block; 
	margin-top: 100px;
	margin-left: 10px;
}	
	

/* Contactanos - novedades - area clientes */

#navegacionsup {
	width: 100%;
    text-align: right;
	top: 3px;
	float: right;
	margin-right: 10px;
}

#navegacionsup a:link, a:visited{
	color: #fff;
	font:  bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-variant: small-caps;
	text-decoration: none;
}
#navegacionsup a:hover, a:active{
	color: #666;
	font:  bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-variant: small-caps;
	text-decoration: none;
}
/* /contactanos - novedades - area clientes */

/* Nav Principal Solapas */

#navprincipal {
	float: left;
	   width: 100%;
	margin-left: 0px;
	margin-bottom: 0px;
	position:relative;
	font: 12pt "Lucida Grande", Lucida, Verdana, Geneva, sans-serif;
	margin-left:2px;
	
}

    #solapas {
		
position:relative;
left:0px;
bottom:9px;

}



    #solapas ul {
	  margin:0;
	  padding:0;
	  list-style:none;
      }


    #solapas li {
	
	display:inline;
	padding:0;
	margin:0;
      }


    #solapas a {
      float:left;
      background:url("../imagenes/bg-solapa-left.gif") no-repeat left top;
      margin-right:3px;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #solapas a span {
	border-top: 1px solid #CCC;
	border-right:  1px solid #CCC;
    float:left;
    display:block;
    background:url("../imagenes/bg-solapa-right.gif") no-repeat right top;
      	
    padding:5px 17px 4px 8px;
    color:#70C27D;
    font: 1.0em/normal "Lucida Grande", Lucida, Verdana, sans-serif;
      
      }
      
#solapas a:hover {
      background-position:0% -42px;

      }


    #solapas a:hover span {
      background-position:100% -42px;
       color: #57885E;
      }
            
/* /solapas nav principal */

/* centro, parte con contenido de la web  */

#centro {
	background-color: #FEFEFC;
	width: 780px;
    	background-image: url(../imagenes/bg-centro.gif);
	padding-top: 1px;
	
}


#sombrabase {
	width: 780px;
	background-image: url(../imagenes/bg-centro.gif);
}



#fondoazul{
	
	width: 750px;
	border: 1px solid #e7e7e7;
	background-color: #e7f7ff;
	margin: 40px 5px 0px 15px;

}



#left {
	float: left;
	width: 525px;
	height: 100%;
}

#superbanner {
	width: 515px;
	border: 1px solid #ccc; 
	margin: 9px 0px 0px 0px;
	background-color: #EFEBEC;
}

#minicuadriculado {
	width: 482px;
	height:40px;
	border: 1px solid #aaa;
	margin-left: 15px;
	margin-bottom: 10px;
	font: small-caps bold 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	color: #FFF;
	background-image: url(../imagenes/bg-azul.gif);
}

#minicuadriculado a:link, a:focus, a:visited{
	color: #FFF;
	font-weight: bold;
	font-variant: small-caps;
}

 #minicuadriculado a:hover, a:active{
	color: #29A1D8;
	font-variant: small-caps;
}

#right {
	
float: right;
margin-right: 10px;
width: 190px;
font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#right a:link, a:focus, a:visited{
	color: #1C5B97;
	text-decoration: none;
	font-weight: bold;
	font-variant: small-caps;
}


 #right a:hover, a:active{
	color: #29A1D8;
	font-variant: small-caps;
}
#right p{
	text-align: left;
}


#footer {
	width: 750px;
	height: 300px;
	margin-left:30px ;
	margin-top: 10px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #1F4F74;
	
}

h1.verde {
	font: bold 16pt "Lucida Grande", verdana, Helvetica, Geneva, sans-serif;
	color: #63BE6B;
	  margin-left: 20px;
}

hr {
	color: #333;
}

p.textogrande {
	color: #333;
	font: 12pt "Lucida Grande", Lucida, Verdana, sans-serif;
	text-indent: 1em;
	margin-left: 20px;
	margin-right:  20px;
}





.enlacesgrande  {
text-align: center;
	color: #ED7B80;
	font: 9pt "Lucida Grande", Lucida, Verdana, sans-serif;

}

.enlacesgrande a:link, a:focus, a:visited{
color: #74C381;	
}
.enlacesgrande a:hover, a:active{
color: #ED7B80;
}

span.subrayado {
    background:#ffc;
}