/* ----- NORMALIZACION CSS ----- */

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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: middle;
}
 
body {
     line-height: 1;
}
 
ol, ul {
     list-style: none
}


table {
     border-collapse:collapse;
}

td {
 vertical-align:top;
 padding:3px 3px 3px 3px;
 margin:3px 3px 3px 3px;
}
 
input, textarea {
     margin: 0;
     padding: 0;
}
 
hr{width:100%; height:0px; text-align:left; border-top:0px; border-bottom:#000066 dashed 1px;}



/* ----- GENERAL ----- */
body{
  background: url(../img/bodybg.png) repeat-x; 
  font-size: 80%; 
	font-family: "Trebuchet MS",Arial,"Times New Roman",Verdana;
	color: #666;
}

html {
}

/* ----- LAYOUT (IDS) ----- */

#wrapper {
  width: 100%;
  text-align: center;
}
#container {
  width: 980px;
	overflow: hidden;
  margin-left:auto;
  margin-right:auto;
	margin-bottom:20px;
}

#header {
  width: 780px;
	height: 180px;
	margin: 20px 0px 0px 0px;
	float: right;
	text-align: left;
	background: url(../img/headerbg.png) no-repeat !important;
}

#header .imgDer{width:330px; height:120px; position:relative; top:25px; left:10px;}
#header .imgIzq{width:410px; height:90px; position:relative; top:10px; left:15px;}

#navppal {
 	width: 200px;
	float: left;
	text-align: left;
}

#navppal ul{width:170px; height:180px; margin:18px 0 0;}
#navppal ul li{height:28px; border-bottom:1px solid #000066; line-height:27px;}
#navppal ul li a{width:170px; display:block; background:url(../img/arrow-normal.gif) 0 50% no-repeat #F1F1F1; color:#333; text-decoration:none; padding:0 0 0 20px;}
#navppal ul li a:hover{background:url(../img/arrow-hover.gif) 0 50% no-repeat; text-decoration:none; color:#009; font-weight: bold;}
#navppal ul li.underlinenone{height:30px; border-bottom:none; line-height:29px;}

#navsec {
  width: 170px;
 	_width: 180px;
	float: left;
	padding: 5px;
	text-align: left;
	background: #F3F3F3;
	border:1px solid #DADADA;
	font-size: 85%;
	color:#333;
}

#navsec h1{background: #FFF; border:1px solid #DADADA; font-size: large; color:#000066; padding:3px; margin:3px 0 3px 0;}

#content {
	width: 780px;
	float: right;
	padding: 0;
	text-align: left;
}

#content h1{height:35px; _height:40px; background:url(../img/titlebg.png) repeat-x; border:1px solid #000066; font-size: large; vertical-align:middle; color:#fff; padding:5px 0 0 5px; margin:0 0 10px 0;}
#content h2{height:26px; _height:30px; background:url(../img/subtitlebg.png) repeat-x; border:1px solid #333333; font-size: medium; vertical-align:middle; color:#fff; padding:3px 0 0 3px; margin:0 0 10px 0;}
#content h3{height:22px; _height:25px; background:#F3F3F3; border:1px solid #DADADA; font-size: small; vertical-align:middle; color:#006; padding:3px 0 0 3px; margin:0 0 10px 0;}

#content h1 td{color: #fff;}

#footerPam{height:130px; background:url(../img/footerbg.png) 0 0 repeat-x #fff; color:#fff; margin:0; padding:0;}

#footer {
  width: 980px;
	height:130px;
	padding:20px 0 0 0;
	background: url(../img/footer.png) no-repeat !important;
	clear: both;
	font-size: 92%;
  font-family: "Times New Roman",Verdana,Arial;
	text-align: left;
}

#footer p.copyright{color:#ccc; font:15px "Times New Roman",Arial, Helvetica, sans-serif;}

#footer a{color:#ccc; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration:underline; background:#3F3F3F;}
#footer a:active{color:#fff; text-decoration:underline; background:#3F3F3F;}

#footer strong{ font-weight: bold;}

/* ----- CLASES ----- */
.parrafo {
}
...
/* ----- ENCABEZADOS ----- */
h1{
}
...
/* ----- LISTAS ----- */
ul{
}
ul li{
}
...
/* ----- IMAGENES----- */
img{
}
img a{
}
img a:hover{
}
...
/* ----- LINKS ----- */
a:link {text-decoration:none; color: #000066;} 
a:visited {text-decoration:none; color:#000} 
a:active {text-decoration:none; color:#000066; background:#F3F3F3} 
a:hover {text-decoration:underline; color:#000066; background: #F3F3F3}
/* ----- FORMULARIOS ----- */
form{
}
input{
}
textarea{
}
...
/* ----- TABLAS----- */

/* ----- OTRAS REDIFINICIONES ----- */
abbr{
}

blockquote{
 font-size: 110%;
 font-weight: bold;
 font-family: Verdana,Arial;
 color: #DD137B;
}

strong {
 font-size: 100%;
 font-weight: normal;
 font-family: Verdana,Arial;
 color: #000;
}

p {text-align:justify;}

.contact {
 font-family: "Courier New", "Century Gothic", "Arial";
 font-size: 0.9em;
}

/* ---- Contactenos ----------- */

#formContenedor 
{
	text-align:center;
	position:absolute;
	width:400px;
	left:50%;
	margin-left:-200px;
}

select 
{
	width:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}

input 
{
	width:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}

textarea
{
	width:220px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}

button { width:100px; height:22px; font-family: "Trebuchet MS",Verdana; font-size:11px; }

.label { width:110px; text-align:left; }

.campo { width:240px; }

.ayuda { width:50px; text-align:center; }

.inputNormal { border:1px solid; }

.inputError
{
	border:1px solid #DD137B;
	background-color:#FFF4F0;
	color:#DD137B;
}

/* Capas de transparencia y mensajes de confirmacion */

#transparencia
{
	background-color:#F2F9FD; 
	z-index:1; 
	position:absolute;
	width:400px;
	height:260px;
	display:none;
	opacity:0.95; filter:alpha(opacity="95");
}

#transparenciaMensaje
{
	position:absolute;
	width:300px;
	height:100px;
	margin-top:-50px;
	margin-left:-150px;
	top:50%;
	left:50%;
}

/* Mensajes de ayuda */

#mensajesAyuda
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	border:1px solid #DD137B;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
}

#ayudaTitulo
{
	background-color:#DD137B; 
	color:#F1F9FD; 
	padding:1px;
}

#ayudaTexto
{
	vertical-align:middle;
	padding:2px;
}

#formulario{

}

/* -------------------- */

#menuh {
	font: 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
}

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: left;
}

#menuh a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 10px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 0;
}


#menuh a#primero {
	border-left: 1px solid #ACCFE8;
}

#menuh a:hover {
	background: #DBEBF6;
}

.lista li{
	list-style: none;
	background: url(../img/arrow.gif) left top no-repeat;
	padding-left: 15px;
	text-align:justify;
}

ol { list-style: upper-roman} 

img { behavior: url(iepngfix.htc); }