﻿/*VIACONFORT San

/*-----------------------------------------------------
    GENERAL
-----------------------------------------------------*/
body
{
	font-family: Arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
a
{
	color: #0000CC;
}
.align_left
{
	float: left;
}
.align_right
{
	float: right;
}
.align_center
{
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.cleanDiv
{
	clear: both;
	height: 0;
	line-height: 0;
}
img
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	text-align: left;
}
h1
{
	color: #333333;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
/*------------------------------------------------
    MARCO
-------------------------------------------------*/

.wrapper
{
	width: 970px;
	margin: 0 auto;
}

.header
{
	height: 120px;
}

.contentCheck
{
	margin: 0 auto;
	min-height: 200px;
	padding: 22px 0;
	width: 745px;
}

.content
{
	padding: 20px 0;
	min-height: 200px;
}
.content_left
{
	width: 270px;
	float: left;
}
.content_right
{
	width: 675px;
	float: right;
}
.content_left2
{
	width: 650px;
	float: left;
}
.content_right2
{
	width: 305px;
	float: right;
}

/*------------------------------------------------
    HEADER
-------------------------------------------------*/

.header_logo
{
	margin: 10px 0 0 0;
	height: 105px;
	width: 160px;
	float: left;
}

.header_logo a
{
	height: 105px;
	width: 160px;
	display: block;
	text-decoration: none;
}

.header_logo a img
{
	border: none;
}

.header_right
{
	width: 780px;
	float: right;
}
.header_phone
{
	height: 57px;
	line-height: 57px;
	color: #DA251D;
	font-size: 30px;
	font-weight: bold;
	text-align: right;
	padding: 10px 0 0 0;
}
.header_links
{
	float: right;
	text-align: right;
	margin: 23px 0 0 0;
}
.header_links a
{
}

/*------------------------------------------------
    MENU HORIZONTAL
-------------------------------------------------*/
.menu_hor
{
	height: 104px;
	padding: 10px 0 0 0;
}
.menu_hor_top
{
	height: 33px;
	width: 100%;
	background: url(../images/nav_t_sep.png);
	overflow: hidden;
}
.menu_hor_med
{
	height: 29px;
	overflow: hidden;
}
.menu_hor_bot
{
	height: 40px;
	margin: 2px 0 0 0;
}
/* TOP */
.menu_hor_top_sel_a
{
	float: left;
	height: 33px;
}

.menu_hor_top_sel_l
{
	height: 33px;
	width: 6px;
	background: url(../images/nav_t_sel_l.png);
	float: left;
}
.menu_hor_top_sel_c
{
	height: 33px;
	text-align: center;
	background: url(../images/nav_t_sel_c.png);
	float: left;
	line-height: 33px;
}
.menu_hor_top_sel_r
{
	height: 33px;
	width: 6px;
	background: url(../images/nav_t_sel_r.png);
	float: left;
}
.menu_hor_top_sel_c a
{
	height: 33px; /*padding: 0 10px;*/
	display: block;
	text-align: center;
	color: Black;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 33px;
	color: White;
}
.menu_hor_top_sel_c a:hover
{
	text-decoration: underline;
}
.menu_hor_top_sep
{
	height: 33px;
	width: 2px;
	background: url(../images/nav_t_sep.png);
	float: left;
}
.menu_hor_top_unsel_l
{
	height: 33px;
	width: 6px;
	background: url(../images/nav_t_unsel_l.png);
	float: left;
}
.menu_hor_top_unsel_c
{
	height: 33px;
	text-align: center;
	background: url(../images/nav_t_unsel_c.png);
	float: left;
	line-height: 33px;
}
.menu_hor_top_unsel_r
{
	height: 33px;
	width: 6px;
	background: url(../images/nav_t_unsel_r.png);
	float: left;
}
.menu_hor_top_unsel_c a
{
	height: 33px; /*padding: 0 10px;*/
	display: block;
	text-align: center;
	color: Black;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 39px;
	color: #333;
}
a.menu_hor_top_c_unsel
{
	text-decoration: none;
	color: White;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 30px;
	text-align: center;
	height: 41px;
	line-height: 50px;
	outline: none;
}
a.menu_hor_top_c_unsel:hover
{
	text-decoration: underline;
}
/* MEDIUM */
.menu_hor_med_l
{
	height: 29px;
	width: 6px;
	background: url(../images/nav_m_l.png);
	float: left;
}
.menu_hor_med_c
{
	height: 29px;
	width: 958px;
	line-height: 29px;
	background: url(../images/nav_m_c.png);
	float: left;
}
.menu_hor_med_c a
{
	height: 29px;
	display: block;
	padding: 0 10px;
	text-decoration: none;
	float: left;
	color: White;
}
.menu_hor_med_c a:hover
{
	text-decoration: underline;
}
.menu_hor_med_sep
{
	width: 2px;
	height: 29px;
	background: url(../images/nav_m_sep.png);
	float: left;
}
.menu_hor_med_r
{
	height: 29px;
	width: 6px;
	background: url(../images/nav_m_r.png);
	float: left;
}
/* BOTTOM */
.menu_hor_bot_l
{
	height: 40px;
	width: 6px;
	background: url(../images/nav_b_l.png);
	float: left;
}
.menu_hor_bot_c
{
	height: 24px;
	width: 958px;
	background: url(../images/nav_b_c.png);
	float: left;
	text-align: center;
	padding: 8px 0;
}
.menu_hor_bot_r
{
	height: 40px;
	width: 6px;
	background: url(../images/nav_b_r.png);
	float: left;
}
.menu_hor_bot_txt
{
	width: 401px;
	height: 31px;
	float: left;
	margin: 0 0 0 250px;
}
.menu_hor_bot_txt input
{
	width: 390px;
	border: 1px #969696 solid;
	padding: 3px;
}
.menu_hor_bot_btn
{
	float: left;
	margin: 0 0 0 10px;
	height: 24px;
	width: 70px;
}


/*------------------------------------------------
    FOOT
-------------------------------------------------*/
.foot
{
	margin: 10px 0 0 0;
	padding: 10px 0 20px 0;
	border-top: 1px #cccccc solid;
}
.foot_left
{
	float: left;
	width: 933px;
}
.foot_right
{
	float: right;
	width: 400px;
	margin: 10px auto;
}

.foot, .foot a
{
	font-size: 11px;
}
.foot a
{
	color: Black;
}
.foot_locales
{
	height: 20px;
}
.foot_address
{
	float: left;
	width: 120px;
}
.foot_links
{
	padding: 10px 0 0 0;
	width: 543px;
	float: left;
}
.foot_links_right_top
{
	float: right;
	text-align: right;
	width: 300px;
}
.foot_links_right_bot
{
	float: right;
	text-align: right;
	width: 300px;
	padding: 38px 0 0;
}

/*------------------------------------------------
    BOX SMALL
-------------------------------------------------*/

.boxsmall
{
	width: 250px;
	margin: 0 0 20px 0;
}
.boxsmall_top
{
	height: 35px;
}
.boxsmall_top_l
{
	float: left;
	background: url(../images/boxsmall_t_l.png);
	width: 10px;
	height: 35px;
}
.boxsmall_top_c
{
	float: left;
	background: url(../images/boxsmall_t_c.png);
	width: 230px;
	height: 35px;
	line-height: 35px;
}
.boxsmall_top_c h1
{
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #333;
}
.boxsmall_top_r
{
	float: left;
	background: url(../images/boxsmall_t_r.png);
	width: 10px;
	height: 35px;
}
.boxsmall_body
{
	padding: 10px 10px 20px 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	min-height: 300px;
}
.boxsmall_body h3
{
	margin: 0;
	padding: 0;
}
.boxsmall_body h3 a
{
	color: #123FAB;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	width: 220px;
	display: block;
	padding: 5px 0 5px 0;
	outline: none;
}
.boxsmall_body h3 a.only
{
	border-bottom: 1px solid #ddd;
}
.boxsmall_body h3 a:hover
{
	text-decoration: underline;
}

/*------------------------------------------------
    BOX SMALL 2 (sin title con background)
-------------------------------------------------*/
.boxsmall2
{
	border: 1px solid #ddd;
	width: 230px;
	padding: 10px 10px 20px 10px;
	margin: 0 0 20px 0; /*font-size: 14px;     font-weight: normal;*/
}
.boxsmall2 h1
{
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin: 5px 0;
}
.boxsmall2_title
{
	height: 32px;
}
.boxsmall2_title img
{
	float: left;
}
.boxsmall2_title h1
{
	height: 32px;
	float: left;
	margin: 0 0 0 5px;
	line-height: 32px;
}

/*------------------------------------------------
    BOXES
-------------------------------------------------*/
.box_white
{
	width: 650px;
	padding: 0 0 30px 0;
}
.box_white h1
{
	color: #084aa1;
	padding: 0;
	margin: 0;
	font-size: 24px;
	font-weight: normal;
}
.box_white_top
{
	font-size: 0;
	height: 5px;
	background: url(../images/box_white_top.png);
}
.box_white_middle
{
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
	padding: 5px 10px;
}
.box_white_bottom
{
	font-size: 0;
	height: 5px;
	background: url(../images/box_white_bottom.png);
}

.box_white_small
{
	width: 280px;
	padding: 10px;
	border: 1px #ccc solid;
	margin: 0 0 30px 0;
}
.box_white_small h1
{
	color: #084aa1;
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: normal;
}
.box_white_title
{
	height: 40px;
}
.box_white_title img
{
	float: left;
}
.box_white_title h1
{
	width: 240px;
	float: left;
	height: 38px;
	line-height: 38px;
	padding: 0 0 0 5px;
}
.box_line
{
	width: 620px;
	font-size: 0;
	border-top: 1px #ccc dotted;
	margin: 15px 0;
}

/*------------------------------------------------
    BOX BIG
-------------------------------------------------*/
.boxbig
{
	width: 673px;
	min-height: 300px;
	border: 1px solid #ddd;
	padding: 10px 0 20px 0;
}

/*------------------------------------------------
    OFFER
-------------------------------------------------*/
.offer
{
	width: 200px;
	float: left;
	margin: 10px 0 0 18px;
}
.offer_img
{
	border: 1px #ddd solid;
	text-align: center;
}
.offer_img_link
{
	display: table-cell;
	height: 180px;
	width: 200px;
	text-align: center;
	vertical-align: middle;
}
.offer_link
{
	font-size: 11px;
	text-align: center;
	padding: 5px 0 5px 0;
}
.offer_foot
{
	height: 26px;
	padding: 5px 5px 0;
}
.offer_price
{
	float: left;
	font-size: 17px;
	font-weight: bold;
	color: Gray;
	height: 24px;
	line-height: 24px;
}
.offer_btn
{
	float: right;
	background: url(../images/btnHomeBuy.png);
	height: 24px;
	width: 80px;
}

/*------------------------------------------------
    BRANDS
-------------------------------------------------*/
.brand_link
{
	text-align: center;
	width: 200px;
	margin: 20px auto;
	display: block;
}

/*------------------------------------------------
    ACCORDION
-------------------------------------------------*/
.accordionSubcategory
{
	overflow: hidden;
	height: 0px;
	border-bottom: 1px solid #ddd;
}
.accordionSubcategory ul
{
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
}
.accordionSubcategory ul li
{
	list-style: none;
	line-height: 18px;
}
.accordionSubcategory ul li a
{
	text-decoration: none;
	color: #2A5DCB;
}
.accordionSubcategory ul li a:hover
{
	text-decoration: underline;
}

/*------------------------------------------------
    SITEMAP
-------------------------------------------------*/
.sitemap
{
	padding: 0 0 10px 0;
	color: Gray;
	font-size: 11px;
}
.sitemap a
{
	color: Gray;
	font-size: 11px;
}

/*-------------------------------------------------------
    MESSAGE BOX
-------------------------------------------------------*/
.clean_message_success, .clean_message_warning, .clean_message_error, .clean_message_info
{
	text-align: left;
	padding: 10px 10px 10px 40px;
	color: #525252;
	margin: 10px 0 20px;
	font-size: 12px;
}


.clean_message_success
{
	background: #E9FAD0 url(../images/msg/accept.png) no-repeat scroll 10px 10px;
	border-bottom: 1px solid #AEE756;
	border-top: 1px solid #AEE756;
	font-weight: bold;
}


.clean_message_warning
{
	background: #fff6bf url(../images/msg/error.png) 15px 50% no-repeat;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
}


.clean_message_error
{
	background: #FFCCCC url(../images/msg/delete.png) no-repeat scroll 10px 10px;
	border-bottom: 1px solid #F08A73;
	border-top: 1px solid #F08A73;
}


.clean_message_info
{
	background: #F8FAFC url(../images/msg/information.png) 15px 50% no-repeat;
	border-top: 1px solid #B5D4FE;
	border-bottom: 1px solid #B5D4FE;
}

/*------------------------------------------------
    CART
-------------------------------------------------*/
.cart
{
	width: 280px;
	padding: 10px;
	border: 1px #ccc solid;
	margin: 0 0 30px 0;
	background: #f8f8f8;
	min-height: 100px;
}
.cart h1
{
	color: #084aa1;
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: normal;
}
.cart_title
{
	height: 40px;
	border-bottom: 1px solid #E6E6E6;
}
.cart_title img
{
	float: left;
}
.cart_title h1
{
	width: 195px;
	float: left;
	height: 38px;
	line-height: 38px;
	padding: 0 0 0 5px;
}
.cart_msg
{
	text-align: center;
}

/*-------------------------------------------
    LOGIN
-------------------------------------------*/

.login
{
	float: right;
}
.login_line
{
	margin: 0 auto;
	width: 230px;
	border-bottom: 1px solid #ddd;
}
.login_item
{
	padding: 5px 0 0;
}

.login_item input
{
	padding: 3px;
	width: 205px;
	background: #f9f9f9;
	border: 1px solid #ccc;
}
.login_item2
{
	padding: 10px 0 0;
	height: 30px;
	line-height: 30px;
}
.login_remember
{
	padding: 5px 0 0;
	height: 20px;
	line-height: 20px;
}
.login_forget
{
	float: left;
}
.login_forget a
{
	font-size: 11px;
}
.login_btn
{
	float: right;
	margin: 0 20px 0 0;
}
.login_line2
{
	width: 240px;
	height: 20px;
	background: url(../images/login_line.png);
	margin: 0 auto;
}
.login_error
{
	height: 30px;
	color: Red;
	font-weight: bold;
	text-align: center;
}
.login_facebook
{
	width: 194px;
	height: 27px;
	display: block;
	margin: 10px auto;
	background: url(../images/Connect_white_large_long.gif);
}
.login_item3
{
	font-size: 11px;
	padding: 5px 0 0;
	text-align: center;
}

/*-----------------------*/
.orderDetails
{
	width: 250px;
	border: 2px solid #10168a;
	position: fixed;
	right: 5px;
	bottom: 5px;
}


/*-------------------------------------------
    RESET PASSWORD
-------------------------------------------*/
.reset_pass
{
	width: 450px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

.btn_reset
{
	width: 184px;
	height: 25px;
	line-height: 20px;
}
