/*<<<<<<<<<<<<< Osta 2005 I CSS ~ Silvia Arcos I>>>>>>>>>>>>>>>>>*/

/************************************************************************************************
		Estilos para home
*************************************************************************************************/
/* Estilos cuerpo
_______________________*/

html {
	margin: 0px;
	padding: 0px;
}

body {
	color : #000;
	font: 12px Arial, Helvetica, sans-serif;
	text-align : center;
	background-image : url(http://www.osta.es/web/images/pixelfondo.jpg);
}
h2{
	color : #538105;
	font: 15px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	FONT-WEIGHT: BOLD
}
li.nuevo {
	
	list-style-type: none!important;
}
li.nuevo a{
	list-style-type: none!important;
	margin: 4px;
	font-weight: bold!important;
	font-size: 12px!important
}
li.nuevo a:hover{
	color: #538105
}
a:link
{
	color : #000;
	text-decoration : none;
	font:10px Arial, Helvetica, sans-serif;
}
a:visited
{	
	color : #000;
	text-decoration : none;
	font:10px Arial, Helvetica, sans-serif;
}

a:hover
 {	
	color : #96152B;
 	text-decoration : none;
	font:10px Arial, Helvetica, sans-serif;
}
	
a:active
{	
	color : #000;
	text-decoration : none;
	font:10px Arial, Helvetica, sans-serif;
}

form{
	padding: 0px 0px 0px 0px;
}
form.bordeformulario{
	border: 1px solid #C9CED2;
	background-color : InfoBackground;
}
.usuarios{
	border: 1px solid #C9CED2;
	background-color : InfoBackground;
	border: colapse;
}
th {
	color : #FFF;
	font: 12px Arial, Helvetica, sans-serif;
	text-align : center;
	background-image : url(http://www.osta.es/web/images/pixelfondo.jpg);
}
td.usuariosb{
	font: 12px Arial, Helvetica, sans-serif;
	text-align : left;
	font-weight: bold;
}
.respuesta{
	border: 1px solid #C9CED2;
	background-color : InfoBackground;
	text-align : center;
	height : 50px;
	padding-top : 10px;
}

.botonform{
	border: 1px solid #C9CED2;
	background-color : #538105;
	color: #FFF
}
input {
	border: 1px solid #C9CED2;
	background-color: #EBF1E0;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	display : inline;
}

select {
	border: 1px solid #C9CED2;
	background-color: #FFF;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;}
	
textarea {
	border: 1px solid #C9CED2;
	background-color: #FFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding: 4px;
	height : 80px;
	width : 250px;
}
#boton1{
	border: 0px;
}
#boton{
	border: 0px;
}
.subtitulares{
	background-color : #538105;
	color: #FFF;
	height: 20px;
	padding: 0px 2px 0px 0px
}
a.linkareas{
	font:11px Arial, Helvetica, sans-serif!important;
	color: #538105!important;
	font-weight : normal!important;
	margin: 2px!important;
	letter-spacing : 1px!important;
}
a.linkareasNegro{
	font:11px Arial, Helvetica, sans-serif!important;
	color: #000000!important;
	font-weight : normal!important;
	margin: 2px!important;
	letter-spacing : 1px!important;
}
/*p{
	margin: 0px
}*/
br{
	font-size : 4px;
}
hr{
	height: 1px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border : 1px solid #538105;
}
h1{text-indent : -4000px;}

h1.cabecera{
	width: 842px;
	height: 116px;
	background-image : url(http://www.osta.es/web/images/cabecera.jpg);
	background-repeat : no-repeat;
	background-position : center bottom;
	margin: 0px;
	padding: 0px;
}
h2.titular{
	margin: 0px;
	padding: 0px;
	font-size : 15px;
	font-weight : bold;
	color : #96152B;
	text-transform : uppercase;
	letter-spacing : 1px;
}

h3.titular{
	margin: 0px;
	padding: 0px;
	font-size : 12px;
	font-weight : bold;
	color : #538105;
	text-transform : uppercase;
	letter-spacing : 1px;
}
table{
	border: colapse;
	color : #000;
	font: 11px Arial, Helvetica, sans-serif;
}

.banner {
	margin: 0px 0px 10px 0px;
	#margin: 0px 0px 0px 0px;
	padding: 0px;
	border: none; 
	margin-left: -20px;
	float: left;}
html>body .banner {margin-left: -12px;}
.banner3 {
	margin: 0px;
	padding: 0px;
	border: none; 
	margin-left: -16px;
	#margin-top: -55px;
	float: left;}
html>body .banner3 {margin-left: -12px;}

/* Estilos de maketacion
___________________________*/
#contenedor{
	width:842px;
	text-align : center;
	margin: 0px auto;
	background-image : url(http://www.osta.es/web/images/fondoweb.jpg);
	background-repeat : repeat-y;
	background-position : center;
	overflow: hidden;
}

#columna1{
	width: 120px;
	/* width: 148px; */
	height: 400px;
	min-height: 400px;
	height: auto!important;
	float: left;
	text-align : left;
	padding: 8px;
	background-image : url(http://www.osta.es/web/images/fondocolumna1.jpg);
}
html>body #columna1{
	width: 132px;
	height: 400px;
	float: left;
}
#columna2{
	/* width: 694px; */
	float: left;
	margin-left: 3px;
	text-align : left;
	padding: 12px;
	/* padding: 15px; */
	background-color : White;
	height : 400px;
}
html>body #columna2{
 	width: 664px;
	margin-left: 0px;
	padding: 15px;
    min-height: 385px;
	height:auto;
    float : left;
}

