body {margin:0px; padding:0px; background:#000000; color:#939598; font: normal 14px  Arial , verdana, sans-serif;}
ul, li {	list-style-type: none;  }
a {color:#a29061; text-decoration:none;}
a:hover {color:black; background:#a29061;}
img {border:0px;}
#cuerpo {position: absolute; top:50%; left:50%; width:842px; margin-left:-421px; height:594px; margin-top:-297px; border:1px solid #333333;	padding:0px; }
#cuerpo2 {position:relative;}
/*******  IDIOMA   ********/
#idioma {text-align:center; margin:0px; padding:0px 0px 4px 0px;}
#idioma a {text-decoration:none; font-size: 12px; color:#6b6966; padding: 0px 10px;}
#idioma a:hover { color: #000000; }

/*******  MENU   ********/

#menu {text-align:center; margin:30px 0px 0px 0px; padding:0px; width:100%; border-top:1px solid #666666; border-bottom:1px solid #666666; line-height:20px; height:22px;}

#menu ul {margin:0px; padding:0px; display:block; padding-left:60px;}
#menu li {	float:left }

#menu a {font-size: 11px; margin:0px; padding:5px 15px; text-decoration:none; color:#a29061; display:inline;  background: url('../img/menu/menu.jpg') top right no-repeat; }
#menu a:hover {background:#a29061; color:#000000;}

#primero {
	 background: url('../img/menu/menu.jpg') top left no-repeat;
}

/*******  MENU2   ********/
#menu2 {position:absolute; top:466px;display:block;margin:0px;width:842px}
/*#menu2 {display:block;margin:0px;width:842px}*/
#menu2 {text-align:center; margin:30px auto 0px auto; padding:0px; border-top:1px solid #7b6e48; line-height:20px; }

#menu2 ul {margin:0px; padding:0px; display:block; }
#menu2 li{	display:inline; background: url('../img/menu/menu.jpg') top right no-repeat; height:42px; margin:0px; padding:0px; }
#menu2 .ultimo {	display:inline; background:  url() top right no-repeat; height:42px; margin:0px; padding:0px; }
#menu2 a {font-size: 10px; margin:0px; text-decoration:none; color:#a29061; }
#menu2 a {padding:5px 2px 40px 2px; }
#menu2 a:hover { background: url('../img/menu/over.jpg') top left repeat-x ; color:#000000;}

#menu2  .activo {font-size: 10px; margin:0px; padding:5px 2px 40px 2px; text-decoration:none; background: url('../img/menu/over.jpg') top left repeat-x ; color:#000000; }



#cuerpo-inicio {line-height:26px;  background: url('../img/fondo/fondo-inicio.jpg') top right no-repeat; position: absolute; top:50%; left:50%; width:842px; margin-left:-421px; height:594px; margin-top:-297px; border:1px solid #333333;	padding:0px; }
#cuerpo-confeccion { line-height:20px; background: url('../img/fondo/fondo-confeccion.jpg') top right no-repeat; position: absolute; top:50%; left:50%; width:842px; margin-left:-421px; height:594px; margin-top:-297px; border:1px solid #333333;	padding:0px; }
#cuerpo-patronaje { line-height:20px; background: url('../img/fondo/fondo-patronaje.jpg') top right no-repeat; position: absolute; top:50%; left:50%; width:842px; margin-left:-421px; height:594px; margin-top:-297px; border:1px solid #333333;	padding:0px; }
#cuerpo-tejido { line-height:20px; background: url('../img/fondo/fondo-tejido.jpg') top right no-repeat; position: absolute; top:50%; left:50%; width:842px; margin-left:-421px; height:594px; margin-top:-297px; border:1px solid #333333;	padding:0px; }
#cuerpo-merch { line-height:20px; background: url('../img/fondo/fondo-merch.jpg') top right no-repeat; position: absolute; top:50%; left:50%; width:842px; margin-left:-421px; height:594px; margin-top:-297px; border:1px solid #333333;	padding:0px; }
#cuerpo-prensa { line-height:20px; background: url('../img/fondo/fondo-prensa.jpg') top right no-repeat; position: absolute; top:50%; left:50%; width:842px; margin-left:-421px; height:594px; margin-top:-297px; border:1px solid #333333;	padding:0px; }
#cuerpo-contacto { line-height:20px; background: url('../img/fondo/fondo-contacto.jpg') top right no-repeat; position: absolute; top:50%; left:50%; width:842px; margin-left:-421px; height:594px; margin-top:-297px; border:1px solid #333333;	padding:0px; }
#cuerpo-sin { line-height:20px; background: url('../img/fondo/fondo-sin.jpg') top right no-repeat; position: absolute; top:50%; left:50%; width:842px; margin-left:-421px; height:594px; margin-top:-297px; border:1px solid #333333;	padding:0px; }


#cuerpo-guest {
	line-height:20px;
	background: url('../img/fondo/fondo-guest.jpg') top right no-repeat;
	position: absolute;
	top:50%;
	left:50%;
	width:842px;
	margin-left:-421px;
	margin-top:-297px;
	border:1px solid #333333;
	padding:0px;
}



h1 {}
h2 { font-size: 24px; color:#a29061; margin:40px 0 20px 0;padding:0px; }
h3 { font-weight:bold; color:#a29061; line-height:15px; margin:0px;padding:0px; }

#footer-arbol{position:absolute; right:30px; bottom:20px;display:block;}

#footer-idioma {position:absolute; left:30px; bottom:20px;display:block;}

#header-jocavi{position:absolute; right:30px; top:20px;display:block;}

#header-jocavi ul {	margin: 0;	padding: 0;}
#header-jocavi li {	float: left; margin: 0;	padding: 0;}
#header-jocavi a {font-size: 10px; line-height:10px; text-decoration: none; color: #939598; display: block; padding: 3px 10px; text-align: center;}
#header-jocavi a:hover {	background:#a29061; color:#000000;}

#footer-arbol ul {	margin: 0;	padding: 0;}
#footer-arbol li {	float: left; margin: 0;	padding: 0;}
#footer-arbol a {font-size: 10px; line-height:10px; text-decoration: none; color: #939598; display: block; padding: 3px 10px; text-align: center;}
#footer-arbol a:hover {	background:#a29061; color:#000000;}

#footer-idioma ul {	margin: 0;	padding: 0;}
#footer-idioma li {	float: left; margin: 0;	padding: 0;}
#footer-idioma a {font-size: 10px; line-height:10px; text-decoration: none; color: #939598; display: block; padding: 3px 10px; text-align: center;}
#footer-idioma a:hover {	background:#a29061; color:#000000;}

.foot-line {border-right:1px solid #a29061 }

#merch {margin:0px; padding:0px;}
#merch li {margin: 5px 0px;}
#merch li a{color:#939598; text-decoration: none; padding:3px 30px 3px 10px;line-height:20px;}
#merch li a:hover{color:#000000; background:#a29061 url('../img/menu/fletxa.jpg') top right no-repeat;}

.merch1 {position:absolute; top:210px; right:90px;}
.merch2 {position:absolute; top:200px; right:130px;}

.merch3 {position:absolute; top:200px; right:20px;}

#merch .seleccionado2 a{color:#000000; background:#a29061 url('../img/menu/fletxa.jpg') top right no-repeat;}


#swf-confeccion { position:absolute; right:10px; top:320px; display:block; }

#swf-tejido { position:absolute; right:10px; top:200px; display:block; }

#swf-patronaje { position:absolute; right:10px; top:190px; display:block; }

/** contacto **/

#nif {font-size:12px; color:#666}

.formulario {font-size:12px; line-height:22px;}

.formulario input , .formulario select {font-size:12px; background:#2b2b2b; color:#a29061; border:1px solid #666666; margin:1px 0px; float:right; padding:0px; }
.formulario textarea {font-size:12px; background:#2b2b2b; color:#a29061; border:1px solid #666666; margin:1px 0px; padding:0px; }
.formulario input:focus , .formulario textarea:focus, .formulario select:focus {background:#999999; color:#000; }

.formulario .enviar {font-size:12px; background:#1c1c1c; color:#a29061; border:1px solid #666666;margin:1px 0; float:right;}
.formulario .enviar:hover {font-size:12px; background:#a29061; color:#000000; border:1px solid #a29061;margin:1px 0; float:right; cursor:pointer;}



.scroll-pane {
	width: 740px;
	height: 230px;
	overflow: auto;
	

}
.horCont {
	left: 50%;
    margin-left: 390px;
    position: absolute;
}

.horCont #social{
	display: inline-block;
    margin-top: 445px;
    vertical-align: top;
}
.horCont #social li{
	display:inline-block;
	
}
.horCont #social a{
	display:block;
	width:50px;
	height:50px;
	border:1px solid black;
	background: -moz-linear-gradient(top, rgba(246,248,249,0) 0%, rgba(247,248,249,0) 3%, rgba(247,248,249,0.3) 5%, rgba(255,247,247,0.1) 47%, rgba(0,0,0,0.05) 51%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,0)), color-stop(3%,rgba(247,248,249,0)), color-stop(5%,rgba(247,248,249,0.3)), color-stop(47%,rgba(255,247,247,0.1)), color-stop(51%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,248,249,0) 0%,rgba(247,248,249,0) 3%,rgba(247,248,249,0.3) 5%,rgba(255,247,247,0.1) 47%,rgba(0,0,0,0.05) 51%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,248,249,0) 0%,rgba(247,248,249,0) 3%,rgba(247,248,249,0.3) 5%,rgba(255,247,247,0.1) 47%,rgba(0,0,0,0.05) 51%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(246,248,249,0) 0%,rgba(247,248,249,0) 3%,rgba(247,248,249,0.3) 5%,rgba(255,247,247,0.1) 47%,rgba(0,0,0,0.05) 51%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(top, rgba(246,248,249,0) 0%,rgba(247,248,249,0) 3%,rgba(247,248,249,0.3) 5%,rgba(255,247,247,0.1) 47%,rgba(0,0,0,0.05) 51%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f8f9', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
overflow:hidden;
border-radius:4px;
}
.horCont #social a img{
	border:1px solid #79A;
	border-radius:4px;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#social a.facebook{
	background-color:#385a75;
	
}
#social a.facebook:hover,
#social a.facebook:active{
	opacity:1;
	filter:'';
}
.horCont #social a:hover img{
	border-color:white;
}
#social a.facebook:hover{
	background-color:#39599f;
	box-shadow:0 0 5px blue;
}

#social a.facebook:active{
	background-color:#1872bf;
	box-shadow:0 0 20px #09C,0 3px 4px #006 inset;
}