@charset "utf-8";
/* CSS Document */

HTML, BODY {
	margin:0;
	background:url(imatges/background_repeat.jpg) center top repeat-y;
	text-align:center;
	height:100%;
}

IMG {
	border:0;
}

#container {
 margin:0;
 background:transparent url(imatges/background_green.jpg) center top no-repeat;
 height:100%;

}

#container_grey {
 margin:0;
 background:url(imatges/background_grey.jpg) center top no-repeat;
 height:100%;
 clear:both;
}

#container_red {
 margin:0;
 background:url(imatges/background_red.jpg) center top no-repeat;
 height:100%;
 clear:both;
}

#container_blue {
 margin:0;
 background:url(imatges/background_blue.jpg) center top no-repeat;
 height:100%;
 clear:both;
}

#container_orange {
 margin:0;
 background:url(imatges/background_orange.jpg) center top no-repeat;
 height:100%;
 clear:both;
}


#content {
	width:830px;
	margin:0 auto;



}

#header {
	top:0;
	width:830px;
	height:37px;
}

#header_inf {
	top:0;
	width:830px;
	height:60px;
}
	
#sub-header {
	top:0;
	margin:0;
	width:830px;
	height:60px;
}

#title-page {
	float:left;
	margin:0;
	clear:both;
}



#title-page h1 {
	font-family:"Century Gothic",sans-serif; font-size:24px; font-weight:bold; color:#333;
	padding:0 0 0 20px; text-align:left; margin-bottom:0;
}

.h3_servicios {
	margin:0 0 0 2px; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#666; text-decoration:underline; text-align:left;
}

#footer {
	width:830px;
	height:75px;
	margin:0 auto 0 auto;
	clear:both;
	background:url(imatges/mail.jpg);
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#fff;
}

#footer_grey {
	width:830px;
	height:75px;
	margin: -3em auto 0 auto;

	clear:both;
	background:url(imatges/mail_grey.jpg);
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#fff;
}

#footer_red {
	width:830px;
	height:75px;
	margin:0 auto 0 auto;
	clear:both;
	background:url(imatges/mail_red.jpg);
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#fff;
}



#footer_blue {
	width:830px;
	height:75px;
	margin:0 auto 0 auto;
	clear:both;
	background:url(imatges/mail_blue.jpg);
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#fff;
}

#footer_orange {
	width:830px;
	height:75px;
	margin:0 auto 0 auto;
	clear:both;
	background:url(imatges/mail_orange.jpg);
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#fff;
}


#footer span {
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		color:#999;
}

#content_left {
	width:428px;
	margin:0 auto 0 auto;
	float:left;
	text-align:left;
	padding-left:15px;
}

#content_left h1 {
	font-family:"Century Gothic",sans-serif; font-size:24px; font-weight:bold; color:#333;
	margin-bottom:3px; text-align:left;
	
}

#content_casos {
	width:800px;
	margin:0 auto 0 auto;
	float:left;
	text-align:left;
	padding-left:15px;
}

#content_casos h1 {
	font-family:"Century Gothic",sans-serif; font-size:24px; font-weight:bold; color:#333;
	margin-bottom:3px; text-align:left;
	
}


#content_left_portfolio {
	width:810px;
	margin:0 auto 0 auto;
	float:left;
	text-align:left;
	padding-left:15px;
}

#content_left_portfolio h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#333;
	margin-bottom:3px; text-align:left;
	
}

#content_left_portfolio p {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;
}

#content_left h3 {
	margin-top:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#666;
}

#content_casos h3 {
	margin-top:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#666;
}

/* version 2 */

#content_2 {
	width:830px;
	margin:0 auto;



}

#container_a {
	width:828px;
	height:294px;
	padding-top:10px;
	margin-right:10px;
	text-align:left;
	padding-bottom:0;
	margin-bottom:0;
}

#container_b {
	width:828px;
	margin:0 10px 0 10px;
	padding:0 10px 0 10px;
	text-align:left;
	border:solid 1px #CCC;
}

#container_cont {
	float:left;
	padding-right:10px;
	padding-left:10px;

	width:475px;
	margin:0;
	text-align:left;
	height:294px;
}

#container_img {
	float:right;
	padding-right:40px;
	width:285px;
	margin:0;
}



#container_cont p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; word-spacing:2px; text-align:justify; }

#container_cont h2 {
	padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#690;
}	

.titular_der {
	width:400px; margin:0; padding:0; float:left;
}

