/*
Theme Name: Easy Empaques
Theme URI: http://www.easyempaques.com/
Description: Tema original para el sitio Easy Empaques
Version: 1.0
Author: German Kasten
Tags: easy empaques, hold asociados

Tema oficial para el sitio de Easy Empaques
*/


*{
	margin:0;
	padding:0;
}

body{
	background:url(img/bg.jpg) top repeat-x;
	background-color:#270703;
	color:#260602;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1{
	font-size:24px;
	color:#FF6600;
	font-weight:bold;
	margin:10px 0;
}

h2{
	font-size:15px;
	font-weight:bold;
	margin:0 0 10px 0;
}

h2 a{
	color:#260602;
}

h3{
	font-size:15px;
	font-weight:bold;
	color:#FF6600;
	margin:10px 0;
}

h3 a{
	color:#FF6600;
}

h4{
	text-transform:uppercase;
	font-size:20px;
	margin:10px 0;
}

p,ul,ol{
	line-height:140%;
	margin:10px 0;
}

ul,ol{
	margin:0 30px;
}

a{
	text-decoration:none;
	color:#FD771D;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}

#wrapper{
	width:940px;
	position:relative;
	margin:0 auto;
}

#header{
	width:940px;
	height:128px;
}

#header #logo{
	position:absolute;
	top:26px;
	left:-15px;
}

#header #leaderboard{
	position:absolute;
	top:30px;
	left:220px;
}

#menu{
	width:940px;
}

#menu ul{
	text-transform:uppercase;
	font-size:15px;
	list-style:none;
	height:35px;
	margin:0;
	padding:0;
}

#menu ul li{
	float:left;
	padding:8px 10px 0 10px;
	height:27px;
}

#menu ul li#lang{
	float:right;
	padding:8px 10px 0 30px;
	height:27px;
	font-size: 11px;
	text-transform: none;
	background: url(img/en_US.png) no-repeat 4px 11px;
	background-color: #BA4801;
}

#menu ul li:hover,
#menu ul li:hover a{
	background:#F0F0F0;
}

#menu ul li a{
	color:#FFF;
}

#menu ul li:hover a,
#menu ul li a:hover{
	color:#260601;
	text-decoration:none;
}

#container{
	width:925px;
	background:#F0F0F0;
	position:relative;
	float:left;
	padding:15px 0 20px 15px;
}

#content{
	float:left;
	width:720px;
}

#content #banner{
	width:720px;
}

#content #home_header{
	background:url(img/homeheader.jpg) top no-repeat;
	width:660px;
	height:39px;
	padding:10px 50px 10px 10px;
}

#content #home_header h1{
	color:#FFF;
}

#content #home_header p{
	margin:12px 0;
}

#content #home_header p a{
	font-size:10px;
	color:#FFF;
	text-transform:uppercase;
}

#content #threeCol{
	float:left;
	display:inline;
	margin:10px 0;
}

#content #threeCol .col{
	width:220px;
	margin:0 20px 20px 0;
	display: inline;
	float:left;
}

#content #threeCol h3{
	height: 35px;
	width: 220px;
	overflow: hidden;
	float: left;
}

#content #threeCol p{
	width: 220px;
	height: 70px;
	overflow: hidden;
	float: left;
}

#content #main_content{
	width:510px;
	float:right;
	padding:15px 15px 15px 0;
}

#content #main_content #breadcrumb{
	font-size:11px;
	color:#FF6600;
	padding:0 0 10px 0;
}

#content #main_content #breadcrumb a{
	color:#260601;
}

#content #main_content #oneCol,
#content #main_content #twoCol{
	display:inline;
	float:left;
	width:510px;
}

#content #main_content #oneCol .col{
	display:inline;
	margin:5px 0;
	padding:10px 0;
	float:left;
	border-bottom:1px solid #ebebeb;
	width:510px;
}

#content #main_content #twoCol .col{
	display:inline;
	margin:10px 10px 10px 0;
	padding:0 10px 0 0;
	float:left;
	width:235px;
}

#content_sidebar{
	float:left;
	width:190px;
	padding:0;
}

#sidebar{
	float:right;
	width:190px;
	padding:400px 0 0 0;
}

#content_sidebar ul,
#sidebar ul{
	width:190px;
	list-style:none;
	margin:0;
}

#content_sidebar ul li,
#sidebar ul li{
	float:left;
	width:190px;
	display:inline;
	margin:10px 0 10px 0;
}

#content_sidebar ul li p,
#sidebar ul li p{
	margin:0;
	padding:0 20px 0 0;
}

#content_sidebar ul#contextual-menu{
	margin:10px 0 10px 0;
	width: 180px;
	list-style: none;
	background: #772A02;
	float: left;
	padding: 10px 0;
}

#content_sidebar ul#contextual-menu li{
	margin: 1px 0;
	width: 180px;
}

