BODY
{
	background-image: url(http://www.whillyfoc.com/images/background_center.jpg);
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f26715;
	background-repeat: repeat-y;
}
BODY { SCROLLBAR-FACE-COLOR: #c89b23; SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #f26715; SCROLLBAR-DARKSHADOW-COLOR: #000000 }

H1
{
	font-size: 20px;
	margin: 5px 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2
{
	font-size: 11px;
	margin: 0px;
	color: black;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3
{
	font-size: 11px;
	margin: 0px;
	font-family: Tahoma;
}

h4
{
	font-size: 15px;
	margin: 0px;
	color: #ddf24f;
	text-align: center;
}


h5
{
	font-size: 15px;
	margin: 2px;	
	text-align: center;
}



A
{
	color: #000000;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/************************Start Menu**********************/
/***********************Menu*********************************************/
#header
{
	margin: 0px;
	width: 100%;
	background-color: #f26715;
}


#title
{
	padding-right: 0px;
	padding-left: 20px;
	z-index: 1;
	left: 0px;
	padding-bottom: 0px;
	color: #f5f5f5;
	padding-top: 0px;
	position: absolute;
	top: 0px;
	font-size: 11px;
}
#title H1
{
	font-size: 11px;
	margin: 0px;
}

#header IMG
{
 width:100%;
}


#mainmenu
{

}

#mainmenu .linea
{
	border-top: white 1px solid;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	border-bottom: white 1px solid;
	line-height: 6px;
	padding-top: 0px;
	height: 6px;
	background-color: black;
}
#mainmenu ul
{
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(http://www.whillyfoc.com/images/menupixel.JPG);
	list-style-image: none;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	list-style-type: none;
}

#mainmenu li
{
	display: inline;
	float:left;
}

#mainmenu ul li a
{
	border-right: black 1px solid;
	padding-right: 4px;
	display: block;
	padding-left: 4px;
	font-weight: bold;
	font-size: 11px;
	background-image: url(http://www.whillyfoc.com/images/menupixel.JPG);
	padding-bottom: 9px;
	color: #000000;
	padding-top: 12px;
}


#mainmenu ul li a:hover
{
	background-position: 60% bottom;
	color: #ffffff;
} 

#mainmenu .sublinea
{
    padding-right: 15px;
    border-top: white 1px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    color: #ffffff;
    padding-top: 0px;
    height: 15px;
    background-color: black;
    width: 100%;
    float: left;
}

#mainmenu .sublinea a
{
	font-size: 7pt;
	color: #ffffff;
	text-decoration:none;
}

#mainmenu .sublinea th
{
	font-weight: normal;
	width: 200px;
}

#mainmenu .sublinea img
{
    width: 20px;
}
/**************************banner******************/
#banner
{
	border-bottom: black 1px solid;
	height: 235px;
	background-color: #f26715;
}

#bannerPs
{
	background-image: url(http://www.whillyfoc.com/images/video_enmedio.jpg);
	background-repeat: repeat-y;
	height: 84px;
}



/************************* End banner************/

/*********************** Start Foot****************/
#foot
{
	background-image: url(http://www.whillyfoc.com/images/background_bottom.gif);
	width: 1000px;	
}

#foot UL
{
    padding-right: 0px;
    padding-left: 0px;
    list-style-image: none;
    padding-bottom: 0px;
    margin: 0px; 
    padding-top: 0px;
    list-style-type: none;
    float: left;
}

#foot UL li
{
	display: inline;
	float:left;
	height: 24px;
}

#foot UL li a
{
	border-right: black 1px solid;
	padding-right: 3px;
	display: block;
	padding-top: 5px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 10px;	
	padding-bottom: 5px;
	color: #000000;	
}

#foot UL li a:hover
{
	
	color: #99000b;	
	text-decoration: underline;
}

#foot IMG
{
	float: left;
	margin-left: 12px;
}

#foot #copy
{
	padding-left: 10px;
	font-size: 7pt;
	margin: 0px;
	color: #ffffff;
}
#foot #copy A
{
	font-size: 7pt;
	color: #ffffff;
}

.archivo
{
 width:100%;
 background-color: #f26715;
 }
 
 .archivo th
{
  font-size: 13px;
  color: #ffffff;
 }
  .archivo td
{
 color: #ffffff;
 }
  .archivo a
{
	font-size: 11px;
	color: #ffffff;
	 vertical-align:middle;
}

 .archivo a:hover
{	
	text-decoration: underline;
}

/*****************colmenu****************/

.colmenu
{
	vertical-align: top;
	width: 173px;
}

.menu
{
	margin-right: 1px;
}

.categoria
{
	border: 0px;
	background-image: url(http://www.whillyfoc.com/images/categories.gif);
	line-height: 39px;
	margin-right: 1px;	
	height: 39px;
}
.categoria H1
{
	padding-left: 39px;
	font-size: 12px;
	margin: 0px;
	text-align: left;
}

.categoria H3
{
	padding-left: 39px;
	font-size: 12px;
	margin: 0px;
	text-align: left;
}

.menu UL
{
	padding-right: 0px;
	padding-left: 8px;
	list-style-image: none;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	background-color: #f09135;
}

.menu UL li
{
	border-bottom: black 1px solid;
}

.menu UL li a
{
	padding-right: 2px;
	padding-top: 2px;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	
}
.menu UL a:hover
{
	color: #99000b;
	background-color: #ee8723;
}
.pie
{
	border-right: 0px;
	border-top: 0px;
	background-image: url(images/sub_categories.gif);
	margin: 0px;
	border-left: 0px;
	width: 100%;
	line-height: 9px;
	border-bottom: 0px;
	height: 9px;
}

/*****************************Col Diario*******************/
.coldiario
{
	
	vertical-align: top;
	width: 529px;
	margin: 0;
	
}


#diario
{
	border-right: black 1px solid;
	border-left: black 1px solid;
	margin-right: 1px;
	background-color: #757b7b;
}


#diariosub
{
	border-right: black 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 13px;
	padding-bottom: 5px;
	margin: 0px 7px;
	border-left: black 1px solid;
	padding-top: 5px;
	background-color: #e6e4e2;
}

#diariosub ol
{
	list-style-type:none;
}


.articulo
{
margin-bottom: 8px;
background-color: #5b5443;
}


.articulo H2
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 0px;
	color: #ddf24f;
	padding-top: 5px;
	height: 18px;
	text-align: center;
}

.articulo H1
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 0px;
	color: #ddf24f;
	padding-top: 5px;
	height: 18px;
	text-align: center;
}

.articulo A
{
	font-weight: bold;
	font-size: 11px;
	color: #ddf24f;
}

.articulo A:hover
{
	color: #ffffff;
}

.articulo H2 A
{
	font-size: 16px;	
}

.articulo H2 
{
	font-size: 16px;	
}


.articulo H1 A
{
	font-size: 16px;	
}

.articulo .contenido
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	color: #ffda61;	
}


.articulo .contenido A
{
	text-decoration: underline;
}

.articulo .contenido IMG
{
	margin-top: 8px;
	margin-bottom: 8px;
}


.pixel
{
	border-right: #e6e4e2 1px solid;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	border-left: #e6e4e2 1px solid;
	line-height: 1px;
	padding-top: 0px;
	height: 1px;
	background-color: #5b5443;
}

.pixel1
{
	border-right: #e6e4e2 2px solid;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	border-left: #e6e4e2 2px solid;
	line-height: 1px;
	padding-top: 0px;
	height: 1px;
	background-color: #5b5443;
}

/******************coment***************************/
 .tblComen
{
	font-family: Tahoma;
	 width:90%
}

.tblComen th
{
	border-top: #ddf24f 1px solid;
	font-size: 14px;
	color: #ddf24f;
	border-bottom: #ddf24f 1px solid;
}
.tblComen td
{
color: #ffda61;
font-size: 12px;
}

.tblComen td .titulo
{
	font-size: 13px;
	color: #ddf24f;
	padding-top: 8px;
}
.tblComen .caja
{
	font-size: 11px;
	width: 98%;
	 height:100%;
}

.tblComen td .linea
{
 padding-top:8;
 border-bottom: dashed 1 #ffda61;
}  

.tblComen td a
{
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}  


/********publicidad********/
.pieSMS
{
	border-top: black 1px solid;
	border-right: black 1px solid;
	width: 1000px;
	background-color: #f5edbc;
}  

/************/
h2
{
 text-align:center;
 color: #ddf24f;
}

#diariosub .row
{
	margin-top: 0px;
	margin-bottom: 8px;
	color: #ddf24f;
	background-color: #5b5443;
	text-align: left;
}

#diariosub .row IMG
{
	border-right: #ffda61 1px solid;
	border-top: #ffda61 1px solid;
	float: left;
	margin: 4px 8px 4px 8px;
	border-left: #ffda61 1px solid;
	width: 125px;
	height: 115px;
	border-bottom: #ffda61 1px solid;
}


#diariosub .row .contenido
{
 padding-left:8;	
 font-size: 12px;
 color: #ffda61;
}


#diariosub .row .contenido h1
{
	font-size: 14px;
	color: #ffda61;
	text-align: center;
}
	
#diariosub .row .contenido a
{
	color: #ddf24f;
	text-decoration: underline;
}	

#diariosub .row .contenido IMG
{
	border-right: 0px;
	border-top: 0px;
	float: right;
	margin: -12px 3px 0px 0px ;
	border-left: 0px;
	width: 55px;
	border-bottom: 0px;
	height: 14px;
}


.row H2 A
{
	font-size: 15px;
	color: #ddf24f;
}

.row H2 A:hover
{
	text-decoration: underline;
}

.row H3
{
	font-weight: normal;
	font-size: 11px;
	color: #ffda61;
	display:block;	
}

.row H3 A
{
	font-size: 11px;
	color: #ddf24f;
}
.row H3 A:hover
{
	color: #ffff00;
	text-decoration: underline;
}


.pixel
{
	border-right: #e6e4e2 1px solid;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	border-left: #e6e4e2 1px solid;
	line-height: 1px;
	padding-top: 0px;
	height: 1px;
	background-color: #5b5443;
}
.pixelbot
{
	border-right: #e6e4e2 1px solid;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1px;
	padding-bottom: 0px;
	margin: 5px 0px 0px 0px ;
	overflow: hidden;
	border-left: #e6e4e2 1px solid;
	line-height: 1px;
	padding-top: 0px;
	height: 1px;
	background-color: #5b5443;
}

.pixel1
{
	border-right: #e6e4e2 2px solid;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: hidden;
	border-left: #e6e4e2 2px solid;
	line-height: 1px;
	padding-top: 0px;
	height: 1px;
	background-color: #5b5443;
}

/********************************/

.pifg
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 262px;	
	
}

.pifg img
{
	border-right: #f5edbc 2px solid;
	border-top: #f5edbc 2px solid;
	margin-top: 8px;
	border-left: #f5edbc 2px solid;
	border-bottom: #f5edbc 2px solid;
}


.pifg h5
{
	color: white;
}

.pifg h5 a
{
	font-size: 18px;
	color: white;
}


.cams
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	width: 162px;	
	
}

.cams img
{
	border-right: #f5edbc 2px solid;
	border-top: #f5edbc 2px solid;
	margin-top: 8px;
	border-left: #f5edbc 2px solid;
	border-bottom: #f5edbc 2px solid;
}


.cams h5
{
	color: white;
}

.cams h5 a
{
	font-size: 18px;
	color: white;
}


.thumbs
{
	padding-left: 5px;	
}

.thumbs p
{
	font-size: 18px;
	margin: 5px 0px;
	color: white;
}

.thumbs .thumbs A:hover
{
	text-decoration: underline;
}
.thumbs A IMG
{
	border-right: #f5edbc 1px solid;
	padding-right: 0px;
	border-top: #f5edbc 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #f5edbc 1px solid;
	width: 125px;
	padding-top: 0px;
	border-bottom: #f5edbc 1px solid;
	height: 115px;
}
.thumbs A:hover IMG
{
	border-right: #fb6600 1px solid;
	border-top: #fb6600 1px solid;
	border-left: #fb6600 1px solid;
	border-bottom: #fb6600 1px solid;
}

#tbFotos img
{
	border-right: #f5edbc 1px solid;
	border-top: #f5edbc 1px solid;
	border-left: #f5edbc 1px solid;
	border-bottom: #f5edbc 1px solid;
}


#tbFotos A:hover IMG
{
	border-right: #fb6600 1px solid;
	border-top: #fb6600 1px solid;
	border-left: #fb6600 1px solid;
	border-bottom: #fb6600 1px solid;
}

.espacio
{
	font-size: 1px;	
	margin: 0px;
	line-height: 1px;
	height: 8px;	
}