.titular_der h1 {
	width:400px; font-family:"Century Gothic",sans-serif; line-height:30px; font-size:24px; font-weight:bold; color:#333; margin-top:12px; margin-bottom:0; padding:0 0 0 10px; text-align:left; clear:inherit;
	
}

.titular_der h3 {
	font-family:"Century Gothic",sans-serif; line-height:30px; font-size:14px; color:#333; margin-top:0; padding:0 0 0 10px; text-align:left; clear:inherit;
	
}



#sub_bar {
	width:100%; height:40px; margin:0;
	
}



#menu_izq{
	float:right;
	padding-right:5px; *padding-right:0;
	margin:0;
	margin-top:0;


	

}

#menu_izq ul li {
        display: inline;
        padding: 2px;
		color:#333;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		border-right:dotted 1px #333;
		border-left:dotted 1px #333;
		border-bottom:dotted 1px #333;
		border-top:dotted 1px #333;

}
#menu_izq ul li:hover {
		border:solid 1px 0 1px 0 #333;/* Color de fondo sobre el boton */
        cursor: pointer; /* cambiar el aspecto del puntero */
		border:dotted 1px #333;
		background-color:#FFF;
		
}
#menu_izq ul {
	margin-top:15px;


}

#menu_izq ul li.active {
        display: inline;
        padding: 2px;
        margin:2px;
		color:#333;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		font-weight:bold;
		border:dotted 1px #333;


}

#menu_izq ul li A:LINK, #menu_izq ul li A:VISITED {

		color:#333;
		text-decoration:none;
		font-weight:bold;
		



}

/* final version 2 */

#content_left h3.h3_servicios {
	margin-top:0; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#666; text-decoration:underline; padding-left:0;
}

#content_left h2 {
	font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#690;
}

#content_casos h5 {
	font-family:Arial, Helvetica, sans-serif; clear:inherit; font-size:14px; font-weight:bold; color:#690; margin:3px; padding:2px 2px 2px 5px;
}

#content_casos h2 {
	font-family:Arial, Helvetica, sans-serif; clear:inherit; font-size:17px; font-weight:bold; color:#fff; background-color:#669966; margin:3px; padding:2px 2px 2px 5px;
}


#content_left p {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;
}

#content_casos p {
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; letter-spacing:1px; text-align:justify; padding-right:50px;
}

.img_pad_top { margin-top:40px; }

#content_left #botones {
	width:418px;
	height:103px;
	border:solid 1px #000;
	
}

#content_left #botones ul li {
        display: inline;
		list-style-type:none;

}

#content_left #botones a {
		width:88px;
		height:103px;
        display: inline;
		background:url(imatges/iconos.png) bottom center no-repeat;
		border:solid 1px #000;
		text-indent:-9000%;
}


#logo {
	width:156px;
	height:60px;
	margin:0 auto 0 5px;
	top:0;
	float:left;
	
}

#logo A:LINK{
	width:156px;
	height:60px;
	
}

#content_right {
	width:380px;
	top:0;
	float:right;
	
}

#content_right p {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-align:left; margin:0 20px 0 20px;
}

#content_right h2 {
	font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#690; text-align:left; padding-left:20px;
}




/* Easy Slider */
	#slider {
		margin-left:20px; *margin-top:15px;
	}

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:340px;
		height:358px;
		overflow:hidden; 

		}
		
		#slider, #slider li h3{
			font-size:20px;
			font-weight:bolder;
			color:#360;
			margin-bottom:3px;
			margin-top:0;
		
		}
		
		#slider, #slider li p{
			margin-top:0;
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			color:#333;
			text-align:center;
		}
		
		#slider li a:link, slider li a:visited{
			margin-top:0;
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			text-align:center;
			text-decoration:underline;
		}
		
		#slider IMG{
			margin:0 0 0 0;
		}
	

											
	span a{

		width:26px;
		height:39px;

		
		}
		


#menuhoriz{
	top:0;
	float:right;
	padding-right:5px; *padding-right:0;
	

}

#menuhoriz ul li {
        display: inline;
        padding: 2px;
		color:#333;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		border-right:dotted 1px #333;
		border-left:dotted 1px #333;
		border-bottom:dotted 1px #333;
		border-top:dotted 1px #333;

}
#menuhoriz ul li:hover {
		border:solid 1px 0 1px 0 #333;/* Color de fondo sobre el boton */
        cursor: pointer; /* cambiar el aspecto del puntero */
		border:dotted 1px #333;
		background-color:#FFF;
		
}
#menuhoriz ul {


}

