/* Paloma Alba y Asociados | Diseņo Web | Todos los derechos reservados 2009-2010*/
/* Desarrollado para: Constructora Jod y Dop de Costa Rica*/
*	{padding: 0px !important;margin: 0px !important;border: 0px;font-size:12px;color:#000000;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
p	{margin: 0px;border: 0px;font-size:12px;color:#000000;font-weight:normal;font-family:Arial, Helvetica, sans-serif;padding-left:10px!important;padding-right:10px!important;}
br	{line-height:4px;}
img	{border:0px;}
strong		{color:#000000;font-weight:bolder;font-size:13px;}
b	{color:#000000;font-weight:bold;font-size:12px;}
h1	{font-size: 16px;padding-left:10px!important;padding-top:10px!important;padding-bottom:0px!important;font-weight:bold;color:#FF0B03;border-bottom:2px dashed #9BD600;}
h2	{font-size: 12px;padding-top:12px!important;padding-left:12px!important;padding-bottom:3px!important;font-weight:bold;color:#000000;}
h3	{font-size: 12px;padding-top:12px!important;padding-left:68px!important;padding-bottom:3px!important;font-weight:bold;color:#000;	}
input, textarea	{border:1px solid #dedede;}
input .error, textarea . error	{border:1px solid #FF0000;}
div	{background-image:none;background: transparent;}
body	{background-image:url(../images/fondo.jpg);background-repeat:repeat-y;background-position:center;}		
.cuerpo	{width: 760px;height:auto;margin: 0px auto 0px auto!important;overflow: hidden;background-color:transparent;}
.izq	{width: 240px;height:auto;background-color:transparent;float:left;}
	.pestana{background-color: transparent;}
		.pestana .block
			{
			background-color:transparent;
			display: block; 
			}

			.pestana .block div
				{
				padding: 0px;
				}	
						.pestana .block .logos
						{
						background-image:url(../images/log.jpg);
						background-repeat: repeat-y;
						width: 240px;
						height: auto;				
						}
						.pestana .block .logosaba
						{
						background-image:url(../images/logaba.jpg);
						background-repeat: no-repeat;
						width: 240px;
						height: 40px;
						}
	#menu  
	{
	padding:0; 
	margin:0; 
	list-style:none;
	height:180px; 
	background-color:transparent; 
	position:relative; 
	z-index:500; 
	left:24px;
	top:28px; 
	_top:4px;/*IE6*/
	font-family:arial, verdana, sans-serif;
	}
		#menu  li .boton 
		{
		display:block;
		}
		#menu  li a.boton_link 
		{ 
		height:28px; 
		line-height:27px; 
		text-decoration:none; 
		font-size:11px; 
		font-weight:bold; 
		padding:0 0 0 0;
		cursor:pointer;
		background: url(../images/boton.jpg);
		width:184px;	
		}
			#menu  li a.boton_link span 
			{
			display:block; 
			padding:0 0 0 0; 
			margin-top:12px!important;
			_margin-top:0px!important;/*IE6*/
			height:28px;
			background:url(../images/boton.jpg) right top;
			background-repeat:no-repeat;
			width:184px;
			color:#214402;
			font-weight:bold;
			}
			#menu  li a.boton_link span.down 
			{ 
			display:block; 
			padding:0 0px 0 12px; 
			height:28px; 
			background:url(../images/botona.jpg) no-repeat right top;				
			background-repeat:no-repeat;
			}
		#menu  li a.boton_link:hover 
		{
		color:#ffffff; 
		background: url(../images/boton_hover.jpg) no-repeat;
		}
			#menu  li a.boton_link:hover span 
			{
			background:url(../images/boton_hover.jpg) no-repeat right top;
			}
			#menu  li a.boton_link:hover span.down 
			{
			background:url(../images/botona_hover.jpg) no-repeat right top;
			}
		#menu  li:hover > a.boton_link 
		{
		color:#fffffff; 
		background: url(../images/boton_hover.jpg) no-repeat;
		}
			#menu  li:hover > a.boton_link span 
			{
			background:url(../images/boton_hover.jpg) no-repeat right top;
			}
			#menu  li:hover > a.boton_link span.down 
			{
			background:url(../images/botona_hover.jpg) no-repeat right top;
			}
		#menu  li:hover 
		{
		position:relative; 
		z-index:200;
		}
		#menu  ul, 
		#menu  li:hover ul ul,
		#menu  li:hover ul li:hover ul ul,
		#menu  li:hover ul li:hover ul li:hover ul ul,
		#menu  li:hover ul li:hover ul li:hover ul li:hover ul ul
		{
		position:absolute; 
		left:-9999px; 
		top:-9999px; 
		width:0; 
		height:0; 
		margin:0; 
		padding:0; 
		list-style:none;
		}
			#menu  li:hover ul.submenu
			{
			left:0; 
			top:28px; 
			background: #ffffff; 
			padding:3px; 
			border:1px solid #dedede; 
			width:175px; 
			height:auto; 
			z-index:300;
			}
			#menu  li:hover ul.submenu li
			{
			display:block; 
			height:20px; 
			position:relative; 
			float:left; 
			width:175px; 
			font-weight:normal;
			}
				#menu  li:hover ul.submenu li a
				{
				display:block; 
				font-size:12px; 
				height:20px; 
				width:175px; 
				line-height:20px; 
				text-indent:5px; 
				color:#000000; 
				text-decoration:none;
				}
			#menu  li:hover ul.submenu li a:hover 
			{
			background:#FF0603; 
			color:#ffffff;
			}
		#menu  li:hover ul li:hover ul,
		#menu  li:hover ul li:hover ul li:hover ul,
		#menu  li:hover ul li:hover ul li:hover ul li:hover ul,
		#menu  li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
		{
		left:90px; 
		top:-4px; 
		background: #ffffff; 
		padding:3px; 
		border:1px solid #3a93d2; 
		white-space:nowrap; 
		width:90px; 
		z-index:400; 
		height:auto;
		}
	
	.btn
	{
	background-color: transparent;
	}
		.btn .blck
			{
			background-color:transparent;
			display: block; 
			}

			.btn .blck div
				{
				padding: 0px;
				}	
						.btn .blck .btns
						{
						position:relative;
						_top:12px;/*IE6*/	
						left:24px;
						background-image:url(../images/btn.jpg);
						background-repeat: no-repeat;
						width: 186px;
						height: 72px;									
						}	
							
						.btn .blck .btns2
						{
						position:relative;
						_top:10px;/*IE6*/
						left:24px;
						background-image:url(../images/btn2.jpg);
						background-repeat: no-repeat;
						width: 186px;
						height: 72px;				
						}
						.btn .blck .btns3
						{
						position:relative;
						_top:8px;/*IE6*/
						left:24px;
						background-image:url(../images/btn3.jpg);
						background-repeat: no-repeat;
						width: 186px;
						height: 72px;				
						}
						.btn .blck .btns4
						{
						position:relative;
						_top:6px;/*IE6*/
						_height:82px;/*IE6*/
						left:24px;
						background-image:url(../images/btn4.jpg);
						background-repeat: no-repeat;
						width: 186px;
						height: 72px;				
						}	
	.carrusel
	{
	background-color: transparent;
	}
		.carrusel .blk
			{
			background-color:transparent;
			display: block; 
			float: left;
			}
			.carrusel .blk div
				{
				padding: 0px;				
				position:relative;
				}	
						.carrusel .blk .carru
						{
						background-color:transparent;
						width: 490px;
						height: 99px;
						top:10px;
						left:20px;
						display: block;						
						}
							.infiniteCarousel {
							  width: 490px;
							  position: relative;	
							}
							.infiniteCarousel .wrapper {
							  width: 416px;
							  _width: 416px;
							  overflow: auto;
							  min-height: 10em;
							  _height:10em;
							  margin: 0 0px;
							  position: relative;
							  left:37px;
							}
							.infiniteCarousel ul a img {
							padding-left:20px!important;
							padding-top:25px;		
							}
							.infiniteCarousel .wrapper ul {
							  width: 9999px;
							  list-style-image:none;
							  list-style-type:none;
							  margin:0;
							  padding:0;
							  position: absolute;
							  top: 0;					
							}
							.infiniteCarousel ul li {/*Fondo del carrousel*/
							  display:block;
							  float:left;
							  padding: 10px;
							  height: 95px;
							  width: 104px;
							  background-color:#FFFFFF;
							  border-bottom:1px solid #dedede;
							  border-top:1px solid #dedede;
							}
							.infiniteCarousel ul li a img {
							  display:block;
							  position:relative;
							  top:10px;
							}
							.infiniteCarousel .arrow {
							  display: block;
							  height: 99px;
							  width: 37px;
							  text-indent: -999px;
							  position: absolute;
							  top: 0px;
							  cursor: pointer;
							}
							.infiniteCarousel .forward {
							  background: url(../images/arrow-der.jpg) no-repeat 0 0;
							  right: 0;
							}
							.infiniteCarousel .back {
							  background: url(../images/arrow-izq.jpg) no-repeat 0 0;
							  left: 0;
							}
							.infiniteCarousel .forward:hover {
							  background: url(../images/arrow-dera.jpg) no-repeat 0 0;
							}
							.infiniteCarousel .back:hover {
							  background: url(../images/arrow-izqa.jpg) no-repeat 0 0;
							}						
	.texto
	{
	background-color: transparent;
	}
		.texto .txt
			{
			background-color:transparent;
			display: block; 
			float: left;
			}

			.texto .txt div
				{
				padding: 0px;
				top:50px;
				left:20px;
				position:relative;
				}	
						.texto .txt .textoup
						{
						background-image:url(../images/uptexto.jpg);
						background-repeat:no-repeat;
						width: 490px;
						height: 60px;
						display: block;
						background-position:center center;							
						}
							.texto .txt .textoup .banderas
							{
							position:relative;
							top:2px;
							left:270px;
							}
							.texto .txt .textoup .banderas a
							{
							font-size:11px;
							font-weight:bold;
							text-decoration:none;
							color:#FFFFFF;
							}
							.texto .txt .textoup .banderas a:hover
							{
							color:#FF0B03;
							}
						.texto .txt .textotxt
						{
						background-color:#ffffff;
						width: 490px;
						height: auto;							
						min-height:530px;						
						_height:690px;					
						display: block;						
						}
							.texto .txt .textotxt .loader /*IE6*/
							{
							_height:530px; 
							_width:410px;
							}
							.texto .txt .textotxt img
							{
							padding-right:10px!important;}
							
							.texto .txt .textotxt ul	{margin: 0px;border: 0px;font-size:12px;color:#000000;font-weight:normal;font-family:Arial, Helvetica, sans-serif;padding-left:40px!important;padding-right:10px!important;}
							
							.sm ul, li, a{font-weight:bold; font-size:12px; text-decoration:none;}

.footer 
	{
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	margin:0px auto 0px auto!important;
	text-align: center;
	width:982px;
	height:auto;
	padding-top:28px!important;
	position:relative;
	}
		.footer p
		{
		font-size:10px;
		font-weight:bold;
		color:#F4FF29;
		}
		.footer span
		{
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
		color:#A8E700;
		}
		.footer a
		{
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
		color:#A8E700;
		}		
		.footer a:hover
		{
		color:#C1FF1B;
		}

#cuadrofotos {
  background-color: #dedede;
  display:none;
  position: absolute; 
  padding: 5px;
  width:595px;
  height:435px;
  right:130px;
  top:260px;  
  z-index: 100;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border:2px solid #999999;   
}
#cuadrofotos span{
width:620px;
height:460px;
top:20px;
margin:10px!important;

}
/*Alertas Formulario de Contacto*/
#alerta {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; 
	max-width: 600px; 
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	_width:300px;
}

#titulo_alerta {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #ffffff;
	background: #7EA701 url(../images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#contenido_alerta {
	background: 26px 22px no-repeat url(../images/info.gif)!important;
	padding: 1em 1.86em!important;
	margin: 0em;
	height:60px;
}

#mensaje_alerta {
	padding-left: 48px!important;
}

#centrar_alerta {
	text-align: center;
	margin: 1em 0em 0em 1em;
}