*{ outline:none; border:none; margin:0; padding:0;}


html, body{
background:url(../images/bg_body.jpg) center top no-repeat #830303; 
text-align:center;
font-family:"Trebuchet MS", Arial;
font-size:11px;
line-height:22px;
color:#ffffff;
} 

#pagewidth{ 
 width:950px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:143px; 
  background-color:#FFFFFF; 
 width:100%;
}

#logo{ float:left; width:612px; height:143px;} 
 #main_foto1{ float:right; width:338px; height:143px;}


#navbar{ 
height:60px;}
#button_trayectoria.active{background-position: -152px 0;}
#button_button_galeria.active{background-position: -147px 0;}
#button_emprendimientos.active{background-position: -148px 0;}
#button_contacto.active{background-position: -165px 0;}

#button_trayectoria{
display: block;
width: 152px;
height: 60px;
background: url(../images/butt_sobremi.jpg) left no-repeat;
}

#button_trayectoria:hover{
background-position: -152px 0;}

#button_trayectoria span
{display: none;}

#button_galeria{
display: block;
width: 147px;
height: 60px;
background: url(../images/butt_galeria.jpg) left no-repeat;}

#button_galeria:hover{
background-position: -147px 0;}

#button_galeria span
{display: none;}

#button_emprendimientos{
display: block;
width: 148px;
height: 60px;
background: url(../images/butt_emprendimientos_.jpg) left no-repeat;}

#button_emprendimientos:hover{
background-position: -148px 0;}

#button_emprendimientos span
{display: none;}

#button_contacto{
display: block;
width: 165px;
height: 60px;
background: url(../images/butt_contacto.jpg) left no-repeat;}

#button_contacto:hover{
background-position: -165px 0;}

#button_contacto span
{display: none;}

 
 
#maincol{background-color: #FFFFFF;  
 float:left; 
 display:inline; 
 position: relative; 
 width:auto; 
 }
 
 #video{ float:left; width:612px; height:305px;display:none} 
 #main_foto3{ float:right; width:338px; height:305px;}
 
#pods{
	float:left;
	display:inline;
	position:relative;
	height:166px;
	background-image: url(../images/pods_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	width: 900px;
	margin-left:-2px;
}

/* POS HOME */
#destino{
display: block;
width: 200px;
height: 166px;
margin-left:5px;
background: url(../images/destino.png) left top no-repeat;}
#destino:hover{background-position: 0 -166px;}
#destino span{display: none;}

#massobremi{
display: block;
width: 190px;
height: 166px;
margin-left:-5px;
background: url(../images/mas_sobre_mi.png) left top no-repeat;}
#massobremi:hover{background-position: 0 -166px ;}
#massobremi span{display: none;}

#lacita{
display: block;
width: 195px;
height: 166px;
background: url(../images/la_cita.png) left top no-repeat;}
#lacita:hover{background-position: 0 -166px;}
#lacita span{display: none;}

#mujer{
display: block;
width: 195px;
height: 166px;
margin-left:-10px;
background: url(../images/mujerteniasqueser.png) left top no-repeat;}
#mujer:hover{background-position: 0 -166px;}
#mujer span{display: none;}

#recuerdo{
display: block;
width: 375px;
height: 166px;
background: url(../images/recuerdo.jpg) left top no-repeat;}
#recuerdo:hover{background-position: 0 -166px;}
#recuerdo span{display: none;}

#linkedin{
display: block;
width: 175px;
height: 48px;
background: url(../images/linkedin.jpg) left top no-repeat;
color:#770000;
text-decoration:none;}
#linkedin:hover{background-position:0 -48px ; color:#FFFFFF;}
#linkedin div{padding:14px 0 0 68px;}
#linkedin_text a{color:#770000; text-decoration:none;}

#facebook{
display: block;
width: 175px;
height: 40px;
background: url(../images/facebook.png) left top no-repeat;
color:#770000;
text-decoration:none;}
#facebook:hover{background-position:0 -48px ; color:#FFFFFF;}
#facebook div{padding:14px 0 0 68px; margin-top:-19px;}
#facebook_text a{color:#B00101; text-decoration:none;}

#youtube{
display: block;
width: 175px;
height: 43px;
background: url(../images/youtube.png) left -8px no-repeat;
color:#770000;
text-decoration:none;}
#youtube:hover{background-position:0 -56px ; color:#FFFFFF;}
#youtube div{padding:10px 0 0 68px; margin-top:-19px;}
#youtube_text a{color:#770000; text-decoration:none;}

#twitter{
	display: block;
	width: 175px;
	height: 43px;
	color:#770000;
	text-decoration:none;
	background-image: url(../images/twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#twitter:hover{background-position:0 -43px ; color:#FFFFFF;}
#twitter div{padding:10px 0 0 68px; margin-top:-13px;}
#twitter_text a{color:#770000; text-decoration:none;}
/* FNI PODS HOME */




#footer{
height:120px; 
clear:both;
color:#FFFFFF;
font-family:"Trebuchet MS", Arial;
font-size:11px;
} 
.footer a:link{
color:#ffffff;
text-decoration:underline;
}
.footer a:visited{
color:#ffffff;
text-decoration:none;
}
.footer a:hover{
color:#bb0000;
text-decoration:none;
}
.qkfooter a:link{
color:#bb0000;
text-decoration:none;
}
.qkfooter a:visited{
color:#bb0000;
text-decoration:none;
}
.qkfooter a:hover{
color:#fff;
text-decoration:none;
}


#qkstudio{
display: block;
width: 70px;
height: 22px;
background: url(../images/logo_qk.png) left top no-repeat;
color:#770000;
text-decoration:none;}
#qkstudio:hover{background-position:0 -22px ; color:#FFFFFF;}
#qkstudio div{padding:23px 0 0 0px;}
#qkstudio_text a{color:#770000; text-decoration:none;}
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#myAlternativeContent{
height:305px;
width:612px;
/*border:1px solid #770000;*/
background:url(../images/mm_07.jpg) top left no-repeat;
color:#CCCCCC;
text-align:center;
}


/*************** NOTICIAS ****************/


#noticias a:link{
color:#666666;
text-decoration:underline;
}
#noticias a:visited{
color:#ffffff;
text-decoration:underline;
}
#noticias a:hover{
color:#bb0000;
text-decoration:none;
}


#noticias{
width: 620px;
color:#FFFFFF;
font-family:"Trebuchet MS", Arial;
font-size:11px;
line-height: normal;
text-align:left;
background: #333333;
}

#n1_content {
padding: 10px;
/*border-bottom: 1px solid #CCCCCC;*/
} 

#n1_content img.mf {
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
/*width: 650px;
height: 490px;*/
float: left;
border: 1px solid #CCCCCC;
} 

#n1_content p {
line-height: normal;
color:#CCCCCC;
} 



#n1_content h4 {
line-height: normal;
font-size:11px;
color:#CCCCCC;
padding: 0px;
margin: 0px;
} 

#noticias h3 {
line-height: normal;
font-size:15px;
color:#666;
padding: 0px 0px 0px 10px;
margin: 0px;
} 


#noticias h1 {
line-height: normal;
font-size:18px;
color:#fff;
padding: 0px 0px 0px 0px;
margin: 0px;
letter-spacing: 0px;
}