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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#menu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	background-image: url(../img/menu1.jpg);
	background-repeat: no-repeat;
	height: 89px;
	width: 1020px;
	font-weight: bold;
}

#menu1 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menu1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menu1 a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}




#menu1 a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}






#menu2011 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	background-image: url(http://www.racsa.co.cr/img/menu2011.jpg);
	background-repeat: no-repeat;
	height: 89px;
	width: 1020px;
	font-weight: bold;
}

#menu2011 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menu2011 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#menu2011 a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}




#menu2011 a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}







#corners_down {
	background-repeat: no-repeat;
	height: 15px;
	width: 1018px;
	position: relative;
	background-image: url(../img/corners.jpg);
	top: 0px;
}
#fondo_pagina_interna {
	background-repeat: no-repeat;
	height: auto;
	width: 1000px;
	left: 10px;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: 5cc300;
	position: relative;
	text-decoration: none;
	background-color: #FFFFFF;
}
#fondo_pagina_interna a {
}




#fondo_pagina_interna #texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	width: 950px;
	left: 15px;
	position: relative;
	text-align: justify;
	text-decoration: none;
	height: auto;
}
#fondo_pagina_interna   #texto   h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0080C7;
}
#fondo_pagina_interna #texto #texto #p h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #328DC4;
}


#fondo_pagina_interna #texto #p  th {
	color: #FFFFFF;
	background-color: 0094d4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: auto;
	text-align: center;
	padding: 3px;
}
#fondo_pagina_interna texto #p  td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	text-align: left;
	padding-left: 5px;
}
#fondo_pagina_interna #texto #p table {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	
	
}



#fondo_bottom   {
	background-image: url(../img/fondo_bottom.jpg);
	background-repeat: no-repeat;
	height: 159px;
	position: relative;
	width: 1028px;
}
#fondo_bottom   #bottom {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	position: static;
	font-family: Arial, Helvetica, sans-serif;
	width: 1020px;
}
#fondo_bottom  #bottom  a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#fondo_bottom   #bottom  a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#fondo_bottom  #bottom  a:hover {
	color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
#fondo_bottom   #bottom  a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#fondo_bottom  #menu_bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: relative;
	width: 750px;
	visibility: visible;
	height: 30px;
}
#fondo_bottom    #menu_bottom   a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#fondo_bottom  #menu_bottom  a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#fondo_bottom   #menu_bottom  a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#fondo_bottom  #menu_bottom  a:hover {
	color: #FFFF23;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}






#menu2 {
	background-image: url(../img/index_r4_c1.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	height: 74px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	right: -50px;
	}






#menu2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#menu2 a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}




#menu2 a:hover {
	color: #FFFF23;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#menu2 a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#correo {
	background-repeat: no-repeat;
	height: 123px;
	width: 680px;
	background-image: url(img/correo_boix.png);
	bottom: 500px;
	position: static;
	left: 200px;
	right: -200px;
	padding-bottom: -200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
}

#correo  a:active {
	color: #FFCC00;
	text-decoration: none;
}

#correo a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}


#correo a:visited {
	color: #FFCC00;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}


#correo a:link {
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
}



#correo .h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
.correo1 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}

}
a:link {
	color: #0099CC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:visited {
	text-decoration: none;
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:hover {
	text-decoration: none;
	color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:active {
	text-decoration: none;
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}





 #bottom {
	font-size: 10px;
	font-weight: bold;
	color: #99CC00;
	top: 900px;
	position: relative;
	left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	width: 650px;
}
 {
	background-image: url(../img/fondo_index.jpg);
	background-repeat: no-repeat;
	height: 849px;
	width: 1020px;
	position: relative;
	padding-top: -100px;
}

 #bottom a:visited {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
 #bottom a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.contenido_web {
	background-image: url(../img/fondo_web.jpg);
	background-repeat: no-repeat;
	height: 443px;
	width: 988px;
}



 #bottom a:hover {
	color: #FFFF23;
	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;
}


 #bottom a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}


 #menu_bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position: relative;
	top: 825px;
	left: 25px;
	width: 1020px;
	visibility: visible;
}
#novedades_links  {
	background-repeat: no-repeat;
	position: relative;
	height: 35px;
	width: 1000px;
}



  #novedades_links  a:hover  {
	color: #5cc300;
}
  #novedades_links  li  {
}
  #novedades_links  a:active  {
	color: #0099CC;
}
  #novedades_links  a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099FF;
	text-decoration: none;
}
 #banners {
	position: relative;
	width: 990px;
	left: 25px;
	background-repeat: no-repeat;
	top: -50px;
}
 #banners #banner2 {
	background-image: url(img/banner2.png);
	background-repeat: no-repeat;
	height: 315px;
	width: 420px;
}
#correo {
	background-repeat: no-repeat;
	height: 123px;
	width: 680px;
	background-image: url(img/correo_boix.png);
	bottom: 500px;
	position: static;
	left: 200px;
	right: -200px;
	padding-bottom: -200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
}

#correo  a:active {
	color: #FFCC00;
	text-decoration: none;
}

#correo a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}


#correo a:visited {
	color: #FFCC00;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}


#correo a:link {
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
}



