html, body {
scrollbar-face-color: #fff;
    scrollbar-highlight-color: #779b3b;
    scrollbar-shadow-color: #fff;
    scrollbar-3dlight-color: #ccc;
    scrollbar-arrow-color:  #ccc;
    scrollbar-track-color: #fff;
    scrollbar-darkshadow-color: #ccc;}


a{
	font-weight:normal;
	color:#fff;text-decoration: underline;
	
}

a:hover{
	
	color:#fff;text-decoration:none;
}


*
{
border: 0;
margin: 0;
}

body
{

	font: 90% "Trebuchet MS";
	color: #666666;
	background: #201F20 url(imagenes/fondocuerpo.jpg) repeat-x;
}

h1 {font-size:110%;text-transform: uppercase;}
h2  {font-size:100%;margin-bottom:7px;margin-top:15px;}
h3 {font-size:90%;margin-bottom:7px;margin-top:15px;}

p {line-height:1.5em;margin-bottom:1em;}

#main{
	margin: 0 auto;
	width: 1030px;
	background:#000;
}


#menu {width:1030px; padding-top:0px; margin:0 auto;background:#1c1b1c;height:34px;}


/* default styling background:#6D6D6D  494848;*/

.nav,

.nav ul{list-style-type:none; margin:0; padding:0;}

.nav a {text-decoration:none;}

.nav {font-family: "Trebuchet MS";font-size:110%; font-weight:normal; width:1027px; margin:0 auto;}



/* style the links */

/* needs a background for IE6 - can be a color or a transparent gif */

.nav a {filter: alpha(opacity=80); opacity:0.8;} 



/* style the <b> element so that is does not affect the size of the link */

.nav a b {background:#1c1b1c; border:1px solid #000; border-color:#1c1b1c #1c1b1c #1c1b1c #1c1b1c; color: #666666; display:block; padding:4px 10px;}

.nav a:hover b {background-color:#6D6D6D; color:#fff; cursor:pointer;}

.nav .fly .main b {background:#1c1b1c;}

.nav .down b {background:#1c1b1c;}

.nav .right ul b {text-align:right;}

.nav .right ul .main b {background:#6D6D6D; text-align:right;}



/* HEIGHT */

.nav ul ul {top:-24px;} /* position the top of the flyout sub menus */



/* WIDTH change this WITH CARE to suit your requirements */



/*set the link width here*/

.nav .desplegable,

.nav a {width:140px;}

.nav ul li {max-width:140px;} /* fix for IE8 */




/* set the left flyout position here */


.nav ul ul {left:120px;}

/* set the right flyout position here */

.nav li.right ul ul {left:auto; right:120px;}




.nav a {margin-right:-129px;}



/* ----------------------------------------------------------------------------	*/



/* no cambiar */

.nav li {float:left;} /* fixes IE related bugs, and allows for clearing */

.nav ul {float:left; position:relative; z-index:20;} /* necessary for float desplegable and to stack the <ul>s */

.nav ul li {clear:left;} /* must clear the floated list item inside sublist */

.nav a {position:relative; display:block;} /* needs to have a position above the rest */

.nav a.main {float:left; /* necessary for float desplegable */

    margin-top:10000px;} /* bring the top level links back into view */

.nav .desplegable,

.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */

.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */



/* The bit that does ALL the work to bring the sub menus into view */

.nav a:hover,

.nav a:focus,

.nav a:active {margin-right:0; z-index:10; outline:0;text-decoration:overline; }



.nav a:focus b,

.nav a:active b {background:#aaa; color:#800;} /* for tabbing */



/* OPERA fix */

.nav ul:hover,

.nav ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */
#cabecera {margin-bottom:0px;}
#logo {padding:7px 0 0px 7px;}


 /* Galeria */
#foto_cabecera {width:1030px;height:540px;text-align:center;margin:5px 5px 5px 0px;}
#foto_cabecera img {width:970px;height:520px;}

#cuerpo {height: auto;width: 970px;text-align:center;}
#cuerpo ul,ol {font-weight:bold;margin-top:10px;margin-bottom:10px;}
#cuerpo li {margin-bottom:5px;}

#cuerpo1 {height: auto;width: 1030px;height:510px;margin:25px;}
#cuerpo1 ul,ol {font-weight:normal;margin-top:10px;margin-bottom:10px;}
#cuerpo1 li {margin-bottom:5px;}

#cuerpo2 {height: auto;width: 950px;height:1800px;margin:25px 25px 25px 45px;}
#cuerpo2 ul,ol {font-weight:normal;margin-top:10px;margin-bottom:10px;}
#cuerpo2 li {margin-bottom:5px;}


#izquierdo {float:left;width: 476px;}
#derecho {float:left;width: 476px;margin-left:27px;}

.texto  {margin: 0 20px 0 70px;}
.texto_galerias  {margin: 0 20px 0 70px;text-align:left;}


.foto {background: #262626;width:670px;padding: 10px 0 10px 10px;border: #6D6D6D 1px solid;margin-bottom: 5px;height:220px;text-align:center;padding-left:90px;}
.galeria {float: left;width:157px;margin-right:50px;}

#pie {width: 1030px;height:60px;text-align:center;font-size:80%;}
.barra {border-top:#656565 1px solid; width:988px;height:17px;text-align:center;margin-left:20px;margin-top:30px;}



/*  Formulario de contacto */
	
div#formulario input.boto {
	border-color: #779b3b;
	color: #000;
				}
		
		
div#formulario input.boto:hover,
div#formulario input.boto:focus {
	border-color: #779b3b;
	color:#800;
	}
	
div#formulario input {border-color: #000;}

div#formulario input:focus {
	border-color: #779b3b;
	color:#800;
	}