/* common */
body {
	margin: 0;
	padding:0;
	text-align:center;
	font-family: arial, verdana, helvetica, geneva, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #7c7d7c;
}

a {
	font-size: 10px;
	color: #BC2928;
}

a:hover {
	color: #810909;
}

a img {
	border: 0;
}

/* layout */
	
#main {
	width:780px;
	margin:0 auto;
	text-align:left;
	padding:0;
	background: url(../i/body-r.gif) no-repeat bottom right;
}

#header {
	font-size: 10px;
	background: url(../i/head-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}

#content {
	background: url(../i/body-l.gif) no-repeat bottom left;
}

#picture {
	text-align: left;
	clear: left;
	padding-left: 4px;
}

.sideimage {
	text-align:left;
}

.sidebox-2 {
	margin-top: 15px;
}

#footer {
	clear: both;
	color: #D20069;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 10px;
	text-align: center;
}

/*----- main content --------*/

#maincontent {
	margin: 0 4px;
}

#leftcol {
	padding-top: 15px;
}

#rightcol {
	padding-top: 22px;
}


/*----- left column --------*/
#leftcol {
	margin-right: 250px;
}

/*----- right column --------*/
#rightcol {
	width: 240px;
	float: right;
}

/* header */

#logo {
	background: url(../i/head-l.gif) no-repeat top left;
	padding: 25px 0 18px 15px;
}

#utilities {
	float: right;
	width: 400px;
	color: #fff;
	font-weight: bold;
	margin-top: 5px;
	text-align: right;
	padding-right: 15px;
}

#utilities a {
	color: #fff;
	letter-spacing: 1px;
}

#lang {
	clear: right;
	float: right;
	width: 100px;
	text-align: right;
	padding-right: 15px;
	margin-top: 30px;
}

#lang a {
	font-size: 11px;
}

/* menu */

#menu {
	float: left;
	font-size: 12px;
	letter-spacing: 0.2em;
}

#menu ul {
	background: url(../i/nav-bg.gif) repeat-x;
	margin:0;
	margin-left: 4px;
    padding:0;
    list-style:none;
	float:left;
	width: 770px;
}

* html #menu ul  { /* this selector recognized by IE only */
	margin-left: 2px;
}

#menu li {
	float:left;
    margin:0;
    padding:0;
}

#menu li a {
	color: #525353;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(../i/nav-separator.gif) top right no-repeat;
	padding:8px 20px 8px 14px;
	display:block;
}

#menu li a:hover {
	color: #D20069;
}

#menu li a.active {
	background: url(../i/nav-bg-active.gif) repeat-x;
	color: #F0CEB1;
}

/* rightcol content */

#conozca {
	background: #FFF8F3 url(../i/conozca.jpg) top left;
	width: 234px;
	height: 154px;
	margin-bottom: 15px;
}

#conozca p {
	float: left;
	width: 115px;
	font-size: 14px;
	margin: 9px 3px;
	color: #fff;
}

#conozca a {
	font-size: 10px;
	color: #fff;
}

/* begin contact and lending form */

#theform td {
	vertical-align: top;
	padding: 5px;
	font-size: 12px;
	text-align: left;
}

#theform td.button {
	text-align: center;
	padding: 10px;
}

#theform td input, #theform td textarea {
	font-size: 11px;
	border: 1px solid #369;
	background-color: #fff;
	font-weight: bold;
	color: #369;
	width: 20em;
}

#theform td input.button {
	border: 1px solid #06c;
	background-color: #369;
	border-bottom: 1px solid #006;
	border-right: 1px solid #006;
	color: #fff;
	width: 5em;
}


/* end contact form */


/* boxes */

/* begin - problem with gaps in rounder corners */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;}
/* Show only to IE PC \*/
* html .boxbody {height: 1%;} 
/* end - problem with gaps in rounder corners */

#noticias, #articulos, #innercontent {
	background: url(../i/copy-body-r.gif) no-repeat bottom right;
	margin-right: 5px;
}

#articulos {
	margin-top: 15px;
}

#innercontent li a, #noticias li a, #articulos li a {
	text-decoration: none;
	font-size: 12px;
	color: #1951A0;
}

#innercontent li a:visited, #noticias li a:visited, #articulos li a:visited {
	color: #9292D3;
}

#innercontent li a:hover, #noticias li a:hover, #articulos li a:hover {
	color: #173662;
}

#innercontent {
	margin-top: 27px;
}

#animation {
	text-align: center;
	margin-bottom: 35px;
}

/* Show only to IE PC \*/
* html #innercontent {
	margin-top: 0;
}

.boxhead {
	background: url(../i/copy-head-r.gif) no-repeat top right;
}

.boxhead h2  {
	background: url(../i/copy-head-l.gif) no-repeat top left;
	padding-top: 10px;
	padding-left: 25px;
}

.boxbody {
	background: url(../i/copy-body-l.gif) no-repeat bottom left;
	padding: 5px 25px;
}

.boxbody a {
	font-size: 12px;
	text-decoration: underline;
	color: #5151CA;
}

.boxbody a:visited {
	color: #9292D3;
}

.boxbody a:hover {
	color: #00007E;
}

/* Content */

h2, h3 {
	letter-spacing: 1px;
	margin-top: 1px;
	font-size: 14px;
	font-weight: bold;
	color: #333295;
	margin-right: 2px;
}

h4 {
	font-size: 12px;
	color: #000;
}

.contactos {
	padding: 7px;
	border: 1px solid #D2C6CC;
	margin-bottom: 20px;
}

p.leermas {
	margin-left: 10px;
}

/* leftcol lists */

#leftcol ol {
	color: #000;
}

#leftcol ul {
	list-style-type: square;
	color: #000;
}

#leftcol li {
	margin-bottom: 5px;
}

p.desarrollo {
	color: #fff;
}

p.desarrollo a {
	font-size: 12px;
	color: #fff;
}