#correo .h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}
.correo1 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}





 #novedades_links_en {
	background-image: url(../img/fondo_enlaces_en.jpg);
	background-repeat: no-repeat;
	left: 26px;
	position: relative;
	height: 270px;
	width: 990px;
	top: -50px;
}



  #novedades_links_en  a:hover  {
	color: #5cc300;
}
  #novedades_links_en  li  {
}
  #novedades_links_en  a:active  {
	color: #0099CC;
}
  #novedades_links_en  a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099FF;
	text-decoration: none;
}







 #servicios_empresariales {
	background-repeat: no-repeat;
	height: 450px;
	width: 983px;
	left: 15px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	background-position: -10px;
}

 #servicios_empresariales h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #32A9E1;
}


  #servicios_empresariales  a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #32A9E1;
	text-decoration: none;
}
#servicios_empresariales  #banners_inferiores {
	height: 360px;
	width: 956px;
}


 #servicios_empresariales a:active {
	color: #32A9E1;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

 #servicios_empresariales a:link {
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
 #servicios_empresariales a:hover {
	color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}




 #servicios_residenciales {
	background-repeat: no-repeat;
	height: 314px;
	width: 983px;
	left: 15px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-position: right;
}

 #servicios_residenciales h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #32A9E1;
}


  #servicios_residenciales  a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #32A9E1;
	text-decoration: none;
}
#servicios_residenciales #banners_inferiores {
	height: 360px;
	width: 956px;
}


 #servicios_residenciales a:active {
	color: #32A9E1;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

 #servicios_residenciales a:link {
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
 #servicios_residenciales a:hover {
	color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}











 #servicios_residenciales2 {
	background-repeat: no-repeat;
	height: 750px;
	width: 983px;
	left: 15px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-position: right;
}

 #servicios_residenciales2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #32A9E1;
}


  #servicios_residenciales2  a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #32A9E1;
	text-decoration: none;
}
#servicios_residenciales2 #banners_inferiores {
	height: 360px;
	width: 956px;
}


 #servicios_residenciales2 a:active {
	color: #32A9E1;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

 #servicios_residenciales2 a:link {
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
 #servicios_residenciales2 a:hover {
	color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}







 #servicio_al_cliente {
	background-image: url(../img/fondo_paginas_internas_menu_servicio_a_cliente.jpg);
	background-repeat: no-repeat;
	height: 314px;
	width: 983px;
	left: 15px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-position: right;
}

 #servicio_al_cliente h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #32A9E1;
}


  #servicio_al_cliente  a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #32A9E1;
	text-decoration: none;
}
 #servicio_al_cliente #banners_inferiores {
	height: 360px;
	width: 956px;
}


 #servicio_al_cliente a:active {
	color: #32A9E1;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

 #servicio_al_cliente a:link {
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
 #servicio_al_cliente a:hover {
	color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}






 #soporte_tecnico {
	background-image: url(../img/fondo_paginas_internas_menu_soporte_tecnico.jpg);
	background-repeat: no-repeat;
	height: 314px;
	width: 983px;
	left: 15px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-position: right;
}

 #soporte_tecnico h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #32A9E1;
}


  #soporte_tecnico  a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #32A9E1;
	text-decoration: none;
}
 #soporte_tecnico #banners_inferiores {
	height: 360px;
	width: 956px;
}


 #soporte_tecnico a:active {
	color: #32A9E1;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

 #soporte_tecnico a:link {
	color: #0099FF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
 #soporte_tecnico a:hover {
	color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
#contenido_izquierdo {
	background-repeat: no-repeat;
	height: 443px;
	width: 988px;
	background-image: url(../img/fondo_main.jpg);
}


#contenido_izquierdo a:link {
	color: #0099CC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contenido_izquierdo a:visited {
	text-decoration: none;
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contenido_izquierdo a:hover {
	text-decoration: none;
	color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contenido_izquierdo a:active {
	text-decoration: none;
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}







#contenido_derecho {
	background-image: url(../img/imgderecha.jpg);
	background-repeat: no-repeat;
	height: 443px;
	width: 580px;
}


#contenido_derecho a:link {
	color: #0099CC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contenido_derecho a:visited {
	text-decoration: none;
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contenido_derecho a:hover {
	text-decoration: none;
	color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contenido_derecho a:active {
	text-decoration: none;
	color: #0099CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.fondo_main {
	background-image: url(../img/fondo_main.jpg);
	height: 443px;
	width: 988px;
	background-repeat: no-repeat;
}




.stepcarousel{
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 550px; /*Width of Carousel Viewer itself*/
	height: 400px; /*Height should enough to fit largest content's height*/
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/*background-image: url(css/carousel/images/fondo.gif);*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 56px;
	top: -1px;
	height: 400;
	width:550;
}

.stepcarousel .panel{
	float: right; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 550px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 400px;
}
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8CC63E;
}
.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0094da;
}





#servicios_empresariales2 {
	background-repeat: no-repeat;
	height: 600px;
	width: 983px;
	left: 15px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	background-position: -10px;
}

 #servicios_empresariales2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4FBC2A;
}

	
  #servicios_empresariales2  a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #060;
	text-decoration: none;
}
#servicios_empresariales2  #banners_inferiores {
	height: 360px;
	width: 956px;
}


 #servicios_empresariales2 a:active {
	color: #060;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}

 #servicios_empresariales2 a:link {
	color: #060;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
 #servicios_empresariales2 a:hover {
	color: #9C0;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}