/* common */
body {
	margin-top: 5px;
	padding:0;
	text-align:center;
	font-family: verdana, arial, helvetica, geneva, sans-serif;
	font-size: 11px;
	color: #f4f4f4;
	background-color: #dedede;
}

a img {
	border: 0;
}

/* layout */
	
#main {
	width:780px;
	margin:0 auto;
	text-align:left;
	padding:0;
	background-color: #fff;
	border: 1px solid #ababab;
}

#header {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

#picture {
	text-align: center;
}

#content {
	color: #000;
	border: 1px solid #d0d0d0;
	border-top: 1px solid #ababab;
	background-color: #f5f5f5;
	margin: 1px;
	padding: 3px;
}

.clear {
	clear: left;
}

#footer {
	clear: both;
	color: #fff;
	font-size: 10px;
	margin: 1px;
	margin-top: 10px;
	font-weight: bold;
	padding: 4px;
	background-color: #e23;
}

/* header */

#logo {
	padding: 30px 0 18px 20px;
}

#utilities {
	float: right;
	width: 400px;
	padding-left: 45px;
	height: 23px;
	background: #e23 url(../i/util-bg.gif) top left no-repeat;	
	color: #fff;
	font-weight: bold;
	margin: 0;
}

#utilities input {
	font-size: 11px;
	border: 1px solid #CF1E2C;
	width: 8em;
	background-color: #fff;
	font-weight: bold;
	color: #CF1E2C;
	margin: 3px 5px 0 5px;
}

#utilities input.button {
	border: 1px solid #fff;
	background-color: #CF1E2C;
	width: 6em;
	color: #fff;
	margin-right: 0;
}

/* tabs */

#tabs-container {
	padding-bottom: 0;
}

#tabs{
	float:left;
	width:100%;
    font-size:93%;
    line-height:normal;
	background:#fff url("../i/tab-bg.gif") repeat-x bottom;
}

#tabs ul {
    margin:0;
    padding:0;
    list-style:none;
	padding:10px 10px 0;
}

#tabs li {
    float:left;
    margin:0;
    padding:0;
	background:url("../i/tab-r-link.gif") no-repeat right top;
}

#tabs a {
	float:left;
    display:block;
/*	background:url("../i/tab-l-link.gif") no-repeat left top;*/
    padding:5px 25px 4px 8px;
	color: #e23;
	text-decoration: none;
	font-weight: bold;
}

#tabs li.first a {
	background:url("../i/tab-first.gif") no-repeat left top;
}

#tabs li.last a {
	background:url("../i/tab-last.gif") no-repeat right top;
}

#tabs a.active {
	color: #000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */


#tabs a:hover {
	color: #CF1E2C;
}

#tabs #current {
/*    background-image:url("../i/tab-r-active.gif");*/
}

#tabs #current a {
/*    background-image:url("../i/tab-l-active.gif");*/
	padding-bottom:5px;
}

/* content heading */

#content h2 {
	margin-top: 0;
	color: #28c;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 2px 15px;
	background: #e6e6e6 url("../i/boxhead.gif") no-repeat left top;
	border-bottom: 1px solid #ababab;
}

#content h2.articulos {
	margin-right: 46%;
}

#content a {
	color: #e23;
}

#content a:hover {
	color: #CF1E2C;
}

/* llave seguridad */

#seguridad {
	float: right;
	width: 330px;
	clear: right;
	border: 1px solid #369;
	padding: 2px;
	background-color: #E9F0F5;
	margin-right: 1px;
	margin-top: 25px;
	margin-left: 5px;
}

body.inicio #seguridad {
	margin-top: 0;
}

/* table recuperacion */

table.recuperacion {
	border-top: 1px solid #369;
	border-left: 1px solid #369;
	padding-bottom: 5px;
	width: 335px;
	border-collapse: collapse;
	float: right;
	margin: 25px 1px 5px 5px;
}

table.recuperacion th, table.recuperacion td {
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border-right: 1px solid #369;
	border-bottom: 1px solid #369;
	color: #369;
}

table.recuperacion th {
	background-color: #51403C;
	color: #fff;
}

table.recuperacion tr {
	background-color: #E1F0FA;
}

table.recuperacion tr.odd {
	background-color: #E8F6FF;
}

/* footer */

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #EDD1D3;
}

#copyright {
	float: right;
}

/* lists */

#content ul {
	line-height: 2em;
	color: #CF1E2C;
	list-style-type: square;
}

#content li {
	color: #000;
}


#content ul a {
	color: #e23;
}

#content ul a:hover {
	color: #CF1E2C;
}

h3 {
	font-size: 12px;
	color: #CF1E2C;
}

/* form contacto */

table.contacto h3 {
	font-size: 12px;
	color: #CF1E2C;
}

table.contacto td input, table.contacto td textarea {
	font-size: 11px;
	border: 1px solid #CF1E2C;
	width: 15em;
	background-color: #fff;
	font-weight: bold;
	color: #CF1E2C;
	margin: 3px 5px 0 5px;
}

table.contacto td textarea {
	width: 35em;
}

table.contacto td input.button {
	border: 1px solid #fff;
	background-color: #CF1E2C;
	width: 6em;
	color: #fff;
	margin-right: 0;
}

span, table.contacto td span {
	color: #CF1E2C;
}

/* subfooter */

#subfooter {
	margin-top: 10px;
	color: #e23;
}

#subfooter a {
	color: #e23;
}

#subfooter a:hover {
	color: #CF1E2C;
}