html * {
		margin:					0;
		padding:				0;
		border:					none;
	}
	
body {
	color: #000; 
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; /*** Centers the design in old IE versions ***/
	height: 100%;
	background: #018fd9;
	font-size: 	76%;
}

h1 {
	color:#FFFFFF;
	font-size:1.9em;
	font-weight:bold;
}

.portada h2 a {
	color:#848484;
	font-size:0.85em;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:0.06em;
	margin:0 0 5px 3px;
	padding:0 0 0 13px;
	background:url(imagenes/triangulitoGris.gif) 0 2px  no-repeat;
}


.portada h2 a:hover {
	border-bottom: 1px solid #999999;
	padding-right:3px
}

#idiomaTiempo {
	position: 	relative;
}

#idiomaTiempo .slogan {
	width: 			550px;
	position: 		absolute;
	top:			0;
	left: 			300px;
	height: 		24px;
	line-height: 	24px;
	text-align: 	right;
	overflow: 		hidden;
}

h2 {
	color:#848484;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 5px 0;
	
}

.clear { clear: both; }

p {
	margin:0 0 10px 0;
	line-height:1.3em;
}

.contacto a {
  color:#fff;
  font-weight:bold;
  width:80px;
  background:url(imagenes/correo.gif)  right 2px no-repeat;
  text-decoration:none;
  float:right;
  margin:0 30px 0 0;
  height:20px;
}

.contacto a:hover {
  text-decoration:underline;
 }

#contenedor {
width: 996px;
margin: 0 auto; 
min-height: 100%;
text-align: left;
background:#fff;
}
* html #contenedor {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/

}

/**************************
HEADER
**************************/
#header {
background: #000099;
}

#idiomaTiempo {
	background:#65b6c7;
	height:20px;
	color:#fff;
	padding:4px 0 0 0;
}

.idioma {
	display:block;
	float:left;
	height:15px;
	border-right:1px solid #fff;
	margin:0 0 0 10px;
	padding:0 10px 0 6px;
	font-size:1em;
	background:url(imagenes/triangulito.gif) 118px 5px  no-repeat;
}

.idioma select {
	background:		#65b6c7;
	font-size: 		.9em;
	width: 			100px;
	color:			white;
	margin-left: 	5px;
}


.idioma  a {
	text-decoration:none;
	color:#fff;
	}

.idioma  a:hover {
	text-decoration:underline;
	color:#fff;
	}

.fecha {
	float:left;
	width:128px;
	height:15px;
	margin:0 0 0 5px;
	padding:0 0 0 6px;
	font-size:1em;
	}
	

.elTiempo {
	float:right;
	width:180px;
	margin:0 15px 0 0;
	background:url(imagenes/iconosTiempo.gif) right no-repeat;
	height:20px;
}


/**************************
			MENU
**************************/




.menu dt a.selected
 {
	
	background:#7eb3c7;
	color:white;
}

#columnaIzquierda .menu dd a.selected
 {
	padding:3px 0 2px 3px;
	background:#7eb3c7;
	color:white;
	width: 	155px !important;
}

.eventos dd {
	margin-bottom: 	10px;
}


.turismoGastronomia .bs_gastronomia {
	padding:3px 0 2px 3px;
	background:#7eb3c7;
	color:#fff;
}


.deportes .b_deportes:hover, .comercio .b_comercio:hover, .cultura .b_cultura:hover, .economia .b_economia:hover, .sanidad .b_sanidad:hover, .sociedad .b_sociedad:hover, .turismo .b_turismo:hover,  {
	background:#7eb3c7;
	color:#fff;
}


.eventos dd {}


/**************************
CONTENT AND COLUMNS
**************************/
.contenedorContenido {
padding-left: 200px;  

}
* html .contenedorContenido {
padding-right: 0; /* Normally this shouldn't be in this hack, it should be in .outer, but because of IE7 I had to */
}
.columnasCentroYDerecha {
width: 795px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
padding-bottom: 30px;

}
* html .columnasCentroYDerecha {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.columnasCentroEIzqiuerda {
float: left;
width: 790px !important;
width: 795px;
margin-left: -200px; /*** Same length as .outer padding-left but with negative value ***/

}
* html .columnasCentroEIzqiuerda {
/*** No need for hacking IE on this layout ***/
}
#contenido {
float: right;
width: 580px !important;
width: 580px;
background: #fff;
padding:13px 0 0 0;

}