.lineaseparador{
	background: url(http://www.osta.es/web/images/fondolinea.jpg) repeat-y top center;
}

#buscador{
	margin: 10px;
	font:12px Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight : normal;
}
.blokenoticias{
	width: 650px;
	/* margin: 0px 0px 20px 10px; */
}
html>body .blokenoticias{
	/* margin: 0px 0px 20px 0px; */
	overflow: hidden;
}
.noticias2{
	width: 300px;
	float: left;
	text-align: left;
	height: 165px!important;
	min-height: 165px!important;
	height: auto!important;
	margin: 5px 22px 15px 10px;
	float: left;
}
html>body .noticias2{
	width: 300px;
	margin: 5px 22px 15px 10px;
}

.noticias3{  /* Se aplica para el área de industria  */
	width: 300px;
	float: left;
	text-align: left;
	height: 165px!important;
	min-height: 165px!important;
	height: auto!important;
	margin: 5px 20px 15px 10px;
	float: left;}
html>body .noticias3{width: 300px; margin: 5px 22px 15px 10px;}

.noticias{
	width: 300px;
	float: left;
	text-align: left;
	height: 165px!important;
	min-height: 165px!important;
	height: auto!important;
	margin: 5px 10px 10px 12px;
	float: left;
}
html>body .noticias{
	width: 300px;
	margin: 5px 0px 10px 22px;
}
.imgnoticias{
	margin: 0px 5px 5px 0px;
	float: left;
	border: 4px solid #A1BB72;
}
.noticiastexto{
	float: right;
	font:11px Arial, Helvetica, sans-serif;
	text-align : left;
	margin: 0px 0px 0px 4px;
}
.noticiastextog{
	width: 296px;
	float: left;
	font:11px Arial, Helvetica, sans-serif;
	text-align : justify;
	margin: 0px 0px 0px 0px;
}
a.news:link
{  font-size : 12px;
	font-weight : bold;
	color : #000;
	text-decoration : none;
	text-transform : uppercase;
}
a.news:visited
{	font-size : 12px;
	font-weight : bold;
	color : #000;
	text-decoration : none;
	text-transform : uppercase;
}

a.news:hover
 {	font-size : 12px;
	font-weight : bold;
	color : #96152B;
 	text-decoration : none;
	text-transform : uppercase;
}
	
a.news:active
{	font-size : 12px;
	font-weight : bold;
	color : #000;
	text-decoration : none;
	text-transform : uppercase;
}

#datos {width: 320px; float: right; border-top: 1px dotted #ccc; padding-top: 5px;}

#cont {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	width: 332px;
	float: left;
}

#titular {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 180px;
	float: left;
}
#titular p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#izq {
	margin: 0px;
	width: 100px;
	float: left;
}

ul#menu{
	list-style-type:none;
	text-align : left;
	margin: 0px;
	padding: 0px;
	font:11px Arial, Helvetica, sans-serif;
}

ul#menu li{
	display : block;
	text-align : left;
	font:11px Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight : normal;
	margin: 10px
}

a.menu:link
{	color : #FFF;
	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}
a.menu:visited
{	color : #FFF;
	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}

a.menu:hover
 {	 color: #272727;
 	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}
	
a.menu:active
{	color: #FFF;
	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}

a.menug:link
{	font:11px Arial, Helvetica, sans-serif;
	color : #FFF;
	text-decoration : none;
}
a.menug:visited
{	color : #FFF;
	text-decoration : none;
font:11px Arial, Helvetica, sans-serif;
}

a.menug:hover
 {	 color: #272727;
 	text-decoration : none;
font:11px Arial, Helvetica, sans-serif;
}
	
a.menug:active
{	color: #FFF;
	text-decoration : none;
font:11px Arial, Helvetica, sans-serif;
}

/* Estilos para menu desplegado
________________________________*/

ul.submenu{
	list-style-type:none;
	text-align : left;
	margin: 0px;
	padding: 0px;
	font:10px Arial, Helvetica, sans-serif;
}

