body{background-image:  url(imagen/fondo.jpg);
background-color: #222222;}

/*
Lo que rodea la línea roja
*/
#container {width: 700px;
border: 1px outset #C45238;
margin: 5px;
margin-left: auto;
margin-right: auto;
padding: 0px;
background-color: #;}

/*
Zona del logo
*/
#banner {color:#843D09;
padding: 0px;
margin-bottom: -26px;
margin-right:0px;
background-image:  url(imagen/logo.jpg);
background-repeat: no-repeat;
height: 207px;
width: 700px;
background-color:#3d3d3d;}

/*
Estilo de los enlaces sobre el logo
*/
#banner a {color:#C45238;}

/*
Menú principal
*/
.menu {width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0; height: 2.0em;}

.menu li {width: 16%;
float: left;
display: inline; 
list-style-type: none;
font-family: verdana;
margin: 0; padding: 0;}

.menu li a {background: #;
color: #bbbbbb;
border: solid 0.01em #000;
display: block;
height: 50%;
padding: 0.2em 0;
text-align: center;
font-size: 0.8em;
text-decoration: none;
font-family: verdana;
width: 100%;}

.menu li a:hover {background:#222222;
color: #ffffbb;}

/*
Menú servicios
*/
.menu2 {width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0; height: 2.0em;}

.menu2 li {width: 32%;
float: left;
display: inline; 
list-style-type: none;
font-family: verdana;
margin: 0; padding: 0;}

.menu2 li a {background: #;
color: #bbbbbb;
border: solid 0.01em #000;
display: block;
height: 50%;
padding: 0.2em 0;
text-align: center;
font-size: 0.8em;
text-decoration: none;
font-family: verdana;
width: 100%;}

.menu2 li a:hover {background:#222222;
color: #ffffbb;}

/*
Menú enlaces
*/
.menu3 {width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0; height: 2.0em;}

.menu3 li {width: 24%;
float: left;
display: inline; 
list-style-type: none;
font-family: verdana;
margin: 0; padding: 0;}

.menu3 li a {background: #;
color: #bbbbbb;
border: solid 0.01em #000;
display: block;
height: 50%;
padding: 0.2em 0;
text-align: center;
font-size: 0.8em;
text-decoration: none;
font-family: verdana;
width: 100%;}

.menu3 li a:hover {background:#222222;
color: #ffffbb;}

/*
Menú tutoriales-librería
*/
.menu4 {width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0; height: 2.0em;}

.menu4 li {width: 48%;
float: left;
display: inline; 
list-style-type: none;
font-family: verdana;
margin: 0; padding: 0;}

.menu4 li a {background: #;
color: #bbbbbb;
border: solid 0.01em #000;
display: block;
height: 50%;
padding: 0.2em 0;
text-align: center;
font-size: 0.8em;
text-decoration: none;
font-family: verdana;
width: 100%;}

.menu4 li a:hover {background:#222222;
color: #ffffbb;}

/*
Menú enlaces linkLift
*/
.menu5 {width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0; height: 5.0em;}

.menu5 li {width: 20%;
float: left;
display: inline; 
list-style-type: none;
font-family: verdana;
margin: 0; padding: 0;}

.menu5 li a {background: #;
color: #bbbbbb;
border: solid 0.01em #000;
display: block;
height: 50%;
padding: 0.2em 0;
text-align: center;
font-size: 0.8em;
text-decoration: none;
font-family: verdana;
width: 100%;}

.menu5 li a:hover {background:#222222;
color: #ffffbb;}

/*
Menú clientes área servicios
*/
.menu6 {width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0; height: 5.0em;}

.menu6 li {width: 100%;
float: left;
display: inline; 
list-style-type: none;
font-family: verdana;
margin: 0; padding: 0;}

.menu6 li a {background: #3d3d3d;
color: #bbbbbb;
border: solid 0.01em #000;
display: block;
height: 25%;
padding: 0.2em 0;
text-align: center;
font-size: 0.8em;
text-decoration: none;
font-family: verdana;
width: 100%;}

.menu6 li a:hover {background:#222222;
color: #ffffbb;}


/*
Borde horizontal
*/
.bordehorizontal {background: #3d3d3d;
vertical-align: top;
}

/*
Bordes verticales
*/
.bordevertical {background: #666666;
width: 3px;
vertical-align: top;
}

/*
Zona del texto
*/
.tablacentro {background: #4f4f4f;
width: 694px;
height: 300px;
padding: 40px;
vertical-align: top;
text-align: justify;
color:#dddddd;
}

/*
Otras cosas
*/
.clear {visibility: hidden;
clear: both;
font-size: 1px;}

.blockquote { border-left: 5px solid rgb(172, 86, 0);
display: block;
margin-left: 15px;
padding-left: 10px;
padding-right: 10px;
padding-top: 16px;
padding-bottom: 16px;
width: 500px;
color: #ffffbb;
font-size: 12px;
font-family: Georgia,arial;
background-repeat: repeat;
background-position: left top;
background-image: url(imagen/fondo.jpg);
background-color: rgb(52, 52, 52);
opacity: 1;
}

/*
Estilo de los enlaces
*/
a {color:#ffffbb;}

/*
Estilo de las fuentes
*/
h1 {font-family: Tahoma; font-size: 1.5em; font-style: italic; font-weight: bolder; text-align: right; color: #000000; text-transform: lowercase;}

h2,H3,h4 {text-align: center; color: #333333;}

h5 {font-family: verdana; font-size: 12px; text-align: justify; color: #dddddd; font-weight: normal;}

h6 {font-family: verdana; font-size: 10px; text-align: center; color: #dddddd; font-weight: normal;}

p {font-family: verdana; font-size: 12px; text-align: justify; color: #dddddd; font-weight: normal;}

.pie {text-align: right; font-size: 0.8em; color: #ffffff; font-family: verdana;}

/*
Estilo de las líneas
*/
hr{color:#5B5B5B;}

/*
Estilo de las tablas
*/
table {width: 700px;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
}

/*
Estilo de las tablas de los precios (y otras cuantas más)
*/
.tablaprecios {width: 600px;
border: 1px #000000;
font-family: verdana;
font-size: 12px;
text-align: center;
color: #dddddd;
font-weight: normal;
}

/*
Tabla índice galerías
*/
.tablaindicegalerias {background: #4f4f4f;
width: 600px;
height: 50px;
padding: 17;
vertical-align: top;
font-family: verdana;
font-size: 11px;
text-align: center;
color: #dddddd;
font-weight: normal;
border: 1px solid #666666;
}

table.tablaindicegalerias td {
margin-left:15px;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
width: 130px;
height: 30px;
border-collapse: collapse;
padding: 8;
}

.tablatituloindicegalerias {background: #4f4f4f;
width: 600px;
height: 50px;
padding: 17;
vertical-align: top;
font-family: verdana;
font-size: 11px;
text-align: center;
color: #dddddd;
font-weight: normal;
border: 1px solid #666666;
}

/*
Página de las miniaturas de las galerías
*/

/*
Zona del texto
*/
.tablacentrogalerias {background: #4f4f4f;
width: 694px;
height: 300px;
padding: 17;
vertical-align: top;
text-align: justify;
color:#dddddd;
}

table.container {
width: 654px;
background: #4f4f4f;
border: 1px solid #666666;
}

div.header { 
padding: 4px;
color:#dddddd;
text-align: center;
font-size: 12px;
font-weight: normal;
font-variant: small-caps;
font-family: verdana;
background: #4f4f4f;
border: 0px solid #666666;
}

img { 
border: 0;
}

table.dia {
margin-left:15px;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
width: 130px;
height: 130px;
background-color: #4f4f4f;
border: 1px solid #666666;
border-collapse: collapse;
}

table.dia td {
text-align: center;
vertical-align: middle;
background: #4f4f4f;
}

table.dia img { 
display: block;
margin: auto; 
}

table.dia a img { 
filter:alpha(opacity=100);
-moz-opacity:1;
opacity: 1;
}

table.dia a:hover img { 
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.8;
}

.contentthumbs {
width: 130px;
height: 65px;
margin-left:15px;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
color:#dddddd;
text-align: center;
font-size: 9px;
font-weight: normal;
font-variant: small;
font-family: verdana;
background-color: #4f4f4f;
border: 1px solid #666666;
border-collapse: collapse;
}

/*
Página de las imágenes
*/

div#navt, div#navb {
margin-top: 1em;
margin-bottom: 1em;
font-size: 12px;
font-weight: normal;
font-variant: small-caps;
font-family: verdana;
color:#dddddd;
}

div#navt a, div#navb a {
text-decoration: none;
font-size: 12px;
font-weight: normal;
font-variant: small-caps;
font-family: verdana;
color:#dddddd;
}

div.content#pic {
 padding: 10px;
}

div.center {
text-align: center;
}
.imagen {
padding: 10px;
width: auto;
height: auto;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:15px;
background-color: #4f4f4f;
border: 1px solid #666666;
border-collapse: collapse;
}

.contentimagen {
width: auto;
height: auto;
margin-left:15px;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
color:#dddddd;
text-align: center;
font-size: 10px;
font-weight: normal;
font-variant: small;
font-family: verdana;
background-color: #4f4f4f;
border: 1px solid #666666;
border-collapse: collapse;
}

/*
Estilo del formulario
*/
.txt {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt;
	line-height: 11pt;
	text-decoration: none;
	color: #eeeeee;
	background-color: transparent;
}

.boton {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background-color: #eeeeee;
	border: 1px #aaaaaa solid;
}

.campo {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
	background-color: #eeeeee;
	border: 1px #aaaaaa solid;
	padding: 2px;
}