@charset "utf-8";
/* CSS Document */

body {
  background: white;
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  color:#4e4e4e;
}

a{
  color:#000;
}

a:hover{
  text-decoration:underline;
}


p {
  padding:5px 0px;
  line-height:18px;
}


.wrap {
  width:960px;
  margin:0 auto;
}



.header {
  float:left;
  width:960px;
  margin-top:15px;
  margin-bottom:20px;
}

.clearfix {
  display:block;
  overflow:hidden;
}

/* Text elements
-------------------------------------------------------------- */

.header h1{
  font-size:30px;
  color:#000;
  padding:0px 0px;
  display:block;
  float:left;
  font-weight:bold;
}

.header h1 a:hover{
  text-decoration:none;
}

h1 {
  font-size:36px;
  font-weight:normal;
  padding:20px 0px;
  display:block;
  color:#000;
}

h2 {
  font-size:30px;
  font-weight:normal;
  padding:20px 0px;
  color:#000;
}

h3 {
  font-size:24px;
  font-weight:normal;
  color:#000;
  padding:20px 0px;
}
.bar h3 {
  font-size:18px;
  font-weight:normal;
  color:#fff;
  padding:5px 0px 0px 0px;
  float:left;
}
h4 {
  font-size:18px;
  font-weight:normal;
  color:#000;
  padding:20px 0px;
}

h5 {
  font-size:14px;
  font-weight:normal;
  color:#000;
  padding:20px 0px;
}

h6 {
  font-size:12px;
  font-weight:normal;
  color:#000;
  padding:20px 0px;
}




blockquote {
  background:#FFFFFF url(../images/blockquote.png) no-repeat 8px 8px;
  border:1px dotted #DDDDDD;
  color:#474747;
  font-style:italic;
  margin:1em 25% 1em 0;
  min-height:40px;
  padding:1em 1em 1em 7em;
}

cite
    {
    font-size: 12px;
    float: right; 
  margin:0px 0px 20px 0px;
}

address {
  
  margin:0px 20px 0px 0px;
  display:block;
  float:left;
}


/* Tables 
-------------------------------------------------------------- */

#box-table-b {
  border-bottom:7px solid #C8C7C8;
  border-collapse:collapse;
  border-top:7px solid #C8C7C8;
  font-size:12px;
  margin:20px 0px 20px 0px;
  text-align:center;
  width:100%;
}
#box-table-b th {
  background:#fff none repeat scroll 0 0;
  border-left:1px solid #C8C7C8;
  border-right:1px solid #C8C7C8;
  font-size:13px;
  font-weight:normal;
  padding:8px;
}
#box-table-b td {
  border-left:1px solid #C8C7C8;
  border-right:1px solid #C8C7C8;
  color:#231F20;
  padding:8px;
}


/* Form
-------------------------------------------------------------- */

.form-contact {
  margin-top:20px;
}

#searchform {
  display:block;
  float:right;
}


#searchform input {
  
  width:110px;
  float:left;
  display:inline;
  background: url(../images/inputsearch.gif) left top no-repeat;
  border:0;
  height:27px;
  padding:5px 10px;
}

#searchform input#searchsubmit {
  
  width:38px;
  height:27px;
  background: url(../images/searchsubmit.gif) left top no-repeat;
  cursor:pointer;
  color:#9e9e9e;
  border:0;
}


textarea {
  border:1px solid #333333;
  height:100px;
  padding:5px;
  width:430px;
}

.first_col textarea {
  width:330px;
}

input  {
  border:1px solid #333333;
  float:left;
  height:24px;
  padding:5px 5px 0;
  width:281px;
}



input.send  {
  border:0px;
  background:url(../../images/link_back.html) left top no-repeat;
  width: 88px;
  height:21px;
  text-align:center;
  font-size:11px;
  display:block;
  margin:10px 0px;
  cursor:pointer;
  padding:0px;
}

label {
  float:left;
  width:100px;
}
.holder {
  float:left;
  width:100%;
  margin:0px 0px 10px 0px;
  clear:both;
}


p.error, p.succes {
  background:#101010;
  display:block;
  float:left;
  font-size:13px;
  font-weight:bold;
  text-align:center;
  color:#fff;
  width:100%;
  padding:5px;
  margin:15px 0px 5px 0px;
}

