/*
 diseño: ernesto_c@hotmail.com
	  
*/

* { padding: 0; margin: 0; }

body {
 margin:0px;
 background-color:#F4F3EE;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
.estilo_1 {
	font-size: 24px;
	color: #d4c7ad;
	font: "Times New Roman", Times, serif;
	margin-top:auto;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
/* cabecera*/
#header {
 color: #FFFFFF; size:18px;
 width: 910px;
 float: left;
 padding: 5px;
 border: 1px solid #ccc;
 height: 160px;
 margin: 0px 0px 0px 0px;
 background: url(img/cab_5.jpg) no-repeat;
}
.anim {
 margin:5px 0px  2px;
 padding-left:310px;
 padding-right:30px;
 width: 500px;
 float: left;
 height:60px;
}

.barra_inicio { 
 width:auto;
 height:auto;  
 font:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#FFFFFF;
}
.barra_inicio hoover{
color:#FFFFFF;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F4F3EE;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 100%;
 width: 195px;
 float: left;
}

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: #d4c7ad;
background: #0f2d45 url(img/icon_arrow.jpg) no-repeat 9px 9px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #ffffff;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: black;
background: #ebe9ed;
}


#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F4F3EE;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 100%;
 width: 456px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F4F3EE;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 100%;
 width: 195px;
 float: left;
}

#footer { 
 width: 920px;
 clear: both;
 color: #FFFFFF;
 border: 1px solid #ccc;
 background: url(img/foo_2.jpg) no-repeat; 
 margin: 0px;
 padding: 0px;
 height:65px
}
.noti_1 {
	padding-top: 10px;
	clear: both;
}

.noti_1 img {
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #DDDDDD;
	float: left;
}

.noti_1 h2 {
	font-size: 125%;
	color: #333333;
	padding: 0;
	margin: 0;
}

.noti_1 a {
	color: #333333;
}

.noti_1 hoover {
	color: #cc0000;
}
.noti_1 p {
	font-size: 85%;
	text-align:justify;
	
}

.content_2 {
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
.content_2 a {
	color: #333333;
}

.content_2 hoover {
	color: #cc0000;
}
.content_2 p {
	font-size: 85%;
	text-align:justify;
	
}

.gradient_1 {
	padding-top: 0px;
	clear: both;
}

.gradient_1 img {
	padding: 0px;
	margin-right: 10px;
	border: 1px solid #DDDDDD;
	float: left;
}

.gradient_1 a {
	color: #006;
}

.gradient_1 hoover {
	background: #f9dcdc url('img/gradhover.png') repeat-x;
}

#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px;
	width: 430px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size:13px;
	font-weight: bold;
	padding: 8px;
	background: #0f2d45  url('img/gradhead.png') repeat-x;
	border-top: 2px solid #80011E;
	border-bottom: 1px solid #ccc;
	color: #d4c7ad;;
}
#gradient-style td
{
	padding: 4px; 
	border-bottom: 1px solid #ccc;
	color: #039 ;
	border-top: 1px solid #ccc;
	background: #ffffff url('img/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #0f2d45;
	font-size: 12px;
	color: #99c;
	text-align: center;
	font-weight: bold;
}
#gradient-style tbody tr:hover td
{
	background: #f9dcdc url('img/gradhover.png') repeat-x;
	color: #339;
}