/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

a { outline: none; }


/* -------------------------------------------------------------- 
   Tipografia
-------------------------------------------------------------- */

body { font-size: 100%; background: #fff /* url(../img/bg.gif) */ ; color: #444; border-top: 0px solid #31f9f6; border-bottom: 0px solid #f00;}
body,p,ul,ol,dl,input,textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h3,h4,h5,h6 { font-weight: bold; font-family: Arial, sans-serif; color: #333; }

h1 { font-size: 1.5em; line-height: 1; margin: 0.5em 0 1em 0; }
h2 { font-size: 1.25em; margin: 1.5em 0 0.25em; color: #333; font-weight: normal;}
h3 { font-size: 1.5em; line-height: 1.25; margin-bottom: 1.5em; }
h4 { font-size: 1.25em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

.about h3 {
letter-spacing:0pt;
margin-bottom:0.5em;
}

/* Elements de text
-------------------------------------------------------------- */

p { margin: 0 0 1em;}

ul, ol { margin-left: 0; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }

ol li {margin: 0 0 1em 4em}

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

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

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Layout
-------------------------------------------------------------- */

#ani {
height:222px;
left:50%;
margin-left:-150px;
margin-top:-150px;
position:absolute;
top:50%;
width:397px;
}

#logo {width: 620px; margin: 10px auto 10px; }
#logo h1 {font-size:1%; text-indent:-9999px; }
#logo a.fonslogo {height: 150px; width: 620px; background: transparent url(../img/logo-2.png) left center no-repeat; display:block;}

#lang {position: absolute; width: 291px; height: 44px; top: -14px; right: 0px; background: transparent url(../img/tab_02.png) no-repeat; padding-left: 18px; padding-top: 7px;}
#lang li {float: left; margin-right: 8px; font-size: 90%; display: block; width: 79px; text-align: center; }
#lang li a {color: #F00; }

div.about, div.serveis, div#contact, div#info {width: 620px; margin: 10px auto; padding: 30px; background: transparent; position: relative;}
div.about {padding-top: 10px; }
div.ample .serveis {padding: 50px 30px 30px;}

div#sub1 {padding-bottom: 30px;}
div#sub1 div.serveis {padding-bottom: 10px;}

div#contact {display: none; margin: 0 auto; padding-top: 0;}
div#info {text-align: center; margin: 0 auto;}

.about h1 {font-size: 1.75em; color: #02b6b6;}
.about p {margin: 0 0 1em 0;}
#info p {margin: 0 0 0 0; color: #ccc;}

ul#serv {margin-left: 40px; list-style-image: url(../img/ico.png);}

div#sub1 {border-bottom: 0px solid #ccc;}

div.ample {width: 100%; background: #e4e4e4; border-top: 1px solid #c7c7c5; border-bottom: 2px solid #c7c7c5; }
div.ample2 {width: 100%; background: #222;}

div.thanks {width: 650px; margin: 10px auto 90px; padding: 30px; background: transparent; }

a.top p {font-size:1%; text-indent:-9999px;}
#info a.top {width: 43px; height: 24px; background: transparent url(../img/tab_03.png); position:absolute; top: -3px; right: 0; }
#info a.top:hover {background: transparent url(../img/tab_04.png);}

hr.clear {
clear:both;
visibility:hidden;
}


/* Form
---------------------------- */

#contacto {background: transparent url(../img/form-bg_01.png) top left no-repeat; padding: 0; margin: 0 0 20px 60px; margin-bottom: 20px;}

#contacto h2 {padding: 25px 0 0 25px;}
#contacto p {font-size: 100%;}
#contacto fieldset {display: block; padding: 25px; padding-bottom: 0; background: transparent url(../img/fieldset-bg_01.png) bottom left no-repeat;}
#contacto label {margin-left: 0px;}
#contacto textarea {width: 450px;height: 150px;margin-top: 0px;}

#nombre, #empresa, #email, #telefono, #text {border: 1px solid #BBBBC4; width: 250px; height: 20px; margin: 0 20px 0px 0; padding: 0; }
#botEnviar {margin-bottom: 20px;}