/* A Cross-Browser.com X demo.
   Default style rules for layout8.html.
*/

/* Presentational rules. */

body, html {
background-color:#5C677B;
  margin:0;
  padding:0;
  color:#000;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:x-small;
}

p {
  margin:.5em 0;
  padding:0;
}

h1 {

background-color:#D8031F;
color:#FFFFFF;
border:2px solid #FFFFFF;
padding-left:4px;
  margin-top: .5em;
  margin-bottom: .5em;
  font-size:small;
}

h2 {
  margin-top:0;
  margin-bottom:0;
  font-size:x-small;
}

#Header {
background-image:url(../img/cabecera.jpg);
background-repeat:no-repeat;
width:970px;
height:60px;
  padding:0;
  margin:0;
}
#Header h1 {
  margin:0;
  padding:5px;
}
#Header p {
  margin:0;
  padding:5px 5px 10px 5px;
}

body {
  min-width:970px;
  text-align:center; /* to center idPage in IE6 */
}

#Page {
  position: relative;
  margin:10px auto; /* to center Page in modern browsers */
  padding:0;
  width:970px;
  text-align:left; /* to keep the above from being inherited */
}

#PgBody {

background-color:#FFFFFF;

/*  width:970px; */
  margin:0;
  padding:0;
  border:10px solid #FFFFFF;
}

#Content {
background-color:#E6E9DD;
  padding:12px;
  margin:0;
  height:100%;
}

#Content p{
  margin:.5em 0;
  padding:0;
  text-align:justify;
  font-size:x-small;
}

#Content lo, ul{
  margin-top:0;
  margin-bottom:0;
  padding:0;
  text-align:justify;
}

#Content li{
  margin:.5em 0;
  padding:0;
  text-align:justify;
}

#contentLeft {
	width: 190px;
	margin: 0;	padding: 0;
	vertical-align:top;
}

#contentRight {
	width: 190px;
	margin: 0;	padding: 0;
	vertical-align:top;
}

#contentMiddle {
	width:auto;
	margin: 0;	padding: 10px;
	vertical-align:top;
}

#Footer {
  padding:5px;
  background-color:#5C677B;
  font-size:xx-small;
  color:#FFFFFF;
  text-align:center;
}

#Footer a{
  font-size:xx-small;
  color:#FFFFFF;
  text-decoration:none;
}

#barraMenu{
font-family:verdana,arial,helvetica,sans-serif;
font-size:xx-small;
color:#634B44;
display:block;
text-align:center;
vertical-align:bottom;
width:184px;
}

#barraMenu a{
background-image:url(../images/down180.gif);
background-repeat:no-repeat;
background-position:bottom;
color:#634B44;
display:block;
text-align:center;
width:184px;
padding-top:18px;
padding-bottom:6px;
text-decoration:none;
letter-spacing:1px;
font-weight:bold;
}

#barraMenu a:hover{
background-image:url(../images/up180.gif);
color:#009900;
letter-spacing:1px;
}

#galIzq img{
width:90px;
height:90px;
border:1px solid black;
}
/*----------------------------------------------------------------------------------------------------*/

form {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:x-small;
}

textarea {
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:x-small;
width:230px;
height:150px;
border:1px solid #F7FAED;
margin:1px;
overflow:auto;
}

input{
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:x-small;
width:200px;
border:1px solid #F7FAED;
margin:1px;
}

input#texto{
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:x-small;
  background-color:#E6E9DD;
  border:1px solid #E6E9DD;
width:60px;
margin:1px;
}

#botForm{
width:115px;
cursor:pointer;
}

a{color:#B80715; text-decoration:none;}
a:hover{color:#B80715; text-decoration:none; font-weight:bold;}
a:active{color:#B80715; text-decoration:none;}
a:visited{color:#B80715; text-decoration:none;}