@import url("menu.css");

@import url("form.css");
/* CSS Document */

/*Reglas generales*/
body{
	
	background-image: url(../img/bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
}


#pie img a:link {
	text-decoration: none;
}

#pie a:link {
	text-decoration: none;
	color:#333333;
	border-bottom:dashed thin;
}

#pie a:hover {
	text-decoration: none;
	color: #D2EEF9;
	border-bottom:dashed thin;
}

#pie a:visited {
	text-decoration: none;
	color: #CCCCCC;
	border-bottom:dashed thin;
}

#textoNov a:link {
	text-decoration: none;
	color:#333333;
	border-bottom:dashed thin;
}

#textoNov a:hover {
	text-decoration: none;
	color: #D2EEF9;
	border-bottom:dashed thin;
}

#textoNov a:visited {
	text-decoration: none;
	color: #CCCCCC;
	border-bottom:dashed thin;
} 

#textoProd a:link {
	text-decoration: none;
	color: #00CCFF;
	border-bottom:dashed thin;
}

#textoProd a:hover {
	text-decoration: none;
	color: #D2EEF9;
	border-bottom:dashed thin;
}

#textoProd a:visited {
	text-decoration: none;
	color: #CCCCCC;
	border-bottom:dashed thin;
}

.textoNot a:link {
	text-decoration: none;
	color: #0066CC;
	border-bottom:dashed thin;
}

.textoNot a:hover {
	text-decoration: none;
	color: #D2EEF9;
	border-bottom:dashed thin;
}

#textocont a:visited {
	text-decoration: none;
	color: #0066CC;
	border-bottom:dashed thin;
}


#textocont a:link {
	text-decoration: none;
	color: #0066CC;
	border-bottom:dashed thin;
}

#textocont a:hover {
	text-decoration: none;
	color: #0099FF;
	border-bottom:dashed thin;
}

#textocont a:visited {
	text-decoration: none;
	color: #006699;
	border-bottom:dashed thin;
}

p {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:justify;
	font-weight:bolder;
	line-height: 22px;
	font-weight:200;
	color:#FFFFFF;
	
}

#textoProd p {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight:bolder;
	line-height: 22px;
	font-weight:200;
	color:#FFFFFF;
	
}

.textoNot p {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight:bolder;
	line-height: 22px;
	font-weight:200;
	color:#66A3C1;
	
}

#textocont p {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	font-weight:bolder;
	line-height: 22px;
	font-weight:200;
	color:#66A3C1;
	
}


#fondoMar1 p{
	margin:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:justify;
	font-weight:bolder;
	line-height: 22px;
	font-weight:200;
	color:#FFFFFF;
}

#fondoMar2 p{
	margin:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:justify;
	font-weight:bolder;
	line-height: 22px;
	font-weight:200;
	color:#FFFFFF;
}

#fondoMar3 p{
	margin:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:justify;
	font-weight:bolder;
	line-height: 22px;
	font-weight:200;
	color:#FFFFFF;
}



h4 {
	margin:0px;
	padding:20px 20px 0px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:justify;
	line-height: 22px;
	text-decoration:underline;
	font-weight:200;
	color:#FFFFFF;
}


#textoNov img {
	position:relative;
	vertical-align:middle;
	border:0; 
}

#textoMar2 ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style:square;
	font-size: 13px;
	text-align:justify;
	font-weight:bolder;
	line-height: 22px;
	font-weight:200;
	color:#FFFFFF;
}

#textoMar3 ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style:square;
	font-size: 13px;
	text-align:justify;
	font-weight:bolder;
	line-height: 22px;
	font-weight:200;
	color:#FFFFFF;
	margin:20px;
}

/*/Capas ID/*/

#contenedor {
	margin: -300px -425px;
	width: 850px;
	height: 600px;
	text-align:left;
	background-color:#FFFFFF;
	position:absolute;
    top:50%;
	left: 50%;
	
}

#fondoEmpresa{
	background-image: url(../img/bg_empresa.jpg);
	background-repeat:no-repeat;
	width: 850px;
	height:403px;
}
#fondoNov{
	background-image: url(../img/bg_novedades.jpg);
	background-repeat:no-repeat;
	width: 850px;
	height:403px;
}

