/* hoja de estilos standard para accessiblecruisetours.com */

body {
margin: 0 auto;
padding: 0px;
}

#main {
margin: 0 auto;
width: 860px;
background: url(../gif/fondo_main.gif) repeat-y;
}
#cabecera {
position: relative;
width: 840px;
margin: 0 auto;
height:175px;
background: url(../jpg/estetica/cabecera-fondo.jpg) no-repeat;
padding: 0px 0px 0px 0px;
font:0.7em Helvetica, Arial;
color: #9e9e9d;
}

#cabecera a {
text-decoration: none;
}

#menu {
width: 825px;
height:38px;
margin: 0 auto;
background-image: url(../gif/fondo_menu.gif);
padding-left: 15px;
}

#menu a {
display: block;
float: left;
font: bold 0.9em/1em  Helvetica, Arial;
color: #9e9e9d;
text-decoration: none;
height: 25px;
padding: 13px 25px 0px 25px;
}

#menu a.marcat {
background-color: white;
background-image: url(../gif/fondo_menumarc.gif);
color:#2f0f98;
border-left:1px solid #EEEEF0;
border-right:1px solid #EEEEF0;
border-top:1px solid #2f0f98;
padding-top: 12px;
}

#menu a.welcome {
margin-left:-15px;
padding-left:23px;
}

#menu a:hover {
background-color: white;
background-image: url(../gif/fondo_menumarc.gif);
color:#2f0f98;
}

#content {
position: relative;
width: 840px;
margin: 0 auto;
}

#principal {
position: relative;
width: 564px;
padding: 20px 20px 20px 25px;
}
#addicional {
position: absolute;
top: 0px;
left: 609px;
width: 230px;
height: 285px;
}

#addtop {
background: url(../gif/addtop.gif);
padding: 20px 35px;
}

#addtop img {
padding: 10px 0px 0px 0px;
}

#addbase {
background: url(../gif/add_down.gif) no-repeat;
height: 106px;
}

#addicional ul {
padding: 0px;
font: bold 0.8em/1.8em Helvetica, Arial;
color: #9e9e9d;
margin:0px;
list-style: none;
}

#addicional ul a {
font: bold 1.4em/2em Helvetica, Arial;
color: #5bd1d2;
text-decoration:none;
}

#addicional ul a:hover {
font: bold 1.4em/2em Helvetica, Arial;
color:#2f0f98;
}

#footer {
position:relative;
width: 840px;
height:40px;
margin: 0 auto;
padding-left: 35px;
background: url(../gif/fondo_footer.gif) no-repeat;
}

p{
margin-top:0px;
font: 0.9em/1.6em Helvetica, Arial;
color: #80807d;
}

p.credit{
display: block;
float: left;
padding-top: 10px;
margin: 0px;
border-top: 1px dotted #e7e7fc; 
font: 0.8em/1.6em Helvetica, Arial;
color: #80807d;
width: 500px;
}

p.creator{
display: block;
float: right;
padding-top: 10px;
margin: 0px;
border-top: 1px dotted #e7e7fc; 
font: 0.6em/1.6em Helvetica, Arial;
letter-spacing: 0.1em;
color: #80807d;
width: 290px;
text-align: right;
}

p.creator a {
color: #c3c3c2;
}

p.creator a:hover {
background-color: white;
color: #A3A3A3;
}

img {
border: 0px;
}

h1 {
font:bold 0.7em/2em bold Helvetica, Arial;
letter-spacing:-0.5pt;
color: #5bd1d2;
margin:0px;
}

h2 {
margin: 10px 0px 0px -10px;
font:bold 1em/1.2em bold Helvetica, Arial;
letter-spacing:-0.5pt;
color:#2f0f98;
padding:10px 0px 10px 11px;
background: url(../gif/h2.gif) no-repeat;
height:20px;
}

h2 a {
position:relative;
top: -1.2em;
margin:0px;
padding: 0px 3px 0px 0px;
display: block;
font-weight: normal;
color:#6c6c6c;
text-decoration: none;
text-align:right;

}
h2 a:hover{
color: #2f0f98;
}

h3 {
float:right;
width: 200px;
padding: 10px;
margin: 0px 0px 10px 10px;
border-top: 1px dotted #dedede;
border-bottom: 1px dotted #dedede;
font: 1.2em/1.6em Georgia, Times, serif;
color: #80807d;
background: url(../gif/craig.gif) no-repeat bottom right;
}
h4 {
padding-top:15px;
font: italic bold 0.9em/1.1em Georgia, Times, serif;
color:#2f0f98;
margin:0px;
list-style: none;
}

#principal img {
}


p a {
font-weight: bold;
color:#6c6c6c;
text-decoration: none;
}
p a:hover{
color: white;
background-color: #2f0f98;
}
.pie {
font: 0.7em/0.8em Helvetica, Arial, sans-serif;
color: #80807d;
padding: 5px 5px;
margin:0px;
}
.espacio {
margin-top: 10px;
}
.lateral {
margin: 0px 13px 15px 2px;
}

.size {
position: absolute;
top: 10px;
left: 520px;
font: 1.1em/1em Helvetica, Arial, Sans-Serif;
color: #9e9e9d;
background-color: white;
padding: 5px;
height:15px;
width: 100px;
}
.size a {
text-decoration: none;
color: #2f0f98;
}

/******************
FORMULARIOS
*******************/
form {
margin: 5px;
padding-top: 10px;
 
}
form p{
margin-top:0px;
font: 0.9em/1.5em Helvetica, Arial;
color: #80807d;
}
input.gran {
font:1.2em Arial ;
color: #2f0f98;
background-color:white;
width: 200px;
}
textarea {
font:0.9em Arial ;
color: #2f0f98;
width: 315px;
height: 200px;
}
div.area {
float: right;

}