.rotuloSeccion {
	display:block;
	float:left;
	width:580px !important;
	width:580px;
	height:36px;
	/*background:url(imagenes/fondoRotuloSeccion.jpg) 0 0 no-repeat;*/
	text-align:right;
	
}

.rotuloSeccion h1 {
	padding:14px 10px 0 0;
	color:	#999;
}


* html #contenido {
position: relative;  /*** IE needs this  ***/
}
.contenidoWrap{

}

#contenidoIzquierda {
	position:relative;
	float:left;
	width:580px;
	margin:12px 0 0 0;
	}

#contenidoCentro {
	position:relative;
	float:right;
	margin:13px 0 0 0;
	
	width:578px !important;
	width:570px;
	padding:0;
	}

.noticiasDestacadasPortada {
	position:relative;
	float:left;
	margin:0 auto;
	width:385px;
	
	}
	
.noticiaDesPortada {
	padding:2px 0 25px 0;
	background:#d3d3d3;
	margin:0 0 15px 0;
	width: 	362px;
}

.noticiasDestacadas {
	position:relative;
	float:left;
	margin:0 auto;
	width:568px;
	background:#d3d3d3;
	padding:5px;
	}
	
.noticiasDestacadas  img {
	margin:0 auto;
	}
	
.noticiasDestacadas {
	position:relative;
	float:left;
	margin:0 auto;
	background:#d3d3d3;
	padding:5px;
	}
	

.noticiasDestacadas img{
	margin:0 auto;
	}


.texto {
	margin-top:		10px;
	font-size:		0.95em;
	color:			#696969;
	line-height:	1.2em;
	width: 			100%;
	overflow: 		hidden;
}

.noticiaDesPortada .texto {
	height: 		30px;
	padding-left: 	15px;
	padding-right: 	15px;
	width: 			340px;
}


.noticiaDes {
	padding:2px 0 25px 0;
	text-align:center;
	}

.saberMas {
	text-align: 	right;
}

.saberMas a{
	color:#1b8ecf;
	position:relative;
	text-decoration:none;
	margin:0 5px 0 0;
}

.saberMas a:hover{
	text-decoration:underline;
}

.articleContainer {
	height: 		302px;
	overflow: 		hidden;
	padding:		10px 10px 10px 5px;
	float: 			left;
	position: 		relative;
}

.noticiaNoDest {
	float:left;
	width:170px;
	margin:0 16px 0 4px !important;
	margin:0 15px 0 4px;
	}
	
.noticiaNoDestSeccion {
	position:relative;
	float:left;
	width:165px;
	margin:0 15px 0 0;
	
	}

.textoNoticiaNoDest {
	width:170px !important;
	width:160px;
	margin:8px auto 3px auto;
	font-size:0.9em;
	color:#848687;
	line-height:1.2em;
	}


#contenidoDerecha {
	/*width:180px;
	float:right;
	margin:12px 0 0 0;*/
}

.noticiaColDer {
	width: 	175px;
	margin-bottom: 15px;
	height: 		230px;
}

.large {
	height: 		302px;
}

.noticiaColDer .smallImageContainer h3 {
	font-size: 		1em;	
}

.noticiaColDer .smallImageContainer h3 span {
	display: 		none;
} 

.noticiaColDer .texto {
	font-size: 			.9em;
	padding: 			5px;
	padding-left: 		10px;
	padding-bottom: 	10px;
	width: 				160px;
	height: 			55px;
}

.large .texto{
	height: 		135px;
}



.textoColDer {
	width:170px;
	margin:10px auto 3px auto;
	font-size:0.9em;
	color:#848687;
	line-height:1.2em;
}

.textoArticulo {
	width:569px;
	text-align:justify;
	margin:15px 10px 10px 10px;
	font-size:1em;
	color:#848687;
	line-height:1.2em;
}

.fotosArticulo {
	margin: 15px 0 15px 15px;
	float: 	right;
}

.linksArticulo {
	float:left;
	width:500px;
	margin:0 0 0 10px;
	}

.linksArticulo li { 
	float:left; 
	list-style:none;
	
}

.linksArticulo a { 
	color:#1b8ecf; 
	list-style:none;
	text-decoration:none;
	margin: 0 20px 0 0 ;
	padding:5px 0 0 0;
	font-weight:bold;
	font-size:0.85em;
	
}