#fondoProd{
	background-image: url(../img/bg_productos.jpg);
	background-repeat:no-repeat;
	width: 850px;
	height:403px;
}

#fondoMar{
	background-image: url(../img/bg_marcado.jpg);
	background-repeat:no-repeat;
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondoMar1{
	background-image: url(../img/bg_marc1.jpg);
	background-repeat:repeat-x;
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondoMar2{
	background-image: url(../img/bg_marc2.jpg);
	background-repeat:repeat-x;
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondoMar3{
	background-image: url(../img/bg_marc3.jpg);
	background-repeat:repeat-x;
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondoRotura{
	background-image: url(../img/rotura.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondoa40{
	background-image: url(../img/a40.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondorpt{
	background-image: url(../img/correderarpt.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondogernika{
	background-image: url(../img/correderagernika.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondomallorquina{
	background-image: url(../img/mallorquina.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondorustica{
	background-image: url(../img/rustica.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondobarandilla{
	background-image: url(../img/barandillas.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondoventanillo{
	background-image: url(../img/ventanillo.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondoguias{
	background-image: url(../img/guias.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondocelosias{
	background-image: url(../img/celosias.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondopremarcos{
	background-image: url(../img/premarcos.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondovarios{
	background-image: url(../img/varios.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondonormalizados{
	background-image: url(../img/normalizados.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondoherrajes{
	background-image: url(../img/herrajes.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondonoticias{
	background-image: url(../img/noticas.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#fondocontacto{
	background-image: url(../img/contacto_bg.jpg);
	width: 850px;
	height:403px;
	margin: 0px;
}

#recuadro {
	position:relative;
	border:#FFFFFF thin solid;
	width: 664px;
	height: 60px;
	top: 140px;
	left: 13px;
	margin:0px;
}

#cabecera {
	background-image:url(../img/cabecera_bg.jpg);
	background-repeat:repeat-x;
	height: 84px;
	width: 100%;
}

#contenido {
	margin: auto;
	width: 850px;
	height: 401px;
	text-align:left;
	background-color: #CCCCCC;
}

#texto{
	position:relative;
	top: 20px;
	left: 30px;
	width: 630px;
	height: 280px;
}

.textoNot{
	position:relative;
	top: 40px;
	left: 20px;
	width: 800px;
	border-color: #66A3C1;
	border-width: 1px;
	border-style:solid;
	padding: 5px;
}

#textocont{
	position:relative;
	top: 40px;
	left: 60px;
	padding: 5px;
	color:#66A3C1;
	width: 250px;
}

#textoNov{
	position:relative;
	top: 60px;
	left: 100px;
	color:#FFFFFF;
	width: 481px;
}


#textoProd {
	position:relative;
	top: 170px;
	left: 320px;
	color:#FFFFFF;
	width: 420px;
}


#textoMar{
	position:relative;
	margin:0px;
	background-color:#66A3C1;
	width: 850px;
	height: 403px;
}

#textoMar2{
	position:relative;
	margin:0px;
	background-color:#3385AE;
	width: 850px;
	height: 403px;
}


#textoMar3{
	position:relative;
	margin:0px;
	background-color:#006699;
	width: 850px;
	height: 403px;
}


#menu {
	position:relative;
	background-image: url(../img/menu_bg.jpg);
	background-repeat:repeat-x;
	height: 54px;
	width: 100%;
}

#submenu {
	position:relative;
	border:0px;
	margin: 0px;
	width: 850px;
	height: 19px;
}
#submenuprod {
	position:relative;
	border:0px;
	margin: 0px;
	top: -66px;
}

#pie {
	background-image:url(../img/bg_foot.jpg);
	background-repeat:repeat-x;
	height: 63px;
	width: 100%;
	position: relative;
	bottom:0;
	
}

#footext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100%;
	position: relative;
	text-align:center;
	top:34px;
}

#footext img{
	border: 0px;
	vertical-align:middle;
	text-decoration:none;
}

/*.productos{
	background-color: #66A3C1;
	width: 220px;
	height: 27px;
	margin: 0px;
	position:relative;
	text-align: center;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
}*/