@charset "utf-8";
/* CSS Document */

/* 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, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* Estilos Base */

body { font-family:Arial, Helvetica, sans-serif; text-align: center; color: #ffffff; background: url(images/bg.jpg) no-repeat center top #7c7800; }
p { font-size: 17px; line-height: 1.3em; margin-bottom: 16px; }
p.caption { font-size: 11px; font-style: italic; color: #ac0000; font-weight: bold; text-align: center; }
a { color:#FFFFFF; text-decoration: none; }
a:hover { color: #FFF; }
p, a, span, ul, li, ol, h1, h2, h3, h4, h5, h6, small { text-shadow: 1px 1px 1px #000000; }
#container { width: 899px; margin-top: 45px; margin-left: auto; margin-right: auto; clear: both; text-align: left; overflow: hidden; } /* Centrado del sitio */
a.noColor { color: #FFF; }
li { font-size: 13pt; line-height: 1.5em; }

.hr {background-image: url(images/hr.png); width: 899px; height: 6px; margin:15px auto; } /* separador */
.fr { float: right; }
.fl { float: left; } 
.clear {clear: both; } 




/* Menu */

#navigation { width: 100%; height: 31px; background: url(images/nav/bg.png) repeat-x; }
#navigationContainer { width: 899px; margin: 0 auto 0 auto; }
#navigation ul { list-style: none;margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
#navigation li { float: right; }
a#navQS { text-indent: -9999px; width: 115px; height: 29px; background-image: url(images/nav/qs.png); display: block; }
a#navQS:hover { background-position: 0 -31px; }
body a#navQS { background-position: 0 -57px; }
body a#navQS:hover { background-position: 0 -86px; }
a#navAT { text-indent: -9999px; width: 124px; height: 29px; background-image: url(images/nav/at.png); display: block; }
a#navAT:hover { background-position: 0 -31px; }
body a#navAT { background-position: 0 -57px; }
body a#navAT:hover { background-position: 0 -86px; }
a#navPF { text-indent: -9999px; width: 159px; height: 29px; background-image: url(images/nav/pf.png); display: block; }
a#navPF:hover { background-position: 0 -31px; }
body a#navPF { background-position: 0 -57px; }
body a#navPF:hover { background-position: 0 -86px; }
a#navCO { text-indent: -9999px; width: 106px; height: 29px; background-image: url(images/nav/co.png); display: block; }
a#navCO:hover { background-position: 0 -31px; }
body a#navCO { background-position: 0 -57px; }
body a#navCO:hover { background-position: 0 -86px; }


/* Header */

#header { margin-bottom: 57px; width:899px; margin:0 auto; padding-top:10px; }
#header h1 { text-indent: -9999px; background-image: url(images/logo.png); width: 382px; height: 85px; margin:15px auto; }

#container .imgQS { background:url(images/qs.jpg) top left no-repeat ; border:8px solid #a4990c; width:300px; height:175px; float: left;}
#container .imgAT1 { background:url(images/at1.jpg) top left no-repeat ; border:8px solid #a4990c; width:205px; height:205px; float: left; margin-top:14px;}

#container .imgPF { background:url(images/pf.jpg) top left no-repeat ; border:8px solid #a4990c; width:845px; height:147px; margin-left:20px;}

#container .cntQS {padding:10px; margin-left:10px;float:left; width:550px;}
#container .cntAT {padding:10px; margin-left:10px;float:left; width:645px;}

#container h2.qs { text-indent: -9999px; background-image: url(images/h2qs.png); width: 168px; height: 26px; margin-bottom:10px;}
#container h2.at { text-indent: -9999px; background-image: url(images/h2at.png); width: 282px; height: 35px; margin-bottom:10px;}

#container .lista2 {
padding:33px;
padding-top:15px;
}
/* Tabla */
table.tabla td h2{
padding:10px;
}
table.tabla td{
vertical-align:middle;
padding:3px;
}
table.tabla td b{
display:block;
text-align:right;
width:170px;
}

#container input.error, #container textarea.error{
background-color:Tomato;
color:#000000;
}
#container input.vacio, #container textarea.vacio{
background-color:LightBlue;
color:#FFFFFF;
}