form.sort, fieldset.sort {
  float:left;
  margin:10px 18px 30px 0;
  position:relative;
}

#hsort, #rsort {
  font-size:11px;
}


/* Navigation 
-------------------------------------------------------------- */

.menu {
  float:right;
  margin-top:30px;
  z-index : 9999
  }

ul.menu {list-style:none; margin:0; padding:0  z-index : 9999}
ul.menu * {margin:0; padding:0;  z-index : 9999}
ul.menu a {display:block; color:#808080; text-decoration:none; font-weight:normal; font-size:11px;}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#000; display:none; opacity:0; list-style:none; z-index:99999}
ul.menu ul li {position:relative; border-bottom:1px solid #blue; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#blue}
ul.menu ul li a:hover { color:#FFF;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {padding:5px 10px 10px; font-weight:normal; font-size:14px; color:#000;}
ul.menu .menulink:hover, ul.menu .menuhover, ul.menu .selected { color: #808080;}
ul.menu .sub {background:#252525 url(../../images/arrow_icn.html) right center no-repeat}
ul.menu .topline {border-top:1px solid #aaa}



/* Slideshow 
-------------------------------------------------------------- */

.slideshow {
  float:left;
  display:block;
  height:429px;
  width:960px;
}

div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}


div#slide-holder {
z-index : 1;
width : 960px;
height : 429px;
position : absolute;
background:url(../images/slideshow_back.png) left top no-repeat;
}
div#slide-holder div#slide-runner {
width : 960px;
height : 390px;
overflow : hidden;
position : absolute;
}
div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slide-holder div#slide-controls {
width : 960px;
height : 54px;
top:336px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0 no-repeat;
}
div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#FFF;
}

div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}

div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}

div#nav ul li a {
background : url(../images/nav.html) no-repeat;
}

/* Slideshow NO2
-------------------------------------------------------------- */

#slider1 {
    width: 960px; /* important to be same as image width */
    height: 429px; /* important to be same as image height */
    position: relative; /* important */
  overflow: hidden; /* important */
  background:transparent url(../images/slideshow_back.png) no-repeat scroll left top;
}

#slider1Content {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
  top: 0;
  margin-left: 0;
  height:390px;
  overflow: hidden; /* important */
}
.slider1Image {
    float: left;
    position: relative;
  display: none;
}
.slider1Image span {
    position: absolute;
  font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
  clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.slider1Image .left {
  top: 0;
    left: 0;
  width: 110px !important;
  height: 280px;
}
.slider1Image .right {
  right: 0;
  bottom: 0;
  width: 90px !important;
  height: 290px;
}
ul { list-style-type: none;}

.slider1Image .top {
  top: 0;
  left: 0;
}
.slider1Image .bottom {
  bottom: 20px;
    left: 0;
  width: 960px !important;
  height: 90px;
}

/* Informtion box 
-------------------------------------------------------------- */

/*  */

#screenshot{
  position:absolute;
  background:#000;
  padding:5px;
  display:none;
  color:#fff;
  }

/*  */

.info_box_holder {
  background: url(../images/info_box_holder.png) left top no-repeat;
  width:920px;
  height:128px;
  padding:20px;
  display:block;
  float:left;
}

.info_box {
  float:left;
  width:300px;
}

.info_box p.title {
  margin-top:5px;
}

.info_box a {
  color:#FFF;  
}

/* Main page posts
-------------------------------------------------------------- */

.main_page_posts {
  width:960px;
}

.main_page_posts .post {
  width:960px;
  display:block;
  float:left;
  background:url(../images/post_sep.gif) left bottom repeat-x;
  margin-bottom:50px;
}

.main_page_posts .no_border {
  background: none;
}

.bar {
  width:930px;
  height:57px;
  background:url(../images/top_bar_back.png) left top no-repeat;
  float:left;
  padding:15px;
}

.main_page_posts .post_image {
  background:url(../images/img_holder_front.png) left top no-repeat;
  width:170px;
  height:185px;
  padding:10px;
  float:left;
  margin-right:50px;
}

.main_page_posts .post_content {
  float:left;
  margin-right:20px;
  width:55%
}

.main_page_posts .post_content h1 {
  padding:0px 0px 10px 0px;

}