#menuhoriz ul li.active {
        display: inline;
        padding: 2px;
        margin:2px;
		color:#333;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		font-weight:bold;
		border:dotted 1px #333;


}

#menuhoriz ul li A:LINK, #menuhoriz ul li A:VISITED {

		color:#333;
		text-decoration:none;
		font-weight:bold;
		



}


.caja_menu { text-align:center; margin-left:5px; *margin-left:-5px;}

.menu_cont { height:100px; padding:0;}
.menu_cont li {float:left; list-style-type:none; margin:0 5px 0 5px; *margin:0; *padding:0 2px 0; }
.menu_cont a { display:block; height:113px;}

.menu_nosotros a { width:88px; background:url(imatges/iconos.jpg) no-repeat -10px -120px;}
.menu_servicios a { width:88px; background:url(imatges/iconos.jpg) no-repeat -114px -120px;}
.menu_contacto a { width:88px; background:url(imatges/iconos.jpg) no-repeat -217px -120px;}
.menu_empleo a { width:88px;  background:url(imatges/iconos.jpg) no-repeat -320px -120px;}


.menu_nosotros a:hover {background-position:-10px 0px;}
.menu_servicios a:hover{background-position:-114px 0px;}
.menu_contacto a:hover {background-position:-217px 0px;}
.menu_empleo a:hover {background-position:-320px 0px;}


#content_services {
	width:680px;
	margin:0 auto 0 auto;
	text-align:center;
	height:248px;
}

#content_services h2 {
	font-family:"Century Gothic",sans-serif; font-size:24px; font-weight:bold; color:#C00;
	margin:20px auto 0 auto;
	text-align:center;

}

#content_services h3 {
	font-family:"Century Gothic",sans-serif; font-size:18px; font-weight:bold; color:#666;
	margin:10px auto 0 auto;
	text-align:center;
	padding-bottom:10px;

}

.advert {
	font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#666;
	margin:30px 50px 10px 50px;
	line-height:15px; padding-top:20x;
	text-align:justify;

}
.caja_servicios { *margin-left:-5px;}

.menu_servi { height:147px; padding:0;}
.menu_servi li {float:left; list-style-type:none; margin:0 5px 0 5px; *margin:0; *padding:0 2px 0; }
.menu_servi a { display:block; height:147px;}

.menu_diseno a { width:124px; background:url(imatges/iconos_servicios.jpg) no-repeat -10px 0px;}
.menu_web a { width:124px; background:url(imatges/iconos_servicios.jpg) no-repeat -136px 0px;}
.menu_hosting a { width:124px; background:url(imatges/iconos_servicios.jpg) no-repeat -260px 0px;}
.menu_posicion a { width:124px;  background:url(imatges/iconos_servicios.jpg) no-repeat -384px 0px;}
.menu_manten a { width:124px;  background:url(imatges/iconos_servicios.jpg) no-repeat -511px 0px;}


.menu_diseno a:hover {background-position: -10px -173px;}
.menu_web a:hover{background-position:-136px -173px;}
.menu_hosting a:hover {background-position:-260px -173px;}
.menu_posicion a:hover {background-position:-384px -173px;}
.menu_manten a:hover {background-position:-511px -173px;}


#sub_content{
width:790px;
margin:50px 20px 0px 20px;
display:block;



}
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}

/* Formulario de Contacto */
#formulario{
width:790px;
margin:50px 20px 0px 20px;
display:block;
background:url(imatges/form_middle.jpg) top center repeat-y;


}

#formulario#formulario_header{
width:790px;
height:26px;
top:0;
margin:0;
padding:0;

}

#formulario#formulario_footer{
width:790px;
height:26px;
bottom:0;
margin:0;

}

#formulario h2{
font: bold 1em/32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color:#09C;
margin-bottom:0;
margin-top:0;
text-align:left;

}

#formulario h3{
font: bold 0.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color:#666;
padding-top:0;
margin-bottom:0;
margin-top:0;
text-align:left;

}

#formulario INPUT, TEXTAREA, SELECT{
	border:dotted 1px #06C;

	height:20px;
	

}

#formulario input:focus, #formulario textarea:focus {
	background-color:#F9F9F9;

	
	} 


.separator {
	width:728px;
	height:18px;
	background:url(imatges/form_footer_separator.jpg) center center no-repeat;
	margin:0;
}

#caja_left{

float:left;
margin:0 30px 0 30px;
}


#caja_left form{
font: bold 0.8em/32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color:#666;
margin:0;
display:block;
width:400px;


}

