html,body,div,span,applet,object,iframe,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,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
/* ------------------------------ */ /* http://polmoneys.com */ /* ------------------------------ */
html,body{height:100%;}
body { font-size:100%;line-height:1.125em;background: #2e54a2 url('ux/bg_button.png') repeat-x 0 top; font-family: "Helvetica", Helvetica,Verdana, sans-serif;
text-align: center;overflow-y: scroll;# text-shadow: 0 0 0 #000;}
/* Layout
--------------------------------------------------------------*/
#metaframe{clear: both;text-align: left;width: 590px;margin: 50px auto;margin-top:10px;color: #fff;border: 1px solid #231e10;-webkit-border-radius:6px;-moz-border-radius:6px;font: bold 12px "Helvetica", Verdana, sans-serif;background: #dedede ;box-shadow: #363636 2px 2px 4px;-moz-box-shadow: #363636 2px 2px 4px;-webkit-box-shadow: #363636 2px 2px 4px;overflow: hidden;}
#mainframe{overflow: hidden;}
#about,#webs,#content,#apps{padding: 10px;height: 500px;}
#ie{display: none;}
hr { border: none; border-bottom: 1px solid #999; border-top: 1px solid #2B438B; margin: 10px 0; box-shadow: #000 1px 1px 5px;-moz-box-shadow: #fff 1px 1px 5px;-webkit-box-shadow: #555 1px 1px 4px;}
#header{margin: 100px auto;width: 590px;height: 200px;}
#mobileVersion{display: inline;float: right;margin-top: 10px;}
h1,h2,h3,h4 {font-family:"Georgia","Monaco",serif;}
h1 {width: 284px;text-decoration:none;border:0;height : 68px;background : url('png/guillemlogo.png') no-repeat 0 0;float: left;text-indent : -9999px;}
h2 {font-size: 135%;line-height:1.3em;color: #efefef;font-weight: bold;margin-top:2em;margin-bottom: 2em;}
h3 {color:#E2E2E2;font-size:30px;line-height:1em;padding-top: 10px;border-top: 1px solid #F2F2F2; }
h3 strong{color:#2e54a2;display:block;font-size:85px;font-weight:normal;letter-spacing:-3.5px;line-height:1em;}
h4 {color: #000; margin: 1em;font-size: 206%;text-shadow:0px 0px 10px #888;}
p{line-height: 1.5em;font-weight: bold;width: 96%;}
/* Nav horizontalleft (anchor zoom para IEbug + center text lineheight=height---->To the center of the page, add text-align: center; to the )
-------------------------------------------------------------- */
ul.nav { list-style-type: none; padding-left: 0; margin-left: 0;padding-top: 6px; padding-bottom: 3px; overflow: hidden; zoom: 1;}
ul.nav li { float: left;padding: 10px; }
ul.nav li:last-child { float: left;padding: 10px; margin-left: 30px;}
ul.nav a { display: block;height: 1.25em; line-height: 1.25em; text-decoration: none;}
#contactBtn { margin-top: -1em;width: 50px;height: 50px; }
/* useless
-------------------------------------------------------------- */
.niceimg{border: 1px solid; border-color: rgb(0,0,0); border-color:rgba(0,0,0,0.3);}
.alignLeft{float: left;}
.clear{clear:both;}
/* Forms
--------------------------------------------------------------
*/
#form{padding: 1em;overflow:hidden;width: 100%;display: none;}
#name, #email {color: #fff;background: #818086 url('ux/bg_input.png') repeat-x;border: 1px solid #231e10;height: 24px;-webkit-border-radius:6px;-moz-border-radius:6px;font: bold 12px "Helvetica", Verdana, sans-serif;width: 160px;padding: 10px;}
textarea:focus {border: 1px solid #585858;}
textarea {overflow:auto;color: #fff;border: 1px solid #231e10;-webkit-border-radius:6px;-moz-border-radius:6px;
font: bold 12px "Helvetica", Verdana, sans-serif;width: 340px;background: #818086 url('ux/bg_input.png') repeat-x;height: 150px;padding: 10px;}
.button{display: inline-block;background: #2e54a2 url('ux/bg_button.png') repeat-x 0 top;border: 1px solid #231e10;padding: 5px;text-align: center;
font: bold 10pt "Helvetica", Verdana, sans-serif;color: #fff;text-shadow: #000000 0px 1px 0px;-webkit-border-radius:6px;-moz-border-radius:6px;width: 90px;}
a.button:visited {opacity: 0.90;}
a.button:hover {opacity: 0.90;}
a.button:active {opacity: 0.90;}
.buttons{display: inline-block;background: transparent url('ux/navigator.png') no-repeat;width: 50px;height: 50px;}
.buttons:hover{color: #FF596E; opacity:0.9;background-position: 0 -50px ;}
.buttons:active{ opacity:0.2;background-position: 0 -100px;}
.buttons:visited{ opacity:0.9;}
/* Anchors & Buttons
-------------------------------------------------------------- a:visited {color:rgb(255,89,110);color:rgba(255,89,110,0.9);}
*/
a:link {color: #fff;text-decoration: none;}
a:visited {color:rgb(255,89,110);color:rgba(255,255,255,0.9);text-decoration: none;}
a:hover, a:active a:focus {text-decoration: none;color:rgb(255,255,255);color:rgba(255,255,255,0.9);}
a.buttons:link { color:white; }
a.buttons:visited {color:rgb(255,89,110);color:rgba(255,89,110,0.8); }
a.buttons:hover { color: #FF596E; }
a.buttons:active {color:rgb(255,89,110);color:rgba(255,89,110,0.6); }
/* TipTip CSS - Version 1.2 */
#tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 99999;}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}
#tiptip_content {
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: rgb(25,25,25);
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
}
#tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0;width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgb(25,25,25);border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgb(25,25,25);border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px;margin-left: -5px;border-right-color: rgb(25,25,25);border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgb(25,25,25);border-left-color: rgba(25,25,25,0.92);}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {padding: 4px 8px 5px 8px;background-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92);}}
/**
* jQuery sexyCycle v0.3
*
* Terms of Use - jQuery sexyCycle
* under the MIT (http://www.opensource.org/licenses/mit-license.php) License.
*
* Copyright 2010 suprb.com All rights reserved.
* (http://suprb.com/apps/sexyCycle/)
*/
ul.sexyCycle-content { list-style: none; margin: 0; padding: 0; width: 99999999; position: absolute;}
li.sexyCycle-content { margin: 0; padding: 0; }
.sexyCycle { position: relative; overflow: hidden; }
.sexyCycle-wrap { position: relative; width: 99999px; }
.sexyCycle-content { width: 99999; position: absolute; overflow: hidden;}
.textSlide{width: 568px;border: 1px solid #999;height: 440px;}
.controllers{ padding-top: 1em;height: 50px;}
/* caption styling */
.caption-top, .caption-bottom {color: #ffffff; padding: 1.2em 10px 1.2em 10px; font-size: 13px;background: #2e54a2 url('ux/bg_button.png') repeat-x 0 top;border: 0px solid #242424;text-shadow: 1px 1px 0 #202020;line-height: 1.5em;text-align: justify; text-justify: newspaper;}
.caption-top {border-width: 0px 0px 2px 0px;}
.caption-bottom {border-width: 2px 0px 0px 0px;}
.caption a, .caption a {border: 0 none;text-decoration: none;background: #000000;padding: 10px;}
.caption a:hover, .caption a:hover {background: #202020;}