ul.submenu li{
	display : block;
	text-align : left;
	font:10px Arial, Helvetica, sans-serif;
	color: #DAFF9B;
	font-weight : normal;
	margin: 0px 0px 2px 7px;
	padding: 0px 0px 0px 7px;
	background-image : url(http://www.osta.es/web/images/flechasubmenu.gif);
	background-repeat : no-repeat;
	background-position : left top;
}

a.submenu:link
{	color : #c0d693;
	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}
a.submenu:visited
{	color : #c0d693;
	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}

a.submenu:hover
 {	 color: #c0d693;
 	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}
	
a.submenu:active
{	color: #c0d693;
	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}

/* Estilos para listado de documentos
________________________________*/

ul.listadodocument{
	list-style-type:none;
	text-align : left;
	margin: 0px;
	padding: 0px
}

ul.listadodocument li{
	display : block;
	text-align : left;
	font:11px Arial, Helvetica, sans-serif;
	color: /*#DAFF9B*/#538105;
	font-weight : normal;
	margin: 2px;
	padding: 0px 0px 0px 30px;
	background-image : url(http://www.osta.es/web/images/ico_botonlistado.gif);
	background-repeat : no-repeat;
	background-position : left;
	letter-spacing : 1px;
	height: 19px;
	min-height: 19px;
	height: auto!important;
	
}
/* Estilos para listado de comunicados
________________________________*/

ul.listado{
	list-style-type:none;
	text-align : left;
	margin: 0px;
	padding: 0px
}

ul.listado li{
	display : block;
	text-align : left;
	font:11px Arial, Helvetica, sans-serif;
	color: /*#DAFF9B*/#538105;
	font-weight : normal;
	margin: 2px;
	padding: 0px 0px 0px 20px;
	background-image : url(http://www.osta.es/web/images/ico_listado.gif);
	background-repeat : no-repeat;
	background-position : top left;
	letter-spacing : 1px;
	min-height: 19px
	height: auto;
}

/* Estilos para textos y graficos
____________________________________*/
.negrita{
	font-size : 12px;
	font-weight : bold;
	color : #000;
	text-transform : uppercase;
}

.verdenegrita{
	font-size : 12px;
	font-weight : bold;
	color : #538105;
}

a.resaltadas:link
{	color : #96152B;
	text-decoration : none;
	font-weight : bold;
}
a.resaltadas:visited
{	color : #96152B;
	text-decoration : none;
	font-weight : bold;
}

a.resaltadas:hover
 {
	color: #CC566A;
	text-decoration : underline;
	font-weight : bold;
}
	
a.resaltadas:active
{	color: #96152B;
	text-decoration : none;
	font-weight : bold;
}
.categoria{
	color: #FFF/*538105*/;
	font-size : 12px;
	font-weight : bold;
	margin: 4px 0px 4px 0px;
	padding: 2px 0px 2px 4px;
	width: 100%;
	background-color : #518205;
}

/* EStilos para la galeria de fotos
____________________________*/
.blokegaleria{
	width: 650px;
	float : left;
}

.blokefototexto{
	width:118px;
	float : left;
	margin: 4px;
}

.imagengaleria{
	border: 4px solid #A1BB72;
	background-color : #A1BB72;
	text-align: center
}

.textogaleria{
	margin: 2px;
	font-size : 10px;
	text-align : left;
	color: #538105;
}


/* PRUEBA PARA VALIDAR MENU
______________________________*/

/* Estilos para menu
________________________________*/

ul.menu{
	list-style-type:none;
	text-align : left;
	margin: 0px;
	padding: 0px;
	font:11px Arial, Helvetica, sans-serif;
}

ul.menu li{
	display : block;
	text-align : left;
	font:11px Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight : normal;
	margin: 10px
}

a.menu:link
{	color : #FFF;
	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}
a.menu:visited
{	color : #FFF;
	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}

a.menu:hover
 {	 color: #272727;
 	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}
	
a.menu:active
{	color: #FFF;
	text-decoration : none;
	font:11px Arial, Helvetica, sans-serif;
}

/*----------------LOGUIN ---------------- */
#total {
	margin: 10px 0px 20px 165px; 
	padding: 5px; 
	width: 650px; 
	height: 100px; 
	min-height: 100px; 
	height: auto!important; 
	border: 1px dotted #e5e5e5; 
	float:left;
}

#total_conbanner {
	margin: 10px 0px 20px 10px; 
	#margin: 10px 0px 20px 20px; 
	padding: 5px; 
	width: 650px; 
	height: 100px; 
	min-height: 100px; 
	height: auto!important; 
	border: 1px dotted #e5e5e5; 
	float:left;
}
.banner2 {
	margin: 10px 0px 0px 25px;
	#margin: 10px 0px 0px 10px;
	#padding-left: 20px;
	width: 130px;
	float: left;}

#total1 {
	width: 304px;
	padding: 5px;
	margin: 5px;
	background: #fbfbfb;
	height: 109px;
	min-height: 109px;
	height: auto!important;
	text-align: left;
	float: left;
}

#total2 {
	width: 304px;
	padding: 5px;
	margin: 5px;
	background: #f8fbf3;
	height: 100px;
	min-height: 100px;
	height: auto!important;
	text-align: left;
	float: left;
}