#content_sidebar ul#contextual-menu li a{
	float: left;
	width: 140px;
	padding: 0 20px;
}

#content_sidebar ul#contextual-menu li a:hover{
	background: #fff;
	text-decoration: none;
}

#boletin{
	position:absolute;
	width:215px;
	top:15px;
	left:735px;
}

#boletin ul{
	width:215px;
	list-style:none;
	margin:0;
}

#boletin ul li{
	background:url(img/bg_boletin.jpg) top no-repeat;
	width:185px;
	height:201px;
	margin-top:0;
	padding:10px 15px;
}

#boletin ul li h4{
	color:#FFF;
}

#conversor{
	width: 215px;
	position: absolute;
	top: 250px;
	left: 735px;
}

#conversor ul{
	width:215px;
	list-style:none;
	margin:0;
}

#conversor ul li{
	background:url(img/bg-convertidor.png) top no-repeat;
	width:185px;
	height:110px;
	overflow: hidden;
	margin-top:0;
	padding:60px 15px 10px 15px;
}

#conversor ul li label{
	display: block;
	margin: 5px 0 0 0;
}

#conversor ul li input{
	margin: 5px 0;
	padding: 3px;
}

#conversor ul li #medidas{
	width: 165px;
	margin: 0;
	padding: 0;
}

#conversor ul li #cantidad{
	width: 160px;
	border: 1px solid #ccc;
}

#conversor ul li #resultado{
	width: 77px;
	border: 1px solid #ccc;
}

#conversor ul li #btn-convertir{
	width: 80px;
}

#footer{
	width:940px;
	float:left;
	position: relative;
	background:#BA4801;
	border-top:10px solid #993901;
	padding:10px 0 20px 0;
	color:#FFF;
	font-size:11px;
}

#footer ul{
	margin:0;
	list-style:none;
}

#footer ul li{
	padding:0 15px;
	float:left;
}

#footer ul li ul{
	margin:0;
}

#footer ul li ul li{
	float:none;
	padding:0;
}

#footer ul li a{
	color:#FFF;
}

#footer ul li#legal{
	float:right;
}

.left{
	float:left;
	display:inline;
}

.right{
	float:right;
	display:inline;
}

br.clear{
	clear:both;
}

a.call170{
	display:block;
	background:url(img/button_calltoaction170.jpg) no-repeat;
	width:150px;
	height:30px;
	color:#FFF;
	padding:5px 10px;
	float:left;
}

a.call220{
	display:block;
	background:url(img/button_calltoaction220.jpg) no-repeat;
	width:220px;
	height:30px;
	color:#FFF;
	padding:5px 10px;
	float:left;
}

a.call170:hover{
	text-decoration:none;
}

img.shadow220,
div.shadow220{
	background:url(img/imgshadow220.jpg) bottom no-repeat;
	padding:0 0 10px 0;
}

img.shadow120{
	background:url(img/imgshadow120.jpg) bottom no-repeat;
	padding:0 0 10px 0;
}

#main_content img.right{
	margin:0 0 20px 20px;
}

#main_content img.left,
#main_content div.left{
	margin:0 20px 20px 0;
}

#main_content #gallery{
	width: 220px;
	height: 165px;
}

.w265{
	width:265px;
}

.w220{
	width:220px;
}

/********cforms*****************/

.cform{
	background:url(img/bg_form.jpg) bottom right no-repeat;
	width: 310px;
	float: left;
	padding:0 50px 40px 0;
}

.cf_hidden{
	display: none;
}

#container #content ol.cf-ol{
	margin:0;
	list-style:none;
	width:310px;
	float:left;
}

#container #content ol.cf-ol li{
	float:left;
	padding:2px 0;
	margin:6px 0;
	display:inline;
	width:310px;
}

#container #content ol.cf-ol li label{
	float:left;
	width:70px;
	line-height:120%;
	font-size:11px;
}

#container #content ol.cf-ol li.cf-box-title{
	line-height:120%;
	font-size:11px;
}

#container #content ol.cf-ol li.cf-box-group{
	float:left;
	padding:2px 0;
	margin:6px 0;
	display:inline;
	width:310px;
}

#container #content ol.cf-ol li .single{
	float:right;
	padding:2px;
	font-size:12px;
	border:1px solid #CCCCCC;
	width:220px;
}

#container #content ol.cf-ol li .area{
	float:right;
	padding:2px;
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border:1px solid #CCCCCC;
	width:220px;
	height:100px;
}

#container #content .cform p.cf-sb{
	float:left;
	padding:2px 0;
	margin:6px 0;
	display:inline;
	width:310px;
}

#container #content .cf-sb .sendbutton{
	float:right;
}

#container #content ol.cf-ol fieldset{
	display: block;
}

.linklove{
	display: none;
}

/*************************************/