/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> COLORS & FONTS <<<-------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

html { border-top: 1px solid #808080; }
body {  }

body { font: 12px/14px Arial, Helvetica, sans-serif; text-align: justify; color: #2a2a2a; }

strong { font-weight: bold; }
em { color: #625987; }

#contents { font-size: 12px; }
#contents p { line-height: 19px; margin: 0 0 12px; color: #272727; }

#contents h1 {
	margin: 0 0 20px 0;
	padding:5px 0 5px 0;
	font-size: 18px;
	font-weight: normal;
	color: #e12b88;
	background:url(../images/pnt.gif) repeat-x top left;
	
}
#contents h1 span { padding: 0 10px 0 0; }

#contents h2 { margin: 0 0 10px; padding: 0 0 10px; font-size: 16px;  font-weight: bold; }
#contents h3 { margin: 0 0 10px; font-size: 17px; line-height: 22px; font-weight: normal; }

/* CONTENTS LAYOUTS */

#header { border-bottom: 1px solid #e9e9e9; }

#menu { border-right: 1px solid #e9e9e9; }

#footer { background: #3b2e63; }

#contents .box img { border-color: #c9ccdf; }

.breadcrumbs { font-size: 10px; }
.breadcrumbs a { font-size: 10px; color: #999; }
.breadcrumbs a:hover { text-decoration: none; }
.breadcrumbs .current_breadcrumb { font-weight: bold; } 

button {
	width: 60px;
	padding: 4px 0 0;
	border: none;
	cursor: pointer;
	font-size: 11px;
	color: #309fbe;
}

.signature p { color: #a1a1a1; font: 10px/12px Verdana; }
.signature p a { color: #a1a1a1; }

.webservices a { font-size: 10px; color: #999;  }
.webservices a:link { color: #999; }
.webservices a:hover { text-decoration: none; }

.webservices a.recommend {}
.webservices a.suggestion {}
.webservices a.legal {}

/* FORMS */

fieldset {}
legend {}

#contents label, .webservice label { font-size: 12px; color: #666; }

#contents textarea, #contents input { padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#contents select { padding: 2px; }

/*Estilos para los efectos hover y select en los elementos de los formularios*/

textarea, input[type='text'], select { border: 1px solid #dadada; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

/* HR */

#contents hr { display: block;  width: 100%; height: 1px; border: none; color: #aaa; background: #aaa;  }

/* LISTS */

#contents ul, .webservice ul {list-style: disc outside;}
#contents ol, .webservice ol {list-style: decimal outside;}

#contents ul, #contents ol, .webservice ul, .webservice ol { margin: 0 0 12px 25px; }
#contents ul li, #contents ol li, .webservice ul li, .webservice ol li { margin: 0 0 8px;}
#contents ul ul, content ol ul, #contents ul ol, #contents ol ol { margin-bottom: 0; }

/* LINKS COLORS */

#contents a, .webservice a { font-weight: normal; text-decoration: underline; color: #584e73; margin:4px; }
#contents a:hover, .webservice a:hover { text-decoration: none; color:#584e73; }
#contents a:visited, .webservice a:hover { text-decoration: underline; color: #1e97b9; }
#contents a:active, #contents a:focus { color: #1e97b9; }

#contents .link a {  padding: 0 0 0 14px; text-decoration: underline; color: #625987; background: url(../images/black_arrow.png) 0 4px no-repeat; }
#contents .link a:hover { text-decoration: none; }