/* Reset */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address, li {
	font-weight: normal;
	margin:0;
	padding: 0;
	list-style-type:none;
}
h1, h2, h3, h4, h5, h6{
font-size:1em;
}
sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
li, dd, blockquote {
	margin: 0;
	padding:0;
}
a, a:link, a:visited, a:hover, a:active {
	outline: 0; 
	text-decoration: none;
}
a img {
	border: none;
	text-decoration: none;
}
img {
	border: none;
	text-decoration: none;
}
label, button {
	cursor:pointer;
}
input, select {
	font-size: 1em;
}
textarea {
	font-size: 1.4em;
}
input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}
fieldset {
	border: none;
}
/* /reset */

/****************************************HACKS para IE6: */
*html {}
*html #contenido{ margin:0 0 0 15px}
*html #sidebar{margin:0 15px 0 0}
/****************************************HACKS para IE7: */
*:first-child+html {}
*:first-child+html #menu{ padding:8px 0 0 0;}
/**************************************************************** */ 


/* General */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:   Verdana, Arial, Sans-Serif;
	background: #fff url(../images/bg-page.jpg) repeat-x;
	color: #8d8d8d;
	margin: 0;
	padding: 0;
}


#contenedor{ width:900px; margin:0 auto;}
#cabecera{ }
#contenido{ width:900px; float:left;}
#sidebar{ }


a{color:#fd802c;}
a:hover{ text-decoration:underline;}


/******************************************************************** cabecera */

#cabecera{background: url(../images/bg-cabecera.gif) no-repeat; padding:0; height:79px;}
#cabecera h1{ float:left; margin:17px 0 0 0;}
#cabecera h1 a{ width:248px; height:60px; background: url(../images/logo-novobano.gif); display:block; text-indent:-9000px; margin:0px 0px 0px 20px;}

#caja-menu{ float:right; width:500px;}
#idioma{width:54px; float:right; margin:0 15px 0 0 ;}
#idioma ul{ }
#idioma ul li{ float:left; margin:2px;}
#idioma ul li a{ width:22px; height:17px; text-indent:-9000px; display:block;}
#idioma ul li a.espanol{ background:url(../images/ico-esp.gif) no-repeat;}
#idioma ul li a.ingles{ background:url(../images/ico-eng.gif) no-repeat;}

#menu{ clear:both;padding:15px 0 0 0;}
#menu ul{ }
#menu ul li{ float:left; height:35px; display:block; text-indent:-9000px;}
#menu ul li a{height:35px; display:block; text-indent:-9000px;}
#menu ul li a.quienes-somos { background:url(../images/quienes-somos.gif) bottom; width:120px;}
#menu ul li a.que-hacemos { background:url(../images/que-hacemos.gif) bottom; width:104px;}
#menu ul li a.clientes { background:url(../images/clientes.gif) bottom; width:76px;}
#menu ul li a.cobertura { background:url(../images/cobertura.gif) bottom; width:92px;}
#menu ul li a.contacto { background:url(../images/contacto.gif) bottom; width:90px;}
#menu ul li a.quienes-somos:hover { background:url(../images/quienes-somos.gif) top; width:120px;}
#menu ul li a.que-hacemos:hover { background:url(../images/que-hacemos.gif) top; width:104px;}
#menu ul li a.clientes:hover { background:url(../images/clientes.gif) top; width:76px;}
#menu ul li a.cobertura:hover { background:url(../images/cobertura.gif) top; width:92px;}
#menu ul li a.contacto:hover { background:url(../images/contacto.gif) top; width:90px;}

#img-cabecera{ background:url(../images/cabecera.jpg) no-repeat; height:105px; clear:both; padding:160px 0 0 0; margin:0 0 30px 0}
#img-cabecera a{ width:182px; height:35px; text-indent:-9000px; margin:0 0 0 686px; display:block;}

/******************************************************************* contenido */

#contenido{
	width:540px;
	float:left;
	font-size:12px;
	margin:0 0 30px 30px;
	line-height: 1.5em;
	text-align:justify;
}
#contenido h2{
	background:url(../images/ico-01.gif) no-repeat;
	padding:10px 0 10px 45px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	color:#000;
	border-bottom:2px solid #eee;
	margin:0 0 20px 0;
}

#contenido h3{
	padding:0 0 4px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#000;
	border-bottom:2px solid #eee;
	margin:20px 0 10px 0;
}

#contenido ul{ padding:0 0 0 30px;}
#contenido ul li{ list-style-type:circle; margin:0 0 5px 0}

#contenido img{ padding:2px; border:2px solid #ccc; margin:0 5px;}

/* galeria */
#galeria{width:540px; margin:0;}
#galeria a img, #galeria-der a img{ margin:0 0 10px 0;}

/* clientes */
#contenido img.img-normal{margin:0; border:none; padding:0;}

/* contacto */
#contacto-01{ margin:10px 60px 0 40px; float:left;}
#contacto-02{ margin:10px 0px 0 0; float:left;}

/* sidebar */
#sidebar{width:270px; float:right; margin:0 30px 30px 0}



/************************************************************************ pie */
#pie{ background: url(../images/bg-pie.jpg) repeat-x; height:109px; color:#f4f0f6; font-size:12px; padding:20px 0 0 0;}
#caja-pie{width:900px; margin:0 auto;}
#txt-pie{ float:left; width:300px;}
#copy{ float:right; width:300px; text-align:right;}
/* navegacion */
.navigation .alignleft, .navigation .alignright{ width:220px;}


/* clases */

.clear{ clear:both;}
.color01{color:#000;}
.floatleft{float:left;}