.linksArticulo a:hover { 
	text-decoration:underline;
	
}

.recibirMMS { 
	width:13em;
	height:23px;
	float:left;
	background:url(imagenes/iconoMMS.gif) right no-repeat;
}

.descargarArchivos {
	width:10.4em;
	height:23px;
	float:left;
	background:url(imagenes/iconoDescargarArchivo.gif) right no-repeat;
}

.enviarAmigo {
	width:10.3em;
	height:23px;
	float:left;
	background:url(imagenes/iconoArroba.gif) right no-repeat;
	color:#1b8ecf; 
	color:#1b8ecf; 
	list-style:none;
	text-decoration:none;
	margin: 0 20px 0 0 ;
	padding:5px 0 0 0;
	font-weight:bold;
	font-size:0.85em;
}

/**************************
COLUMNA IZQUIERDA (MENU PRINCIPAL)
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#columnaIzquierda {
	float: left;
	width: 180px !important;
	
	padding: 5px 5px 5px 10px !important;
	padding: 5px 0 5px 4px;
	
	}
* html #columnaIzquierda {
	position: relative;  /*** IE needs this  ***/
}

/*
.menu lh {
	border-bottom:1px solid #0084ce;
	width:175px !important;
	width:175px;
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	color:#0084ce;
	margin:8px 0 10px 0;
	padding-left:3px;
}
*/

.menu dt a {
	border-bottom:1px solid #3aa8ec;
	width:175px;
	text-decoration:none;
	display:block;
	float:left;
	color:#3aa8ec;
	font-size:1.1em;
	margin:6px 0 10px 0 !important;
	margin:6px 0 6px 2px;
	padding-left:3px;
}

.menu dt a:hover {
	color:#006eac;
}

.menu dd a {
	width:162px !important;
	width:142px;
	display:block;
	float:left;
	text-decoration:none;
	color:#9a9a9a;
	margin:0 0 7px 20px !important;
	margin:0 0 5px 12px;
	padding-left:3px;
	line-height:0.94em;
}

.menu dd a:hover {
	color:#666666;
	text-decoration:underline;
}

#buscador {
	margin:10px 0 0 0;
	float:left;
}

.registrarse {
  float:left;
  background:#018fd9 url(imagenes/iconoNewsletters.gif) 110px center  no-repeat;
  margin:10px 0 0 3px;
  width:175px;
 }   
	
.registrarse a {
	color:#fff;
	float:left;
	display:block;
	padding:5px 0 5px 10px;
	text-decoration:none;
	margin:0;
	width: 	100px;
}

.registrarse a:hover {
	text-decoration:underline;
}



.formularioColIzq {
	float:left;
	margin:0 0 0 3px;
	
}


.formularioColIzq .buscar {
	position:relative;
	float:left;
		
}



.formularioColIzq form {
	position:relative;
	width:180px;
	float:left;
	
}

.formularioColIzq .buscarHeader {
	background:url(imagenes/headerFormIzqBuscar.gif) no-repeat;
	width:180px;
	height:24px;
	color:#fff;
	font-weight:bold;
	padding:2px  0 0 8px;
}

/*
.etiquetaLegend {
	position:relative;
	display:block;
	border:1px solid red;
	float:left;
	background: url(imagenes/headerFormIzqBuscar.gif) no-repeat;
	margin:0;
	padding:3px 35px 5px 10px;
	
	color:#fff;
	font-weight:bold;
	
}*/

.formularioColIzq .cuerpoForm {
	border-left:2px solid #1a86c6;
	border-right:2px solid #1a86c6;
	border-bottom:2px solid #1a86c6;
	width:166px;
	padding: 2px 0 12px 8px;
	float:left;
	overflow: 	hidden;
	}

.formularioColIzq label {
	color:#9a9a9a;
	
	float:left;
}

.formularioColIzq input {
	background:#c8e4f1;
	margin:0 0 5px 0;
	float:left;
	width:145px;
}



.formularioColIzq .enviarForm { 
	background:url(imagenes/triangulitoAzulDer.gif) no-repeat;
	width:12px;
	height:12px;
	float:left;
	margin:2px 0 0 3px;
	cursor: pointer;
	
}

.formularioColIzq .enviarForm:hover {
	background:url(imagenes/triangulitoAzulDerHover.gif) no-repeat;
}

