/*
    Created by 2ypunto.com 
	Contact: juan@2ypunto.com  	  
*/

* { padding:0; margin:0; }

body {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	background-color:#fafaf0;
	color:#3f3f3f;
	background-image:url(../imagenes/bg-image.gif);
	background-repeat:repeat-x;
}

.limpiar {
	clear:both;
}

#contenedor {
	margin:0 auto;
	width:762px;
}

#cabecera {
	position:relative;
	display:block;
	width:100%;
	height:45px;
}

#cabecera #submenu {
	margin-top:11px;
	padding-right:8px;
	float:right;
}

#cabecera #submenu ul {
	list-style:none;
}

#cabecera #submenu ul li {
	float:left;
}

#menu {
	position:relative;
	display:block;
	width:100%;
	height:36px;
}

#menu ul {
	list-style:none;
}

#menu ul li {
	float:left;
}

#contenido {
	position:relative;
	display:block;
	width:100%;
	height:400px;
	background-color:#999999;
}

#contenido-luna {
	position:relative;
	display:block;
	margin:8px 0 0 8px;
}

#contenido-inicio {
	position:relative;
	display:block;
	margin:8px 0 0 8px;
	height:303px;
}

#contenido-detalle {
	position:relative;
	display:block;
	margin:8px 0 0 8px;
	width:auto;
	height:auto;
}

#contenido-detalle-columna-1 {
	position:relative;
	float:left;
	width:225px;
}

#contenido-detalle-columna-2 {
	position:relative;
	float:left;
	margin-left:16px;
	width:503px;
}

#form-contacto{
	background-image:url(../imagenes/fondo-form-contacto.jpg);
	background-repeat:repeat-x;
	position:relative;
	display:block;
	width:225px;
	height:242px;
}

#form-contacto-cabecera{
	background-image:url(../imagenes/cabecera-form-contacto.jpg);
	background-repeat:no-repeat;
	position:relative;
	display:block;
	width:225px;
	height:32px;
}

#form-contacto-contenido{
	position:relative;
	display:block;
	width:221px;
	height:210px;
	padding:4px 0px 0px 4px;
}

#form-contacto-contenido label {
	color:#FFFFFF;
	margin: 2px 5px 4px 0;
}

#form-contacto-contenido input {
	border:0;
	background-color:#e0e2d5;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#3f3f3f;
}

#form-contacto-contenido textarea {
	border:0;
	overflow:auto;
	background-color:#e0e2d5;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#3f3f3f;
}

#form-contacto-contenido .campo-form-contacto {
	position:relative;
	display:block;
	margin:5px 0 5px 2px;
}

#form-contacto-contenido .bt-form-contacto {
	position:absolute;
	display:block;
	right:8px;
	bottom:10px;
	cursor:pointer;
}

#form-contacto-contenido .texto-envio-form-contacto {
	position:absolute;
	font-size:11px;
	float:left;
	left:8px;
	bottom:20px;
	cursor:pointer;
}

#form-contacto-contenido #nombre {
	width:147px;
}

#form-contacto-contenido #campo_email {
	width:162px;
}

#form-contacto-contenido #comentarios {
	width:212px;
	height:93px;
}

#pie {
	position:relative;
	display:block;
	margin-top:8px;
	padding-top:10px;
	width:100%;
	height:58px;
	background-image:url(../imagenes/bg-pie.gif);
	background-repeat:no-repeat;
	text-align:center;
}

p {
	font-family:"Times New Roman", Times, serif;
	margin:2px 0 10px 0;
	text-align:justify;
}

a, a:hover, a:link, a:visited, a:active {
	color:#c20f21;
}

a:hover {
	text-decoration:none;
}

.lista_contenido {
	margin-bottom:10px;
}

.lista_contenido li {
	margin-left:50px;
	line-height:20px;
}

.lista_contenido ul {
	margin-bottom:10px;
}

ol{
	margin-bottom:10px;
}

ol li {
	margin-left:20px;
	line-height:20px;
}

img {
	border:none;
}

