/* CSS Document */

/* ---------------------------------------------- FUENTE BAUHAUS ---------------------------------------------- */


@font-face {
	font-family:"Bauhaus";
	src:url(fuentes/ITC_BAUHAUS.eot); /* EOT file for IE */
}


@font-face {
	font-family:"Bauhaus";
	src:url(fuentes/ITC_BAUHAUS.ttf) format('truetype'); /* TTF file for CSS3 browsers */
}


.bauhaus, .bauhaus *, div#menu_sup a, h1#oferta {
	font-family:"Bauhaus";
}




* {	margin:0; padding:0; font-size:100%;}

body{background:#e5edef; text-align:center;}
.top-tail{ /*background:url(images/top-tail.gif) top repeat-x #eff4f5;*/}
.bot-tail{ background:url(images/bot-tail.gif) bottom repeat-x;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#6f7a7f;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#61afcc; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:17px;}
strong{ color:#1a1a1a;}
h3{ font-size:2.5em; color:#303030; line-height:2.067em; padding:0 0 11px 35px;}
h4{ font-size:1.846em; line-height:1.25em; padding-bottom:2px;}
cite{ background:url(images/citation-bg.gif) no-repeat 0 0; display:block; padding:3px 0 0 20px; color:#fff;}

/* ============================= main layout ====================== */
.imgindent {margin:0 22px 0 0; float:left;}
.phone{ float:right; padding-right:24px;}
.space1{ margin-left:52px;}
.space2{ margin-left:40px;}
.margin1{ margin-top:20px;}
.padding1{ padding-top:10px;}
.padding2{ padding-bottom:23px !important;}
.padding3{ padding-top:25px;}
.padding4{ padding-top:6px;}

/* ============================= header ====================== */
object{ vertical-align:top; outline:none;}

/* ============================= content ====================== */
#content{ padding:14px 25px 49px 15px}

.title1{ background:url(images/title1-bg.gif) no-repeat 8px 23px;}
.title2{ background:url(images/title2-bg.gif) no-repeat 8px 23px;}
.title3{ background:url(images/title3-bg.gif) no-repeat 8px 23px;}
.title4{ background:url(images/title4-bg.gif) no-repeat 8px 23px;}
.indent1{ padding:0 20px 0 31px;}
.indent2{ padding:0 0 0 10px;}
.indent3{ padding:12px 0 0 21px;}
.indent4{ padding:0 0 0 30px;}
.unline{ border-bottom:solid 1px #d0d9d9; padding-bottom:32px; margin-bottom:12px;}
.unline1{ border-bottom:solid 1px #dce4e4; padding-bottom:13px; margin-bottom:13px;}
.line1{ background:url(images/line.gif) repeat-y 302px 0;}

.list li{ background:url(images/list-marker.gif) no-repeat 0 8px; line-height:1.917em; font-weight:bold; padding-left:20px;}
.list a:hover{ color:#ff9a23;}
.link1, .link2, .link3, .link4, .link7 { display:inline-block; color:#fd9b00; font-weight:bold; margin-top:10px;}
.link2{ color:#61afcc;}
.link3{ color:#8ed130;}
.link4, .link5{ color:#e02800;}
.link6{ color:#fd9b00;}
.link7{ color:#ff5c1e;}




.block1, .block2, .block3{ font-size:1.083em;}
.block1 .imgindent, .block2 .imgindent, .block3 .imgindent{ margin:0 17px 0 0; float:left;}
.block1 h4{ color:#61afcc;}
.block2 h4{ color:#87ce22;}
.block3 h4{ color:#fd9b00;}
.block1 .link2{ margin-top:0px; font-size:0.923em;}
.block2 .link3{ margin-top:0px; font-size:0.923em;}
.block3 .link1{ margin-top:0px; font-size:0.923em;}

.link{ display:inline-block; float:right; cursor:pointer; color:#fff; font-weight:bold; background:url(images/link-left-bg.gif) left top no-repeat #d60c07; text-decoration:none; margin:22px 8px 0 0; line-height:1em;}
.link span{ display:inline-block; background:url(images/link-right-bg.gif) right top no-repeat; padding:4px 11px 4px 13px;}

.link:hover{ background:url(images/link-left-bg-act.gif) left top no-repeat #f62e29;}
.link:hover span{ display:inline-block; background:url(images/link-right-bg-act.gif) right top no-repeat; padding:4px 11px 4px 13px;}

.box{ background:url(images/box-tail.gif) top repeat-x #3992b3; padding:6px 16px 13px 20px; font-size:1.167em; font-style:italic; overflow:hidden; color:#ffffff;}

.box h3{ color:#fff; background:url(images/box-title-bg.gif) no-repeat 8px 23px; padding-bottom:0px; font-size:2.143em;}
.box-link{ background:url(images/box-link-left-bg.gif) left top no-repeat; display:inline-block; font-size:1.286em; text-decoration:none; color:#fff; line-height:1.333em; float:right; margin-top:15px;}
.box-link strong{ display:inline-block; background:url(images/box-link-right-bg.gif) right top no-repeat; padding:0 6px;}
.box-link strong strong{ background:url(images/box-link-tail.gif) top repeat-x; color:#fff; padding:2px 4px 3px 5px;}
.box-link:hover, .box-link:hover strong{ color:#328000;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-bg.gif) no-repeat 0 0; color: #FFFFFF; text-decoration:none;  text-transform:uppercase;}
#footer p{ padding:24px 0 0 50px; color:#FFFFFF; }
#footer a{ color: #FFFFFF; text-decoration:underline;}

/* ============================= forms ============================= */
#SearchForm{ padding:7px 6px 5px 10px;}
#SearchForm select{ width:285px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f7a7f;}
#SearchForm input{ background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f7a7f; padding:1px 2px 1px 3px; width:275px; display:block; margin-top:15px;}
#SearchForm a{ margin-top:25px;}

#ContactForm{ padding:0 0 3px 33px; font-weight:bold; color:#000;}
#ContactForm .col-1{ width:291px !important;}
#ContactForm .col-2{ width:265px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:44px;}
#ContactForm input{ border:solid 1px #a09b96; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; padding:2px 2px 2px 3px; width:262px;}
#ContactForm textarea{ border:solid 1px #a09b96; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; padding:1px 2px 1px 3px; width:260px; height:105px; overflow:auto;}
#ContactForm .link2{ float:right; margin:8px 6px 0 14px;}




p {
	margin:0px;
	padding:0px;
}

.contenido {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	z-index:90;
	text-align:center;
	margin:0px;
	padding:0px;
}



div.catalogo {
	width:965px;
	clear:both;
	margin-top:20px;
}

div.modelo_puerta, div.modelo_puerta2 {
	width:100px;
	height:170px;
	float:left;
	margin-right:8px;
	margin-bottom:10px;
	background-color:#61afcc;
	background-color:#94f8f2;
}

div.modelo_puerta2 {
	width:auto;
	height:auto;
}
div.modelo_puerta2 a img {
	height:150px;
}


p.nombre_modelo {
	color:#000;
	font-weight:bold;
	text-align:center;
}

br.salto {
	clear:both;
}

.boton_enviar, .boton_borrar {
	display:block;
	float:left;
	font-weight:bold;
	text-decoration:underline;
}
.boton_enviar:hover, .boton_borrar:hover {
	text-decoration:none;
	cursor:pointer;

}




/* ------------------------------------- DIV SITEMAP ------------------------------------- */

div#sitemap {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000;
	font-size:10pt;
	background-color:#fff;
	width:940px;
}








a.sitemap, a.margen_sitemap {
	color:#61afcc;
	font-size:11pt;
	font-weight:bold;
	margin-bottom:15px;
	margin-right:20px;
	display:block;
	width:200px;
	text-decoration:underline;
}

a.sitemap:hover, a.margen_sitemap:hover {
	color:#000;
	text-decoration:none;
}


a.margen_sitemap {
	margin-left:30px;
}














/* ------------------------------------- DIV INTERCAMBIO DE ENLACES ------------------------------------- */

div#enlaces {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	font-size:10pt;
	background-color:#fff;
	background-color:transparent;
}


div#enlaces table {
	width:100%;
}




div#enlaces h2 {
	text-align:left;
	margin-bottom:20px;
}

div#enlaces li {
	width:200px;
	text-align:left;
}

div#enlaces a {
	color:#61afcc;
}

div#enlaces a:hover {
	text-decoration:none;
	color:#000;
}

div#enlaces td {
	text-align:left;
	margin-bottom:10px;
}


/* ---------------------------------------------- DIV BOLETIN ---------------------------------------------- */

div#boletin {
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	background-color:#fff;
	background-color:transparent;
}


div#boletin table {
	width:100%;
}






div#boletin * {
	color:#000;
}

div#boletin a {
	color:#61afcc;
	font-weight:bold;
	text-decoration:underline;
}

div#boletin a:hover {
	color:#000;
	text-decoration:none;
}

div#boletin h3 {
	margin-top:10px;
	margin-bottom:15px;
	text-align:left;
	font-size:14pt;
}

div#boletin p {
	margin:0px;
	margin-bottom:20px;
	width:100%;
	text-align:justify;
	font-size:10pt;
}

div#boletin input {
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
}


.bauhaus {
	font-family:Bauhaus, "Bauhaus 93", Bauhaus-Thin, Bauhaus-Heavy-Bold, fantasy;
}

div#encierra_cabecera-menu {
	height:400px;
	background-image:url(images/fondo_cabecera_repeat.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}

div#cabecera-menu {
	width:964px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/fondo_cabecera.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

div#encierra_menu_sup {
	height:62px;
	background-image:url(images/fondo_menu_sup_repeat.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}
div#menu_sup {
	color:#fff;
	font-weight:bold;
	font-size:16px;
	width:1000px;
	height:37px;
	padding-top:25px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/fondo_menu_sup.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


div#menu_sup a {
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
	text-align:center;
	margin:10px 12px;
}

div#menu_sup a:hover {
	text-decoration:underline;
}

h1#oferta {
	color:#fff;
	text-transform:uppercase;
	font-size:28px;
	line-height:30px;
	width:410px;
	text-align:justify;
	margin-right:10px;
	margin-left:auto;
	margin-top:140px;
	float:right;
	margin-bottom:40px;
}

a#facebook {
	display:block;
	width:30px;
	height:30px;
	background-image:url(images/logo_facebook.png);
	background-position:center center;
	background-repeat:no-repeat;
	clear:both;
	margin-right:10px;
	margin-left:auto;
}