/* CSS Document */

#header, #menu, #footer, #invisible, #ladoI, #ladoD, #centro {
position:absolute;
}

body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Verdana, Helvetica;
}

#header {
display: block;
background: white url('/images/imgs/tinchodp.png') no-repeat;
height: 80px;
width: 980px;
top: 0;
left: 2px;
right: 2px;
bottom:auto;
text-align:center;
text-transform:capitalize;
text-decoration:blink;
letter-spacing: 2px;
font:x-large Arial, Helvetica, sans-serif;
font-weight: bold;
border: 0;
margin: 5px auto 5px auto;
padding: 0;
}

#invisible {
display: block;
background:#f4f4f4;
top: 120px;
left:2px;
right:2px;
bottom: auto;
width:980px;
height:auto;
margin: 3px auto 0 auto;
}


#ladoI {
left:0;
top:0;
right:400px;
bottom: auto;
border: gray 1px dotted;
width:200px;
height: 300px;
margin: 2px 0 5px 0;
}


#ladoD {
right:0;
border: 0;
width:250px;
min-height: 400px;
height:auto;
margin: 2px 0 5px 0;
display: block;
}


div.apart {
margin: 0 0 4px 0;
padding: 0;
border: gray 1px dotted;
display: block;
width: 249px;
height: auto;
min-height: 100px;
background: white;
}

#centro {
left:0px;
right:254px;
top:0;
bottom: auto;
border: gray 1px dotted;
width:auto;
max-width:730px;
height: auto;
min-height: 420px;
margin: 2px auto 5px auto;
display:block;
}


#footer {
border: black 1px dotted;
width: auto;
height:25px;
margin: 5px 5px 5px 5px;
bottom: 0;
left:0;
right:0;
text-align:center;
background:white url('/images/imgs/menuli.png') repeat-x;
font-weight: bold;
text-shadow: white 1px 1px 1px;
}

#menu {
display: block;
background: black;
margin: 5px auto 5px auto;
width:980px;
height:30px;
top: 85px;
left:2px;
right:2px;
bottom: auto;
border: gray 1px dotted;
color: white;
font-weight: normal;
font-family: "Trebuchet MS", Verdana, Helvetica;
font-size: large;
text-aling: center;
overflow:hidden;
}

.cabeza {
margin: 0 0 5px 0;
padding: 0;
width: 100%;
height: 23px;
border-bottom: #AAA 1px dotted;
background:  url('/images/imgs/menuli.png') repeat-x;
text-align: center;
text-shadow: white 1px 1px 1px;
color: black;
}

.der {
float:right;
}

.izq {
float: left;
}


div.visitas {
display: block;
margin: 10px 50px 20px 50px;
border: black 1px solid;
width: 592px;
height: auto;
clear:both;
}

div.vtitulo {
border-bottom: black 1px dotted;
background: url('/images/imgs/menuli.png') repeat-x white;
padding: 0 0 0 15px;
width: 577px;
}


div.vtitulo:hover {
font-style: italic;
}

div.vcuerpo {
max-height: 200px;
width: 592px;
padding-bottom: 5px;
overflow: auto;
clear:both;
background: #FCFCFC;
}

div.vagrcoment {
width: 200px;
height: 25px;
margin: 15px 80px 15px 50px;
display: block;
text-align: center;
background: url('/images/imgs/menuli.png') repeat-x white;
border: 1px black solid;
color: black;
}

div.vagrcoment:hover {
background: url('/images/imgs/menufondo.png') repeat-x white;
color: #C80000;
border: #C80000 1px solid;
font-style: italic;
}




div.vpags {
width: 300px;
height: 20px;
margin: 0 80px 50px 50px;
display: block;
text-align: right;
font-style: italic;
font-size: small;
}

div.vpags span {
margin: auto 1px auto 1px;
background: url('/images/imgs/menufondo.png') repeat-x white;
border: #C80000 1px solid;
color: #C80000;
padding: 0 5px 0 5px;
text-decoration: none;
}

div.vpags span:hover {
background: url('/images/imgs/menuli.png') repeat-x white;
color: #C80000;
border: #C80000 1px solid;
font-style: italic;
text-decoration: none;
}

div.vpags a {
margin: auto 1px auto 1px;
background: url('/images/imgs/menuli.png') repeat-x white;
border: black 1px solid;
color: black;
padding: 0 5px 0 5px;
text-decoration: none;
}

div.vpags a:hover {
background: url('/images/imgs/menufondo.png') repeat-x white;
color: #C80000;
border: #C80000 1px solid;
font-style: italic;
text-decoration: none;
}

form.formularios {
margin: 10px 10px 100px 10px;
}


form input.text {
border: 1px gray solid;
width: 200px;
height: 20px;
background:white;
}


form input.num {
border: 1px gray solid;
width: 50px;
height: 20px;
background:white;
}