.main_page_posts .post_content h1 a {
  color:#000;
  font-size:24px;
}

.main_page_posts .post_content h1 a:hover {
  color:#808080;
  text-decoration:none;
}

.main_page_posts .post_content a {
  color:#000;
}

.main_page_posts .post_info{
  float:right;
  font-size:11px;
}

.main_page_posts .post_info a{
  color: #000;
}

.main_page_posts .post_info li{
  padding:5px 0px;
}


/* Media page posts
-------------------------------------------------------------- */

.media_page_posts {
  width:960px;
}

.media_page_posts .post {
  width:205px;
  display:block;
  float:left;
  margin:0 17px;
}

.media_page_posts .post_image {
  background:url(../images/img_holder_media.jpg) left top no-repeat;
  width:185px;
  height:254px;
  padding:10px;
  float:left;
}

#grid-content {
  /*overflow: hidden;*/
}

.media_page_posts h6 {
  color:#fff;
  padding:15px 0px 20px 0px;
}

/* 2 columns services
-------------------------------------------------------------- */

.YMslider blockquote {
  width:120px;
  float:left;
}

.col_holder {
  width:960px;
  float:left;
}

.col_holder .left_col {
  width:650px;
  float:left;
}

.col_holder .right_col {
  width:220px;
  float:right;
  padding-left:40px;
  background:url(../images/vertical_sep.gif) left top repeat-y;
}

.right_col .module_list,
.col_holder .sec_col .module_list,
.col_holder .third_col .module_list
{
  color:#000;
  display:block;
  float:left;
  clear:both;
  margin-bottom:30px;
  width:100%;
}

.right_col .module_text,
.col_holder .sec_col .module_text,
.col_holder .third_col .module_text
{
  display:block;
  float:left;
  clear:both;
  margin-bottom:30px;
  width:100%;
}

.right_col .module_list li,
.col_holder .sec_col .module_list li,
.col_holder .third_col .module_list li
{
  display:block;
  padding:5px 0px;
}

.right_col .module_list li a,
.col_holder .sec_col .module_list li a,
.col_holder .third_col .module_list li a
{
  color:#000;
  background:url(../images/arrow_icn.gif) left center no-repeat;
  padding-left:15px;
}

.right_col .module_images,
.col_holder .sec_col .module_images ,
.col_holder .third_col .module_images

{
  display:block;
  float:left;
  clear:both;
  margin-bottom:30px;
  width:100%;
}

.right_col .module_images li,
.col_holder .sec_col .module_images li,
.col_holder .third_col .module_images li
{
  display:inline;
}

.right_col .module_images li a,
.col_holder .sec_col .module_images li a,
.col_holder .third_col .module_images li a
{
  float:left;
  display:block;
  padding:3px;
  background:#e7e7e7;
  margin:3px;
}

.col_holder .left_col .post {
  display:block;
  float:left;
  background:url(../images/post_sep.gif) left bottom repeat-x;
  margin-bottom:50px;
}

.col_holder .left_col .no_border {
  background: none;
}


.col_holder .left_col .post_image {
  background:url(../images/img_holder_front.png) left top no-repeat;
  width:170px;
  height:185px;
  padding:10px;
  float:left;
  margin-right:50px;
}

.col_holder .left_col .post_image_med {
  background:url(../images/img_holder_blog_med.png) left top no-repeat;
  width:640px;
  height:206px;
  padding:10px;
  float:left;
  margin-top:30px;
}

.main_page_posts .post_image_large {
  background:url(../images/img_holder_blog_large.png) left top no-repeat;
  width:960px;
  height:339px;
  padding:10px;
  float:left;
  margin-top:30px;
}

.col_holder .left_col .post_content {
  float:left;
  width:63%
}

.col_holder .left_col .post_content h1,
.first_col .post_content h1
{
  padding:0px 0px 10px 0px;
}

.col_holder .left_col .post_content h1 a,
.first_col .post_content h1 a
{
  color:#000;
  font-size:24px;
}

.col_holder .left_col .post_content h1 a:hover,
.first_col .post_content h1 a:hover
{
  color:#808080;
  text-decoration:none;
}

.col_holder .left_col .post_content a {
  color:#000;
}


/* services posts */

