@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#edeae2;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto;}

/********** header **********/
.header_full {
	background:url(images/header_bg.jpg) top center;
}
.header { margin:0 auto; width:980px; padding:0;}

/* Facebook */
.facebook { float:left; width:200px; height:35px;}
.facebook img { width: 33px; height: 33px; float:left; padding:0 5px 0 10px; border:none;}
.facebook span {
	display:block;
	color:#828270;
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	padding:7px 0 0 0;
}
/* twitter */
.twitter { float:left; width:250px; height:35px;}
.twitter img { width: 33px; height: 33px; float:left; padding:0 5px 0 10px; border:none;}
.twitter span {
	display:block;
	color:#828270;
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	padding:7px 0 0 0;
}
/* top menu */
.top_menu {
	float:right;
	width:250px;
	height:28px;
	padding:7px 0 0 0;
	color:#828270;
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:1.8em;
}
.top_menu a {
	color:#828270;
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:1.8em;
}

/* logo */
.logo {
	float:left;	padding:0; width:171px;
	margin-top: 0px;
	margin-right: 130px;
	margin-bottom: 10px;
	margin-left: 48px;
}

/*simple_text_top*/
.simply_text {
	height:68px;
	padding:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:1.8em;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 30px;
}
.simply_text h2 { margin:10px 0; padding:0; font:bold 32px Arial, Helvetica, sans-serif; color:#fff; line-height:1.2em;}
.simply_text p { margin:0; padding:0;}

/* menu */	
.menu {
	float:left;
	padding:0;
	width:550px;
	height:35px;
	background:url(images/menu_bg.gif) top no-repeat;
	margin: 65px 0px 0px 0px;
}
.menu ul {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	border:0;
}
.menu ul li { float:left; margin:1px 0 0 0; padding:0; width:auto;}
.menu ul li a { float:left; margin:0 3px; padding:10px 0 9px 0; color:#481311; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:14px;}
.menu ul li a span { padding:10px 15px 9px 15px;}
.menu ul li a:hover { background:url(images/menu_r.gif) right no-repeat; color:#ffffff;}
.menu ul li a:hover span { background:url(images/menu_l.gif) left no-repeat;}
.menu ul li a.active { background:url(images/menu_r.gif) right no-repeat; color:#ffffff;}
.menu ul li a.active span { background:url(images/menu_l.gif) left no-repeat;}

/********** slider **********/
.header_title { background:#e6e3db url(images/slider_bg_01.jpg) center no-repeat; margin:0; padding:16px 0; height:269px; clear:both; border-bottom:1px solid #cecbc2; border-top:1px solid #73725f}
.header_title_b { background:#e6e3db url(images/slider_bg_02.jpg) center no-repeat; margin:0; padding:16px 0; height:269px; clear:both; border-bottom:1px solid #cecbc2; border-top:1px solid #73725f}

/*simple text*/
.slider_block { margin:0 auto; width:980px; padding:14px 0 15px 0; height:239px;}
.slider_block img.screen { float:left; width:603px; border-right:1px solid #FFF;}
.slider_block div.text { margin:0 0 0 604px; padding:0 0 0 10px; border:0; height:235px; width:282px; background:#481311;}
.slider_block div.text h2 { text-transform: none; font: 24px Arial, Helvetica, sans-serif normal; color:#FFFFFF; margin:0; padding:10px 10px 0 10px; line-height:24px;}
.slider_block div.text p { font:normal 14px Arial, Helvetica, sans-serif; color:#FFF; margin:0; padding:10px; line-height:1.8em;}
.slider_block div.text a { color:#ff7e00; text-decoration:none;}

/* block box */
.block_box { background:url(images/box_bg.gif); width:980px; margin:0 0 10px 0; padding:0;}
.block_box_t { background:url(images/box_top.jpg) no-repeat top;}
.block_box_t2 { background:url(images/box_top2.jpg) no-repeat top;}
.block_box_b { background:url(images/box_f.gif) no-repeat bottom; padding:0 5px 10px 5px !important; padding:0 0 10px 0;}

/********** block index **********/
.body {	margin:0 auto; padding:10px 0 0 0; clear:both; width:980px; background-image: url(images/body_bk.jpg); background-repeat: no-repeat;}
.body_descri { margin:10px auto; padding:0; clear:both; width:980px; background-image: url(images/about_fon_bg.png); background-repeat: no-repeat;}
.body h1 { font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; padding:15px 10px; margin:0 10px;}
.body h2 { font:normal 22px Arial, Helvetica, sans-serif; color:#481311; padding:10px; margin:0;}
.body h3 { font:normal 18px Arial, Helvetica, sans-serif; color:#737373; padding:10px; margin:0;}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#737373; line-height:1.8em; padding:5px 10px; margin:0;}
.body p.name { font:bold 11px Arial, Helvetica, sans-serif; color:#704ca3; line-height:1.8em; text-align:right;}
.body a { color:#55300f; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; text-decoration:underline;}
.body .spec { color:#518884; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body .date { background:url(images/bg_data.gif) no-repeat left; margin:0 10px; padding:5px 20px;}
.body ul.list { margin:10px; padding:0 20px; list-style:none;}
.body ul.list li { margin:0; padding:2px 0 2px 20px; border-left:5px solid #e6e6e6; font:normal 11px Arial, Helvetica, sans-serif; color:#737373; line-height:1.8em;}
.body img.img { float:left; padding:10px; clear:left;}

/********** block interior **********/
.body_int {	margin:0 auto; padding:10px 0 0 0; clear:both; width:980px; background-image: url(images/slider_bg_03.jpg); background-repeat: no-repeat;}
.body_int_footer { margin:10px auto; padding:0; clear:both; width:980px; background-image: url(images/about_fon_bg.png); background-repeat: no-repeat;}
/* los H modifican tamaño general y luego entra el estilo h#.estilo */
.body_int h1 { font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; padding:9px 10px 10px 10px; margin:0 10px;}
.body_int h2 { font:normal 22px Arial, Helvetica, sans-serif; color:#481311; padding:10px; margin:0;}
.body_int h3 { font:normal 18px Arial, Helvetica, sans-serif; color:#737373; padding:10px; margin:0;}
.body_int p { font:normal 11px Arial, Helvetica, sans-serif; color:#737373; line-height:1.8em; padding:5px 10px; margin:0;}
.body_int p.name { font:bold 11px Arial, Helvetica, sans-serif; color:#704ca3; line-height:1.8em; text-align:right;}
.body_int a { color:#55300f; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; text-decoration:underline;}
.body_int .spec { color:#518884; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.body_int .date { background:url(images/bg_data.gif) no-repeat left; margin:0 10px; padding:5px 20px;}
.body_int ul.list { margin:10px; padding:0 20px; list-style:none;}
.body_int ul.list li { margin:0; padding:2px 0 2px 20px; border-left:5px solid #e6e6e6; font:normal 11px Arial, Helvetica, sans-serif; color:#737373; line-height:1.8em;}
.body_int img.img { float:left; padding:10px; clear:left;}

/* side */
.left { width:303px; margin:5px; padding:5px; float:left;}
.center { width:303px; margin:5px; padding:5px; float:left;}
.right { width:303px; margin:5px; padding:5px; float:left;}
.big_side { width:620px; margin:5px; padding:5px; float:left;}

/* testi */
.testi {padding:0 0 15px 0;}
.testi p { font-style:italic;}

/* subscribe */
.subscribe { float:left; width:290px; padding:5px 10px;}
.subscribe input.text { background:#FFF; border:1px solid #bfbfbf; width:260px;}

/* linkeados con los .body_int H# */
/* about */
h1.about { background:url(images/h1_title_about.gif) no-repeat left center; padding-left:40px; margin: 0 0 10px 15px}

/* contact */
h1.contact { background:url(images/h1_title_contact.gif) no-repeat left center; padding-left:40px;}

/* welcome */
h1.latest { background:url(images/h2_title_latest.gif) no-repeat left center; padding-left:40px;}

/* partners */
h1.partners { background:url(images/h1_title_partners.gif) no-repeat left center; padding-left:40px; margin: 0 0 10px 15px}

/* surtido */
h1.surtido { background:url(images/h1_title_surtido.gif) no-repeat left center; padding-left:40px; margin: 0 0 10px 15px}

/* freakies */
h1.freakies { background:url(images/h1_title_freakies.gif) no-repeat left center; padding-left:40px; margin: 0 0 10px 15px}

/* freebies */
h1.freebies { background:url(images/h1_title_freebies.gif) no-repeat left center; padding-left:40px; margin: 0 0 10px 15px}

/* contacteiro */
h1.contacteiro { background:url(images/h1_title_contacteiro.gif) no-repeat left center; padding-left:40px; margin: 0 0 10px 15px}

/*otro*/
div.but { float:right; padding:10px;}

/* sub nav */
ul.sub_nav { margin:0; padding:0 10px; list-style:none;}
ul.sub_nav li { margin:0; padding:0 0 0 20px; background:url(images/sub_nav.gif) no-repeat left;}
/* portfolio */
h3.portfolio { background:url(images/h3_title.gif) no-repeat left; padding:5px 10px 5px 25px; margin:0 0 0 290px;}

/* lister */
.lister { clear:both; padding:10px;}
.lister ul { float:right; margin:0; padding:0; list-style:none;}
.lister ul li { float:left; width:22px; height:22px; margin:1px 3px; text-align:center;}
.lister ul li a { display:block; width:22px; height:22px; background:url(images/lister.gif) no-repeat; color:#7f7f7f; text-decoration:none;}
.lister ul li a:hover { background:url(images/lister_h.gif) no-repeat; color:#FFF; text-decoration:underline;}
.lister ul li a.active { background:url(images/lister_h.gif) no-repeat; color:#FFF; font-weight:bold;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { width:120px; float:left; display:block; padding:5px 10px; margin:0; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; color:#6e6e6e; text-transform:none; text-align:right;}
#contactform label span { display:block; font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #d1d1d1; margin:5px 0 10px 0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:400px; border:1px solid #d1d1d1; margin:10px 0; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 140px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer { padding:0; margin:0;}
.footer_resize {
	width:980px;
	margin:0 auto;
	padding:10px 0;
}
.footer p { font:normal 11px Tahoma, Geneva, sans-serif; color:#050706;}
.footer a { font:normal 11px Tahoma, Geneva, sans-serif; color:#050706; text-decoration:underline; padding:0 2px;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:25px 0; float:right;} 

.no_border { border:0px;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d2d2d2; padding:0; margin:10px 0; background:none; line-height:0;}
li.bg2, .bg2 { clear:both; border-top:1px solid #d2d2d2; padding:0; margin:5px 0; background:none; line-height:0;}