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

/* Imports
------------------------------------------------------------------------------------------------------------------------ */
@import 'reset.css';

* { margin: 0; padding: 0; border:0;}
body { font: normal 62.5% Arial, Helvetica, sans-serif; text-align:center; color: #666; background: #FFF url(../img/back_body.gif) center top repeat-x;}
#postbody { background: transparent url(../img/back_detalles.gif) center top no-repeat; min-height: 313px;}
#pngtop { background: transparent url(../img/png_top.png) center top repeat-x; min-height: 70px;}

/* 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{ position: relative; margin: 0 auto; max-width: 990px; min-width: 859px; z-index: 100;}
	#cabecera:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#cabecera{ display: block;}
#ladologo{ float: left; width: auto;}
#ladologo p{ float: left; width: auto; padding-top: 18px; font: normal 17px Georgia, "Times New Roman", Times, serif; color: #E6E6E6;}
#ladologo p.frase{ font-style: italic; color: #abd3e3;}
#ladologo #cajalogo{ position:relative; float: left; width: 170px; height: 89px; background: transparent url(../img/back_logo.png) left top no-repeat; z-index: 100;}
	#ladologo a.logotipo{ float: left; padding: 13px 0 0 27px;}
	#ladologo a.logotipo img{ display:block;}
#ladologo ul{ float: left; clear: both; width: 200px; margin-left: 50px; color: #B0B0B0;}
#ladologo ul li{ float: left; width: auto;}
#ladologo ul li span{ color: #00ADEE;}
	
	
	
/* Navegacion y Banner
------------------------------------------------------------------------------------------------------------------------ */
#navegacion { position: relative; float:right; z-index: 100; width: 399px;}

	ul#menu { float: right;}
	ul#menu li { float: left;}
	ul#menu li a{ display: block; text-decoration: none; text-align: right; font: normal 17px/14px Georgia, "Times New Roman", Times, serif; color: #0083BE; width: 121px; height: 44px; padding: 16px 12px 0 0; background: transparent url(../img/boton.gif) left top no-repeat;}
	ul#menu li a#primero{ background-image: url(../img/boton_primero.gif);}
	ul#menu li a span{ font: normal 10px/18px Arial, Helvetica, sans-serif; color: #B0B0B0;}
	ul#menu li a:hover{ text-decoration: underline; background-position: 0 -60px;}
	ul#menu li a:hover span{ color: #0083BE;}
	ul#menu li a.seleccionado{ color: #0083BE; background-position: 0 -120px;}
	ul#menu li a.seleccionado span{ color: #0083BE;}
	ul#menu li a.seleccionado:hover{ color: #0083BE; text-decoration: none; background-position: 0 -120px}
	ul#menu li a.seleccionado:hover span{ color: #0083BE;}


/* Pagina
------------------------------------------------------------------------------------------------------------------------ */
#page{ position: relative; width: 990px; margin: 0 auto; text-align: left;}
* html #page{ font-size: 1.01em;} /*Hack <IE6*/
*+html #page{ font-size: 1.01em;} /*Hack IE7*/

	
/* Container
------------------------------------------------------------------------------------------------------------------------ */
#container{ position:relative; width: 990px; z-index: 10;}
	#container:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#container{ display: block;}


/* MooFlow
------------------------------------------------------------------------------------------------------------------------ */
#preMooFlow{ position:absolute; top: -170px; clear: both;}
#MooFlow{ float: left; width: 990px; padding: 0; margin: 0;}


/* Contenido
------------------------------------------------------------------------------------------------------------------------ */
#contenido{ position: relative; float: left; width: 990px;}
	#contenido:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#contenido{ display: block;}
.conflow{ padding-top: 300px;}
.sinflow{ padding-top: 20px;}
	
#contenido #caja-izq{ float: left; width: 625px; margin: 8px 0 8px 32px; background: transparent url(../img/caja_izq_home_back.png) left top repeat-y;}
#contenido #caja-izq-top{ float: left; width: 625px; margin-top: -8px; background: transparent url(../img/caja_izq_home_top.png) left top no-repeat;}
#contenido #caja-izq-bot{ float: left; width: 603px; margin-bottom: -8px; padding: 20px 0 20px 25px; background: transparent url(../img/caja_izq_home_bot.png) left bottom no-repeat;}
#contenido #caja-izq-bot-equipo{ float: left; width: 603px; margin-bottom: -8px; padding: 20px 0 100px 25px; background: transparent url(../img/caja_izq_home_bot_equipo.png) left bottom no-repeat;}
#contenido #caja-izq h2{ font: normal 26px Georgia, "Times New Roman", Times, serif; color: #0083BE;}
#contenido #caja-izq h3{ float: left; width: 100%; font: bold 13px Arial, Helvetica, sans-serif; padding: 26px 0 8px 0;}
#contenido #caja-izq h3.primero{ padding: 14px 0 8px 0;}
#contenido #caja-izq p{ float: left; font: normal 13px/20px Arial, Helvetica, sans-serif; padding: 10px 28px 0 0;}
#contenido #caja-izq p.segundo{ padding-top: 2px;}
#contenido #caja-izq p#home{ padding: 10px 20px 4px 90px; font: normal 13px/20px Arial, Helvetica, sans-serif; background: transparent url(../img/lamparita.gif) left top no-repeat; min-height: 100px;}
	
	/* Pagina no encotrada
	------------------------------------------------------------------------------------------------------------------------ */
	#contenido #caja-izq a#irinicio { float: left; font-size: 13px; line-height: 23px; margin: 40px 0 130px 0; padding:  0 20px 0 0;}
	
	/* acerca de
	------------------------------------------------------------------------------------------------------------------------ */
	#contenido #caja-izq ul#acerca { float: left; width: 575px;}
	#contenido #caja-izq ul#acerca li{ float: left; padding: 3px 0 0 10px; width: 565px; font-size: 13px;}
	
	/* El equipo - partners
	------------------------------------------------------------------------------------------------------------------------ */
	#contenido #caja-izq ul#equipo { float: left; width: 575px;}
	#contenido #caja-izq ul#equipo li{ float: left; width: 185px; margin: 0 10px 10px 0; background-color: #f7f9e5;}
	#contenido #caja-izq ul#equipo li.ultimo{ margin-right: 0;}
	#contenido #caja-izq ul#equipo li img{ float: left; padding: 10px;}
	#contenido #caja-izq ul#equipo li .datos{ float: left; width: 84px; padding-top: 10px;}
	#contenido #caja-izq ul#equipo li .datos h4{ float: left; width: 100%; font: normal 13px/16px Arial, Helvetica, sans-serif; color: #0083BE;}
	#contenido #caja-izq ul#equipo li .datos p{ float: left; padding: 4px 0 0 0; font: normal 10px/12px Arial, Helvetica, sans-serif; color: #B0B0B0;}
	
	/* partners
	------------------------------------------------------------------------------------------------------------------------ */
	#contenido #caja-izq ul#partners { float: left; width: 575px;}
	#contenido #caja-izq ul#partners li{ float: left; width: 138px; margin: 0 7px 7px 0;}
	#contenido #caja-izq ul#partners li.ultimo{ float: left; margin-right: 0;}
	#contenido #caja-izq ul#partners li a img{ float: left;}
	
	/* Los proyectos
	------------------------------------------------------------------------------------------------------------------------ */
	#contenido #caja-izq ul#proyectos { float: left; width: 575px; padding-right: 28px;}
	#contenido #caja-izq ul#proyectos li{ position: relative; display: block; float: left; width: 575px; padding-top: 30px;}
	#contenido #caja-izq ul#proyectos li img{ height: 280px;}
	#contenido #caja-izq ul#proyectos li a.subir{ position: absolute; left: -60px; top: 334px; width: 30px; padding-top: 28px; font-size: 11px; font-weight: bold; color: #e1edf3; text-decoration: none; background: transparent url(../img/subir.gif) left top no-repeat;}
	#contenido #caja-izq ul#proyectos li a.subir:hover{ text-decoration: underline; color: #0083BE; background-position: -30px 0;}
	#contenido #caja-izq ul#proyectos li a.subir span{ float: left; padding-left: 2px; cursor: pointer;}
	#contenido #caja-izq ul#proyectos li .caja-proy-top{ position: absolute; top: 30px; left: 600px; width: 299px; margin-bottom:-182px; background: transparent url(../img/caja_der_proyectos_top.png) left top no-repeat;}
	#contenido #caja-izq ul#proyectos li .caja-proy{ float: left; width: 260px; padding: 20px 0 28px 39px; margin-bottom: -9px; background: transparent url(../img/caja_der_home_bot.png) left bottom no-repeat;}
	#contenido #caja-izq ul#proyectos li .caja-proy h3{ float: left; display: inline; width: 240px; padding: 0 20px 8px 0; font: bold 13px/16px Arial, Helvetica, sans-serif; color: #0083BE;}
	#contenido #caja-izq ul#proyectos li .caja-proy dl{ width: 260px; font-size: 13px; color: #666666;}
	#contenido #caja-izq ul#proyectos li .caja-proy dl dt{ float: left; width: 65px; font-weight: bold;}
	#contenido #caja-izq ul#proyectos li .caja-proy dl dd { float: left; width: 175px; padding: 0 20px 8px 0;}
	#contenido #caja-izq ul#proyectos li .caja-proy dl dd.link { padding-bottom: 0;}
	#contenido #caja-izq ul#proyectos li .caja-proy dl dd.link a{ float: left; padding:  0 0 0 22px; height: 18px; background: transparent url(../img/ico_link_externo.gif) left top no-repeat;}
	#contenido #caja-izq ul#proyectos li .caja-proy dl dd.link a:hover { background-position: 0 -18px;}
	
	#contenido .caja-der-top-filtro{ float: left; height: 94px; width: 299px; background: transparent url(../img/caja_der_proyectos_top_top.png) left top no-repeat;}
	#contenido .caja-der-top-filtro ul{ float: left; display: inline; height: 33px; padding: 30px 0 0 32px; }
	#contenido .caja-der-top-filtro ul li{ float: left; display: inline; width: auto; padding: 0 23px; font: bold 13px/16px Georgia, "Times New Roman", Times, serif; color: #0083BE;}
	#contenido .caja-der-top-filtro ul li.ultimo{ padding: 0 0 0 16px;}
	#contenido .caja-der-top-filtro ul li.apagao{ color: #CCC;}
	#contenido .caja-der-top-filtro ul li a:hover{ color: #666;}
	#contenido .caja-der-top-filtro #filtro-todos{ float: left; height: 31px; width: 299px; background: transparent url(../img/caja_der_proyectos_top_todos.png) left bottom no-repeat;}
	#contenido .caja-der-top-filtro #filtro-grafico{ float: left; height: 31px; width: 299px; background: transparent url(../img/caja_der_proyectos_top_grafico.png) left bottom no-repeat;}
	#contenido .caja-der-top-filtro #filtro-web{ float: left; height: 31px; width: 299px; background: transparent url(../img/caja_der_proyectos_top_web.png) left bottom no-repeat;}
	
	#contenido #pdf{ float: left; display: inline; width: 625px; height: 56px; margin: 30px 0 8px 32px; background: transparent url(../img/pdf_back.gif) left top no-repeat;}
	#contenido #pdf h4{ float: left; width: 455px; padding-top: 17px; padding-left: 15px; font: normal 17px Georgia, "Times New Roman", Times, serif; color: #0083BE;}
	#contenido #pdf a{ float: left; width: 107px; padding: 13px 48px 10px 0; font-size: 11px; text-align: right;}

	
	/* Formulario contacto
	------------------------------------------------------------------------------------------------------------------------ */
	#contenido #caja-izq form { float: left; padding: 10px 0 39px 0;}
	*+html #contenido #caja-izq form { padding: 10px 0 50px 0;}
	#contenido #caja-izq form p { float: left; padding-top: 10px;}
	#contenido #caja-izq form p span{ float: left; width: 150px; text-align: right; padding-top:2px; font-weight: bold; margin-right: 8px;}
	#contenido #caja-izq form p input{ width: 382px; height: 20px; padding: 4px;}
	#contenido #caja-izq form p textarea{ width: 382px; padding: 4px;}
	#contenido #caja-izq form input.boton{ float: left; margin: 6px 0 0 158px; border: none; cursor: pointer; height: 33px; width: 131px; text-align: center; font: bold 15px Arial, Helvetica, sans-serif; color: #FFF; background: #0485bf url(../img/boton_input.gif) top left no-repeat;}
	*+html #contenido #caja-izq form input.boton{ margin-top: 10px;}
	#contenido #caja-izq form p#privado { float: left; width: 253px; padding: 9px 0 0 8px; font-size: 10px; line-height: 12px;}
	*+html #contenido #caja-izq form p#privado { padding-top: 15px;}

	#contenido #caja-izq #enviado { float: left; width: 560px;}
	#contenido #caja-izq #enviado img{ float: left;}
	#contenido #caja-izq #enviado p{ float: left; width: 560px;}
	#contenido #caja-izq #enviado p.flecha{ float: left; width: 200px; padding-left: 8px; padding-top: 20px;}

#contenido .caja-der-top{ float: left; width: 299px; margin-bottom: 19px; background: transparent url(../img/caja_der_home_top.png) left top no-repeat;}
#contenido .caja-der{ float: left; width: 260px; padding: 25px 0 28px 39px; margin-bottom: -9px; background: transparent url(../img/caja_der_home_bot.png) left bottom no-repeat;}
#contenido .caja-der dt, #contenido .caja-der h3{ font: normal 20px/24px Georgia, "Times New Roman", Times, serif; color: #0083BE; padding-bottom: 7px;}
#contenido .caja-der dd{ float: left; display: inline; margin-left: 7px; font-weight: bold; font-style: italic; width: 100%; padding-left: 18px; font-size: 13px; line-height: 25px; color: #999999; background: transparent url(../img/ico_mas.gif) left center no-repeat;}
#contenido .caja-der dd.igual{ background-image: url(../img/ico_igual.gif);}
#contenido .caja-der dd span{ font-style: normal;}
#contenido .caja-der p{ float: left; margin-left: 7px; font-size: 13px; line-height: 20px;}
#contenido .caja-der p span{ float: left; width: 50px; font-weight: bold;}
#contenido .caja-der ul{ float: left;}
#contenido .caja-der ul li{ float: left; width: 230px; height: 17px; font-size: 13px; line-height: 23px; padding-bottom: 6px;}
#contenido .caja-der ul li a{ padding-left: 18px; background: transparent url(../img/ico_list_proyectos.gif) left top no-repeat;}
#contenido .caja-der ul li a:hover{ text-decoration: underline; background-position: 0 -17px;}
#contenido .caja-der .mapa{ float: left; padding: 20px 0;}
#contenido .caja-der p.unafrase{ float: left; padding-right: 10px; font-weight: bold; color: #0083BE;}
#contenido .caja-der p.firmafrase{ float: left; text-align: right; width: 215px; padding-right: 15px; font-style: italic;}


/* Pie
------------------------------------------------------------------------------------------------------------------------ */
#pie{ float: left; width: 928px; margin: 30px 0 0 32px; background: transparent url(../img/footer_back_top.gif) left top no-repeat;}
#pie-bot{ float: left; width: 888px;  padding: 18px 20px; background: transparent url(../img/footer_back_bot.gif) left bottom no-repeat;}

	#pie ul{ float: left; width: auto; padding: 5px 0 6px 0; font-size: 11px; line-height: 11px;}
	#pie ul li{ float: left; width: auto; padding-left: 8px; padding-right: 8px; border-right: solid 1px #999;}
	#pie ul li.ultimo{ border-right: none;}
	
	#pie .vcard{ float: right; text-align: right; width: auto; padding: 5px 8px 6px 0;}
	#pie .vcard .adr{ float: left;  width: auto;}
	#pie .vcard .tel{ float: left;  width: auto;}
	#pie .vcard a{ float: left; width: auto; padding-left: 4px;}

#copy{ float: left; text-align: right; font-weight: bold; height: 16px; width: 932px; padding: 0 18px 14px 0; margin-right: 40px; color: #B0B0B0; background: transparent url(../img/carpita.gif) right center no-repeat;}
#copy p{ padding-top: 8px;}


/* Subir fixed
------------------------------------------------------------------------------------------------------------------------ */
div#subirrr{ position: fixed; left: 0px; bottom: 0px; width: 30px;}
div#subirrr a{ float: left; width: 30px; height: 40px; text-decoration: none; background: transparent url(../img/subir.gif) left top no-repeat;}
div#subirrr a:hover{ background-position: 0 -40px;}