@charset "utf-8";
/* fotoycinedeboda.comm CSS */

body {
		background-color: #ffffff;		
		color:#000;
		font-family: Futura, Century Gothic, Verdana, Arial, Times, serif; 
		font-size: 14px; 
		line-height: 14px;
		font-weight: light; 
		margin: 0 auto; 
		text-align: center;		
	}
	
.textot {	
	font-size: 1px;
	display: none;
}

a {color: #98002E; text-decoration: none;}	

#bodyfcb {background-color:#ffffff; padding-bottom: 30px;}


.txt {text-align: left; 
	  line-height: 1.4em;
	  font-size: 14px;
	  margin-top: 20px;
	  color:#000;
	  font-family: Futura, Century Gothic, Verdana, Arial, Times, serif;
	  font-weight: light;
	  }
.txt p {margin: 0; padding: 0;}

.clear {clear:both;}
.mouseover {cursor: pointer;}
.hide {visibility: hidden;}

h2 {color: #98002E!important; font-size: 13px; line-height: 1.2em; font-weight: normal; font-style:normal; font-variant:normal;}
h3 {color: #999!important;}

/* ESTRUCTURA */

#header {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	height:120px;
}
	#logo {
		float: left;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-left:20px;
	}

	#navarea {
		float: right;
		color: #000;
		text-align: right;
		font-size: 12px;
		margin-top:55px;
		margin-bottom: 5px;
		width:650px;
		height:60px;
	}

#navarea a {color: #000; text-decoration: none; font-size: 12px; line-height: 1.2em; font-weight: normal;}
ul#nav { float:right; margin-top:50px;}
ul#nav li {float: left; list-style: none;}
ul#nav li a {height: 100%; display: block; overflow: hidden; outline: none;}

li#abouta a { width: 100px; left: 0;}
li#about a {width: 100px; left: 0;}
li#about a:hover {color:#98002E;width: 100px; left: 0;}

li#weddingsa a {width: 100px; left: 0;}
li#weddings a {width: 100px; left: 0;}
li#weddings a:hover {color:#98002E;width: 100px; left: 0;}

li#commerciala a {width: 100px; left: 0;}
li#commercial a {width: 100px; left: 0;}
li#commercial a:hover {color:#98002E;width: 100px; left: 0;}

li#bloga a {width: 50px; left: 0;}
li#blog a {width:50px; left: 0;}
li#blog a:hover { color:#98002E; width: 50px; left: 0;}


.active {color:#000!important;}



/*CONTENIDO*/


#homecol1 {float: left;}
#homecol2 {float: right;}

.wrapper {width: 780px; margin-left: auto; margin-right: auto;}

#homevid {background: #FFFFFF top center; width: 100%; height: 600px;  margin-right: auto;}
.homedes {width: 550px;}
.homedes span {margin-top: 25px; border: #6C9 1px solid; color: #0F0;}

#content {
	margin-top:20px;
	margin-bottom:20px;	
		width: 100%;
		height: 600px;	
		background-color:#ffffff;	
}
#flashcontent {
		width: 100%;
		height: 100%;
		background-color:#ffffff;		
}
#videocontent {
	margin-top:30px;
		width: 100%;
		height: 100%;
		background-color:#ffffff;		
}



/*footer */

#footer {background: #ffffff url(http://www.fotoycinedeboda.com/2/img/footer_bg_repeat.jpg); height: 122px;margin-left:25px;}
#footercenter {background: #ffffff url(http://www.fotoycinedeboda.com/2/img/footer_middle.jpg) repeat-x top center; width: 780px; margin-left: auto; margin-right: auto; padding-top: 35px; height: 122px; text-align: left; font-size: 0.87em; color: #c3c3c3;}
#footercenter span {color: #98002E; margin-right: 8px;}
#footercenter a {color: #000; text-decoration: none; margin-left: 8px;}
#footercenter a:hover {color: #98002E; text-decoration: none;}
.footerleft {float: left;}
.footerright {float: right;}