* {
	border:0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}

/* general */
a {
	color:#b484da;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
blockquote {
	background:#f1f1f1;
	border-left:2px solid #7534aa;
	color:#444;
	display:block;
	font-style:oblique;
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
.left {
	float:left;
}
.left2 {
	float:left;
	width:100%;
}
.right {
	float:right;
}
.texto{
	margin:0 0 0 10px;
	width:59%;
}
.texto2{
	width:79%;
}
.texto3{
	width:80%;
	left:15px;
	top:15px;
	position:relative;
}
.texto4{
	float:right;
	width:80%;
	right:0px;
	top:15px;
	position:relative;
}
.texto5{
	top:-60px;
}
.img {
	margin:20px 10px 20px 10px !important;
	width:42%;
	text-align:center;
}
.img2 {
	margin:10px 10px 0px 0px !important;
	width:20%;
	text-align:center;
}
.img3{
	float:left;
	margin-left:30px;
	margin-right:30px;
	margin-top:25px;
	width:15%
}
.center {
	float:left;
	margin:0 0 0 10px !important;
	width:98%;
}
.textImg{
	font-style:oblique
}
.txt{
	padding-top:30px
}
.txt2{
	padding-top:0px
}
.txt3{
	color:#7736ae !important;
}
li{
	color:#944ed3;
	margin-left:10px;
	padding-left:5px
}
.imgTitle{
	margin-top:10px;
}
.imgTitle2{
	margin-left:25%;
	margin-top:20px;
}
.colabore{
	margin-top:20px;
	margin-left:24%;
	margin-bottom:20px;
	text-decoration:blink;
	font-weight:bold;
	font-size:20px;
}
.gif{
	margin-top:25px
}
.gif2{
	float:right;
	margin-right:30px;
	margin-top:25px;
	width:15%
}
.gif3{
	float:left;
	margin-left:30px;
	margin-top:25px;
	width:15%
}
.gif4{
	float:left;
	left:19px;
	top:30px;
	position:relative;
	width:15%
}
.gif5{
	float:right;
	width:58% !important;
}
.link{
	float:left;
	margin-top:2px !important;
	font-size:11px;
	width:85%;
}
.textLink{
	float:left;
	margin-left:30px;
	margin-top:23px;
	width:44%
}
.rightGif{
	float:right;
	width:49%
}
/* body */
body {
	color:#666;
	font:0.7em Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	overflow-x:hidden;
}

/* content */
#content {
	height:auto;
	margin:0 auto;
	width:80%;
}
#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
} 


/* Main */
#main {
	float:left;
	width:99%;
}
#main p {
	color:#555;
	line-height:20px;
	margin:20px 0 0 10px !important;
}
#main h1 {
	border-bottom:2px solid #7534aa;
	color:#444;
	font-size:165%;
	font-weight:400;
	line-height:30px;
	padding:0 10px !important;
}
#main h4 {
	border-bottom:1px solid #7534aa;
	color:#7736ae;
	font-size:100%;
	font-weight:400;
	float:left;
	line-height:30px; 
	padding:0 10px;
	width:100%;
}
#main h2 {
	color:#7736ae;
	font-size:100%;
	font-weight:400;
	line-height:30px;
	padding:0 10px;
}
#main h3 {
	border-bottom:1px solid #7534aa;
	color:#7736ae;
	font-size:15px;
	font-weight:400;
	line-height:30px;
	text-align:center;
	width:50%;
	margin-left:25%;
}
#main h5 {
	border-bottom:1px solid #7534aa;
	margin-top:10px;
	width:100%;
}
/* Box */
.box{
	margin-top:10px;
	max-height:270px;
	overflow-y:scroll;
	overflow-x:hidden;
	width:63%}
.imgBox{
	border:#7534aa 2px solid;
	margin-top:30px;
	margin-right:-9px;
	float:right;
	
	}

/* footer */
#footer {
	float:left
	margin:10px !important;
	width:760px;
}
#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#footer p {
	border-top:2px solid #7534aa;
	color:#555;
	font-size:90%;
	line-height:20px;
	padding:10px;
	text-align:center;
}

/* setup the background image of the British Isles */
.uk {padding:0; margin:0; list-style-type:none; background:#fff url(../image/chiguines/comunidades.gif); width:375px; height:350px; margin:50px auto 200px auto; position:relative; z-index:100;}
/* move the text off screen */
.uk li a {text-indent:-999px; display:block; width:6px; height:6px; background:#9a4cde; position:absolute; line-height:8px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.uk li a.po {top:199px; left:203px;}
.uk li a.ma {top:181px; left:234px;}
.uk li a.si {top:212px; left:221px;}
.uk li a.man {top:209px; left:228px;}
.uk li a.cha {top:188px; left:232px;}
.uk li a.se {top:183px; left:222px;}
.uk li a.va {top:191px; left:257px;}
.uk li a.mar {top:205px; left:221px;}
.uk li a.chi {top:181px; left:205px;}
.uk li a.cac {top:196px; left:237px;}
.uk li a.tru {top:190px; left:221px;}
/* move the text back into view on hover */
.uk li a:hover {background:#9a4cde; text-indent:0; height:1.2em; font-size:1em; color:#fff; line-height:1em; padding:2px 10px; width:190px;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #9a4cde; width:380px; color:#9a4cde; padding:25px;font-style:normal; top:-135px; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; letter-spacing:1px; line-height:1.5em;}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #915591; display:block; margin-bottom:10px;margin-left:85px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#915591; position:absolute; left:0; top:128px;}
.label{
	display:inline
}
.input{
	background: #F8F9FC;
	border-top: solid 1px #767492;border-right: solid 1px #FFF;border-bottom: solid 1px #FFF;border-left: solid 1px #767492;
	color:#7736ae;
	font-weight:bold;
	margin:10px 80% 20px 20px;
	padding-left:2px}
.input:focus{
	background: #aebadd}
.form{
	margin-top:20px;
	
}
.inputText{
	width:360px;
}
.lbIn{
	float:left;
	width:47%
}
.lbIn2{
	float:left;
	padding-top:20px;
	width:80%
}
.lbInBt{
	float:left;
	margin-left:40%;
	width:100%
}
.boton{
	background:url(../image/boton.gif);
	border-right: solid 1px #767492 !important;
	border-bottom: solid 1px #767492!important;
	border-left: solid 1px #FFF;
	border-top: solid 1px #FFF;
	color: #FFF;
	font-size: 13px;
	font-weight:bold;
	font-family:Verdana;
	margin-bottom:20px}
.boton:hover{
	background:#fff;
	border-right: solid 1px #767492 !important;
	border-bottom: solid 1px #767492!important;
	border-left: solid 1px #FFF;
	border-top: solid 1px #FFF;
	color: #7736ae;
	font-size: 13px;
	font-weight:bold;
	font-family:Verdana;
	cursor:pointer}

.btCamiseta{
	float:left;
	padding-left:37%;
	padding-top:15px;
}
.labelC{
	display:inline;
	padding-right:4px;
}
.cam{
	display:inline;
	padding-right:19px;
}