.username {color:red;}



.eventos {
	float:left;
	width:180px;
	margin:15px 0 0 3px;

}

.eventosHeader {
	background:url(imagenes/headerFormIzq.gif) no-repeat;
	width:180px;
	height:27px;
	color:#fff;
	font-weight:bold;
	padding:0px  0 0 8px;
}

.eventosHeader a {
	color:		white;
	text-decoration: 	none;
	display: 	block;
	padding-top: 2px;
}

.eventos dl { 
	border-left:2px solid #1a86c6;
	border-right:2px solid #1a86c6;
	border-bottom:2px solid #1a86c6; 
	float:left;
	padding:5px 0 5px 0;
	}

.eventos dt a{
	border:none;
	}

.eventos dt a {
	border:none;
	text-decoration:none;
	margin:0 0 0 8px;
	width:166px;
	float:left;
	color:#3aa8ec;
	font-size:0.95em;
	}
	
.eventos dt span {
	font-size:0.95em;
}


.eventos dd  {
	margin:0 0 8px 8px;
	width:160px;
	float:left;
	color:#9a9a9a;
	text-decoration:none;
	font-size:0.9em;
}

.eventos dt a:hover,dd a:hover {
	text-decoration:underline;
}

/*************************
COLUMNA DERECHA
**************************/
#columnaDerecha {
float: left; 
width: 180px;
padding:12px 0 0 0;
margin:0 0 0 25px;

}
* html #columnaDerecha {
position: relative;  /*** IE needs this  ***/
margin-right: -125px; /*** IE gets this margin. ***/

}

.formularioColDer form {
	width:168px;
}

/*
.usuario legend {
	position:relative;
	float:left;
	background: url(imagenes/headerForm.gif) no-repeat;
	width:166px;
	height:27px;
	color:#fff;
	padding:3px 115px 9px 10px;
	font-weight:bold;
	border:1px solid red;
}
*/

.usuarioHeader {
	background:url(imagenes/headerForm.gif) no-repeat;
	width:168px;
	height:25px;
	padding:2px 0 0 10px;
	color:#fff;
	font-weight:bold;
	
}

.formularioColDer .cuerpoForm {
	border-left:2px solid #1a86c6;
	border-right:2px solid #1a86c6;
	border-bottom:2px solid #1a86c6;
	width:154px;
	padding: 2px 0 8px 8px;
	float:left;
}

.formularioColDer label {
	color:#9a9a9a;
	padding: 0 0 2px 0;
	float:left;
}

.formularioColDer input {
	background:#c8e4f1;
	margin:0 0 5px 0;
	float:left;
	width:135px;
}



.formularioColDer .usuario .enviarForm { 
	background:url(imagenes/triangulitoAzulDer.gif) no-repeat;
	width:12px;
	height:12px;
	float:left;
	
	margin:2px 0 0 3px;
	
}

#bannerVertical {
	margin:-3px 0 0 0;
	padding: 0;
}


.tablonAnuncios {
	float:left;
	width:166px;
	margin:10px 0 0 0;
}

.tablonAnuncios a {
	color:				white;
	text-decoration: 	none;
}

.tablonAnunciosHeader {
	background:url(imagenes/headerForm.gif) no-repeat;
	width:166px;
	height:23px;
	color:#fff;
	font-weight:bold;
	padding:2px  0 0 8px;
	}

.tablonAnuncios dl { 
	border-left:2px solid #1a86c6;
	border-right:2px solid #1a86c6;
	border-bottom:2px solid #1a86c6; 
	float:left;
	width:162px;
	padding:5px 0 5px 0;
	}

.tablonAnuncios dt a{
	border:none;
	}

.tablonAnuncios dt a {
	border:none;
	text-decoration:none;
	margin:0 0 0 8px;
	width:135px;
	float:left;
	color:#3aa8ec;
	font-size:0.95em;
	}
	
.tablonAnuncios dt span {
	font-size:0.95em;
}


.tablonAnuncios dd a {
	margin:2px 0 12px 8px;
	width:140px;
	float:left;
	color:#9a9a9a;
	text-decoration:none;
	font-size:0.85em;
	line-height:1.1em;
}

.tablonAnuncios dt a:hover,dd a:hover {
	text-decoration:underline;
}