.titulo_form{
	padding-left:15px;
}





#caja_left p{

margin: 0;
padding: 5px 0 8px 0;
padding-left: 100px; /*width of left column containing the label elements*/
border-bottom: 1px dashed #ccc;
height: 1%;
text-align:left;
}

#container_blue #content #formulario #caja_left p.p_empleo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-align: left;
	margin-left:0;
	padding-left:0;
	color:#333;
}

#caja_left label{
font-weight: bold;
float: left;
margin-left: -100px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#caja_left input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
}

#caja_left textarea{
width: 200px;
height: 100px;
}

#icono_contacta {
	background:url(imatges/icono_contacta.jpg) center center no-repeat;
	width:212px;
	height:356px;
	float:right;
	margin:0;
	padding-right:30px;
	top:0;
}



#icono_empleo_orange {
	background:url(imatges/icono_empleo_orange.jpg) center center no-repeat;
	width:171px;
	height:160px;
	float:right;
	margin:0;
	padding-right:30px;
	top:0;
}

#info_contact {
	width:250px;
	float:right;
	padding-right:30px;
	top:0;
	text-align:right;
	padding-bottom:20px;
}


#icono_llama {
	background:url(imatges/icono_oficinas.jpg) center center no-repeat;
	width:171px;
	height:160px;
	float:right;
	margin:0;
	padding-right:30px;
	top:0;
}

#icono_empleo {
	background:url(imatges/icono_empleo.jpg) center center no-repeat;
	width:171px;
	height:160px;
	float:right;
	margin:0;
	padding-right:30px;
	top:0;
}

#icono_sitemap {
	background:url(imatges/icono_sitemap.jpg) center center no-repeat;
	width:171px;
	height:160px;
	float:right;
	margin:0;
	padding-right:30px;
	top:0;
}

#icono_privacidad {
	background:url(imatges/icono_privacidad.jpg) center center no-repeat;
	width:171px;
	height:160px;
	float:right;
	margin:0;
	padding-right:30px;
	top:0;
}

#icono_legalidad {
	background:url(imatges/icono_aviso_legal.jpg) center center no-repeat;
	width:171px;
	height:160px;
	float:right;
	margin:0;
	padding-right:30px;
	top:0;
}

#icono_contrato {
	background:url(imatges/icono_contrato.jpg) center center no-repeat;
	width:171px;
	height:160px;
	float:right;
	margin:0;
	padding-right:30px;
	top:0;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#condiciones p {
padding-left:0;
font-size:15px;
}

#condiciones h2 {
	color:#333;
}

.test_passed {
	width:20px;
	height:20px;
	background:url(imatges/test_pasado.jpg) center right no-repeat;

	
}

.test_nopassed {
	width:20px;
	height:20px;
	background:url(imatges/test_nopasado.jpg) center right no-repeat;
	color:#C00;

}

#errores {
	width:400px;
	border:dotted 1px #900;
	text-align:left;
	color:#C00;
	font-size:11px;
	padding-left:5px;
	margin:0 0 10px 0;
	line-height:18px;
}

#lenguajes {
	width:250px;
	height:37px;
	vertical-align:top;
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:left;
	color:#fff;

}

#lenguajes A:LINK, #lenguajes A:VISITED {
	text-decoration:none;
	color:#fff;
}

#lenguajes A:HOVER {
	color:#fff;
	border-bottom:solid 1px #fff;
}

#areacli {
	float:right;
	width:305px;
	height:17px;
	vertical-align:middle;
	padding-top:5px;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:right;
	color:#fff;
	font-weight:bold;
	

}

#areacli A:LINK, #areacli A:VISITED {
	text-decoration:none;
	color:#fff;
}

#areacli A:HOVER {
	color:#fff;
	border-bottom:solid 1px #fff;
}

#politicas {
	width:830px;
	padding-left:5px;
	height:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	padding-top:45px;
	

}

#politicas A:LINK, #politicas A:VISITED {
	text-decoration:underline;
	color:#fff;
}

#politicas A:HOVER {
	color:#fff;

}

#copyright {
	float:right;
	width:400px;
	padding-right:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#fff;
	font-weight:bold;
	vertical-align:bottom;

}

.apendices {
	font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#333;
}

#sitemap_l {
  background-color: #fff;
  text-align:left;
  width:250px;
  float:left;
  margin:5px;
}

#sitemap_r {
  background-color: #fff;
  text-align:left;
  width:250px;
  float:right;
  margin:5px;
}