.col_holder .services {
  float:left;
}

.col_holder .services .post_content {
  float:left;
  width:100%;
}

.col_holder .services h1 {
  padding:0px 0px 20px 0px;
}

.col_holder .services h1 a {
  color:#000;
  font-size:24px;
}

.col_holder .services h1 a:hover {
  color:#808080;
  text-decoration:none;
}

.col_holder .services .post_content a {
  color:#000;
}

.col_holder .services .post {
  display:block;
  float:left;
  background:url(../images/post_sep.gif) left bottom repeat-x;
  padding-bottom:20px;
  margin-bottom:50px;
  margin-right: 40px;
  width:190px;
}

.col_holder .services .no-margin {
  margin-right: 0px;
}

.col_holder .left_col .no_border {
  background: none;
}


.col_holder .services .post_image {
  background:url(../images/img_holder_front.png) left top no-repeat;
  width:170px;
  height:145px;
  padding:10px;
  float:left;
  margin-right:0px;
}



/* 2 columns blog 
-------------------------------------------------------------- */

/* module social  */

.col_holder .right_col .module_social,
.col_holder .sec_col .module_social,
.col_holder .third_col .module_social
{
  display:block;
  float:left;
  clear:both;
  margin-bottom:30px;
  width:100%;
}

.col_holder .right_col .module_social .col1 {
  float:left;
}

.col_holder .right_col .module_social .col2 {
  float:right;
}

.col_holder .right_col .module_social li a.rss,
.col_holder .sec_col .module_social li a.rss,
.col_holder .third_col .module_social li a.rss
{
  background:url(../images/feed.png) left center no-repeat;
  padding:5px 0px 5px 25px;
  display:block;
}

.col_holder .right_col .module_social li a.email,
.col_holder .sec_col .module_social li a.email,
.col_holder .third_col .module_social li a.email
{
  background:url(../images/email.png) left center no-repeat;
  padding:5px 0px 5px 25px;
  display:block;
}

.col_holder .right_col .module_social li a.twitter,
.col_holder .sec_col .module_social li a.twitter,
.col_holder .third_col .module_social li a.twitter
{
  background:url(../images/twitter.png) left center no-repeat;
  padding:5px 0px 5px 25px;
  display:block;
}

.col_holder .right_col .module_social li a.facebook,
.col_holder .sec_col .module_social li a.facebook,
.col_holder .third_col .module_social li a.facebook
{
  background:url(../images/facebook.png) left center no-repeat;
  padding:5px 0px 5px 25px;
  display:block;
}

.col_holder .right_col .module_social li a.linkedin,
.col_holder .sec_col .module_social li a.linkedin,
.col_holder .third_col .module_social li a.linkedin
{
  background:url(../images/linkedin.png) left center no-repeat;
  padding:5px 0px 5px 25px;
  display:block;
}

.col_holder .right_col .module_social li a.vimeo,
.col_holder .sec_col .module_social li a.vimeo,
.col_holder .third_col .module_social li a.vimeo
{
  background:url(../images/vimeo.png) left center no-repeat;
  padding:5px 0px 5px 25px;
  display:block;
}

.col_holder .right_col .module_social li a.youtube,
.col_holder .sec_col .module_social li a.youtube,
.col_holder .third_col .module_social li a.youtube
{
  background:url(../images/youtube.png) left center no-repeat;
  padding:5px 0px 5px 25px;
  display:block;
}

.col_holder .right_col .module_social li a.flickr,
.col_holder .sec_col .module_social li a.flickr,
.col_holder .third_col .module_social li a.flickr{
  background:url(../images/flickr.png) left center no-repeat;
  padding:5px 0px 5px 25px;
  display:block;
}

.col_holder .right_col .module_social li a.delicious,
.col_holder .sec_col .module_social li a.delicious,
.col_holder .third_col .module_social li a.delicious
{
  background:url(../images/delicious.png) left center no-repeat;
  padding:5px 0px 5px 25px;
  display:block;
}

/* module categories + archives  */

.col_holder .right_col .module_list span,
.col_holder .sec_col .module_list span,
.col_holder .third_col .module_list span
{
  color:#808080;
  font-size:11px;
}

/* module list + images  */