.publicarAnuncio {
  float:left;
  background:#018fd9 url(imagenes/triangulitoDer.gif) 148px center  no-repeat;
  width:166px;
  margin:0;
  margin-bottom: 10px;
  }
.publicarAnuncio a {
	color:#fff;
	float:left;
	margin:0 0 0 10px;
	padding: 5px 0 5px 10px;
	text-decoration:none;
}

.publicarAnuncio a:hover {
	text-decoration:underline;
}

/**************************
FOOTER
**************************/
#footer {
width: 996px;
border-top:1px solid #018fd9;
height: 40px; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
margin: 0 auto;
text-align: right;
padding:0;
background: white;
margin-bottom: 30px;
}


.logoCasavella  {
  position:relative;
  float:right;
  width:140px;
  margin:5px 14px 0 0;
 }

.logoCasavella  p {
  color:#999999;
  font-size:0.8em;
  float:left;
  width:40px;
  margin:14px 8px  0 0;
 }
.logoCasavella  a {
  background:url(imagenes/logoCasavella.gif) no-repeat;
  float:left;
  width:79px;
  height:27px;
  margin:0 8px 0 0;
 }

.logoCasavella  span {
  display:none;
}


.articleImageContainer {
	width:579px;
	height:384px; 
	position: relative;
	text-align: center;
	margin: auto;
}


.articleImageContainer.noImage {
	height:auto;
}

.articleImageContainer h1 {
	background:		url('imagenes/bgTitle.gif'); 
	position: 		absolute; 
	bottom:			0; 
	left:			0;
	width:			567px;
	text-align: 	left;
	padding: 		6px;
	padding-bottom: 10px;
}

.articleImageContainer h1 span {
	display: 		block;
	text-align:		left;
	font-size: 		.5em;
}



.largeImageContainer {
	position: relative;
	text-align: center;
	margin: auto;
}

.largeImageContainer h1 {
	background:		url('imagenes/bgTitle.gif'); 
	position: 		absolute; 
	bottom:			0; 
	left:			0;
	width:			548px;
	text-align: 	left;
	padding: 		6px;
	padding-bottom: 14px;
}

.largeImageContainer h1 span {
	display: 		block;
	text-align:		left;
	font-size: 		.5em;
}

.mediumImageContainer {
	width: 			367px;
	height: 		228px;
	position: 		relative;
	text-align: 	center;
	margin: 		auto;
	overflow: 		hidden;
}

.mediumImageContainer h3 {
	background:		url('imagenes/bgTitle.gif'); 
	position: 		absolute; 
	bottom:			0px; 
	left:			0px;
	width:			363px;
	text-align: 	left;
	padding: 		6px;
	color:			white;
}

.mediumImageContainer h3 span {
	display: 		block;
	text-align:		left;
	font-size: 		.8em;
}



.smallImageContainer {
	width: 			169px;
	height: 		112px;
	position: 		relative;
	text-align: 	center;
	margin: 		auto;
}

.smallImageContainer h3 {
	background:		url('imagenes/bgTitle.gif'); 
	position: 		absolute; 
	bottom:			0px; 
	left:			0px;
	width:			157px;
	text-align: 	left;
	padding: 		6px;
	color:			white;
	font-size: 		.9em;
}

.smallImageContainer h3 span {
	display: 		block;
	text-align:		left;
	font-size: 		.6em;
}

#headerBanner {
	height: 			145px;
	width: 				996px;
	overflow: 			hidden;
}

#placeHolderCabecera {
	height: 			145px;
	width: 				996px;
	overflow: 			hidden;
}

#contenidoDerecha .smallImageContainer {
	width: 		180px;
	height: 	136px;
}

#contenidoDerecha .smallImageContainer h3 {
	width:			168px;
}

#bannerVertical, #bannerVertical2 {
	width: 				165px;
	height: 			430px;
	overflow: 			hidden;
	clear: 				both;
}

#formFriend {
	clear: 				both;
	width: 				500px;
	display: 			none;
}

#formFriendVisible {
	clear: 				both;
	width: 				500px;
}

#formFriend form, #formFriendVisible form {
	padding: 		20px;
	position: 		relative;
}

#formFriend label, #formFriendVisible label {
	color:			#1fb0c1;
	display: 		block;
}

#formFriend input, #formFriend textarea, #formFriendVisible input, #formFriendVisible textarea {
	border:			1px solid #c2c2c2;
	margin-bottom: 	10px;
	width: 			200px;
}

