/*	

----------------------------------------------------------------------------------	

	FRAGSKILL

	MODIFICADO: 20/05/2010 @ 20:26hrs

----------------------------------------------------------------------------------

*/


body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }

table { font-family:Arial, Helvetica, sans-serif; font-size: 9px; border-collapse:collapse; border-spacing:0; }

fieldset,img {  border:0; }

tt { font-size: 10pt; }

address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }

ol,ul { list-style:none; }

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

strong { font-weight: bold; }

em { font-style: italic; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color:#f0f1f2; color: #000000; margin: 0px; background-image: url(../imgs/fondo.gif); background-repeat:repeat-x; }

.clear { clear: both; }

html, body { height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; margin: 0px; background: #0e557f url(../images/fragskill/bg.jpg) repeat-x; }

#sitio { width:940px; margin: 0 auto 5px auto; }

#boxx a { color:0da7d7; text-decoration:none;}
#boxx a:hover { color:#666666; text-decoration:none;}



/* CARGA DE ZONAS ESPECIFICAS */

#header		{ width: 940px; height: 140px; margin: 0 auto 0 auto; }

#header .logo	{

	float:left;

	background-image:url(../images/fragskill/logo.png);

	background-repeat:no-repeat;

	width:940px;

	height:140px;

}

.clear { clear: both; }

#menu		{ width: 940px; height: 56px; margin: 0 auto 0 auto; float:none; }

#menu .izq { width:683px; height:56px; float:left; }
#sepmenu { width:1px; height:29px; float:left; background: url(../images/fragskill/menu/sep.png) no-repeat; }
#menu .izq .submenu { width:683px; height:27px; float:left; background:#171717 url(../images/fragskill/menu/submenu.jpg) no-repeat; }

#menu .der { width:257px; height:56px; float:right; background:#171717; text-align:left; }
#login { width:257px; height:56px; }
#login .izq { width:3px; height:56px; background: url(../images/fragskill/login/izq.jpg) no-repeat; float:left; }
#login .cen { width:251px; height:56px; background: url(../images/fragskill/login/bg.jpg) repeat-x; text-align:left; float:left; color:ffffff; }
#login .cen .pad { padding-bottom:6px; padding-top:8px; padding-left:5px; padding-right:5px; color:#ffffff; }
#login .cen .pad .avatar { width:40px; height:40px; border:1px solid #38383a; margin-right:10px; background-color:#364f55; float:left; }
#login .cen .pad .infobox { width:189px; height:42px; float:right; }
#login .cen .pad .infobox .bienvenida { width:189px; height:21px; line-height:21px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#login .cen .pad .infobox .bienvenida a { color:#99FF00; text-decoration:none; }
#login .cen .pad .infobox .bienvenida a:hover { color:#00CCFF; text-decoration:underline;}
#login .cen .pad .infobox .opciones { width:189px; height:21px; line-height:21px; text-align:left; }
#login .cen .pad .infobox .opciones a { text-align:left; color:#00FFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#login .cen .pad .infobox .opciones a:hover { color:#FFFFFF; text-decoration:underline;}
#login .der { width:3px; height:56px; background: url(../images/fragskill/login/der.jpg) no-repeat; float:left; }
#login .cen .pad .formu { width:235px; height:20px; text-align:left; line-height:20px; }
#login .cen .pad .extra { width:235px; height:20px; text-align:left; line-height:20px; }
#login .cen .pad .extra a { text-align:left; color:#99FF00; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#login .cen .pad .extra a:hover { color:#FFFFFF; text-decoration:underline;}


#barra { width:940px; height:4px; background: url(../images/fragskill/barra.jpg) no-repeat; margin: 0 auto 0 auto; float:none; padding:0; }
#marcas { width:940px; height:102px; background: url(../images/fragskill/marcas.jpg) repeat-x; margin: 0 auto 0 auto; float:none; }

#marcas a.drimind { border-left:1px #666666 dashed; float:right; width:238px; height:102px; background:url(../images/fragskill/sponsor/drimind_off.png); }
#marcas a.drimind:hover { float:right; width:238px; height:102px; background:url(../images/fragskill/sponsor/drimind_on.png); }


#info { width:940px; background:#FFFFFF; margin:0 auto 0 auto; }

#info .row { width:940px; background:#FFFFFF; margin:0 auto 0 auto; }

#info .row .izq { width:430px; background:#ffffff; border-right:1px #11a8d7 solid; padding-bottom:20px; }

#info .row .cen { width:252px;display:table-cell; padding-bottom:20px; background:#ffffff; }

#info .row .der { width:221px;color:#CCCCCC; padding-bottom:20px; display:table-cell; background:#181818; border-left:3px #181818 solid; border-right:3px #181818 solid; }




#contenido	{ width: 900px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0; height:auto; margin: 0 auto 0 auto; background:#FFF; }



#contenido .columna_izq { width:660px; height:auto; min-height:100px; float:left; font-weight:none; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; line-height:18px; }

#contenido .columna_izq h1 { font-size:20px; font-weight:bold; text-align:left; padding-bottom:5px; }

#contenido .columna_izq h2 { font-size:16px; font-weight:bold; text-align:left; }



#contenido .columna_der { width:238px; height:auto; min-height:100px; border-left:1px solid #dedede; float:right; font-weight:none; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; }

#contenido .columna_der .linea_horizontal { width:218px; height:1px; margin-bottom:3px; margin-top:3px; border-bottom:1px solid #cdcccc; }

#contenido .columna_der h2 { font-size:16px; font-weight:bold; text-align:left; }

#contenido .columna_der h4 { font-size:11px; font-weight:bold; text-align:left; color:#81a502; }

#contenido .columna_der .tweet_header { width:218px; height:53px; background:url(/imgs/tweet_header.gif) no-repeat; }

#contenido .columna_der .tweet_centro { width:216px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background-color:#f3f3f3; }

#contenido .columna_der .tweet_footer { width:218px; height:20px; background:url(/imgs/tweet_footer.gif) no-repeat; }





.clear { clear:both; }



#padding10 { padding:10px; }

#padding15 { padding:15px; }

#padding20 { padding:20px; }

#padding5 { padding:5px; }



#div900_header { width:902px; height:20px; background:url(/imgs/div_header.gif) repeat-x; margin: 0 auto 0 auto; }

#div900_footer { width:902px; height:20px; background:url(/imgs/div_footer.gif) repeat-x; margin: 0 auto 16px auto; }

#div900_footer_contenido { width:902px; height:20px; background:url(/imgs/div_footer_contenido.gif) repeat-x; margin: 0 auto 16px auto; }



#sub-footer	{ width: 900px; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:0; border-top:0; height: 50px; margin: 0 auto 0 auto; background: #FFF; }

#sub-footer .partner { margin: auto 18px auto 18px; float:left;  }

#sub-footer .p_s { width:1px; background:url(/imgs/partner_sep.gif) no-repeat; height:50px; float:left; }

#sub-footer .partner a img { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }

#sub-footer .partner a:hover img { filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;  }



#footer		{ width: 940px; height: 68px; background: url(../images/fragskill/footer.png) no-repeat left; margin: 0 auto 0 auto; }
#footer_d 	{ width: 940px; height: auto; margin: 0 auto 0 auto; text-align:right; line-height:12px; color:#CCCCCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; }
#footer_d a { color:#FFFFCC; text-decoration:none; }
#footer_d a:hover { color:#FFFFFF; border-bottom:1px dashed #FFFFFF; }
#footer .der { width: 300px; height:68px; float:right; text-align:right; line-height:68px; }

#separador_g { width:98%; height:0px; border-bottom:1px dashed #7c7c7c; margin-top:5px; margin-bottom:5px; }


/* MINI ICONOS FLOTANTES */

#mini-nav	{ top: 60px; left: 10px; position: fixed; z-index:200; }

#mini-nav img { padding: 5px 0; }



#ofertas	{ top: 120px; left: 0px; position: fixed; z-index: 201; }

#ofertas a img { padding: 5px 0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }

#ofertas a:hover img { padding: 5px 0; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

/* INICIO MENU */
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 683px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
	background: url(../images/fragskill/menu/sep.png) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	height:29px;
	line-height:29px;
}
ul#topnav li a {
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	font-weight:bold;
	background: url(../images/fragskill/menu/fondo.jpg) repeat-x;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li a:hover { color:#33CCFF; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li span {
	font-size:11px;
	padding-left:79px;
	line-height:27px;
	text-align:left;
	position: absolute;
	left: 0; top:29px;
	display: none; /*--Hide by default--*/
	width: 604px;
	color: #fff;
	height:27px;
}
ul#topnav li span a { display: inline; background-image:none; font-weight:normal; padding-left:8px; padding-right:8px; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline; background-image:none; color:#01c0fe; font-weight:none;}

ul#topnav li .izq { width:12px; height:29px; float:left; background:url(../images/fragskill/menu/izq.png) no-repeat; }
ul#topnav li .der { width:12px; height:29px; float:left; background:url(../images/fragskill/menu/der.png) no-repeat; }
ul#topnav li .sep { width:1px; height:29px; float:left; background:url(../images/fragskill/menu/sep.png) no-repeat; }
/* FIN MENU */