@charset "UTF-8";
/* CSS Document */
body {
  	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  	font-weight:200;
  	color: #3C4142;
  	font-size: 0.73em;
	padding:0;
	margin:0;
}
#contenido { width:85%; margin-left: 15%;}
a:link { text-decoration: none; color:#FF9900; }
a:visited { text-decoration: none; color:#FF9900;}
a:hover { color:#FFCC00; }
a:active { text-decoration: none; color:#FF9900;}
p, li, div, img, h1, h2, h3, h4, h5, span, label, input, textarea { position: relative; float: left;}
h1 { margin:10px 0 10px 0; font-size: 1.52em; *width:100%;}
h2 { margin:5px 0 5px 0; font-size: 1.35em;}
h3 { margin:0 0 10px 0; font-size: 1.3em; color:#FF6600; font-weight:bold;}
h4 { margin:0 0 10px 0; font-size: 1.3em; font-weight:400;}
h5 { margin:0 0 10px 0; font-size: 1.2em; }
.clear {clear: both; margin:0;}
.larger {width: 100%;}
ul {padding-left: 15px;}
.left {float: left; width: 450px;}
.left span {width: 450px; float: left;}
.right {float: right; width: 450px; *width:440px; *float:left; }

.h1404 {position:relative; clear:both; float:left; font-size:3em;}
.h2404 {position:relative; clear:both; float:left; font-size:1.4em; font-weight:normal;}
.h2404 a:link , .h2404 a:visited, .h2404 a:hover {color:#3C4142; text-decoration:underline;}

/*------------------ Estilos Cabecera -------------------*/
.header { position:relative; margin:10px 0 0 0; width:900px; text-align:center; }
.header img {border:none;}
.menu { 
	margin:67px 0 0 56px; 
	background: url(../IMG/menu-back.gif) no-repeat; 
	width: 518px; 
	height: 40px;
	padding-left: 15px;
}
.menu li { 
	list-style-type:none; 
	font-size:1.28em;
	padding:11px 11px 10px;
}
.menu li:hover {  
	list-style-type:none; 
	font-size:1.28em;
	padding:11px 11px 10px;
	background: url(../IMG/back-hover.gif);
}
.menu li a, .menu li a:visited  {color: #cccccc;}
.menu li a:hover {color: #ffffff;}
.actived {background: url(../IMG/back-hover.gif) !important; color: #ffcc00 !important;}
.content {
	clear:both;
	width:900px;
	margin:0;
	text-align: left;
}

/*----------------- Estilos Index -------------------*/
.description-left {
	clear:both;
	width:498px;
	height:190px;
	background: url(../IMG/afondo.gif) no-repeat;
	margin:10px 0 0 0;
	padding:10px 0 0 142px;
	text-align:left;
	color:#FFFFFF;
}
.description-left h1 { margin:18px 0 15px 0; *width:400px; }
.description-left p { 
	clear:both;
	font-size:0.95em;
	padding:0;
	margin:0 0 15px;
	*width:400px;
}
.text { width:400px; }
.description-right {
	background: url(../IMG/c.jpg) no-repeat;
	width:235px;
	height:77px;
	margin:10px 0 0 10px;
	padding:123px 0 0 15px;
	*padding: 135px 0 0 15px;
	*height: 64px;
	font-size:1.29em;
}
.description-right a:link, .description-right a:visited, .description-right a:hover { color: #222222;}

/*------------------ Estilos Productos -------------------*/
.ejemplo-puertas {*width:100%;}
.ejemplo-puertas img{ margin: 5px 50px 0 0;}
.caracteristicas { width:340px; margin: 5px 0 0 0; }
.caracteristicas li { clear: both; *width:335px; *list-style:disc outside none;}
.elegir { width:300px; *clear:both; *width:340px;}
.elegir li { clear: both; *list-style:disc outside none; *width:335px; }
.doors img{ margin: 0 10px 0 0; }

/*------------------ Estilos Características -------------*/
.puerta_instal {margin:10px 0 0 0;}
.instalacion { margin:8px 0 28px 22px; width:400px; }
.instalacion h3 {margin:0 0 9px -15px; font-weight:bold; *width:100%;}
.instalacion li { margin: 0 0 18px 0;}
.video {
	float:left;
	margin:-10px 0 0 25px;
	position:relative;
}
.img-motivos { margin-bottom: 20px;}
.motivos { margin:0 0 20px 10px; width:665px;}
.motivos li {clear: both; margin:0 0 0 15px;}
.motivos h3 {margin:0px}
.motivos p { margin: 8px 0 8px 0; *clear:both;}
.smaller { width: 555px !important;}
.porque { margin:15px 0 15px 0;}
.instalador { margin:-150px 0 0 0;}

/*------------------ Estilos Contactar -------------------*/
.ctable {  
	background-image:url(/IMG/cfondo.gif); 
	background-repeat:no-repeat; 
	color:#FFFFFF; 
	height:246px;
	width:725px;
	padding-top: 12px
}
.ctable label {
	clear:both;
	font-size:1.15em;
	margin:17px 5px 0 0;
	text-align:right;
	width:95px;
}
.ctable input {
	border:1px solid #999999;
	font-size:1.1em;
	height:21px;
	margin:11px 0 0;
	padding-left:5px;
	width:190px;
	*margin-right:400px;
}
.ctable textarea {
	width: 330px;
	height: 66px;
	margin: 11px 0 0 0;
	border:1px solid #999999;
	*margin-right:30px;
}
.checkbox { 
	width: auto !important; 
	height: auto !important; 
	clear: both;
	float: left; 
	margin:11px 5px 0 98px !important;
}
.c-message {
	font-size:1.1em;
	margin:55px 0 0 -340px;
	width:168px;
	color: #ffffff;
}
.promocion { width: 600px; top:-2px; }
.necesita {*clear:both; *width:100%; *margin:10px 0 10px 0;}
.botonera { clear:both; margin:-78px 0 0 445px; *margin:-80px 0 0 230px; _margin:-80px 0 0 180px; }
.botonera input { 
	clear: both;
	height:25px;
	margin:0 10px 5px 0;
	width:130px;
	font-size: 1.1em;
	cursor: pointer;
}

/* ---------------- Estilos webmap --------------------*/
.webmap {position: relative; float: left;}
.webmap li { clear: left; margin:0 0 10px 30px; font-size: 1.1em;}
.webmap li a:link, .webmap li a:visited, .webmap li a:hover { font-weight: bold; color: #FF6600; text-decoration: underline;}
.webmap li.subli {margin-left: 60px; list-style-type:circle;}

/*------------------ Estilos Footer -------------------*/
.footer {
	width:100%;
	height:20px;
	background: url(../IMG/footer.gif) no-repeat;
	color: #44516E;
	margin:10px 0 30px 0;
	padding:2px 0 0 20px;
}
.footer a:link, .footer a:visited  { text-decoration: none; color:#FFFFFF; }
.footer a:hover { color:#3C4142; }
.copy { margin-right:160px;}