#formFriend textarea, #formFriendVisible textarea {
	width: 			413px;
}

#formFriend .CampoTexto, #formFriendVisible .CampoTexto {
	float: 			left;
	margin-right: 	10px;
}

#formFriend .CampoTextArea, #formFriendVisible .CampoTextArea {
	float: 			none;
	clear: 			both;
} 

#formFriend input.submit, #formFriendVisible input.submit {
	width: 			70px;
	background: 	#b2b2b2;
	color:			white;
	border:			1px solid white;
	clear: 			both;
}

#contenidoCentro input.campoError, #contenidoCentro textarea.campoError {
	border:			1px solid red;
}

.contactList {
	list-style: 	none;
	padding: 		20px;
	font-size: 		.9em;
}

.contactList li {
	margin-bottom: 	30px;
}

.contactList li h2 {
	margin-bottom: 	0;
}

.contactList li strong {
	color:			#b3b3b3;
	display: 		block;
}

.contactList li a {
	color:			#27afc9;
	font-weight: 	bold;
	font-style: 	normal;
	text-decoration: 	none;
}

.contactList li a:hover {
	text-decoration: underline;	
}

#formSearchCompanies input {
	border: 			1px solid #c2c2c2;
	font-size: 			.9em;
	padding: 			3px;
	width: 				200px;
}

#formSearchCompanies {
	margin-bottom: 		10px;
}

#formSearchCompanies .submit {
	width: 				20px;
	height: 			20px;
	border: 			0;
	background: 		url("imagenes/lupa.gif") no-repeat bottom;
	paddnig-top: 		5px;
	margin-left: 		5px;
	cursor: 			pointer; 
}

#formSearchCompanies .submit:hover {
 	background: 		url("imagenes/lupaHover.gif") no-repeat bottom;
}

#searchCompaniesContainer {
	width: 				240px;
}

#companiesResults {
	padding: 		10px;
	color:			#bdbdbd;
	font-size: 		1.1em;
}

#companiesResults span {
	color:			#53bcdc;
	font-weight: 	bold;
}

.menu .linkHome a {
	border-top:		1px solid #3aa8ec;
	font-weight: 	bold;
}

#importantContactsLabel {
	border-bottom:	1px solid #ccc;
	margin-left: 	20px;
	color:			#27afc9;	
}

#linkLocales {
	display: none;
}

#formFriend .CampoCaptcha  input, #formFriendVisible .CampoCaptcha  input{
	width: 			196px;
}

#formFriend .CampoCaptcha, #formFriendVisible .CampoCaptcha {
	position:		relative;
	width: 			340px;
	margin-bottom:  10px;
	clear: 			both;
}

#formFriend .CampoCaptcha .ayuda, #formFriendVisible .CampoCaptcha .ayuda {
	display: 		block;
	color:			#999;
}

#formFriend .CampoCaptcha  img, #formFriendVisible .CampoCaptcha  img {
	position: 		absolute;
	top:			20px;
	right: 			0px;
}



/*///////*/



#formFriend, #formFriendVisible {
	color:			#53BCDC;
}

#companyLeft #formFriend , #companyLeft #formFriendVisible {
	width: 			200px;
}

#companyLeft #formFriend fieldset, #companyLeft #formFriendVisible fieldset {
	position: 		relative;
}

#companyLeft #formFriend input, #companyLeft  #formFriend textarea, #formFriendVisible input, #companyLeft #formFriendVisible textarea {
	width: 			200px;
}

#companyLeft #formFriend textarea, #companyLeft #formFriendVisible textarea {
	width: 			200x;
}
#companyLeft #formFriend .contenedor, #companyLeft #formFriendVisible .contenedor  {
	float: 			none;	
}

#companyLeft #formFriend .CampoTextArea, #companyLeft #formFriendVisible .CampoTextArea {
	float: 			none !important;
	clear: 			both;
} 


#companyLeft #formFriend .CampoCaptcha, #companyLeft #formFriendVisible .CampoCaptcha {
	position:		relative;
	width: 			220px;
	margin-bottom:  10px;
	clear: 			both;
}

#companyLeft #formFriend .CampoCaptcha input, #companyLeft #formFriendVisible .CampoCaptcha input {
	width: 			100px;
}