/* CSS Document  */

/*   

Theme Name: title project -Rum Bar
Theme URI: http://cynfyn.com/web/
Author: cynfyn solutions
Author URI: http://www.cynfyn.com
Version: 1.0
*/

/*...........................
	html
............................*/
* {
	margin: 0;
	padding: 0;
	border: none;
	}

html {
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
	}
body{
	background:	url(images/bg_html.jpg) repeat #DFCFBF;
	font:normal 15px/24px "Arial Narrow", Arial, Helvetica, sans-serif;
	overflow-x:hidden;
	}	
	
/* Clases útiles */
.p_relative{
	position:relative;
	}

a:link {
 	color: #fff;
 	text-decoration: none;
	}
a:visited {
 	text-decoration: none;
 	color: #fff;
	}
a:hover {
 	text-decoration: underline;
 	color: #FDED40;
	}
a:active {
 	text-decoration: none;
	}	
p{ 
	margin-bottom:20px;
	}
table {	
	border-collapse: collapse;
	}
td{	
	text-align:left;
	}
img{
	padding:0;
	margin:0;
	border:0;
	}
a{
outline:0;
	}		
/*---------------------------
	SITE
------------------------------*/	
#wrapper{
	width:1000px;
	margin: 0 auto;
	}
#wrapper_internal{
	width:1000px;
	margin: 0 auto;
	background:url(images/bg_default2.jpg) #35CBE3;
	overflow: hidden;
	}
#wrapper_internal:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	}
#col_left{
	width:300px;
	height:693px;
	/*background:url(images/bg_table.gif) 46px -14px no-repeat;*/
	}
#content{
	padding:20px 30px 0 10px;
	width:630px;
	text-align:justify;
	}		
#col_left,#content{
	float:left;
	margin-bottom:-32768px;
	padding-bottom:32768px;
	}
#header{
	height:288px;
	background:url(images/bg_header_default.jpg) no-repeat;
	}
#footer{
	background:url(images/bg_footer2.jpg) no-repeat;
	height:39px;
	overflow:hidden;
	clear:both;
	width:1000px;
	margin: 0 auto;
	}		
/*---------------------------
	DropDowns Menu
------------------------------*/
	
div.menu_drop {
        width: 100%;
        border-style: solid solid none solid;
        border:1px solid #311E0F;
        }
div.menu_drop  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
		border-bottom:1px solid #311E0F;
		border-left:1px solid #311E0F;
        }
		
div.menu_drop li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        }

div.menu_drop  li a:link, div.menu_drop  li a:visited {
        color: #CFBD81;
        display: block;
        background:#4F210C;
        padding: 8px 0 0 25px;
        }

div.menu_drop  li a:hover, div.menu_drop li #current { 
        color: white;
        background: #896336;
        padding: 8px 0 0 25px;
		text-decoration:none;
        }				
/*---------------------------
	Buttons
------------------------------*/
.buttons a, .buttons button{
    display:block;
    margin:0 7px 0 0;
    background:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
	}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
	}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	}


/* STANDARD */

button:hover, .buttons a:hover{
    background:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	}
.buttons a:active{
    background:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
	}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
	}
.buttons a.positive:hover, button.positive:hover{
    background:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	}
.buttons a.positive:active{
    background:#529214;
    border:1px solid #529214;
    color:#fff;
	}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
	}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
	}
.buttons a.negative:active{
    background:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
	}
table.board_event{
	font-size:15px;
	font-weight:bold;
	}				
table.board_event p{
	margin-bottom:9px;
	}				

/*-------------------------
	standalone validacion
---------------------------*/	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#F6FD00;
}
	
.LV_invalid {
    color:#F6FD00;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #F6FD00;
}

					
/*---------------------------------------
	Links into Fancy Box in Rel
-----------------------------------------*/		
.refer_title a{
	color:#FFFFFF;
	text-decoration:none
	}		

.refer_title a:hover{
	color:#FFFFFF;
	text-decoration:none
	}		
/*---------------------------------------
	Contact Us - Become VIP
-----------------------------------------*/	
.bg_input_txt{
	border:1px solid #8C7A63;
	width:210px;
	}
.bg_input_date	{
	border:1px solid #8C7A63;
	width:120px;
	}
.bg_input_hms	{
	border:1px solid #8C7A63;
	width:60px;
	}	
.form_contact{
	width:650px; 
	margin:0 auto;
	padding:4px;
	color:#FFFFFF
	}

/*---------------------------------------
	Email This Page
-----------------------------------------*/	
div#Submited {	
	width:80%;
	margin:0 auto;
	padding:4px;
	border:1px dashed #95C45A;
	background-color:#F3F8D6;
	}	

/* text styles */
.text_thank_you{
	font-weight:bold;
	color:#808080;
	font-size:10px;
	}
/* css indicates_field */
.text_indicates_field{
	font-size:10px;
	}
.smallcaps{
	text-transform:uppercase;
	font-size:10px;
	}
.tip{
	font-size:7.5pt;
	color:#808080;
	}
.input_text{
	border:1px solid #9B8669;
	width:220px;
	}
	
	
textarea{
	font:normal 15px/24px  Arial, Helvetica, sans-serif;
	}

.form_to_friend{
	width:500px; 
	margin:0 auto;
	background:#9FF3FF;
	}
.questions_check ul li{
	list-style:none;
	display:inline;
	}
.questions_check li{
	float:left;
	margin:2px;
	}		
/*---------------------------------------
	Events
-----------------------------------------*/	
.upcoming_event{
	width:240px;
	height:660px;
	margin:0 auto;
	background:url(images/marco_gallery2.jpg) no-repeat;
	padding:13px 4px 4px 4px;
	}


.upcoming_event a:link {
 	color:#FFFFFF;
 	text-decoration: none;
	}
.upcoming_event a:visited {
 	text-decoration: none;
 	color: #fff;
	}
.upcoming_event a:hover {
 	text-decoration: underline;
 	color: #FDED40;
	}
.upcoming_event a:active {
 	text-decoration: none;
	}							
.marq{
background:url(images/marco_gallery.png) no-repeat;
width:540px;
height:220px;
/*float:left;
margin:2px;*/
padding:7px 0 0 20px;
	}
.marq1{
background:url(images/marco_gallery.png) no-repeat;
width:550px;
height:220px;
/*float:left;*/
margin:2px;
padding:7px 30px 0 20px;
color:#FFFFFF;
	}	
	
						
#marq2{
background:url(images/marco_gallery.png) no-repeat;
width:540px;
height:220px;
/*float:left;
margin:2px;*/
padding:7px 0 0 20px;
	}							
	
.event_tb td{
	padding-bottom:8px;
	}
.form_top{
	background:url(images/form_top.gif) no-repeat top;
	height:48px;
	
	}
.form_middle{
	background:url(images/form_middle.gif)  center repeat-y;
	}
.form_bottom{
	background:url(images/form_bottom.gif) no-repeat bottom;
	height:63px;
	}			
	
.gall_top{
	background:url(images/gall_top.gif) no-repeat top;
	height:35px;
	
	}
.gall_middle{
	background:url(images/gall_middle.gif)  center repeat-y;
	}
.gall_bottom{
	background:url(images/gall_bottom.gif) no-repeat bottom;
	height:39px;
	}				
.title_event{
	color:#24FFF7; 
	font-size:20px
	}
.title_event a{
	color:#24FFF7; 
	font-size:20px;
	text-decoration:none
	}		
.title_event a:hover{
	color:#24FFF7; 
	font-size:20px;
	text-decoration:underline
	}			