@charset "utf-8";
/* HTML Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* HTML STYLES */

body { font:normal 100% Verdana, Geneva, sans-serif; color:#fff;}
body.home { background:#333 url(../images/bg_home1.jpg) top center no-repeat;}
body.biografia { background:#333 url(../images/bg_home2.jpg) top center no-repeat;}
body.compra { background:#333 url(../images/bg_home2.jpg) top center no-repeat;}
body.clases { background:#333 url(../images/bg_home4.jpg) top center no-repeat;}
body.trabajos { background:#333 url(../images/bg_home3.jpg) top center no-repeat;}
body.contact { background:#333 url(../images/bg_home5.jpg) top center no-repeat;}

ul { list-style:none;}


h1 { font:normal 1.5em/1.7em Georgia, "Times New Roman", Times, serif; color:#fff; padding-left:16px;}
h2 { color:#999; font-size:0.875em; font-weight:normal; margin-bottom:8px; }
h2 span { display:inline-block;background:transparent url(../images/arrow_gray.png) right center no-repeat; width:6px; height:10px}
p { line-height:1.5em; margin-bottom:8px;}

a { color:#fff; text-decoration:none;}
a:hover { text-decoration:underline;}

.cyan { color:#66CCFF;}
.cyan a { color:#66CCFF;}

.wrap {/* background:transparent url(../images/bg_weft.png) top left repeat;*/}
.page { width:960px; margin:0 auto;}
.header { margin-bottom:1.2em;}

 /* Navigation */
.main ul { display:inline-block; list-style:none; float:right; font-size:0.875em;}
.main li { display:inline-block; float:left; background:transparent url(../images/menu_pipe.png) right bottom no-repeat;padding:0 2px; padding-top:25px; line-height:2.2em; text-shadow:1px 2px #000;}
.main li.last { background:none;}
.breadcrum  ul { display:inline-block; list-style:none; font-size:0.875em; font:italic 1em Georgia, "Times New Roman", Times, serif; margin:10px 0 12px 0; }
.main li a { padding:3px 14px 10px;}
.main li a:hover, .main li a.active { background:transparent url(../images/bg_menu_active.png) top center no-repeat; text-decoration:none;}

.logo { margin-top:12px;}
.social { float:right; font-size:0.750em; line-height:1.7em; margin-top:8px;}
.georgia { font-family:Georgia, "Times New Roman", Times, serif;} 
.box1, .box2 { background:transparent url(../images/bg_box.png) left top repeat-x; display:inline-block; }
.trabajos .box1 { background:none;}
.divider { display:block;}
.picture { display:inline-block; float:left; margin-right:15px; }
.picture header { margin:0 0 10px;}
.picture.last { margin-right:0;}
.picture img { border-radius:4px; border:1px solid #BCBCBC;}
.picture img:hover { box-shadow:0 0 3px #fff;}
.content-box { padding:15px; display:inline-block;}
.biografia .content-box {-moz-column-count:2; 
-webkit-column-count:2; 
column-count:2;}
.frame-img { padding:5px; border:1px solid #666; margin:10px 0;}

.box2 { /*width:62.39%  599px / 960px */}
.box2 p, .box1 p {font-size:0.875em; color:#ccc; text-shadow:0 1px 1px #000;}
.box2 .right, .box2 .left { width:50%}
.box2 li { background:transparent url(../images/arrow_blue.png) left center no-repeat; padding-left:11px; line-height:1.5em;}

.blue { color:#17B2FF;}

.separator { clear:both;}
.left { float:left; display:inline-block;}
.right { float:right; display:inline-block;}

footer { display:inline-block; margin-top:30px; margin-bottom:40px;}
footer cite { font-size:0.688em; color:#999; margin-top:12px; display:inline-block;}

.col-left { display:inline-block; float:left; width: 62.38% /* 599px / 960px */; margin-top:20px;}
.col-right { display:inline-block; float:right; width: 36.46% /* 350px / 960px */; margin-top:20px;}
.btn-blue {background:transparent url(../images/bg_btn_blue.png) top left repeat-x; }
.btn-green {background:transparent url(../images/bg_btn_green.png) top left repeat-x; } 
.btn-right{ 
color:#fff; line-height:1.8em; border:0; padding:0 14px; text-shadow:0 1px 1px #666;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
float:right; margin-right:10px;
}
.contact .btn-right { float:none;}

button { font-size:100%; cursor:pointer;}

.col-sec-left { width:49%; display:inline-block; float:left; margin-right:2%;}
.col-sec-right { width:49%; display:inline-block; float:right;}

/* Contact  */
form#contacto { text-align:center; margin:0 0 30px 0;}
.contact input.formulario { width:300px; padding:6px; color:#333; border-radius:5px; background-color:#fff; border:1px solid #17B2FF; font-size:1em;}
.contact textarea {width:300px; padding:6px; color:#333; border-radius:5px; background-color:#fff; border:1px solid #17B2FF; font-size:1em; min-height:80px;}
.contact td { padding:10px 5px; line-height:2em; vertical-align:top;}