@font-face {
    font-family: 'jelleebold';
    src: url('/fonts/jellee-roman-webfont.woff2') format('woff2'),
         url('/fonts/jellee-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paprikaregular';
    src: url('/fonts/paprika-regular-webfont.woff2') format('woff2'),
         url('/fonts/paprika-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* { margin:0; padding:0;}
html, body { height:100%;}
html { min-width:1000px;}
body { background:url(/images/paper-bg.jpg) repeat; font-family:Tahoma, Arial, helvetica, sans-serif; font-size:100%; line-height:1em; color:#000;}

p { margin:0; padding:0;}
img {border:0; vertical-align:top; text-align:left;}

/*=====GLOBAL======*/
#main { width:1000px; margin:0 auto; position:relative; border-left: 1px solid #cca; border-right: 1px solid #cca;}
#header, #content, #footer { font-size:0.75em;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%; }
.zoom { overflow:hidden;}
.col-1, .col-2, .col-3 { float:left;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

p { margin-bottom:14px; line-height:1.5em;}

/*==================list====================*/
ul { list-style:none;}
.site-nav { position:absolute; left:16px; top:18px; overflow:hidden;}
.site-nav li { float:left; font-family:'jelleebold', Tahoma, Arial, helvetica, sans-serif; font-size:14px; line-height:1.2em; text-transform:uppercase; padding:2px 30px; background:url(/images/divider.gif) no-repeat left 7px; margin-left:-6px;}
.site-nav li a { text-decoration:none; color:#aaa;}
.site-nav li a:hover,
.site-nav li a.act { color:#9c6447;}

/*==================other====================*/
.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:3px 20px 0 0;}

/*==================txt, links, lines, titles====================*/
a { color:#79f; outline:none; text-decoration: none;}
a:hover { text-decoration:underline;}

h1 { color:#9c6447; font-family:'jelleebold', Tahoma, Arial, helvetica, sans-serif; font-size:16px; text-transform:uppercase; line-height:1em; margin-top: 10px; margin-bottom:40px; text-align:left; border-bottom:1px solid #9c6447;}
h2 { color:#a97; font-family:'paprikaregular', Tahoma, Arial, helvetica, sans-serif; font-size:36px; line-height:1.2em; margin-bottom:24px; text-align: center;}

/*header*/
#header {height:270px; background:url(/images/mandala-bg.jpg) no-repeat left top;}
#header .logo { position:absolute; left:710px; top:5px;}

/*content*/
#content .indent1 { background:#fff; padding:10px 30px 98px 30px;}
#content .indent { padding-bottom:10px;}
.indent div.images { text-align: center;}
.indent div.images img.individual { margin:0; padding: 8px; border:1px solid #ccc; background-color:#eee;}
.indent div.images img.grupo { margin:5px; padding: 8px; border:1px solid #ccc; background-color:#eee;}
.indent p { margin:16px 70px; font-family:'paprikaregular', Tahoma, Arial, helvetica, sans-serif; font-size:18px; line-height:1.5em; color:#999;}

.cita { font-size:14px;}

h1.novedades { color:#9c6447; font-family:'jelleebold', Tahoma, Arial, helvetica, sans-serif; font-size:16px; text-transform:uppercase; line-height:1em; margin-top: 10px; margin-bottom:20px; text-align:left; border-bottom:1px solid #9c6447; width:620px; float:left; }

h2.novedades { color:#a97; font-family:'paprikaregular', Tahoma, Arial, helvetica, sans-serif; font-size:24px; line-height:1.2em; margin-bottom:20px; text-align: center;}

h2.reducido { color:#a97; font-family:'paprikaregular', Tahoma, Arial, helvetica, sans-serif; font-size:24px; line-height:1.2em; margin:10px 0 30px 0; text-align: center;}

h2.reducido-small { color:#a97; font-family:'paprikaregular', Tahoma, Arial, helvetica, sans-serif; font-size:20px; line-height:1em; margin:10px 0 0 0; text-align: center;}

h1.perfil { color:#9c6447; font-family:'jelleebold', Tahoma, Arial, helvetica, sans-serif; font-size:16px; text-transform:uppercase; line-height:1em; margin-top: 10px; margin-bottom:10px; text-align:left; border-bottom:1px solid #9c6447; width:300px; float:right; }

.indent div.perfil { float:right; width:300px; background-color:#fcf5e3; }
.indent div.perfil p { font-family:'paprikaregular', Tahoma, Arial, helvetica, sans-serif; font-size:14px; line-height:1.5em; color:#999; margin:0; padding:15px; text-align:left;}
.indent div.novedades { width:620px; text-align:center; }
.indent div.novedades img { margin:0; padding: 8px; border:1px solid #ccc; background-color:#eee; }
.indent div.novedades p { font-family:'paprikaregular', Tahoma, Arial, helvetica, sans-serif; font-size:18px; 
line-height:1.4em; color:#999; margin:15px 30px 25px 30px; text-align:justify;}

.indent div.novedades div.cita { margin: 0 50px; padding:10px; background-color:#ece5d3; border:1px solid #dcd5c3; }
.indent div.novedades div.cita img { margin:0 0 10px 0; padding:0; border:0; background-color:#ece5d3; }
.indent div.novedades div.cita p { font-family:'paprikaregular', Tahoma, Arial, helvetica, sans-serif; font-size:14px; line-height:1.5em; color:#999; margin:0; padding:5px; text-align:justify;}

.indent div.portafolio { width: 440px; padding: 10px; margin-bottom: 10px; background-image: url("/images/white-paper.jpg"); background-color: #fcf5e3; border:1px solid #dcd5c3;}
.indent div.portafolio p { margin:0 50px; font-family:'paprikaregular', Tahoma, Arial, helvetica, sans-serif; font-size:14px; line-height:1.5em; color:#999;}

div.libro { margin:5px 0; padding:0; width:235px; float:left;}
div.libro img { margin:10px 0; padding: 4px; border:1px solid #ccc; background-color:#eee; height:200px;}
div.libro p { font-family:'paprikaregular', Tahoma, Arial, helvetica, sans-serif; font-size:18px; line-height:1.2em; color:#999; margin-top:10px;}

a.prev-next { color:#79f; outline:none; text-decoration: none;}
a.prev-next:hover { text-decoration:none;}
a.pagina { color:#79f; outline:none; text-decoration: none;}
a.pagina:hover { text-decoration:underline;}
span.pagina { background: #cca; border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 0; text-align: center; width: 1.6em;}

/*footer*/
#footer { height:40px; margin-top:-40px; position:relative; color:#555;}
#footer .indent { padding:0 30px 0 30px;}
#footer .indent div { text-align:center;}

/*==========================================*/
