@charset "UTF-8";
/* CSS de NomaDesign */
/* Hoja de estilos Para Handheld */


* { margin: 0; padding: 0; border:0;}
body { float: left; width: 98%; padding: 0 1%; font: normal 62.5% Arial, Helvetica, sans-serif; text-align: left; color: #666;}

/* Reset
------------------------------------------------------------------------------------------------------------------------ */
a img, iframe{ border: none;}
acronym, abbr{ border: none; cursor: help;}
.access{ display: none;}
hr{ display: none;}
table{ border-collapse: collapse;}
caption{ display: none;}
map{ display: block;}
blockquote{ margin:0; padding:0;}
abbr { cursor: pointer;}

/* Encabezados y parrafos
------------------------------------------------------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6, p{ font-size: 100%; margin:0; padding:0;}


/* Listas
------------------------------------------------------------------------------------------------------------------------ */
li{ list-style-type: none;}


/* Enlaces
------------------------------------------------------------------------------------------------------------------------ */
a{ color: #00ADEE; text-decoration: underline;}
a:hover{ color: #000;}


/* Colores y demás
------------------------------------------------------------------------------------------------------------------------ */
.azul { color: #0083BE;}
.cyan { color: #00ADEE;}


/* Formularios
------------------------------------------------------------------------------------------------------------------------ */
input, textarea, select{ border: 1px solid #cce6f2; background: #fafdff; font: bold 14px Arial, Helvetica, sans-serif; color: #00ADEE;}
input:focus, textarea:focus{ background: #f0f9ff;}
input.boton{ overflow:hidden;} /* Hack IE6 */


/* Tablas
------------------------------------------------------------------------------------------------------------------------ */
table{ font-size:1em;}
table thead, table tbody{}


/* Limpiadores
------------------------------------------------------------------------------------------------------------------------ */
.clearleft{ clear:left;}
.clearight{ clear:right;}

.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{ display: block;}


/* Cabecera
------------------------------------------------------------------------------------------------------------------------ */
#cabecera{ float: left; width: 100%;}

#ladologo h1 a{ float: left; width: 120px; height: 45px; background: transparent url(../img/nomadesign.gif) left top no-repeat; text-indent: -9000px;}

#ladologo ul{ float: left; width: 100%; background-color: #f2f2f2; padding: 3px 0; margin-bottom: 6px;}
#ladologo ul li{ float: left; width: auto;}
#ladologo ul li span{ color: #00ADEE;}
	
#ladologo p.frase{ float: left; color: #B0B0B0;}
	
	
	
/* Navegacion y Banner
------------------------------------------------------------------------------------------------------------------------ */
#navegacion { float: left; width: 100%;}

	ul#menu { float: left; width: 100%;}
	ul#menu li { float: left; width: 100%;}
	ul#menu li a{ display: block; border: solid 1px #CCC; margin: 2px; text-decoration: none; text-align: left; font: bold 14px/12px Arial, Helvetica, sans-serif; color: #0083BE; padding: 2px;}
	ul#menu li a span{ padding-left: 8px; font: normal 9px/12px Arial, Helvetica, sans-serif; color: #B0B0B0;}
	ul#menu li a:hover{ text-decoration: underline; background-color: #f2f2f2; border-color: #0083BE;}
	ul#menu li a:hover span{ color: #0083BE;}
	ul#menu li a.seleccionado{ color: #0083BE; background-color: #f2f2f2; border-color: #0083BE;}
	ul#menu li a.seleccionado span{ color: #0083BE;}
	ul#menu li a.seleccionado:hover{ color: #0083BE; text-decoration: none;}
	ul#menu li a.seleccionado:hover span{ color: #0083BE;}


/* Pagina
------------------------------------------------------------------------------------------------------------------------ */
#page{ float: left; width: 100%; text-align: left;}

	
/* Contenido
------------------------------------------------------------------------------------------------------------------------ */
#contenido{ float: left; width: 100%; text-align: left;}
#contenido h1, #contenido h2, #contenido h3, #contenido dt{ float: left; width: 100%; font-size: 14px; padding-top: 6px; color: #0083BE;}
#contenido p, #contenido dd { float: left; width: 100%; font-size: 11px;}



#preMooFlow, #pie ul, ul#proyectos img, .caja-der-top-filtro, #pdf, #subirrr, #ladologo p { display: none;}


#contenido ul#proyectos li { float: left; width: 100%; background-color: #fbfbfb; margin-bottom: 5px; padding: 2px 0;}
#contenido ul#proyectos li h3{ font-size: 12px; padding-top: 0;}
#contenido ul#proyectos li dl dt{ font-size: 11px; padding-top: 1px;}





form { float: left; width: 100%; padding-top: 8px;}
form label span{ float: left; width: 100%;}
.mapa { float: left; margin-left: 1%;}



/* Pie
------------------------------------------------------------------------------------------------------------------------ */
#pie{ float: left; width: 100%; padding-top: 16px;}

	#pie ul{ float: left; width: 100%;}
	#pie ul li{ float: left; width: 100%;}
	
	#pie .vcard{ float: left; width: 100%;}

#copy{ float: left; width: 100%;}
#copy p{ padding-top: 8px;}