/* CSS Document 
 IE6 css fixer 20 Abr 2009 
 ============================================= 
 add display:inline to floated elements */
* html .left,* html .right,* html .more,* html .imgindent,* html .menu li,* html .button {
display:inline;
}

/* add zoom:1 to pos:relative elements */
* html .bubbleInfo {
zoom:1px;
}

/* hasta aqui el fixer  */
<style type="text/css">
img,div {
behavior:url(iepngfix.htc);
}

</style>
* {
font-size:100%;
margin:0;
padding:0;
}

body {
background:url(imagenes/body_bg.gif);
text-align:center;
}

img {
vertical-align:top;
}

a img {
border:0;
}

ul {
list-style:none;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

html,input,textarea {
font-family:tahoma;
font-size:0.75em;
line-height:1.25em;
color:#777878;
}

input,select {
vertical-align:middle;
font-weight:400;
}

a {
color:#7a7c7c;
}

a:hover {
text-decoration:none;
}

p {
padding-top:15px;
}

/* ============================= main layout ====================== */
.more {
background:#434b4e url(imagenes/mas_derecha.gif) top right no-repeat;
float:right;
display:block;
}

.more a {
background:url(imagenes/mas_izquierda.gif) top left no-repeat;
color:#a1a5a7;
font-size:1em;
font-family:arial;
font-weight:700;
text-decoration:none;
display:block;
padding:5px 10px;
}

.more a:hover {
color:#fff;
}

h1 {
background:url(imagenes/creacion_web.jpg) top left no-repeat;
text-indent:-10000px;
height:75px;
line-height:1.25em;
font-size:0.75em;
}

h2 {
color:#cdcdcd;
font-size:1.2em;
margin-bottom:15px;
font-family:arial;
}

li {
background:url(imagenes/lista_bg.gif) no-repeat 0 7px;
padding-left:12px;
line-height:1.5em;
}

li a {
color:#6d787e;
text-decoration:none;
}

li a:hover {
text-decoration:underline;
}

.imgindent {
float:left;
margin:0 20px 0 0;
}

/* ============================= cabecera ====================== */
.top_tall {
background:url(imagenes/cabecera_tall.gif) top repeat-x;
}

.logo {
padding:42px 0 0 74px;
}

.menu {
padding:16px 0 0 486px;
}

.menu li {
background:none;
float:left;
width:97px;
margin-right:4px;
padding:0;
}

.menu li a {
display:block;
background:url(imagenes/menu_li.gif) top left no-repeat;
text-transform:uppercase;
color:#9ea5a7;
font-weight:700;
font-size:1.167em;
text-align:center;
font-family:arial;
padding:10px 0 9px;
}

/* ============================= medio ====================== */
#footer_row .indent {
padding:25px 93px 30px 74px;
}

#footer_row li a {
color:#6d787e;
}

.main_indent {
padding:0 59px 15px 65px;
}

#row2 .main_indent {
padding:14px 59px 17px 65px;
}

#row3 .main_indent {
padding:16px 59px 55px 65px;
}

#footer_row h2 {
margin-bottom:13px;
}

.box {
background:#252728 url(imagenes/caja_tallb.gif) bottom repeat-x;
}

.box .t {
background:url(imagenes/caja_tallt.gif) top repeat-x;
}

.box .br {
background:url(imagenes/caja_br.gif) bottom right no-repeat;
}

.box .bl {
background:url(imagenes/caja_bl.gif) bottom left no-repeat;
}

.box .tr {
background:url(imagenes/caja_tr.gif) top right no-repeat;
}

.box .tl {
background:url(imagenes/caja_tl.gif) top left no-repeat;
width:100%;
}

.line {
border-bottom:2px solid #383c3d;
padding-bottom:15px;
margin-bottom:18px;
}

.button {
display:block;
float:left;
width:80px;
text-align:center;
margin-right:5px;
color:#fff;
font-size:0.8em;
font-family:arial;
font-weight:700;
text-decoration:none;
padding:5px 6px 5px 0;
}

.orange {
background:url(imagenes/boton_naranja.gif) top left no-repeat;
}

.orange:hover {
color:#f8d49c;
}

.green {
background:url(imagenes/boton_verde.gif) top left no-repeat;
}

.green:hover {
color:#a8fb6f;
}

.blue {
background:url(imagenes/boton_azul.gif) top left no-repeat;
}

.blue:hover {
color:#aaebfd;
}

.text2 {
color:#cdcdcd;
font-size:0.917em;
}

.small {
font-size:0.917em;
}

/* ============================= pie ====================== */
#footer .main {
color:#cdcdcd;
text-align:center;
padding-top:41px;
}

#row1 .main {
background:url(imagenes/row1_bg.gif) top left no-repeat;
}

#footer_row {
background:#242728 url(imagenes/pie_row_tall.gif) top repeat-x;
color:#6d787e;
}

#footer_row .main {
background:url(imagenes/pie_row_bg.gif) top left no-repeat;
}

#index_1 #row1 .container {
padding:26px 0 0;
}

#index_1 .line {
padding-top:4px;
}

#index_1 #row3 .indent {
padding:21px 16px 36px 24px;
}

#index_1 #row3 .container {
padding:12px 0 24px;
}

#index_2 #row2 .indent {
padding:21px 16px 16px 20px;
}

#index_2 #row3 .indent {
padding:21px 16px 16px 27px;
}

#index_2 #row3 .more {
margin:12px 0 0 10px;
}

form .rowi {
height:59px;
}

form .rowt {
height:136px;
}

.input {
width:265px;
height:20px;
font-size:1em;
padding:0 0 0 5px;
}

textarea {
width:296px;
height:79px;
overflow:auto;
font-size:1em;
padding:0 0 0 5px;
}

/* ============================= index-5 =========================== 
 ============================= Burbuja =========================== */
#index_3 #row1 .main_indent {
padding:0 59px 55px 65px;
}

#index_3 #row1 .indent {
padding:21px 26px 33px 24px;
}

#index_3 #footer_row .indent {
padding:25px 99px 29px 75px;
}

.bubbleInfo {
position:relative;
}

.popup {
position:absolute;
display:none;
}

/* formulario de contacto */
#contactArea {
background-image:url(conBg.png);
background-position:0 0;
background-repeat:repeat-x;
padding:0 10px;
}

#contactForm {
padding:10px;
}

#contactForm label {
display:block;
font-weight:700;
color:#FFF;
}

#contactForm input,#contactForm select {
width:95%;
background-color:#333;
border:1px solid #444;
color:#CCC;
padding:3px;
}

#comments {
width:98%;
font-size:12px;
background-color:#333;
border:1px solid #444;
color:#CCC;
font-family:Arial, Helvetica, sans-serif;
padding:3px;
}

#contactForm input:focus,#contactForm #comments:focus {
background-color:#ffc;
color:#000;
}

#contactForm #submit {
width:100%;
font-weight:700;
background-color:#000;
border:3px solid #444;
cursor:pointer;
padding:5px 0;
}

#contactForm #submit:hover,#contactForm #submit:focus {
color:#ffc;
}

#contactForm .required,#contactForm small {
color:#666;
}

.date,#footer a {
color:#434b4e;
}

.menu li a:hover,.menu .active {
background:url(imagenes/menu_li_a.gif) top left no-repeat;
color:#FFF;
text-decoration:none;
}

#index #row1 .indent,#index #row2 .indent,#index #row3 .indent {
padding:21px 16px 16px;
}

#index_1 #row1 .indent,#index_2 #row1 .indent {
padding:21px 16px 16px 24px;
}