/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 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%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.clear {clear:both}
em {font-style:normal}
/* */

h1,h2,h3,h4,h5,h6 {font-weight:normal}

body {
    background:url(fondo.jpg) #CC071D repeat-x; color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 70%;
   
    text-align:center
}

#menu {text-align:left}

#menu li {list-style:none; height:48px;}
#menu li a {text-decoration:none; text-transform: lowercase; display:block; height:48px;vertical-align:middle; padding-left: 48px; overflow:hidden;  line-height:48px; }
#menu li a:hover {background-position: left -48px !important}
#menu li.on a {background-position: left -48px !important}

#menu li#menu_diseno_grafico a {background: url(menu-diseno_grafico.png) no-repeat left top}
#menu li#menu_artes_graficas a {background: url(menu-artes_graficas.png) no-repeat left top}
#menu li#menu_reclamos_publicitarios a {background: url(menu-reclamos_publicitarios.png) no-repeat left top}
#menu li#menu_servicios_varios a {background: url(menu-servicios_varios.png) no-repeat left top}
#menu li#menu_contacto a {background: url(menu-contacto.png) no-repeat left top}


a {color: #fff; }

h1 {font-size: 4em; text-indent: -999em; background: url(logo-a32.png) no-repeat center center;  height:80px; }
h1 a {display:block; width:100%; height:100%}

h3 {font-size: 2.5em; text-transform: lowercase; letter-spacing: 0.1em}
h4 {font-size: 1.8em; text-transform: lowercase; letter-spacing: 0.1em; margin: 10px 0px;}
h5 {font-size: 1.5em; border-bottom: 1px solid #fff; margin-top: 1em; font-weight: bold}


h2 {font-size: 2.2em; text-transform: lowercase; line-height:1.7em; letter-spacing: 0.04em; height: 1.5em}
h2 {position:absolute; top:0; left: 0; width:100%; background: url(alpha-50-a32.png); text-align:center}
h2 span {padding-left: 1em}

address {border-bottom: 3px dotted #fff; font-size: 1.2em; text-align:left; line-height:2em; margin-bottom: 1em; display:block; margin-left: 0.5em; width: 44.5em; display:block; text-align:justify; letter-spacing: 0.03em}

#footer {text-align:center; padding-top: 1em}
.w3c {list-style:none; margin-top: 0.5em }
.w3c li {display:inline}

/**/
fieldset {padding:1.2em;margin:0 0 1.5em 0;border:1px solid #740913; width:44em}
legend {font-weight:bold;font-size:1.2em; }
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {padding:0;}
input.title {font-size:1.2em;}
textarea {width:40em;}
form p {clear:both; }
label strong, label span, label small {display:block}
label {margin-bottom:0em}
form p.col-2 label {display:block;width:16em; float:left}
select {}

label small {color: #FDC600; white-space:pre }
form .errores {padding: 0.5em 0 0.5em 4em; border: 1px solid #fff; background: #FDC600; color: #000; margin-bottom: 1em; width: 44em}

#body div.text {margin: 2em 0 0 2em; width: 52em; text-align:justify}
#body div.text  ul {padding-left: 1em}
#body div.text  ul li {margin-left: 1em}