/* CSS para EscuintlaViva.com */
/* Enero de 2007              */
/* Autor: Adán A. C.          */
/* Web: escuintlaviva.com     */
/* -------------------------- */

@import "./body.css";

.negocios-fade img{
	border:1px solid #999999;
	background-color:#FFFFFF;
}

#creditos{
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	width:500px;
	text-align:center;
	font-weight:bold;
}

#imglogo{
	width:495px; 
	height:97px;
	background-image:url(pixs/logo.png);
	cursor:pointer;
	margin-left:110px;
}

#escuintla-fade{
	width:315px;
	height:200px;
	margin-bottom:10px;
	margin-top:5px;
}

.negocios-fade{
	width:100px;
	height:100px;
	float:left;
}

.popupinfo{
	padding:15px;
	margin:auto;
	background-color:#E0F5FC;
	border:1px solid #3399FF;
	font-family:Helvetica, Verdana, Tahoma, Arial;
	font-size:12px;
	font-weight:bold;
}

a {outline:0;}

#header{
	width:1024px;
}

		#logo{
			width:611px;
			background-image:url(pixs/bgHeader.png);
			height:85px;
			background-repeat:repeat-x;
			float:left;
			text-align:right;			
		}

		#mensajito{
			width:403px;
			background-image:url(pixs/bgMensajito.gif);
			height:93px;
			background-repeat:no-repeat;
			float:right;
			padding-top:37px;
			padding-left:10px;
			text-align:left;				
		}


#navigation_bar{
	position:static;
	margin-left:110px;
	height:50px;
}
	
		#navigation_bar ul{
			margin: 0 auto;
			padding: 0;
			list-style-type: none;
		}
		#navigation_bar li{
			text-align:center;
			display:inline;
		}
		#navigation_bar a{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:15px;
			font-weight:bold;
			text-decoration:none;
			padding-top:3px;
			padding-bottom:2px;
			padding-right:15px;
			padding-left:25px;
			color: #330000;
			border:1px solid #FFFFFF;
			margin-right:-3px;
			background-color:#B1E6B1;
		}
		#navigation_bar a {
			line-height:24px;
		}
		#navigation_bar a:hover{
			text-decoration:none;
			background-color:#7C97C6;
		}

		#navigation_bar a:hover{
			color:#FFF;
		}
		#navigation_bar {
			width:400px;
			top: 8px;
			
		}

#submenu_cultura, #submenu_ocio, #submenu_eventos {
	position:absolute;
	list-style:none;
	width:346px;
	height:16px;
	top:157px;
	left:110px;
	text-align:center;
}