.right_col .module_list_image,
.col_holder .sec_col .module_list_image,
.col_holder .third_col .module_list_image {
  display:block;
  float:left;
  clear:both;
  margin-bottom:30px;
  width:100%;
}

.right_col .module_list_image li,
.col_holder .sec_col .module_list_image li,
.col_holder .third_col .module_list_image li{
  display:block;
  clear:both;
}

.right_col .module_list_image li a.image,
.col_holder .sec_col .module_list_image li a.image,
.col_holder .third_col .module_list_image li a.image
{
  float:left;
  display:block;
  padding:3px;
  background:#e7e7e7;
  margin:0px 10px 10px 0px;
}

.right_col .module_list_image li a.title,
.col_holder .sec_col .module_list_image li a.title,
.col_holder .third_col .module_list_image li a.title
{

  display:block;

}

.right_col .module_list_image li span,
.col_holder .sec_col .module_list_image li span,
.col_holder .third_col .module_list_image li span
{
  color:#808080;
  display:block;
  font-size:11px;
}


.post_info_wide{
  font-size:11px;
  color:#808080;
}

/* pagination */

.pagination ul {
  float:left;
  width:100%;
}

.pagination ul li {
  display:inline;
}

.pagination ul li a {
  font-weight:bold;
  font-size:14px;
  color:#808080;
}
.pagination ul li a:hover {
  text-decoration:none;
  color:#4E4E4E;
}




/* 3 columns layout 
-------------------------------------------------------------- */

.col_holder .first_col {
  width:460px;
  float:left;
  margin-right:20px;
}

.col_holder .first_col .post {
  margin-bottom:20px;
  background:transparent url(../images/post_sep.gif) repeat-x scroll left bottom;
  display:block;
  float:left;
  margin-bottom:40px;
  padding-bottom:40px;
}


.col_holder .sec_col {
  width:200px;
  float:left;
  padding:0px 20px;
  background:url(../images/vertical_sep.gif) left top repeat-y;
  margin-left:20px;
}

.col_holder .third_col {
  width:200px;
  float:left;
  padding-left:20px;
  background:url(../images/vertical_sep.gif) left top repeat-y;
}






/* post_detailed 
-------------------------------------------------------------- */
.logo_3sellers{
  float: left;
  margin-top:17px;
  display: block;
}
.logo {
  float:left;
  width:340px;
  font-size:11px;
    margin-right:10px;
}
.logo h1{
  padding-top: 25px;
}


.post_detailed ol {
  list-style-position:outside;
  list-style-type:decimal;
}

.post_detailed ul {
  list-style-position:outside;
  list-style-type: square;
}

.post_detailed ol li, .post_detailed ul li{
  padding:5px 0;
  margin-left:2.5em;
}



/* comments
-------------------------------------------------------------- */

.leave_comment {
  float:left;
  margin-bottom:30px;
}

.comment {
  background:transparent url(../images/post_sep.gif) repeat-x scroll left bottom;
  clear:both;
  margin-bottom:30px;
  padding-bottom:30px;
  float:left;
  width:640px;
}
.user {
  float:left;
  height:60px;
  overflow:hidden;
  width:60px;
  background:#E7E7E7 none repeat scroll 0 0;
  display:block;
  float:left;
  margin:0px 20px 0px 0;
  padding:3px;
}

.user img {
  height:60px;
  width:60px;
}

.comment-post {
  float:left;
  width:550px;
}

.col3 .comment-post {
  float:left;
  width:350px;
}
.col3 {
  float:left;
  width:450px;
}

.comment-post h5 {
  float:left;
  padding:0px 0px 5px 0px;
}
.comment span.date {
  float:right;
  font-size:10px;
  margin:0;
  padding:0;
}

/* Footer 
-------------------------------------------------------------- */

.footer {
  display:block;
  width:960px;
  margin:0px auto;
  font-size:11px;
  background:url(../images/footer_back.png) left top no-repeat;
  float:left;
  padding:15px 0px;
  margin:40px auto 0;
}

.footer .copy {
  text-align:center;
}

