/* HOJA DE ESTILOS PARA SOSCOMPUTER */


/* ENLACES */
a:hover {
	text-decoration:none;
	font-weight: bold;
	border-top: thin none #000066;
	border-right: thin none #000066;
	border-bottom: thin dashed #000066;
	border-left: thin none #000066;
}
a:active {
	text-decoration:none;
}
a:link {
	text-decoration:none;
	color: #0066CC;
}
a:visited {
	text-decoration:none;
	color: #0066CC;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-image: url(fondodeg.jpg);
	margin: 0px;
}

.nota {
	background-color: #F7F3D5;
	border: thin solid #000000;
	margin: 5px;
	width: 500; 
}

.container {
	background-image: url(container1.jpg);
	background-repeat:  repeat-y;
	width: 750px;
	
}
.containerbottom {
	background-image: url(container2.jpg);
	width: 750px;
	background-repeat: no-repeat;	
}

.dentrocont {
	left: 0px;
	width: 700px;
	position: relative;
}

.cabecera {
	background-image: url(cabecera3.jpg);
	width: 700px;
	height: 180px;
}

.avisobottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	background-color: #FF2222;
	color: #CCCCCC;
}

.cuerpopag {
	position:relative;
	margin-left: 155px;
	margin-right: 5px;
}

.itemCuerpo {
	position: relative;
	margin: 10px;
	width: 190px;
	border: thin solid #FF0000;
}

.itemCuerpo2 {
	position: relative;
	margin: 10px;
	width: 200px;
	border: thin solid #FF0000;
	
}

.sangria {
	position: relative;
	left: 10px;
	list-style-image: url(flechita.gif);
	list-style-type: none;
	margin-right:10px;
}

.massangria {
	position: relative;
	left: 20px;
	margin-left: 15px;
	list-style-image: url(flechita.gif);
	list-style-type: none;
}

.marquesina {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}

/* MENU */
.Menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: lighter;
	float:left;
	width: 150px;
	background-color: #FFFFFF;
}
.itemMenu {
	width: 150px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	text-indent: 5px;
}
.itemMenu:hover {
	background-color:#CCCCCC;
	color: #000000;
	font-weight: bold;
}



/* PARA LOS CUERPOS DE PÁGINA */
.encabezado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(fondotitulo.jpg);
	height: 24px;
	width: 480px;
}

.encabezado2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #990000;
	width: 480px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

.cuadro1 {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	width: 480px;
	background-color: #EFEFEF;
	border: thin solid #FF0000;	
}

.contenedor {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	width: 470px;
	margin: 5px;	
}



/* ESTILO PARA EL FORMULARIO */
.campo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 2px;
	background-color: #FFFFFF;
	border: thin solid #FF0000;
}
.campo:hover {
	background-color:#EFEFEF;
}

.formularioAlta {
	width: 450px;
	background-color: #4A4949;
	color: #FF0000;
	margin: 5px;
	border: thin solid #000000;
}

.resultado {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	left:20px;
	list-style-image: url(flechita.gif);
	list-style-type: none;
	
}

.botonBuscar {
	background-image: url(botonbuscar1.jpg);
	
}

.botonBuscar:hover {
	background-image: url(botonbuscar2.jpg);
}