/* standard styles start */
BODY {
	background-color: #FFFFFF;
	font-family: arial, verdana, helvetica, sans serif;
	font-size: 70%;
	color: #000000;
	margin: 0px;
}

IMG {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

H1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	line-height: 1.3em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

H2 {
	font-size: 1em;
	font-weight: bold;
	color: #18358c;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
}

H3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
}

H4 {
	font-size: 1em;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
}

P {
	line-height: 1.3em;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

A, A:active, A:visited {
	color: #008281;
	text-decoration: underline;
}

A:hover {
	text-decoration: none;
}

LABEL.shortreg {
	float: left;
	width: 180px;
}

LABEL.login {
	float: left;
	width: 100px;
}

INPUT, SELECT {
	font-size: 1em;
	float: left;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #008B8A;
}

TEXTAREA {
	font-family: arial, verdana, helvetica, sans serif;
	font-size: 1em;
	float: left;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #008B8A;
	margin: 0px 0px 10px 0px;
}

SUBMIT, RESET {
	margin-bottom: 10px;
}

#submit {
	margin-bottom: 10px;
}
/* standard styles end */

/* colours styles start */
.green {
	color: #008B8A;
}
/* colours styles end */

/* show + hide layer styles start */
.testimony {
	margin: 20px;
	padding: 10px;
	color: #000000;
	background-color: #FFFFFF;
	z-index: 99;
	visibility: hidden;
	border: 1px solid #008B8A;
}

.successPad {
	margin-right: 17px;
}
/* show + hide layer styles end */

/* form layer styles start */
.error {
	color: #FF0000;
	font-weight: bold;
}

.frmField {
	float: left;
	width: 380px;
	clear: both;
	margin: 0px 0px 10px 0px;
	display: block;
}

.frmFieldProd {
	float: left;
	width: 349px;
	clear: both;
	margin: 0px 0px 10px 0px;
	display: block;
}

.radioHolder {
	float: left;
	margin-bottom: 10px;
	clear: right;
}

.radio {
	float: left;
	border: 0px;
	height: 13px;
}

.checkbox {
	float: left;
	border: 0px;
	height: 13px;
}

.checkboxLabel {
	width: 140px;
}

.disabled {
	background-color: #D6D6D6;
}

#divDogsBrand {
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
	display: block;
}

#divDogsBrand .frmField {
	float: left;
	width: 380px;
	clear: both;
	margin: 0px 0px 10px 0px;
	display: block;
}

#divCatsBrand .frmField {
	float: left;
	width: 380px;
	clear: both;
	margin: 0px 0px 10px 0px;
	display: block;
}
/* form layer styles end */

/* challenge box styles start */
.boxTop {
	height: 26px;
	background: url(/uk/cat/images/boxTopBg.gif) top left repeat-x;
}

.boxHeadLft {
	background-color: #7FC5C4;
	border-left: 1px solid #008B8A;
}

.boxHeadRgt {
	background-color: #7FC5C4;
	border-right: 1px solid #008B8A;
}

.boxHead {
	background-color: #7FC5C4;
}

.boxDataLft {
	border-left: 1px solid #008B8A;
}

.boxDataRgt {
	border-right: 1px solid #008B8A;
}

.assessmentScore {
	font-size: 2em;
	font-weight: bold;
	color: #008B8A;
}

.assessmentBorder {
	margin-bottom: 15px;
	border-bottom: 1px solid #008B8A;
}

/* challenge box styles end */

/* main landing page styles start */
#landing form {
	position: absolute;
	bottom: 20px;
	left: 40%;
	margin: 0 0 0 -75px;
}

#landing label {
	float:left;
	width:200px;
}

#landing div.button1 {
	float: left;
	
}

#landing div.button2 {
	float:right;
}

#landing select {
	background: #008786;
	color: #FFFFFF;
}
/* main landing page styles end */



#legal{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:10px;
	padding-top: 10px;
	display: block;
	line-height: 20px;
}
#legal a{
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.redes_sociales{
	display:block;
	width:230px;
	padding-left: 545px;
}


/*----------------------------------------------------------*/
/*---------------------- COMPARTIR -------------------------*/
/*----------------------------------------------------------*/

#compartir {
	float: left;
	width: 810px;
	padding-top: 10px;
	padding-bottom: 25px;
	background-image: url(../img/fondo_repetir.jpg);
	background-repeat: repeat-y;
}
#compartir p {
	font-size: 11px;
	color: #000000;
	display: block;
	float: left;
	width: 430px;
	padding-top: 3px;
	margin: 0px;
	padding-left: 45px;
	text-align: right;
	padding-right: 15px;
}
#compartir .facebook {
	float: left;
	width: 120px;
	display: block;
}
#compartir .twitter {
	float: left;
	display: block;
	width: 120px;
	height: 21px;
}
#compartir .mas1 {
	float: left;
	width: 80px;
}