/* CSS Document */

/* Associacio d'Empreses de Cerdanyola del Valles
/* Autor: Jaume Izquierdo
--------------------------------------------------------------------------- */

/* RESET
--------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;}

a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* BASICOS
--------------------------------------------------------------------------- */

body {background: #698cd7 url(../images/bg_gen.jpg) repeat-x top left; color: #698cd7; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}

p {}

h1 {}

h2 {}

h3 {}

a {}
a:hover {}

img {}

.clear {clear: both;}

/* LAYOUT
--------------------------------------------------------------------------- */

#estructura {margin: 0px auto; width: 966px; background: #fff url(../images/bg_centro.jpg) repeat-y top left;}

#estructura #bgizq {width: 8px; float: left;}

#estructura #bgdcha {width: 8px; float: left;}

#estructura #centro {width: 950px; float: left; height: auto;}

#estructura #centro h1 {font-size: 16px; padding: 40px 0 0 40px; color: #ea7125; font-weight: normal;}
#estructura #centro h1 a {font-size: 16px; color: #ea7125; font-weight: normal; text-decoration: underline;}
#estructura #centro h1 a:hover {font-size: 16px; color: #ea7125; font-weight: normal; text-decoration: none;}
#estructura #centro h2 {font-size: 14px; padding: 10px 0 0 40px; color: #ea7125; font-weight: normal; margin: 0 20px 0 0;}
#estructura #centro h2 a {font-size: 14px; color: #ea7125; font-weight: normal; text-decoration: underline;}
#estructura #centro h2 a:hover {font-size: 14px; color: #ea7125; font-weight: normal; text-decoration: none;}

#estructura #centro #cabecera {}

#estructura #centro #cabecera #logo {float: left;}

#estructura #centro #cabecera #opciones {float: left;}

#estructura #centro #cabecera #imagencab {}

#estructura #centro #cuerpo {}

#estructura #centro #cuerpo #intro {background:url(../images/bg_centro_top.jpg) repeat-x top; margin: 0 0 30px 0;}

#estructura #centro #cuerpo #menu {float: left; width: 219px; background:url(../images/bg_menu.jpg); margin: 0 0 0 20px;}

#estructura #centro #cuerpo #menu #menucab {}

#estructura #centro #cuerpo #menu ul {}
#estructura #centro #cuerpo #menu li {}
#estructura #centro #cuerpo #menu .linea {display: block; line-height: 1px; border-top: 1px solid #ea7125;margin: 0 0 0 7px; width: 205px;}
#estructura #centro #cuerpo #menu li a {display: block; line-height: 22px; border-top: 1px solid #f0c792; border-bottom: 1px solid #ea7125; color: #fff; font-size: 11px; text-decoration: none; margin: 0 0 0 7px; width: 205px; text-indent: 24px;}
#estructura #centro #cuerpo #menu li a:hover {display: block; line-height: 22px; border-top: 1px solid #ea7125; border-bottom: 1px solid #ea7125; color: #fff; font-size: 11px; text-decoration: none; margin: 0 0 0 7px; width: 205px; text-indent: 24px; background: #ea7125 url(../images/bg_menu_hover.jpg) repeat-x top left;}

#estructura #centro #cuerpo #menu #menuinf {background: url(../images/bg_menu_inf.jpg) no-repeat top left; height: 118px;}

#estructura #centro #cuerpo #menu #menupie {}

#estructura #centro #cuerpo #menu #glass_orange {background: #fff url(../images/bg_glass_orange.gif) no-repeat; width: 205px; height: 52px; }

#estructura #centro #cuerpo #mapa {float: left; width: 665px; margin: 0 0 0 14px; background:url(../images/bg_gm.gif) no-repeat;}

#estructura #centro #cuerpo #mapa #mapacab {}

#estructura #centro #cuerpo #mapa #googlemap {}

#estructura #centro #cuerpo #mapa #googlemap #map {margin: 10px auto 0 auto; border: 1px solid #fff;}

#estructura #centro #cuerpo #mapa #googlemap #map p {font-size: 11px; font-weight: lighter; line-height: 15px;}

#estructura #centro #cuerpo #mapa #googlemap #map h2 {font-size: 16px; color: #ea7125; margin: 0; padding: 0 0 5px 0; font-weight: lighter;}

#estructura #centro #cuerpo #mapa #googlemap #map h3 {font-size: 14px; color: #ea7125; margin: 0; padding: 0 0 5px 0; font-weight: lighter;}

#estructura #centro #cuerpo #mapa #googlemap #map img {padding: 0 0 10px 0;}

#estructura #centro #cuerpo #mapa #mapapie {}

#estructura #centro #cuerpo #glass {}

#estructura #centro #cuerpo #glass #orange {float: left; width: 219px; margin: 0 0 0 20px;}

#estructura #centro #cuerpo #glass #orange img {margin: 0 0 0 7px;}

#estructura #centro #cuerpo #glass #blue {float: left; width: 665px; margin: 0 0 0 14px;}

#estructura #centro #cuerpo #glass #blue img {margin: 0 0 0 7px;}

#estructura #centro #logosdom {background:url(../images/bg_pie.gif) no-repeat top;}
#estructura #centro #logosdom p {padding: 20px 0 0 0;}

#estructura #centro #cuerpo #pie {background:url(../images/bg_pie.gif) no-repeat top; height: 30px; margin: 20px auto;}
#estructura #centro #cuerpo #pie p {padding: 20px 0 0 0; text-align: center; font-size: 12px;}
#estructura #centro #cuerpo #pie a {color: #ea7125; text-decoration: none;}
#estructura #centro #cuerpo #pie a:hover {color: #ea7125; text-decoration: underline;}
#estructura #centro #cuerpo #pie #logosentorno {margin: 0px auto; width: 485px; padding: 20px 0 0 0;}

#estructura #centro #cuerpo #imgpie {}

/* ATENCIÓN AL CLIENTE
--------------------------------------------------------------------------- */

#atencio {background: url(../images/bgatencio.jpg) no-repeat; margin: 0px auto; width: 219px; height: 239px;}
#atenciotit {padding: 30px 0 0 40px; font-size: 11px; color: #fff;}
#atenciocont {padding: 25px 0 0 40px; color: #4062c5;}

#atenciocont a {color: #eb8136; text-decoration: underline;}