/* CSS Document */
/* do not set margins to 0  because overrides default values for p BLOCKQUOTE an the rest and causes lot of troubles */
body {
    background: url('images/TexturaNaranja068.jpg');
}
/* pseudo class has priority over the other classes w3sch*/
a {
	color: #3B6EBF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


div#container {
margin: 0px auto;
width: 770px;
background:  url('images/D1FondoContenedor_center.jpg');
background-repeat: repeat-y;
}
/* Only jpg images - transparent do not work */
div#containertop { 
background:  url('images/D1FondoContenedor_top.jpg');
height: 35px;
}

div#header {
margin: -16px 0px 0px 7px;
width: 753px;
height: 182px;
background:  url('images/D1FondoBanner.jpg') no-repeat;
}

#flashobject{
padding: 11px 0px 0px 0px;
}

div#content {
float: right;
width:545px;
position: relative;
right: 17px;
}

.topresumen{
width: 530px;
height: 21px;
background:  url('images/D1FondoResumen_top.jpg') left top no-repeat;
}

.resumen {
width:530px;
background:  url('images/D1FondoResumen_center.jpg')  left top repeat-y;
}

.bottomresumen{
width: 530px;
height: 21px;
margin: 0px 0px 20px 0px;
background:  url('images/D1FondoResumen_bottom.jpg') left bottom no-repeat;
}

.resumendata {
font: normal small Verdana;
line-height: normal;
width:490px; /* width is only for content paddings, borders and margins are on the outside this measure */
padding: 0px 0px 0px 25px; /* Left marging is mandatory to see the left UL markers see: positioniseverythingdotnet*/
}

div#containerbottom {
clear:both;
background:  url('images/D1FondoContenedor_bottom.jpg');
height: 35px;
}

div#leftcolumnbottom {
background: url('images/D1FondoLeftColumn_bottom.jpg')  left bottom no-repeat;
height: 35px;
}

div#leftcolumn{
margin: -10px 0px 0px 0px;
float: left;
position: relative;
left: 7px;
width: 185px;
background: url('images/D1FondoLeftColumn_center.jpg') 0px 0px repeat-y;
}

div#buscador {
margin: 0px 0px 5px 0px;
width: 185px;
height: 40px;
left: 20px;
background:  url('images/D1BuscadorFondo.jpg') 14px 0px no-repeat;
}

.elcamponuscar {
position: relative;
margin: 6px 0px 0px 20px;
width: 90px;
color: white;
background:  transparent;
}
input#imagenbuscar {
width: 40px;
height: 20px;
}

div#menu {
width: 185px;
left: 20px;
background:  url('images/D1NewsTitulo_top.jpg') 15px bottom no-repeat;
}

ul#menulist {
				padding:0px 0px 50px 0px;
				margin:0;
			}
			
			ul#menulist li {
				margin:0px 0px 0px 14px;
        list-style: none; /* there are positioning problems with markers and background images see integra */   
			}
			
			ul#menulist li a {
				display:block;
				width:155px;
				height:37px; /* height of background image */
      	color: #fff;
      	font: bold 12px Arial; /* in this order */
				text-decoration:none;
				text-indent: 20px;
				line-height: 24pt; /* align text vertically */
				background:url("images/D1MenuHover.jpg") no-repeat 0px 0px;
			}
			
			ul#menulist li a:hover {
				  background-position: -172px 0;
				  color: #000;
			}
	
			ul#menulist li a:active {
				  background-position: -346px 0;
				  color: blue;
			}
	
div#news {
width:185px;
padding: 0px 10px 0px 30px;
background:  url('images/D1NewsFondo_center.jpg') 15px 0px repeat-y;
}

.newstext {
width:120px;
text-align: left;
color: #000;
}

.categoriatexto {
padding: 0px 0px 0px 20px;
text-align: left;
font: bold 10px Arial;
color: #666;
}

.titulo {
padding: 0px 0px 0px 22px;
text-align: left;
font: bold 14px 'Arial, Tahoma, Verdana, Helvetica';
color: #666;
}

div#email {
clear:both;
width:185px;
background:  url('images/D1FondoLeftColumn_bottom.jpg') left bottom no-repeat;
}

img#emailimg {
margin: 0px 0px 20px 15px;
}

img.spacer {
width: 20px;
height: 50px;
}

img#topnews {
margin: 0;
width: 185px;
height: 36px;
}

img#bottomnews {
width: 185px;
height: 20px;
background:  url('images/D1NewsFondo_bottom.jpg') 15px top no-repeat;
}

.navegar {
text-align: left;
text-decoration: undeline;
font: bold 12px 'Arial, Tahoma, Verdana, Helvetica';
color: #000;
}

.navigation {
width: 500px;
text-align: left;
font: bold 12px 'Arial, Tahoma, Verdana, Helvetica';
color: #000;
}

div#copyright {
text-align: center;
font: bold 10px Arial;
color: #000;
}

div#copyright a {
color: #fff;
}