#portfolio {
	position:relative;
	top:0;
	width:80px;
	height:70px;
	z-index:100px;
	 clear:both;
	 float:right;
	 margin-right:10px;
}

#carrusel {
	position:relative;
	border:solid 1px #fff;
	width:98%;
	margin:20px auto 0 auto;
}



#carrusel ul {
	line-height:30px;
	padding:0;
	margin:2px;
}

#carrusel ul li {
	list-style:none;
	display:inline;
}

#logo_s {
	width:800px; height:100%; margin:10px auto 0 auto;
}

#info {
	width:40%; float:left; margin-left:5px; text-align:left;
}

#info ul li {
	list-style:none;
	display:block;
	margin-left:-40px;
}

#info li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666;
}

#info li span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	
}

.form_ok {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#390;
	margin-bottom:10px;
}

.form_nok {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#C00;
	margin-bottom:10px;
}

.caja { width:800px; padding:5px 5px 0 -10px; height:250px; text-align:left; }

.caja UL.col3
	{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 15px 0px;
	WIDTH: 100%;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	color:#666;
	font-size:14px;
	font-family:verdana,tahoma,arial;
	font-weight:bold;
	}

.caja UL.col3 LI
	{
	PADDING-RIGHT: 2px;
	DISPLAY: inline;
	PADDING-LEFT: 2px;
	FLOAT: left;
	PADDING-BOTTOM: 1px;
	WIDTH: 135px;
	PADDING-TOP: 1px;
	font-size:12px;
	font-weight:normal;
	} 
	


.caja UL.col3 li a {
color:#C00;
	border-bottom:1px dotted #878787;
text-decoration:none;
background: url(imatges/tag.gif) 0 1px no-repeat;
padding-left:20px;
margin:2px 0 5px 2px;

}



.col3
	{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px 0px 5px 10px;
	WIDTH: 300px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	color:#666;
	font-size:12px;
	font-family:verdana,tahoma,arial;
	}

.col3 LI
	{
	PADDING-RIGHT: 2px;
	DISPLAY: inline;
	PADDING-LEFT: 2px;
	FLOAT: left;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 3px;
	font-weight:bold;
	color:#666;
	border-bottom:1px dotted #878787;
text-decoration:none;
background: url(imatges/tag.gif) 0 1px no-repeat;
padding-left:20px;
margin:2px 0 5px 2px;
	} 
	
	.col3 LI.sin_estilo
	{
	padding-right: 2px;
	display: inline;
	padding-left: 2px;
	FLOAT: left;
	padding-bottom:6px;
	padding-top: 10px;
	font-weight:bold;
	color:#C00;
	font-size:18px;
	text-decoration:none;
	padding-left:0px;
	margin:2px 0 5px 2px;
	border:0;
	text-align:left;
	background:none;
	width: 380px;
	} 
	
	.col3 LI.sin_estilo_green
	{
	padding-right: 2px;
	display: inline;
	padding-left: 2px;
	FLOAT: left;
	padding-bottom:6px;
	font-weight:bold;
	color:#690;
	font-size:14px;
	text-decoration:none;
	padding-left:0px;
	margin:2px 0 5px 2px;
	border:0;
	text-align:left;
	background:none;
	width: 380px;
	} 
	


.col3 a:LINK, .col3 a:visited{
	
	color:#C00; text-decoration:underline; font-weight:normal;
}

.bot_interior {
	width:200px; clear:inherit; padding:0; margin:0; height:36px; padding-left:80px;
}

.leyenda {
	width:300px;
	padding:30px 10px 5px 30px;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

.caja_service { width:800px; padding:5px 5px 0 -10px; height:250px; text-align:left; }

.caja_service UL.col33
	{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 15px 0px;
	WIDTH: 100%;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	color:#666;
	font-size:14px;
	font-family:verdana,tahoma,arial;
	font-weight:bold;
	}

.caja_service UL.col33 LI
	{
	PADDING-RIGHT: 2px;
	DISPLAY: inline;
	PADDING-LEFT: 2px;
	FLOAT: left;
	PADDING-BOTTOM: 1px;
	WIDTH: 135px;
	PADDING-TOP: 1px;
	font-size:12px;
	font-weight:normal;
	} 
	


.caja_service UL.col33 li a {
color:#C00;
	border-bottom:1px dotted #878787;
text-decoration:none;
background: url(imatges/tag.gif) 0 1px no-repeat;
padding-left:20px;
margin:2px 0 5px 2px;

}

.img_casos {
	margin-right:100px; margin-top:50px;
}