﻿/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(http://www.wf.com.mx/images/body_bg.gif) center top;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


textarea
	{
		font-family:arial;
		font-size:0.75em;
		line-height:1.25em;
		color:#b8c2c9;
	}


input
	{
		font-family:arial;
		font-size:0.75em;
		line-height:1.25em;
		color:#b8c2c9;
	}


html
	{
		font-family:arial;
		font-size:0.75em;
		line-height:1.25em;
		color:#b8c2c9;
	}

select { vertical-align:middle; font-weight:normal;}

input { vertical-align:middle; font-weight:normal;}

a {color:#b8c2c9; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline; color:#ff7e07}
strong {color:#ff7e07;}
strong a {color:#ff7e07; text-decoration:underline;}
strong a:hover {text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.more {background:url(http://www.wf.com.mx/images/more_bg.gif) no-repeat 0 5px; padding-left:12px; color:#B9C0C7; text-decoration:none;}
.more:hover {text-decoration:underline;}

.date {background:url(http://www.wf.com.mx/images/date_bg.gif) no-repeat 0 0; padding:0 0 1px 21px;}

h1 {background:url(logowf.jpg) top left no-repeat; text-indent:-10000px; height:60px; line-height:1.25em; font-size:0.75em;}

li { background:url(http://www.wf.com.mx/images/list_bg.gif) no-repeat 0 4px; padding-left:22px; line-height:2em;}
li a {color:#ffd88e;}
li a:hover {color:#ff7e07;}

.imgindent {margin:0 21px 0 0; float:left;}

/* ============================= header ====================== */

#bg {background:url(http://www.wf.com.mx/images/01-home_02.gif) top right no-repeat;}
#bg2 {background:url(http://www.wf.com.mx/images/header_bg2.gif) top right no-repeat; width:100%;}

#header .left {width:400px; padding:27px 0 0 36px;}
#header .slogan {margin-top:69px;}
#header .click {margin:13px 0 33px 0;}

#header .right {width:268px;}
#search {background:url(http://www.wf.com.mx/images/search_form.gif); margin:0 37px 0 0; height:80px;}
#search_form { padding:10px 0 0 24px; font-size:1.33em; line-height:1.4em;}
#search_form .input { width:187px; height:18px; background:#505b65; border:none;}
#search_form .search {background:url(http://www.wf.com.mx/images/search_bg.gif) no-repeat 0 4px; padding-left:20px; color:#505b65; font-weight:normal;}
#search_form .search:hover {text-decoration:underline;}
#menu {padding:49px 0 0 65px;}

/* ============================= middle ====================== */

#middle { width:100%;}
.box {background:url(http://www.wf.com.mx/images/box_bg.gif); border-top:1px solid #383e43;}

/* ============================= footer ====================== */

#footer a {color:#ff7e07; text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer .indent {padding:25px 0 0 37px;}

/* ============================= index ============================= */

#index .t1 {margin-bottom:22px;}
#index .t2 {margin-bottom:19px;}
#index .t3 {margin-bottom:31px;}

.columns {width:100%;}
#index #middle .indent {padding:14px 37px 18px 35px;}

#index #middle .column1 .indent {padding:20px 22px 0 0;}
#index .column1 .content1 {border-bottom:1px solid #3f4850; padding:0 0 18px 0;}
#index .column1 .imgindent {margin:0 15px 0 0;}
#index .column1 .content1 .p {padding-top:6px;}

#index .column1 .content2 {padding:23px 20px 0 0;}
#index .cols {padding:19px 0 0 0; width:100%;}

#index #middle .box .indent {padding:19px 20px 22px 23px;}
#index .box .content { border-top:1px solid #4a5e72; padding:10px 5px 29px 0; line-height:1.42em;}
#index .box p {padding-top:17px;}


/* ============================= index-1 =========================== */

#index_1 .t1 {margin-bottom:28px;}
#index_1 .t2 {margin-bottom:28px;}
#index_1 .t3 {margin-bottom:18px;}

#index_1 #middle .indent {padding:14px 37px 18px 35px;}

#index_1 #middle .box .indent {padding:19px 26px 22px 24px;}
#index_1 #middle .box ul {margin:15px 0 14px 0;}

#index_1 #middle .column2 .indent {padding:20px 0 0 22px;}
#index_1 .column2 .content1 {border-bottom:1px solid #3f4850; padding:0 0 30px 0;}
#index_1 .column2 .content1 ul {margin:11px 0 8px 0;}

#index_1 .column2 .content2 {padding:23px 0 0 0;}
#index_1 .column2 .content2 ul {margin:4px 0 0 188px;}



/* ============================= index-2 =========================== */

#index_2 .t1 {margin-bottom:28px;}
#index_2 .t2 {margin-bottom:19px;}
#index_2 .t3 {margin-bottom:28px;}

#index_2 #middle .indent {padding:14px 37px 18px 35px;}

#index_2 #middle .column1 .indent {padding:20px 20px 21px 0;}
#index_2 .column1 .content1 {border-bottom:1px solid #3f4850; padding:0 0 21px 1px;}
#index_2 .column1 .content1 .p {padding:0 0 20px 0;}
#index_2 .column1 .content1 p {padding:5px 0 0 0;}
#index_2 .column1 .imgindent {margin:0 20px 21px 0;}

#index_2 .column1 .content2 {padding:23px 0 0 0;}
#index_2 .column1 .content2 ul {margin:4px 0 0 188px;}

#index_2 #middle .box .indent {padding:19px 20px 10px 24px;}
#index_2 #middle .box ul {margin:15px 0 13px 0;}

/* ============================= index-3 =========================== */

#index_3 .t1 {margin-bottom:26px;}
#index_3 .t2 {margin-bottom:19px;}
#index_3 .t3 {margin-bottom:22px;}
#index_3 .t4 {margin-bottom:24px;}

#index_3 #middle .indent {padding:14px 37px 19px 35px;}

#index_3 #middle .column1 .indent {padding:20px 20px 21px 0;}
#index_3 .column1 .content1 {border-bottom:1px solid #3f4850; padding:0 0 31px 1px;}
#index_3 .column1 .content1 p {padding:5px 0 0 0;}

#index_3 .column1 .content2 {padding:23px 0 0 0;}

#index_3 #middle .box .indent {padding:19px 20px 23px 24px;}
#index_3 #middle .box .content1 {border-bottom:1px solid #3f4850; padding:0 0 25px 0;}
#index_3 #middle .box .content1 .p {padding:6px 0 0 0;}
#index_3 #middle .box .imgindent {margin:0 20px 0 0;}
#index_3 #middle .box .content2 {padding:22px 0 0 2px;}
#index_3 #middle .box .content2 ul {margin:10px 0 0 0;}


/* ============================= index-4 =========================== */

#index_4 .t1 {margin-bottom:31px;}
#index_4 .t2 {margin-bottom:28px;}
#index_4 .t3 {margin-bottom:19px;}

#index_4 #middle .indent {padding:14px 37px 19px 35px;}

#index_4 #middle .box .indent {padding:19px 29px 18px 25px;}
#index_4 .box .content { border-top:1px solid #4a5e72; padding:12px 0 35px 0;}
#index_4 #middle .box .content .p {padding:18px 0 0 0;}
#index_4 .box .content2 { border-top:1px solid #4a5e72; padding:10px 0 35px 0; line-height:1.42em;}
#index_4 .box .content2 p {padding-top:17px;}

#index_4 #middle .column2 .indent {padding:20px 0 21px 22px;}
#index_4 .column2 .content1 {border-bottom:1px solid #3f4850; padding:0 0 28px 1px;}

#index_4 .column2 .content2 {padding:23px 0 0 0;}
#index_4 .column2 .content2 .imgindent {margin:0 18px 23px 0;}
#index_4 .column2 ul {margin:14px 0 0 0;}

/* ============================= index-5 =========================== */

#index_5 .t1 {margin-bottom:28px;}
#index_5 .t2 {margin-bottom:19px;}
#index_5 .t3 {margin-bottom:28px;}

#index_5 #middle .indent {padding:14px 37px 19px 35px;}


#index_5 .column1 .content1 {border-bottom:1px solid #3f4850; padding:0 0 33px 1px;}
#index_5 .column1 .content1 a {font-weight:normal;}

#index_5 .column1 .content2 {padding:23px 0 0 0;}

#index_5 #middle .box .indent {padding:19px 29px 23px 24px;}

#form {padding:17px 0 0 0; width:250px}
#form .row {height:26px;}

#form .input {width:246px; height:18px; background:#505b65; padding:0 0 0 5px; font-size:0.92em; color:#b8c2c9; font-family:tahoma;}
#form textarea {width:246px; height:87px; background:#505b65; padding:0 0 0 5px; overflow:auto; font-size:0.92em; color:#b8c2c9; font-family:tahoma;}
form .div {text-align:right; padding:12px 1px 0 0;}
.send {background:url(http://www.wf.com.mx/images/list_bg.gif) no-repeat 0 1px; padding:0 0 0 22px; color:#ffd88e;}

/* ============================= index-6 =========================== */

#index_6 #middle .indent {padding:34px 37px 50px 36px;}
#index_6 .t1 {margin-bottom:28px;}


