/* CSS Document */

html, body {
height: 100%;
}

body {
background:url(../img/fondobody.gif) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0;
color:#666;


}

h1 {
margin: 2px 0;
font-size:20px;
color:#333;
font-weight:bold;
font-variant:small-caps;
position:relative;
}

h2 {
margin: 1px 0;
font-size:12px;
font-weight:bold;
color:#999;
padding-left:5px;
}


#submenu ul{
margin:0px;
padding:0px 0 0 10px;
list-style:none;
font-size:12px;
}
#submenu li {
	margin:0px;
	padding:3px 4px 3px 2px;
	}

#submenu ul li a {
text-decoration:none;
}
#submenu ul li a:hover {
text-decoration:underline;
color:#000;
}


p {
margin:2px;
font:Arial, Helvetica, sans-serif;
font-size:11px;
}
img {
border:0;
}

#contenedor {
position:relative;
min-height:100%;
}

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

#cabecera {
position:relative;

background: url(../img/fondoherrameientas.jpg) no-repeat right;
height:64px;
width:950px;
margin:0 auto;
}

#cabecera img.logo {
position:absolute;
	margin: -20px 0 0 0px;
	z-index:1111;
}
/*--------------------------*/

#cuerpo {
width:950px;
margin:19px auto;
border-left: 1px dashed #ccc;
border-top: 1px dashed #ccc;
padding:10px 10px 60px 10px;

}

#pie {
position:absolute;
bottom:0;
width:100%;
background:#e3e5c0;
height:50px;
text-align:center;
color:#666;
font-size:10px;
margin:0;
border-bottom:15px solid #254972;

}

#pie p {
margin:2px;
padding:2px;
font-size:10px;
}

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

#menu{
position:relative;
width:950px;
height:38px;
margin-left:-350px;
left:50%;
z-index:2222;
}

#menu ul{
	margin:0px;
	padding:0px 0px 0 10px;
	list-style-type:none;
	width:auto;
	}
#menu ul li{
	display:block;
	float:left;
	margin:0 0 0 0;
	border:0;
	}
#menu ul li a{
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	padding:5px 20px 5px 20px;
	height:27px;
	background:transparent url(../img/menu_off.gif) no-repeat top left;
	}
#menu ul li a:hover{
	color:#ffffff;
	background:transparent url(../img/menu_on.gif) no-repeat top left;
	}

#submenu{
background:#e3e5c0;
margin:0;
padding:0;
vertical-align:top;
height:auto;
}
#submenu a {
text-decoration:underline;
font-weight:bold;
color:#666;
}

#submenu_top {
background: url(../img/esquinamenu_sup.jpg) no-repeat right top #e3e5c0;
height:27px;
}

#submenu_bottom {
background: url(../img/esquinamenu_inf.jpg) no-repeat left bottom #e3e5c0;
height:27px;
}
.celda_principal {
	padding:20px 0 0 45px;
	background:url(../img/fondocontenidos.jpg) right top no-repeat;
}

#cajasdeform {
background: url(../img/ondoforms.jpg);
width:95%;
margin:20px 0 0 0;
}
div.fila {
	clear:both;
	background: url(../img/fondoforms.jpg);
	margin-bottom:2px;
	min-height:34px;
	line-height:32px;
}
div.fila2 {
	min-height:34px;
	line-height:32px;
	clear:both;
	background:#fff;
	margin-bottom:2px;
}
div.fila p.tit, div.fila2 p.tit {
	float:left;
	margin-left:8px;
}
div.fila p.input, div.fila2 p.input {
margin-left: 180px;
}
div.fila p.input span, div.fila2 p.input span{
margin-left: 10px;
}


div.fila p div input, div.fila2 p div input {
margin-left: 250px;
}


#cajasdeform table td {
font-size:11px;
padding:5px 0 0 0;
border-bottom: 1px dotted #999999;
height:45px;
}
#cajasdeform table td a {
font-size:11px;
color:#006699;
}
#cajasdeform table td a:hover {
font-size:11px;
color:#999;
}

#atras {
	position:absolute;
	left: 486px;
	top: 5px;
	font-size:11px;
	font-variant:normal;
}
#atras a {
color:#006699;
font-variant:normal;
}
/*FORMS*/

input {
background:#FFF;
border:1px dashed #333;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
width:200px;
margin:5px 0 5px 0;
color:#333333;
padding:3px;
}

#contadorX {
background:#FFF;
border:1px dashed #333;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
width:30px;
margin:5px 0 5px 0;
color:#333333;
padding:3px;
}

input[type="submit"] {
color:#BBBBBB;
}

textarea {
background:#FFF;
border:1px dashed #333;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
width:440px;
margin:5px 0 5px 0;
color:#333333;
padding:7px;
height:150px;
}

select {
background:#FFF;
border:1px dashed #333;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:208px;
margin:5px 0 5px 0;
color:#333333;
padding:5px;
}

.select_peq {
background:#FFF;
border:1px dashed #333;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:75px;
margin:5px 0 5px 0;
color:#333333;
padding:5px;
}

.margintop20{
margin-top:20px;
}

.lineheight40{
line-height:40px;
}

.boton{
background:#000; 
cursor:pointer;
}

/* alto de los textareas */

.gigante {
height:400px;
}
.grande {
height:300px;
}
.mediano {
height:200px;
}
.normal {
height:100px;
}
.pequeño {
height:50px;
}
.enano {
height:25px;
}

.color {
background: url(../img/fondoforms.jpg);
}

/* ayuda */

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


h3{
background-color:#d7e6ec;
font-size:20px;
height:26px;
display:block;
line-height:26px;
width:100%;
color:#000;
padding-left:5px;
margin:0;
}

.azul{
color:#3a6699;
}

.bold{
font-weight:bold;
}

h4{
font-size:14px;
color:#000;
font-weight:bold;
margin:0;
}

.celda_gris{
background-color:#f1f1f1;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
}

.celda_verde{
background-color:#d5ffc4;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
}

.negrito{
color:#000;
}

.rojo{
color:#FF0000;
}