#submenu_cultura a, #submenu_ocio a, #submenu_eventos a{
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	top:-5px;
	padding-right:2px;
	padding-left:2px;
	color:#FFF;
	font-weight:bold;
	border:1px solid #FFFFFF;
}
#submenu_cultura a:hover, #submenu_ocio a:hover, #submenu_eventos a:hover{
	color:#fff;
	background-color:#0066CC;
}


				
				
					.mensajitos{
						font-family:"Lucida Sans Unicode", Verdana, Arial;
						font-size:15px;
						font-weight:normal;
						margin:0;
						padding:0;
						color:#436D9F;
						background-image:url(pixs/sobre.jpg);
						background-position:left;
						background-repeat:no-repeat;
						padding-left:18px;
						border-bottom:1px dotted #436D9F;
						width:140px;
					}
					
					.help{
						font-family:"Lucida Sans Unicode", Verdana, Arial;
						font-size:11px;
						font-weight:normal;
						margin:0;
						padding:0;
						color:#436D9F;
						background-image:url(pixs/help.gif);
						background-position:left;
						background-repeat:no-repeat;
						padding-left:18px;	
						margin-left:75px;
					}
					
					.help a:link,
					.help a:visited{
						text-decoration:none;
						color:#436D9F;
					}
					
					.help a:hover{
						text-decoration:none;
						color:#436D9F;	
						border-bottom:1px dotted #436D9F;		
					}
					
					#all{
						padding-top:2px;
						font-family:"Lucida Sans Unicode", Verdana, Arial;
						font-size:13px;
						font-weight:normal;	
						height:18px;
						color:#36383B;			
						margin-top:3px;
						background-image:url(pixs/bgMarquee.jpg);
						width:285px;
						border: 1px solid #5283C0;
						position: relative;
						overflow: hidden;
					}
					
					#all div{
						position: absolute;
						white-space: nowrap;
						width:285px;
					}
					
					#msjform{
						margin:0;
						padding:0;
					}
					
					#txtnombre{
						font-family:"Lucida Sans Unicode", Verdana, Arial;
						font-size:12px;
						color:#666666;
						border: 1px solid #5383C0;
						background-color:#C4D3E5;
						height:15px;
						width:154px;
						margin:1px;
						background-image:url(pixs/txtnombre.jpg);
						background-position:left center;
						background-repeat:no-repeat;
						padding-left:16px;
					}
					
					#txtmensajito{
						font-family:"Lucida Sans Unicode", Verdana, Arial;
						font-size:12px;	
						color:#666666;			
						border: 1px solid #5383C0;
						background-color:#C4D3E5;		
						height:15px;
						width:268px;		
						margin:1px;		
						background-image:url(pixs/txtmensajito.jpg);
						background-position:left center;
						background-repeat:no-repeat;
						padding-left:16px;			
					}
					
					#btnenviar{
						width:110px;
						height:22px;
						font-family:"Lucida Sans Unicode", Verdana, Arial;
						font-size:12px;	
						color:#FFFFFF;
						border: 1px solid #FFFFFF;
						background-image:url(pixs/bgEnviar.jpg);
						background-repeat:repeat-x;		
					}

#content{
	margin:auto;
	width:1020px;
	float:left;
}

		#leftcontent{
			width:610px;
			float:left;
			height:auto;
		}
		
			#leftcontent .imagen{
				border:1px solid #999999;
				padding:3px;
				background-color:#FFFFFF;
			}
			
			#leftcontent a:hover .imagen{
				border:1px solid #000000;
				padding:3px;
				background-color:#FFFFFF;
			}			
		
				#portadaleft{
					float:right;
					width:325px;
				}
				
					.titles{
						font-family:"Lucida Sans Unicode", Verdana, Arial;
						font-size:15px;
						color:#FFFFFF;
						border-bottom:1px dotted #000000;
						background-image:url(pixs/arrow.jpg);
						background-position:left center;
						background-repeat:no-repeat;
						padding-left:15px;
						margin:0;
					}
				
				#portadaright{
					float:right;
					width:170px;
				}
				
					#escuintlafade{
						margin-top:10px;
					}
				
					#galeriames{
						margin-top:10px;
						margin-bottom:10px;
					}
					
					#marqueethumbs{
						margin-top:5px;
						padding-left:10px;
					}
					
					#thumbs{
						margin:2px;
					}
					
					#thumbfaders{
						margin-top:8px;
					}
					
					#faders{
						margin-top:-3px;
					}
		
		#rightcontent{
			float:right;
			width:395px;
		}
		
				#banners{
					padding-top:5px;
					margin-left:5px;
					margin-top:5px;
					float:left;
					background-color:#FFFFFF;
					width:285px;
					height:385px;
					text-align:center;
					margin-bottom:10px;
				}
				
				#banners img{
					margin-bottom:1px;
				}
#footer{
	width:800px;
	float:left;
	padding-left:110px;
}

	#bottombanners{
		background-color:#FFFFFF;
		width:496px;
		height:102px;
		padding:2px;
		float:left;
		margin-right:5px;
		margin-top:5px;		
	}

	#bottombanners2{
		background-color:#FFFFFF;
		width:140px;
		height:102px;
		padding:0px;
		margin-top:5px;
	}
	
	.bottomfade{
		margin-top:5px;
		width:135px;
		height:100px;
		float:left;
		margin-left:3px;
	}