/* 
===========================
 Full d'estils per a 
 Hoja de estilos para 
 CSS archive for
 
 III setmana de aeronautica
 
===========================
*/

body {margin: 0; color: #000; background:#eee; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; line-height:1.5em;}
img {border: none;}
.clear {clear:both;}
h1 {font-size:25px; font-weight:bold; color: #dc3d33; letter-spacing:-1px; margin:10px 0 2px 0; text-align:left; line-height:1em;}
h2 {font-size:15px; font-weight:bold; color:#333; letter-spacing:-1px; margin:0 0 10px 0;}
h3 {font-size:16px; font-weight:bold; color:#dc3d33; letter-spacing:-1px; margin:20px 0 -10px 0;}
a {color: #008da8; text-decoration:underline;}
a:hover {color: #000; text-decoration:none;}
strong { color:#000; font-weight:bold;}


/*  MAQUETACIÓN BÁSICA
================================= */
#contenedor {width: 900px; margin: 0 auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background:#fff;}
#barra-lateral {width:330px; float:left; border-right: 40px #eee solid; margin: 15px 0 30px 0; min-height:400px;}

/*  CABECERA
================================= */
#cabecera {margin: 0; padding:0; background:#000 url(../imatges/ayuntament-bcn.png) no-repeat left; width: 900px; height:30px;}

#link-ajuntament {padding: 5px 0 0 40px; color:#fff; margin: 0; font-size:10px; float:left;}
#link-ajuntament a {color: #fff; text-decoration:none;}
#link-ajuntament a:hover {color: #fff; text-decoration:underline;}

#cabecera-imatge {margin: 0 0 0 0; height:191px;}

/*  IDIOMAS
================================= */
#idiomas {width: 300px; height:30px; float:right; color:#fff; margin: 0; font-size:10px;}
#idiomas ul {list-style: none; float: right; margin: 5px 20px 0 0;}
#idiomas ul li {float: left; margin-left: 10px;}
#idiomas a {color: #fff; text-decoration:none;}
#idiomas a:hover {color: #fff; text-decoration:underline;}

/*  CUERPO
================================= */
#cuerpo {width:480px; float:right; text-align:justify; margin: 20px 25px 20px 0;}
#navegacion { font-size:12px; color:#008da8; margin: -10px 0 0 0;}
#cuerpo img {border: 1px solid #eee;}
#cuerpo .icono-mini {border: none; vertical-align: text-bottom; }

/*  MENU
================================= */
#menu {margin: 0 20px 0 0;}
#menu ul { list-style:none; text-align:right; float:right; line-height:1.7em; }
#menu ul li { font-size:16px; font-weight:bold; color: #dc3d33; letter-spacing:-1px; margin:0; }
#menu ul li a {color: #dc3d33; text-decoration:none;}
#menu ul li a:hover {color: #000; text-decoration:none;}
#menu ul ul {border: none; margin: 0 0 0 0;}
#menu ul ul li {font-size:14px; font-weight:normal; color: #008da8; margin: 6px 0; line-height:1.2em;}
#menu ul ul li a {color: #008da8; text-decoration:none;}
#menu ul ul li a:hover {color: #000; text-decoration:none;}

/*  REDES SOCIALES
================================= */
#redes-sociales { width: 300px; float:right; text-align:right; margin:10px 15px 0 0;}
.ico-red-social {margin: 3px;}

/*  BANNERS
================================= */
#banners { width:900px; margin:0 auto; clear:both; text-align:center;}
#banners img {margin: 2px;}

/*  PIE
================================= */
#pie {width: 900px; margin: 0 auto;}
#txt-pie {width:900px; margin:30px auto; text-align:center; border-top:1px dotted #ccc;}
#txt-pie ul {list-style:none;} 
#txt-pie ul li {float: left; margin:10px; }

#colaboradores {width: 900px; margin: 0 auto; padding:20px 0; clear: both; text-align:center;}

/*  CONTACTO
================================= */
#form-contacte { margin:20px 0; }
#form-contacte label {font-weight: bold;}
.input-form-contacto { width:250px; padding:3px; margin: 0 0 10px 0; font-size:13px; color:#000; background:#fff; border:1px solid #ccc; }
.textarea-form-contacto {width:300px; padding:3px; font-size:13px; color:#000; background:#fff; border:1px solid #ccc; }
.checkbox-form-contacto {margin: 10px 0 0 0;}
.obligatorio { font-size:12px; color:#333; font-style:italic;}