.menu_seleccion {
    margin-bottom:10px;
    padding-left:5px;
}
.menu_seleccion h3 {
  font: 24px/27px 'QlassikBoldRegular', Arial, sans-serif;
  padding: 0 0 10px 0 !important;
}
.separador{
  background: transparent url(../images/separador.gif) no-repeat scroll right 1px;
  padding: 0 20px 0 0;
}
.colores {
  float:left;
  height:17px;
  padding:0 0 9px 0;
}
.cuadros_colores{
  background-color: #ffffff;
  border: #cccccc solid 1px;
  padding: 4px;
  width: 20px;
}
.colores a{
  margin-right:3px;
}

.autor {
  float: left;
  width: 100px;
}

.price {
  color:#FFFFFF;
  float:right;
  font-size:1.4em;
  font-weight:bold;
  margin:10px 0 0;
  font: 18px/27px 'QlassikMediumRegular', Arial, sans-serif;
}

/* Template color filter, links styled as buttons */
a.button.jqTransformButton_click img {
  background-color:#B4B4B4;
}

/*----- listado catalogo ---*/

.listimg {
  height: 178px;
  display: block;
  overflow: hidden;
  position: relative;
}

.listimg .list_thumbnail {
  width:187px;
}

.listimg .list_plus_symbol {
  position: absolute;
  z-index: 100;
  right: 10px;
  bottom: 10px;
}

/* --- ficha --- */

#leftCol{
  float: left;
  width: 325px;
  margin-right: 30px;
}
#leftCol h2{
  font: 32px/27px 'QlassikBoldRegular', Arial, sans-serif;
}
.level2{
  padding-top: 0;
  padding-bottom:20px;
}
p.level2 {
  font: 18px/27px 'QlassikMediumRegular', Arial, sans-serif;  
}
.level3, .bar h3{
  padding-top: 0;
  padding-bottom:0;
  font: 24px/27px 'QlassikBoldRegular', Arial, sans-serif;
}

.volver {
  display: block;
  background: transparent url(../images/back.png) no-repeat scroll 0 0;
  color: #888888;
  height:24px;
  padding:4px 0 0 30px;
}
.volver:hover{
  color: #222222;
}
.ver_demo{
  background: transparent url(../images/eye.png) no-repeat scroll 0 0;
  display:block;
  height:32px;
  padding:7px 0 0 40px;
}
#rightCol{
  float: left;
  margin: 0;
}
#main {
  background: transparent url(../images/main_bg.png) no-repeat scroll 0 bottom;
  float: left;
  width: 430px;
  padding-bottom: 22px;
  margin-right: 30px;
  overflow: hidden;
}
#thumbs{
  float: left;
}
#thumbs li{
  background: transparent url(../images/thumb_bg.png) no-repeat scroll 0 bottom;
  margin-bottom:10px;
  overflow:hidden;
  padding-bottom:3px;
  width:145px;
}

#main {
  position: relative;
}

.main_image {
  width: 430px;
}

/*----- fuentes ------*/

@font-face {
  font-family: 'QlassikMediumRegular';
  src: url('https://plantillas.3sellers.com/themes/plantillas/data/Qlassik_TB-webfont.eot');
  src: local('☺'), url('https://plantillas.3sellers.com/themes/plantillas/data/Qlassik_TB-webfont.woff') format('woff'), url('https://plantillas.3sellers.com/themes/plantillas/data/Qlassik_TB-webfont.ttf') format('truetype'), url('https://plantillas.3sellers.com/themes/plantillas/data/Qlassik_TB-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'QlassikBoldRegular';
  src: url('https://plantillas.3sellers.com/themes/plantillas/data/QlassikBold_TB-webfont.eot');
  src: local('☺'), url('https://plantillas.3sellers.com/themes/plantillas/data/QlassikBold_TB-webfont.woff') format('woff'), url('https://plantillas.3sellers.com/themes/plantillas/data/QlassikBold_TB-webfont.ttf') format('truetype'), url('https://plantillas.3sellers.com/themes/plantillas/data/QlassikBold_TB-webfont.svg#webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}

.autor {
  font: 16px/27px 'QlassikMediumRegular', Arial, sans-serif;
}


/* jquery transform for forms in pages */
table.jqTransformTextarea {
  margin: 0 0 0 3px;
}
.jqTransformInputInner div input, table.jqTransformTextarea textarea {
  background-color: #FFF !important;
}
input[type="file"] {
  margin-left: 8px;
}