/* Website template by freewebsitetemplates.com */
@font-face 
{
 font-family: 'Abel-Regular';
 src: url('../fonts/Abel-Regular.eot');
 src: local('☺'), url('../fonts/Abel-Regular.woff') format('woff'), url('../fonts/Abel-Regular.ttf') format('truetype'), url('../fonts/Abel-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face 
{
 font-family: 'Cabin-Regular';
 src: url('../fonts/Cabin-Regular.eot');
 src: local('☺'), url('../fonts/Cabin-Regular.woff') format('woff'), url('../fonts/Cabin-Regular.ttf') format('truetype'), url('../fonts/Cabin-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

body 
{
 background-image: url(../images/bg-body.png);
 background-repeat: repeat;
 background-position: left top;
 min-width: 960px;
 margin: 0;
}

.area
{
 width: 960px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
}
.area2
{
 /*width: 960px;*/
 background-image: url(../images/bg-footer.png);
 background-repeat: repeat;
 background-position: left top;
 display: inline-block;
 width: 100%;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
}



img 
{
 border-width: 0;
}

.more 
{
 color: #eb6900;
 display: inline-block;
 font-size: 12px;
 line-height: 24px;
 letter-spacing: 1px;
 margin-top: 0;
 margin-right: 5px;
 margin-bottom: 0;
 margin-left: 5px;
 text-decoration: none;
 text-transform: uppercase;
}

/*------------------------------ Sprites ------------------------------*/
#navigation, #navigation li.selected a, #navigation li a:hover, .blog h2, .frame, .heading1, .heading2, #blog .list li 
{
 background-image: url(../images/interface.png);
 background-repeat: no-repeat;
}

.box, .box > div, .box > div > div 
{
 background-image: url(../images/bg-contentbox.png);
 background-repeat: no-repeat;
}

.box2, .box2 > div 
{
 background-image: url(../images/bg-sidebar.png);
 background-repeat: no-repeat;
}

#connect a, .archives > li > span 
{
 background-image: url(../images/icons.png);
 background-repeat: no-repeat;
}

.more:hover, #connect a:hover 
{
 filter: alpha(opacity=80);
 opacity: 0.8;
}

.frame 
{
 background-position: right bottom;
 height: 216px;
 width: 268px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 12px;
 margin-left: -7px;
 padding-top: 12px;
 padding-right: 13px;
 padding-bottom: 14px;
 padding-left: 13px;
}

.heading1, .heading2 
{
 background-position: -258px -60px;
 height: 54px;
 line-height: 54px;
 width: 240px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 text-align: center;
 text-shadow: 0 1px #fff;
}

.heading2 
{
 background-position: right -60px;
 height: 45px;
 line-height: 45px;
 width: 440px;
}

/*------------------------------ HEADER ------------------------------*/
#header 
{
 background-image: url(../images/bg-header.png);
 background-repeat: repeat-x;
 background-position: left;
 height: 50px;
 text-align: right;
}

/*logo*/
#logo
{
 float: left;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 12px;

}
#logoSl
{
 float: left;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 12px;
}

/** navigation **/
#navigation 
{
 background-position: right top;
 display: inline-block;
 height: 45px;
 list-style: none;
 width: 500px;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 0;
 padding-right: 30px;
 padding-bottom: 0;
 padding-left: 30px;
}

#navigation li 
{
 float: left;
 width: 124px;
 margin: 0;
 text-align: center;
}

#navigation li a 
{
 color: #5a4d43;
 display: block;
 font-size: 14px;
 line-height: 50px;
 font-family: Arial, Helvetica, sans-serif;
 height: 50px;
 width: 124px;
 text-decoration: none;
 text-shadow: 0 1px #fff;
}

#navigation li.selected a, #navigation li a:hover 
{
 background-position: left top;
}

/*------------------------------ CONTENTS ------------------------------*/
#contents 
{
 min-height: 1010px;
 padding-top: 45px;
}

#contents div.area:after
{
 clear: both;
 content: "";
 display: block;
 height: 1%;
 line-height: 0;
 visibility: hidden;
}
h2, h3 
{
 color: #2f2203;
 font-size: 24px;
 line-height: 24px;
 letter-spacing: 1px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 6px;
 margin-left: 0;
 text-transform: uppercase;
}

h2 span 
{
 color: #fc6700;
}

h3 
{
 font-size: 20px;
 margin: 0;
 text-transform: none;
}

p 
{
 color: #000000;
 font-size: 12px;
 line-height: 24px;
 font-family: Arial, Helvetica, sans-serif;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 24px;
 padding-left: 0;
 margin: 0;
}

p a 
{
 color: #9b8d84; 
}
p b 
{
 color: #2f2203;
}
h3 a:hover, p a:hover 
{
 color: #f1aa00;
}

p a:hover 
{
 text-decoration: underline;
}

/** contents2 temporal quitar al agregar pagina original**/
#contents2 
{
 min-height: 1010px;
 padding-top: 0px;
}

/*slider*/
#slider 
{
 /*background-repeat: no-repeat;*/
 height: 71px;
 margin-top: 0px;
 overflow: hidden;
 width: 272;
 -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
 -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
 -o-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
 box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}
#slider3
{
 /*background-repeat: no-repeat;*/
 height: 120px;
 margin-top: 0px;
 overflow: hidden;
 width: 720;
}
/** adbox **/
#adbox 
{
 background-image: url(../images/adbox.jpg);
 background-repeat: no-repeat;
 background-position: center top;
 margin-top: -45px;
 margin-right: 0;
 margin-bottom: 30px;
 margin-left: 0;
}

#adbox .area 
{
 height: 531px;
 position: relative;
}

#adbox ul 
{
 display: inline-block;
 list-style: none;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 6px;
 margin-left: 0;
 padding: 0;
 position: absolute;
 left: 0;
 bottom: 0;
}

#adbox ul li 
{
 float: left;
 background-image: url(../images/separator.png);
 background-repeat: no-repeat;
 background-position: left top;
 min-height: 110px;
 width: 300px;
 padding-top: 0;
 padding-right: 8px;
 padding-bottom: 0;
 padding-left: 12px;
}

#adbox ul li:first-child 
{
 background-image: none;
}

#adbox ul li > div 
{
 background-image: url(../images/bg-adbox-feature.png);
 background-repeat: no-repeat;
 background-position: center top;
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 0;
 padding-left: 20px;
}

#adbox ul li > div h2 
{
 letter-spacing: 1px;
}

#adbox ul li > div p 
{
 color: #2f2203;
 letter-spacing: 1px;
}

#adbox ul li > div p a 
{
 color: #2f2203;
 text-decoration: none;
}

/** section **/
.section 
{
 float: left;
 width: 480px;
}

/** box **/
.box 
{
 background-position: right bottom;
 width: 440px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 36px;
 margin-left: auto;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 10px;
 padding-left: 0;
 background-color: #CFC;
 size: fixed;
 overflow: auto;
 max-height: 350px;
 filter: alpha(opacity=70);
 opacity: .7;
}

.box > div 
{
 background-position: left top;
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
}

.box > div > div 
{
 background-position: -450px 0;
 background-repeat: repeat-y;
 padding-top: 0;
 padding-right: 20px;
 padding-bottom: 0;
 padding-left: 20px;
}

/** box2 **/
.box2 
{
 background-position: right bottom;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 10px;
 padding-left: 0;
}

.box2 > div 
{
 background-position: left top;
 background-repeat: repeat-y;
 min-height: 100px;
 padding-top: 0;
 padding-right: 40px;
 padding-bottom: 0;
 padding-left: 40px;
}

/** main **/
.main 
{
 float: left;
 width: 600px;
 margin-top: 0;
 margin-right: 30px;
 margin-bottom: 0;
 margin-left: 10px;
}

/** blog **/
.blog 
{
 float: right;
 width: 290px;
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 18px;
 margin-left: 20px;
}

.blog h2 
{
 background-position: 0 -60px;
 color: #fff;
 font-size: 24px;
 line-height: 35px;
 height: 35px;
 letter-spacing: 1px;
 width: 208px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
 padding-top: 0;
 padding-right: 20px;
 padding-bottom: 0;
 padding-left: 20px;
 text-transform: uppercase;
}

.blog h3 
{
 text-transform: uppercase;
}

.blog p 
{
 padding: 0;
}

/** features **/
#features 
{
 margin-top: 30px;
 margin-right: 0;
 margin-bottom: 12px;
 margin-left: 0;
}

#features img:hover 
{
 -webkit-box-shadow: 0 0 20px #063;
 -moz-box-shadow: 0 0 20px #063;
 -o-box-shadow: 0 0 20px #063;
 box-shadow: 0 0 20px #063;
 -webkit-transform: rotate(5deg);
 -moz-transform: rotate(5deg);
 -o-transform: rotate(5deg);
 transform: rotate(5deg);
}

#features p 
{
 padding: 0;
}

#features .more 
{
 margin: 0;
}

#features ul 
{
 display: inline-block;
 list-style: none;
 width: 630px;
 margin-top: 18px;
 margin-right: 0;
 margin-bottom: 18px;
 margin-left: -10px;
 padding: 0;
}

#features ul li 
{
 float: left;
 width: 280px;
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 22px;
 margin-left: 10px;
 padding-top: 0;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 0;
}

#features ul li img 
{
 float: left;
 margin-top: 6px;
 margin-right: 20px;
 margin-bottom: 24px;
 margin-left: 0;
}

/** About page **/
#about p 
{
 letter-spacing: 1px;
 padding-bottom: 12px;
}

#about .section:first-child p 
{
 padding-bottom: 42px;
}

/** contact **/
#contact p 
{
 padding-bottom: 30px;
}

#contact p span 
{
 display: block;
}

#contact .section 
{
 width: 440px;
 padding-top: 0;
 padding-right: 20px;
 padding-bottom: 0;
 padding-left: 20px;
}

#contact .section:first-child h3 
{
 margin-top: 12px;
}

#contact p.numbers 
{
 padding-left: 40px;
}

#contact p.address 
{
 padding-left: 40px;
}

#contact p.address span 
{
 display: block;
 font-size: 14px;
 margin-left: -40px;
}

/** list **/
.list 
{
 list-style: none;
 margin-top: 18px;
 margin-right: 0;
 margin-bottom: 18px;
 margin-left: 0;
 padding: 0;
}

.list li 
{
 
}

.list li img 
{
 float: left;
 margin-top: 0;
 margin-right: 20px;
 margin-bottom: 0;
 margin-left: 10px;
}

.list li div 
{
 padding-left: 130px;
}

/** Blog Page **/
#blog 
{
 margin-bottom: 60px;
}

#blog .main 
{
 background-image: url(../images/dash.png);
 background-repeat: repeat-y;
 background-position: right top;
 min-height: 500px;
 width: 598px;
 margin: 0;
 padding-top: 0;
 padding-right: 22px;
 padding-bottom: 0;
 padding-left: 40px;
}

#blog .list li 
{
 background-position: left bottom;
 height: 194px;
 width: 540px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 18px;
 margin-left: 0;
 padding-top: 20px;
 padding-right: 40px;
 padding-bottom: 10px;
 padding-left: 20px;
}

#blog .list li img 
{
 margin-top: 0;
 margin-right: 20px;
 margin-bottom: 0;
 margin-left: 0;
}

#blog .list li div 
{
 padding-left: 150px;
}

#blog .list li div p 
{
 letter-spacing: 1px;
 padding-bottom: 6px;
 border-bottom-color: #e5e5e5;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

#blog .list li div > span 
{
 color: #9b8d84;
 font-size: 12px;
 line-height: 42px;
 font-family: Arial, Helvetica, sans-serif;
}

#blog .list li div > span.views 
{
 float: right;
}

#blog .sidebar 
{
 float: right;
 width: 240px;
 padding-top: 0;
 padding-right: 40px;
 padding-bottom: 0;
 padding-left: 18px;
}

/** pagination **/
.pagination 
{
 display: inline-block;
 line-height: 24px;
 width: 100%;
 margin-top: 12px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 text-align: center;
}

.pagination > ul 
{
 display: inline-block;
 list-style: none;
 *width: 330px;
 margin: 0;
 padding: 0;
}

.pagination > ul li 
{
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 margin-top: 0;
 margin-right: 2px;
 margin-bottom: 0;
 margin-left: 2px;
}

.pagination > ul li a 
{
 color: #9b8d84;
 padding: 5px;
 text-decoration: none;
}

.pagination > ul li a:hover, .pagination > ul li.selected a 
{
 color: #fc6700;
}

.pagination > ul li.last a 
{
 color: #f1aa00;
}

/** archives **/
.archives 
{
 list-style: none;
 margin: 0;
 padding-top: 18px;
 padding-right: 0;
 padding-bottom: 18px;
 padding-left: 0;
}

.archives > li 
{
 cursor: pointer;
 border-top-color: #e5e5e5;
 border-top-width: 1px;
 border-top-style: solid;
}

.archives > li > span 
{
 background-position: right -160px;
 color: #f1aa00;
 display: block;
 font-size: 16px;
 line-height: 30px;
 height: 30px;
}

.archives > li:first-child 
{
 border-top-width: 0;
}

.archives ul 
{
 display: none;
 list-style: none;
 border-top-color: #e5e5e5;
 border-top-width: 1px;
 border-top-style: solid;
 margin: 0;
 padding-top: 12px;
 padding-right: 0;
 padding-bottom: 12px;
 padding-left: 0;
}

.archives ul li a 
{
 color: #9b8d84;
 display: block;
 font-size: 12px;
 line-height: 24px;
 font-family: Arial, Helvetica, sans-serif;
 padding-left: 20px;
 text-decoration: none;
}

.archives ul li a:hover 
{
 color: #fc6700;
}

.archives > li:hover > span 
{
 color: #fc6700;
}

.archives > li ul 
{
 display: none;
}

.archives > li:hover > span, .archives > li:hover ul 
{
 background-position: right bottom;
 color: #fc6700;
 display: block;
}

/*------------------------------ FOOTER ------------------------------*/
#footer 
{
 background-image: url(../images/bg-footer.png);
 background-repeat: repeat;
 background-position: left top;
 display: inline-block;
 width: 100%;
 padding-top: 30px;
 padding-right: 0;
 padding-bottom: 30px;
 padding-left: 0;
}

.divider 
{
 background-image: url(../images/divider.png);
 background-repeat: no-repeat;
 background-position: center top;
 display: block;
 height: 2px;
 width: 572px;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 position: relative;
 top: -31px;
}

#footer p 
{
 color: #2f2203;
 font-size: 12px;
 line-height: 24px;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 text-shadow: 0 1px #fff;
}

#connect 
{
 float: right;
 display: inline-block;
 list-style: none;
 margin: 0;
 padding: 0;
}

#connect a 
{
 float: left;
 display: inline-block;
 height: 30px;
 width: 30px;
 margin-top: 0;
 margin-right: 15px;
 margin-bottom: 0;
 margin-left: 15px;
}

#connect a.googleplus 
{
 background-position: 0 0;
}

#connect a.mail 
{
 background-position: 0 -40px;
}

#connect a.facebook 
{
 background-position: 0 -80px;
}

#connect a.twitter 
{
 background-position: 0 -120px;
}
#contents2 
{
 width: 550px;
 margin-right: auto;
 margin-left: auto;
}
#contentsU 
{
 background-image: url(../images/bg-bodyr.png);
 background-repeat: no-repeat;
 min-height: 1010px;
 padding-top: 45px;
 width: 550px;
}