h1 {
	font-size:20px;
	font-weight:normal;
	color:#84857a;
	margin:5px 0 5px 0;
}

h2 {
	font-size:16px;
	font-weight:normal;
	color:#84857a;
	margin:15px 0 5px 0;
}

h3 {
	font-size:14px;
	font-weight:normal;
	color:#84857a;
}

hr {
	border-top:dotted 1px #c20f21;
	border-bottom:1px solid #fafaf0;
	border-left:1px solid #fafaf0;
	border-right:1px solid #fafaf0;
	margin:10px 0 10px 0;
}

em {
	font-size:15px;
	font-weight:bold;
}
.texto_mini {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color:#74756a;
	text-align:center;
	margin:0;
}

.ico_valido {
	vertical-align:middle;
}

.boton {
	cursor:pointer;

}

.menu_flexible {
	position:absolute;
	float:left;
	width:498px;
	height:306px;
	cursor:pointer;
	overflow:hidden;
}

#op-1 {
	left:0px;
	background-image:url(../imagenes/inicio_pavimentos_urbanos.jpg);
	background-repeat:no-repeat;
}

.texto-op {
	position:absolute;
	display:block;
	left:250px;
	top:110px;
	width:230px;
	height:130px;
	margin-top:20px;
	margin-right:20px;
	color:#edede5;
}

.texto-op p{
	color:#FFF;
	text-align:left;
	font-size:12px;
}

#op-2 {
	left:249px;
	background-image:url(../imagenes/inicio_imbornal.jpg);
	background-repeat:no-repeat;
}

#op-3 {
	left:498px;
	width:249px;
	background-image:url(../imagenes/inicio_accesibilidad.jpg);
	background-repeat:no-repeat;
}

#linea-blanca {
	background-color:#fafaf0;
	background-image:url(../imagenes/lineablanca.jpg);
	background-repeat:no-repeat;
	position:absolute;
	float:left;
	width:10px;
	height:306px;
	left:745px;
}

/* SECCION CONTACTO */
.contacto-texto {
	position:relative;
	float:left;
	width:270px;
	height:auto;
	padding-left:20px;
}

.contacto-form {
	position:relative;
	float:left;
	width:450px;
	height:auto;
}

#sec-contacto-form-contacto{
	background-image:url(../imagenes/fondo-form-contacto.jpg);
	background-repeat:repeat-x;
	position:relative;
	display:block;
	width:450px;
	height:242px;
}

#sec-contacto-form-contacto-cabecera{
	background-image:url(../imagenes/cab_form_contacto.jpg);
	background-repeat:no-repeat;
	position:relative;
	display:block;
	width:450px;
	height:32px;
}

#sec-contacto-form-contacto-contenido{
	position:relative;
	display:block;
	width:445px;
	height:210px;
	padding:4px 0px 0px 4px;
}

#sec-contacto-form-contacto-contenido label {
	color:#FFFFFF;
	margin: 2px 5px 4px 0;
}

#sec-contacto-form-contacto-contenido input {
	border:0;
	background-color:#e0e2d5;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#3f3f3f;
}

#sec-contacto-form-contacto-contenido textarea {
	border:0;
	overflow:auto;
	background-color:#e0e2d5;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#3f3f3f;
}

#sec-contacto-form-contacto-contenido .campo-form-contacto {
	position:relative;
	display:block;
	margin:5px 0 5px 2px;
}

#sec-contacto-form-contacto-contenido .bt-form-contacto {
	position:absolute;
	display:block;
	right:8px;
	bottom:10px;
	cursor:pointer;
}

#sec-contacto-form-contacto-contenido .texto-envio-form-contacto {
	position:absolute;
	font-size:11px;
	float:left;
	left:8px;
	bottom:20px;
	cursor:pointer;
}

#sec-contacto-form-contacto-contenido #nombre {
	width:372px;
}

#sec-contacto-form-contacto-contenido #campo_email {
	width:387px;
}

#sec-contacto-form-contacto-contenido #comentarios {
	width:437px;
	height:93px;
}