html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline
}
:focus {
outline:0
}
ol,ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none
}
div.clearb {
clear:both
}
html {
min-width:58.75em
}
body {
color:#222;
font:1em Verdana, Arial, Helvetica, sans-serif;
min-height:37.375em;
min-width:58.75em;
overflow:auto;
background:#fff url(../img/bokeh.jpg);
}
a {
color:#c5e909;
font-weight:bold;
text-decoration:none
}
a:hover, a:focus {
background:#c5e909;
color:#222;
}
#artakarana-title {
background:transparent url(../img/artakarana-creative-studios.png) no-repeat 0 0;
width:16.875em;
height:5.625em;
left:3.125em;
margin:0;
padding:0;
position:absolute;
color:#fff;
cursor:pointer;
text-indent:-9999em
}
#artakarana-logo {
height:15em;
width:15em;
left:50%;
top:50%;
margin-left:-7.5em;
margin-top:-7.5em;
opacity:0.6;
position:fixed;
z-index:0
}
#protect {
display:none;
height:15.625em;
position:absolute;
top:6em;
left:3em;
width:7em;
z-index:1000;
}
#menu {
-moz-border-radius:.625em;
-webkit-border-radius:.625em;
border-radius:.625em;
background:#222;
margin:0 3.125em;
position:absolute;
top:6.25em;
width:6.875em;
z-index:10
}
#menu ul {
width:6.875em;
}
#menu ul li {
float:left;
height:3.125em;
width:100%;
margin:0 auto;
padding:0;
text-align:center;
}
#menu ul li a {
-moz-border-radius:.625em;
-webkit-border-radius:.625em;
border-radius:.625em;
border:.0625em solid transparent;
color:#fff;
display:block;
font-size:.8em;
font-weight:bold;
margin:.3125em;
outline:none;
padding:.625em .3125em .3125em;
text-decoration:none
}
#menu ul li a span {
color:#c5e909;
display:block;
font-size:.6em;
padding-top:.24em;
text-transform:uppercase
}
#menu ul li a:hover,#menu ul li a:focus,#menu ul li:hover a,#menu ul li:focus a {
-moz-box-shadow:0 0 .5em #c5e909;
-webkit-box-shadow:0 0 .5em #c5e909;
border:.0625em solid #c5e909;
color:#c5e909;
background-color:#222;
}
#menu ul li a:hover span,#menu ul li a:focus span,#menu ul li:hover a span,#menu ul li:focus a span {
color:#fff
}
#menu ul li a.active {
color:#222;
background:#c5e909
}
#menu ul li a.active span{
color:#222;
}
#box {
-moz-border-radius:.625em;
-webkit-border-radius:.625em;
border-radius:.625em;
background:#222;
color:#fff;
left:1em;
top:0em;
width:0em;
height:0em;
margin:0;
position:absolute;
overflow:hidden;
opacity:0;
z-index:1
}
#box ul.secciones {
bottom:1.25em;
left:1.25em;
overflow:hidden;
position:absolute;
right:1.25em;
top:1.25em;
z-index:10
}
#box ul.secciones li {
color:#fff;
background:#222;
}
#box ul.secciones li h1{
color:#c5e909;
font-size:1.2em;
font-weight:bold;
line-height:1.2em;
margin:0;
padding:0;
margin-bottom:.5em;
white-space:nowrap
}
#box ul.secciones li .mask {
height:22.5em;
margin:0;
padding:0;
position:relative;
width:35em;
z-index:99;
overflow:hidden;
overflow-y:auto;
}
#box ul.secciones li .slider-buttons {
font-size:.7em;
margin:0 auto;
position:relative;
text-align:center;
width:35em
}
#box ul.secciones li .slider-buttons a {
border-right:.1em solid #ddd;
color:#c5e909;
padding:.125em .5em;
text-decoration:none;
font-weight:bold;
}
#box ul.secciones li .slider-buttons a:last-child {
border-right:0
}
#box ul.secciones li .slider-buttons a:hover, #box ul.secciones li .slider-buttons a:focus {
background:#c5e909;
color:#222;
}
#box ul.secciones li .mask ul li h2 {
color:#e909c5;
font-size:1.1em;
font-weight:normal;
line-height:.625em;
padding:.625em .625em .625em 0;
white-space:nowrap
}
#box ul.secciones li .mask ul li p {
display:block;
font-size:0.8em;
margin:.5em 0em;
}
#box ul.secciones li .mask ul li p a {
color:#c5e909;
font-weight:bold;
text-decoration:none
}
#box ul.secciones li .mask ul li a:hover, #box ul.secciones li .mask ul li a:focus {
background-color:#c5e909;
color:#222
}
#box ul.secciones li .mask ul li p span.italic {
font-style:italic
}
#box ul.secciones li .mask ul li p span.highlighted {
color:#09c5e9;
font-weight:bold
}
#box ul li.secciones .mask ul li p span.hightitle {
color:#9370db;
font-weight:bold
}
#box ul.secciones li .mask ul li blockquote {
font-size:.8em;
font-style:italic;
margin-top:2em;
text-align:right
}
#box ul.secciones li .mask #elements li.content {
float:left;
height:18.75em;
width:35em
}
#box ul.secciones li .mask ul li.content-full {
float:left;
height:22em;
width:35em;
position:absolute;
}
#box ul.secciones li .mask #elements li.content .capturas {
height:14.0625em;
display:block;
background:#000;
position:relative;
}
#box ul.secciones li .mask #elements li.content .capturas li img {
height:14.0625em;
margin:0 auto;
position:absolute;
width:35em
}
#box ul.secciones li .mask #elements li.content .clientes {
font-size:.7em;
margin-top:.5em;
white-space:nowrap;
width:100%;
position:relative;
}
#box ul.secciones li .mask #elements li.content .clientes strong {
color:#c509e9;
display:block;
float:left;
font-weight:bold;
letter-spacing:.125em;
margin-left:0;
width:10em
}
#box ul.secciones li ul.indexList li {
font-size:.8em;
font-weight:bold;
margin-top:.125em;
padding:.25em
}
#box ul.secciones li ul.indexList li:hover {
background:#c5e909;
color:#222;
cursor:pointer;
text-align:center
}
#box ul.secciones li ul.indexList li.invisible {
display:none
}
#formcontacto {
margin:.30em auto 0;
padding:0
}
#responseForm, #sendingForm, #sendingSuccess, #sendingError {
display:none;
font-size:1em;
opacity:0
}
#formcontacto ol.formContactoOl {
margin:0;
padding:0
}
.formContacto div p {
display:block;
font-size:0.8em;
margin:.5em 0em;
}
.formContacto div p.formButton {
font-size:1em;
height:1.1em;
margin:0;
padding:0;
text-align:center
}
.formContacto div h2 {
color:#e909c5;
font-size:1.1em;
font-weight:normal;
line-height:.625em;
padding:.625em .625em .625em 0;
white-space:nowrap
}
.formContacto ol.formContactoOl li {
font-size:.8em;
line-height:.8em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:.65em 0;
padding:0;
text-align:left;
}
.formContactoOl label {
display:inline-block;
font-weight:bold;
margin:0 .5em 0 0;
padding-top:5px;
text-align:left;
vertical-align:top;
width:12em
}
.formContactoOl label span {
display:inline;
width:10em
}
.formContacto input, .formContacto textarea, .formContacto select {
display:inline-block;
background:#fff none repeat scroll 0 0;
border:.0625em solid #fff;
color:#222;
display:inline-block;
font-size:.9em;
margin:0;
padding:.1875em;
vertical-align:top
}
.formContacto textarea {
font:0.9em Verdana,Arial,Helvetica,sans-serif;
margin-left:-5px;
width:26em;
}
.formContacto input {
border:1px solid #000;
margin:0;
padding:.1875em;
width:26em;
}
.formContacto select {
width:26.6125em
}
.formContacto input.checkbox {
display:inline-block;
height:.9375em;
margin:.1875em .625em 0 0;
padding:0;
width:.9375em
}
.formContacto input:hover, .formContacto textarea:hover, .formContacto select:hover, .formContacto input:focus, .formContacto textarea:focus, .formContacto select:focus {
background:#f2ffb0 none repeat scroll 0 0;
border:.0625em solid #fff;
padding:.1875em;
}
.formContacto input:focus, .formContacto textarea:focus, .formContacto select:focus {
background:#c5e909 none repeat scroll 0 0;
color:#000
}
span.requerido {
color:#c22;
display:inline-block;
font-size:.8em;
margin:.1875em 0 0 .1875em;
vertical-align:top
}
span.privacidad {
color:#fff;
display:inline;
font-size:1em;
line-height:1.4em;
margin-top:0
}
input.button,input.resetbutton {
-moz-border-radius:.625em;
-webkit-border-radius:.625em;
border-radius:.625em;
border:none;
background:#c5e909;
border:0;
color:#222;
font-size:.8em;
font-weight:bold;
height:1.8em;
padding-bottom:1em;
text-align:center;
width:8em
}
input.button:hover,input.resetbutton:hover,input.button:active,input.resetbutton:active{
background-color:#e909c5;
margin:0;
border:none;
}
.fc-field-error {
border:.125em solid #800!important
}
#box ul.secciones li .mask ul li p.centered {
text-align:center;
margin:0 auto;
padding:0;
}
#box ul.secciones li .mask ul li p.centered a, #box ul.secciones li .mask ul li p.centered a:hover{
background-color:#222;
margin:0;
padding:0;
}
#box ul.secciones li .mask ul li p.centered a img {
border:0.625em solid #fff;
margin:0.0625em;
margin-bottom:0;
padding:0;
}
#box ul.secciones li .mask ul li p.centered a img:hover {
border:0.625em solid #c5e909;
}
#footer {
background:#222;
margin:0;
padding:0;
bottom:0;
position:fixed;
width:100%;
height:1em;
z-index:99
}
#footer p {
margin:0;
padding:0;
font-size:.7em;
font-weight:bold;
height:1em;
min-width:100%;
text-align:center;
text-decoration:none
}
#footer p, #footer p a {
color:#eee;
}
#footer p a {
border-left:.1em solid #666;
line-height:1.4em;
text-decoration:none;
margin:0;
padding:.125em .625em
}
#footer p a:hover,#footer p a:focus {
color:#222;
background:#c5e909;
}