@charset "utf-8";
/* CSS Document */
@font-face { font-family: Lolita; src: url('lolita.ttf'); }
*{margin:0; padding:0; font-family:Lolita; text-decoration:none; border:none;}

body{ background-color:#A7A9AC; overflow-y:scroll;}
html,body{height:100%;}
iframe{position:absolute; top:60px; width:100%; height:0; z-index:20; display:none; }

#capa{position:absolute; width:100%; left:0; top:0; height:100%; z-index:21; display:block; background:url(imgs/loader.gif) no-repeat center center #A7A9AC; overflow:hidden; }
.center{ width:845px; margin:auto; position:relative;}
.seleccion,.activeSlide{cursor:default;}

#head{padding-top:30px;}
#head *{float:left;}
#head a{ font-size:15px; color:#fff; margin-top:4px;}
#head #info{padding-left:25px; background:url(imgs/icono_info.png) no-repeat; height:15px;}
#head #fonts{padding-left:25px; background:url(imgs/icono_font.png) no-repeat; }
#head #cart{padding-left:30px; background:url(imgs/icono_cart.png) no-repeat; height:15px; }
#head #cart span{float:none;}
#head .line{ width:38px; height:13px; background:url(imgs/bg_trans.png) no-repeat center center; margin-top:4px;}
#head #font_list{width:270px; background-image:url(imgs/bg_trans.png); display:block; padding:6px; border-radius:4px; position:absolute; z-index:20; left:0; top:60px;}
#head #font_list .index{height:13px; cursor:default;}
#head #font_list a{float:none; font-size:12px; margin-top:0; display:inline-block; background:url(imgs/arrow.png) 5px 2px no-repeat; padding-left:20px; }
#head #font_list #list{ /*width:540px;*/ background-image:url(imgs/bg_trans.png); border-radius:4px; padding-bottom: 6px; }
#head #font_list #list a{background:none; width:22%; padding-top:6px; float: left; position: relative;}
#head #font_list #list a img{ position: absolute; top: -75px; left: -20px; display: none; border: 1px solid #999; border-radius:5px; }
#head #logo_home{float:right; position:relative; z-index:30; }

#menu_font { margin-top:22px; position:relative; z-index:1; height:70px; display:none;}
#menu_font #font_cap{float:left; margin-right:17px; border-radius:5px;}
#menu_font #font_info{float:left; width:762px;}
#menu_font #font_info #font_options{ width:100%; border-bottom:1px dashed #000; padding-bottom:8px; float:left; display:block; margin-bottom:7px; }
#menu_font #font_info #font_options *{float:left;}
#menu_font #font_info #font_options h1{color:#fff; font-weight:normal; margin-right:73px; font-size:20px;}
#menu_font #font_info #font_options .arrow{ display:block; width:42px; height:20px; background:url(imgs/arrow.png) center center no-repeat;}
#menu_font #font_info #font_options a{color:#000; font-size:20px;}

#menu_font #font_info #font_values{ width:100%; display:block; }
#menu_font #font_info #font_values a{float:right; width:140px; padding-top:7px; height:22px; font-size:14px; background:url(imgs/bg_trans_f.png); color:#fff; text-align:center; border-radius:4px;}
#menu_font #font_info #font_values a img{ float:left; margin-left:12px; display:inline-block;}
#menu_font #font_info #font_values p{ background:url(imgs/sphere.png) no-repeat left center; padding-left:8px; font-size:13px; margin-bottom:4px; color:#fff; display:inline-block; float:left;}
#menu_font #font_info #font_values p.single{display:block; width:80%;}
#menu_font #font_info #font_values p.total{ background:none; padding:0; font-size:13px; margin-bottom:4px; color:#000; display:inline-block; float:left; padding-left:4px; padding-right:4px;}
#menu_font #font_info #font_values p.price{ background:none; padding:0; font-size:13px; margin-bottom:4px; color:#fff; display:inline-block; float:left;}

#menu_info { margin-top:22px; position:relative; z-index:1; border-bottom:1px dashed #000; padding-bottom:8px; height:28px; display:block;}
#menu_info *{float:left;}
#menu_info h1{color:#fff; font-weight:normal; margin-right:73px; font-size:20px;}
#menu_info .point{ display:block; width:42px; height:18px; background:url(imgs/sphere.png) center center no-repeat;}
#menu_info a{color:#000; font-size:20px;}

#content{margin-top:24px;}

#content div .col_one{ width:465px; float:left;}
#content div .col_one h1{ font-size:24px; color:#fff;}
#content div .col_one h2{ font-size:24px; margin-top:5px;}

#content div .col_two{width:380px; float:left;}
#content div .col_two h1{ font-size:20px; color:#fff; margin-bottom:5px;}
#content div .col_two p{ font-size:18px; margin-bottom:3px;}

#content div #eula p{font-size:11px; margin-bottom:10px;}

#content #overview #info_pdf{margin-top:50px;}
#content #overview #info_pdf img{float:left; border-radius:5px;}
#content #overview #info_pdf #down_pdf{width:200px; float:left; background:url(imgs/arro_gal.png) no-repeat left top; padding-left:15px; margin-left:10px;}
#content #overview #info_pdf #down_pdf span{color:#fff; font-size:12px; margin-bottom:2px; display:block;}

#content #gallery{position:relative;}
#content #gallery #images_load{ width:720px; height:360px; position:absolute; left:0; top:0; background:url(imgs/loader.gif) no-repeat center center #A7A9AC; z-index:19;}
#content #gallery #images{ width:720px; height:360px; overflow:hidden; }
#content #gallery #images img{border-radius:5px;}
#content #gallery #info_gal{width:100px; float:right;}
#content #gallery #info_gal #down_gal{background:url(imgs/arro_gal.png) no-repeat left top; display:block; }
#content #gallery #info_gal #down_gal span{ margin-left:25px; color:#fff; font-size:11px; margin-bottom:2px; display:block;}

#content #gallery #info_gal #down_info{padding-left:25px; margin-top:255px; width:160px;}
#content #gallery #info_gal #down_info p{color:#fff; font-size:11px; margin-bottom:2px;}
#content #gallery #info_gal #down_info p.author{color:#000; margin-bottom:5px;}

#content #image_nav{ width:720px; font-size:13px; color:#fff; }
#content #image_nav p{float:left; padding-top:4px;}
#content #image_nav #nav{float:right;}

#content #image_nav #nav a:first-child{border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
#content #image_nav #nav a:last-child{border-top-right-radius: 3px; border-bottom-right-radius: 3px;}

#content #image_nav #nav a{ display:block; width:40px; height:15px; float:left; /*border:#FFF 1px solid;*/ background:#fff; color:#fff; margin-left:1px; opacity:0.4; font-size:1px; }
#content #image_nav #nav a.activeSlide{ opacity:1;}

#content #tester{height:435px; background:#FFF; border-radius:4px; text-align:center; padding-top:8px; position:relative;}
#content #tester *{float:left; text-align:left;}
#content #tester p{ margin-top:4px; margin-left:22px; margin-right:12px;}
#content #tester #input{padding:3px; width:232px; height:16px; border:1px solid #A9A9A9; font-size:14px; border-radius:4px; font-weight:bold;}
#content #tester #size{padding:3px; width:40px; padding-left:6px; min-height:16px; border:1px solid #A9A9A9; font-size:14px; border-radius:4px; font-weight:bold; margin-right:14px; background:url(imgs/check.png) center right no-repeat #FFF; position:relative; z-index:10;}
#content #tester .color{ background:#fff; display:block; width:22px; height:22px; border:1px solid #A9A9A9; border-radius:4px; margin-right:5px;}
#content #tester .black{background:#000; border:none; width:24px; height:24px;}
#content #tester #weight{padding:3px; width:200px; padding-left:6px; min-height:16px; border:1px solid #A9A9A9; font-size:14px; border-radius:4px; font-weight:bold; background:url(imgs/check.png) center right no-repeat #FFF; position:relative; z-index:10;}
#content #tester img{float:none; position:absolute; left:22px; top:52px; border-radius:5px;}
#content #tester #font_load{ width:801px; height:334px; position:absolute; left:22px; top:52px; background:url(imgs/loader.gif) no-repeat center center #A7A9AC; z-index:9; border-radius:5px;}
#content #tester #size a{ color:#000; display:block; width:100%; }
#content #tester #size .index{ cursor:default; }

#content #tester #weight .index{ color:#000;  display:block; width:100%; cursor:default; }
#content #tester div .list{display:none; height:0;}
#content #tester div .list a{display:block; float:none; width:100%; color:#000; margin-bottom:5px;}

#content #about #partners{ margin-top:330px;}
#content #about #partners h1{ margin-top:20px; font-size:16px;}
#content #about #partners h2{ font-size:16px;}

#content #contact {padding-left:230px;}
#content #contact h1{ font-size:20px; color:#fff; margin-bottom:40px; font-size:24px;}
#content #contact form{width:615px;}
#content #contact form *{float:left;}
#content #contact form p{width:110px; padding-top:6px; font-size:20px;}
#content #contact form input{ width:500px; height:32px; color:#FFF; background:#000; border-radius:4px; padding-left:5px; font-size:16px; margin-bottom:4px;}
#content #contact form textarea{ width:495px; height:215px; color:#FFF; background:#000; border-radius:4px; padding:5px; font-size:16px; margin-bottom:4px;}
#content #contact form a{float:right; width:75px; height:25px; background:#FFF; color:#000; padding-left:15px; padding-top:7px; border-radius:4px; margin-top:10px; font-size:20px; }

#footer{border-top:1px dashed #000; margin-top:42px; margin-bottom:60px; padding-top:10px; padding-bottom:30px;}
#footer a{float:left; color:#000; font-size:12px;}
#footer .point{ float:left; width:30px; height:12px; background:url(imgs/bg_trans_f.png) no-repeat center center;}
#footer p{float:right; font-size:12px;}


#pay-cart{ margin:auto;	width:840px; background:#FFF; border-radius:8px; /*box-shadow: 3px 2px 6px #666; -moz-box-shadow: 3px 3px 30px #666; -webkit-box-shadow: 3px 3px 30px #666;*/ padding-top:20px; padding-bottom:20px; position:absolute; top:100px; z-index:40; display:none; margin-bottom:60px;}
#pay-cart h1{font-size:21px; width:770px; margin:auto;}
#pay-cart .font{width:780px; margin:auto; background:#EBEBEB; margin-bottom:6px; padding-top:6px; padding-bottom:1px; border-radius:5px;}
#pay-cart .blanco{background:#FFF;}
#pay-cart .font > div > p{font-size:15px; margin-left:8px; margin-top:4px;}
#pay-cart .font .prev{ display:block; width:60px; float:left;}
#pay-cart .font a.prev{height:21px; background:url(imgs/eye_icon.png) no-repeat center center;}
#pay-cart .font a#prev-buying,#pay-cart .font a#prev-my-cart{ background-image:url(imgs/eye_icon2.png); background-position:center 7px;}
#pay-cart .font .option{ width:240px; float:left;}
#pay-cart .font .usage{ width:90px; float:left;}
#pay-cart .font .format{ width:205px; float:left;}
#pay-cart .font .format span{display:inline-block; margin-left:36px; color:#f00; background:url(imgs/red.png) repeat-x center center;}
#pay-cart .font .format p{display:inline-block;}
#pay-cart .font .price{ width:70px; float:left;}
#pay-cart .font .total{padding-left:495px; width:100px; float:left;}
#pay-cart .font .add{ width:115px; float:left; margin-bottom:8px;}
#pay-cart .font .add a{display:block; height:21px; width:94px; background-repeat:no-repeat; background-image:url(imgs/cart.png); margin:auto;}
#pay-cart .font .add a.add-cart{ background-position:left top;  }
#pay-cart .font .add a.ok-cart{ background-position:left center; cursor:default; }
#pay-cart .font .add a.free-cart{ background-position:right top;  }
#pay-cart .font .example{ width:768px; display:block; background:#FFFFFF; margin:auto; padding:5px; padding-top:8px; padding-bottom:3px; display:none; overflow-x:hidden; border-radius:5px;}
#pay-cart .font .free{margin-bottom:5px; margin-left:278px; display:none;}
#pay-cart .font .free p{ float:left;}
#pay-cart .font .free input{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left:1px solid #999; border-top:1px solid #999; height:21px; width:200px; font-size:12px; float:left; padding-left:4px; margin-left:5px;}
#pay-cart .font .free .free-font{ height:21px; width:52px; background:url(imgs/mail-send.png) no-repeat; display:block; float:left;}

#pay-cart #shop{border:1px solid #CCC; width:800px; margin:auto; border-radius:8px; padding-top:10px; margin-top:20px;}
#pay-cart #shop .font .remove{background-position:left bottom;}
.checkout{display:block; width:150px; height:67px; background-image:url(imgs/checkout.png); background-repeat: no-repeat; float:right; margin-right:10px; margin-bottom:10px;}
#checkout{ background-position:left top; }
#no-checkout{ background-position:left bottom; }
#return{ display:block; width:149px; height:28px; background:url(imgs/return.png) no-repeat; float:left; margin-left:10px; }
.return{background-image:none !important; background-color:#000 !important;}
.cuenta{margin-bottom:30px !important;}
/*#my-cart{margin-bottom:10px; border:1px solid #f9f9f9; background:#F9F9F9; width:792px; border-radius:5px; margin:auto; padding-top:6px;}*/
#my-cart .font{display:none;}
.borrar{clear:both; font-size:0; line-height:0;} 


#sucess{ width:520px; background:#FFFFFF; padding:15px; border-radius:6px; position:absolute; z-index:50;}
#fijo{ display:block; position:absolute; left:0; top:0; z-index:49; background:#000000; width:100%; height:100%; opacity:0.4;}
#sucess h1{font-size:24px; margin-bottom:10px; margin-top:10px;}
#sucess h2{font-size:20px; margin-top:20px;}
#sucess p{ float:left; font-size:15px; margin-bottom:6px;}
#sucess a{float:right; margin:20px; margin-top:0; font-size:18px; color:#0099FF;}
#sucess strong{ float:left; font-size:14px; margin-left:10px;}